/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

body {
    background-color: rgb(238, 238, 238);
    padding-bottom: 20px;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.body-content {
    padding-left: 0;
    padding-right: 0;
}

.container.body-content {
    margin-top: 90px;
}

.bold{
    font-weight:bold !important;
}

.cursor{
   cursor:pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.m-10{
    margin:10px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}


.m-t-15 {
    margin-top: 15px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-b-15{
    margin-bottom:15px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.top-2 {
    position: relative;
    top: 2px;
}

.top-5 {
    position: relative;
    top: 5px;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-right, .no-padding-right-xs {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.font-weight-normal, .form-check-label {
    font-weight: normal !important;
}

.no-attachement .glyphicon-paperclip {
    display: none;
}

span.glyphicon.glyphicon-off {
    font-size: 25px;
    color: #fff;
}

.logout.visible-xs {
    color: #fff;
    float: right;
    margin-left: 16px;
    font-size: 18px;
}

.glyphicon-map-marker {
    color: #999;
    margin-top: 8px;
    margin-right: 10px;
}

.glyphicon-print.lg:before {
    font-size: 24px;
}

.navbar {
    margin-bottom: 0px;
}

.breadcrumb {
    margin-bottom: 0;
    float: left;
}

    .breadcrumb li a {
        color: #333;
    }

.green .breadcrumb > .active {
    color: #FFF;
}

.green .breadcrumb {
    background-color: #006a6b;
}

    .green .breadcrumb li a {
        color: #FFF;
    }

.e-table p {
    margin: 0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #006a6b;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .m-t-44 {
        margin-top: 44px !important;
    }

    .no-padding-right-md {
        padding-right:0 !important;
    }
}

@media (max-width:767px)
{    
    .m-b-15-xs {
        margin-bottom: 15px !important;
    }

    #visitors li a {
        font-size: 14px !important;
    }

    #gateSecurity h3 {
        margin: 10px 0;
        font-size: 17px;
    }

    h3.panel-title {
        font-size: 17px !important;
    }

    .container-fluid > .navbar-header {
        margin-left: -30px;
    }

    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -31px;
    }

    .navbar-nav {
        margin: -3px -15px 7.5px;
        z-index: 1001;
        position: relative;
        background-color: #006a6b;
    }
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color:#FFF !important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff !important;
}

.navbar-toggle {
    margin-right: 0 !important;
}

.navbar-btn {
    margin-bottom: 0 !important;
}

.navbar-inverse {
    background-color: #006a6b;
    border-color: #006a6b;
}

    .navbar-inverse .navbar-nav > .active > a
    {
        background-color:transparent;
        border-bottom:3px solid;
    }

    .nav > li {
        position: relative;
        display: block;
        padding: 15px;
        font-size: 18px;
    }

.nav.tabs li {
    padding: 0;
}

.navbar-header {
    height: 80px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a {
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0;
}

    .nav-tabs > li > a:hover{
        background-color:#fff;
    }

    #menu-left > li {
        font-size: 14px;
    }

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

img#logo-img {
    margin: 14px 0;
    display: inline-block;
    max-height: 65px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.panel-title{
    float:left;    
}

h3.panel-title {
    font-size: 24px;
    width:75%;
}

.panel-heading{
    min-height:55px;
}

.panel-heading.green, .modal-header.green {
    background-color: #006a6b;
}

    .panel-heading.green:hover {
        background-color: #006a6b;
    }

    .panel-heading.green h3 {
        margin-top: 10px;
    }

    .panel-heading.green h3, .modal-header.green {
        color: #FFF !important;
        
    }
        .panel-heading.orange {
            background-color: #FF8B17;
        }

    .panel-heading.orange:hover {
        background-color: #FF8B17;
    }

    .panel-heading.orange .panel-title {
        color: #FFF !important;
    }

.e-gridcontent ul {
    padding-left: 18px;
}

.btn-primary {
    color: #fff;
    background-color: #006a6b !important;
    border-color: #006a6b !important;
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.e-sidebar{
    position:absolute !important;
    top:0 !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

#visitors {
    margin: 0 -15px;
    padding: 10px 0;
}


    #visitors li {
        list-style: none;
        height: 75px;
        padding: 0 7px;
    }

        #visitors li a {
            border: 1px solid;
            padding: 9px;
            border-radius: 14px;
            font-size: 16px;
        }

            #visitors li a:hover {
                background: #337ab7;
                color: #FFF;
                text-decoration: none;
            }

.text-lg, #licenceplate {
    font-size: 18px;
}

.licenceplate {
    border: 1px solid #ccc;
    width: 150px;
    text-align:center;
    font-size: 24px;
    padding: 10px;
    margin-left: 15px;
    background: #FF8B17;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.e-input-group.e-search.e-input-focus::after, .e-input-group.e-search.e-input-focus::before, .e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #006a6b !important;
}


/* Content area styles */

.title {
    text-align: center;
    font-size: 20px;
    padding: 15px;
}

.sub-title {
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

#wrapper .sub-title .column {
    display: inline-block;
    padding: 10px;
}
/* custom code start */
.center {
    text-align: center;
    display: none;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
}

.sb-content-tab .center {
    display: block;
}

/* end of content area styles */

/* Sidebar styles */

.sb-content-tab #wrapper {
    display: none;
}
/* custom code end */
#dockSidebar.e-sidebar.e-right.e-close {
    visibility: visible;
    transform: translateX(0%);
}

#dockSidebar .e-icons::before {
    font-size: 25px;
}

/* dockbar icon Style */

#dockSidebar .home::before {
    content: '\e102';
}

#dockSidebar .profile::before {
    content: '\e10c';
}

#dockSidebar .info::before {
    content: '\e11b';
}

#dockSidebar .settings::before {
    content: '\e10b';
}

.e-sidebar .expand::before,
.e-sidebar.e-right.e-open .expand::before {
    content: '\e10f';
}

.e-sidebar.e-open .expand::before,
.e-sidebar.e-right .expand::before {
    content: '\e10e';
}

/* end of dockbar icon Style */

#dockSidebar.e-close .sidebar-item {
    padding: 5px 20px;
}

#dockSidebar.e-dock.e-close span.e-text {
    display: none;
}

#dockSidebar.e-dock.e-open span.e-text {
    display: inline-block;
}

#dockSidebar li {
    list-style-type: none;
    cursor: pointer;
}

    #dockSidebar li a {
        color: #c0c2c5;
    }

    #dockSidebar li a:hover {
        text-decoration:none;
    }

#dockSidebar .sidebar-title h4{
    color:#FFF;
}

#dockSidebar ul {
    padding: 0px;
}

li.sidebar-item.active {
    background-color: rgb(238, 238, 238);
}

    li.sidebar-item.active a:hover, i.sidebar-item.active a .e-text:hover {
        color: #006a6b !important;
    }

    li.sidebar-item.active a, li.sidebar-item.active a .e-text {
        color: #006a6b !important;
    }

    li.sidebar-item.active a .settings::before {
        content: '\e10b';
        color: #006a6b !important;
    }
    
    li.sidebar-item.active a .info::before {
        content: '\e11b';
        color: #006a6b !important;
    }

        li.sidebar-item.active a::before {
            color: #006a6b !important;
        }

#dockSidebar.e-sidebar ul li:hover span {
    color: white;
    text-decoration:none;
}

#dockSidebar span.e-icons {
    color: #c0c2c5;
    line-height: 2
}

span.glyphicon.glyphicon-list-alt, span.glyphicon.glyphicon-duplicate, span.glyphicon-user, span.glyphicon-plus-sign, span.glyphicon-inbox, span.glyphicon-send, span.glyphicon-usd {
    line-height: 2;
    font-size: 25px;
    margin-right: 16px;
}

.glyphicon-list-alt:hover:before {
    content: "\e032";
    color:#006a6b !important;
}

.e-open .e-icons {
    margin-right: 16px;
}

.e-open .e-text {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    font-size: 15px;
}

.sidebar-item {
    text-align: center;
    border-bottom: 1px #e5e5e58a solid;
}

.e-sidebar.e-open .sidebar-item {
    text-align: left;
    padding-left: 15px;
    color: #c0c2c5;
}

#dockSidebar.e-sidebar {
    background: #006a6b;
    overflow: hidden;
    top:82px;
}

/* custom generated icons styles */
@font-face {
    font-family: 'e-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* end of custom generated icons styles */

/* end of sidebar styles */