@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

body {
    background-color: #f7f7f7;
    font-family: 'Open Sans', sans-serif;
    overscroll-behavior-y: contain;
}

#logo {
    width: 81px;
    height: 81px;
    float: left;
    margin-right: 15px;
    background-image: url(img/logo_icon.jpg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
}

#mobilelogo {
    float: left;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    margin-left: 10px;
    background-image: url(img/logo_icon.jpg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

#sidebar-resizer {
    background-color: #666;
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 53%;
    width: 6px;
    cursor: e-resize;
}

    #sidebar-resizer:hover, #preview-resizer:hover {
        background-color: #AAA;
    }

.navbar-mobile {
    height: 50px;
    margin: 0px;
}

.small-place-name {
    font-size: 0.8em;
    margin-right: 40%;
    font-weight: 600;
}

.big-place-name {
    /*margin-right: 14%;*/
    font-weight: 600;
}

.navbar-custom {
    background-color: #7eaf3c !important;
    border-top: none;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

.btn-primary {
    font-size: 12px;
}


.infobox {
    border-radius: 0;
    margin-top: 10px;
    padding: 0;
    border: none;
    direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    padding: 8px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 26px;
    font-weight: 500;
    background-clip: padding-box;
}

.navbar-custom li a {
    font-size: 14px;
    text-transform: uppercase;
}


.navbar-custom li > a:hover, .navbar-custom li > a:focus, .navbar-custom li.active {
    background-color: transparent;
}

.btn-group-vertical button {
    border: none;
    direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    padding: 8px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 26px;
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    margin-top: 4px;
    right: 15px;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: 4px !important;
}

.btn-group-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    margin-top: 80px;
    width: 25%;
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .btn-group-horizontal button {
        display: inline-block;
    }

    .btn-group-horizontal .layers-button {
        display: inline;
    }

.choose-view-to-set-query {
    display: inline;
    margin-left: 15px;
    width: calc(100% - 90px);
}

.btn-group-horizontal label {
    display: block;
    text-align: center;
    margin: 15px;
}

.btn-group-vertical-right-side {
    overflow-y: scroll;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 25%;
}

    .btn-group-vertical-right-side button {
        width: 98%;
    }

    .btn-group-vertical-right-side .layers-button {
        display: inline-block;
        width: calc(100% - 80px);
    }

.centered-label {
    width: 100%;
    text-align: center;
}

.group-button-selected {
    background-color: #7eaf3c;
}

.right-user-group-column {
    padding-left: 0;
    background-color: #7eaf3c;
}

.left-user-group-column {
    padding-left: 0;
    padding-right: 0;
}

.hide-area {
    height: 0px;
}

.show-area {
    height: 100%;
}

.logout-btn {
    float: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    background-color: #fff;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 30px;
    margin-right: 15px;
}

    .logout-btn a {
        font-size: 12px;
        font-family: Roboto, Arial, sans-serif;
        color: #7eaf3c !important;
    }

        .logout-btn a:hover {
            color: #7eaf3c !important;
            text-decoration: none;
        }

.header-info {
    padding-top: 25px;
}

.login-description {
    line-height: 30px;
}

#mapWrapper {
    position: relative;
    margin: auto;
    border: 1px solid #ddd;
    height: 100%;
}

#cityMap {
    padding: 1px;
    top: 0;
    left: 0;
}

.counters {
    color: #7eaf3c;
}

.time-interval-btn {
    color: #7eaf3c;
}

.btn-success {
    background-color: #7eaf3c;
}

.btn-info:hover {
    background-color: #555;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #7eaf3c !important;
}

#addgroupbtn {
    margin-top: 4px !important;
    margin-right: 4px;
}


.tab-content {
    background-color: transparent !important;
}

.tabbable-line > .nav-tabs > li.active {
    background-color: transparent !important;
    border-color: #7eaf3c;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent !important;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #cdcdcd;
}

.navbar-custom li > a:hover, .navbar-custom li > a:focus, .navbar-custom li.active {
    opacity: 1;
}

/****FORM****/
#form-forgotpassword {
    padding: 0 !important;
    padding-bottom: 20px !important;
    margin: 0 !important;
}

button.form-btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #7eaf3c !important;
    border: 1px solid #7eaf3c !important;
    margin-bottom: 15px;
}

.navbar-custom li a {
    font-size: 14px;
    text-transform: uppercase;
    opacity: 0.5;
}


.navbar-custom li.active a {
    opacity: 1;
}

.meta-info {
    font-size: 12px;
}


.user-table tr,
.user-table td {
    text-align: left;
}


.user-table td {
    display: table-cell;
    vertical-align: middle !important;
}

#single-group-map {
    height: 280px;
}

.heatMap {
    height: 100% !important;
}

.active-group-button {
    text-decoration: underline;
}

.inactive-group-button {
    text-decoration: none;
}
/*header style for statistic info about free/used spaces*/
.row-wraper-statistic {
    height: 22px;
    background-color: #F2EEED;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: 600;
}

    .row-wraper-statistic .row {
        height: 22px;
        padding-top: 2.2px;
    }

    .row-wraper-statistic .seven-headers {
        width: 14.2857142857%;
    }

    .row-wraper-statistic .eight-headers {
        width: 12.5%;
    }

    .row-wraper-statistic .groups-live-header {
        width: 16%;
    }

    .row-wraper-statistic .menu-btn {
        width: 4%;
        margin-top: 13px;
    }

    .row-wraper-statistic .statistics-first-column {
        color: #2A74F5;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        font-weight: 100;
    }

.statistic-font {
    font-size: 22px;
}

.button-reset-password {
    background-color: #7eaf3c; /* Green */
}

.row-container-button {
    margin-left: -38px;
    margin-right: -38px;
}
/*end of header style*/

/*ForgotPasswordConfirmation.cshtml*/
.info-message-new-password {
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
}

.passable-time-input {
    text-align: center;
    padding: 0px;
}

/*statistics admin*/

.left-side-stat {
    height: 100%;
    width: 53%;
    float: left;
}

.right-side-stat {
    height: 100%;
    width: 45%;
    float: left;
}

.wraper-stat {
    height: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

.mrg-bck {
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    vertical-align: middle;
}

.h-line {
    margin-top: 5px;
    margin-bottom: 5px;
}
/*end css for statistics*/

/*button cockpit*/
.div-btn-width {
    margin-left: 10px;
    margin-right: 30px;
    margin-top: 10px;
}

.btn-radius-color {
    border-radius: 14px !important;
    border-color: #7eaf3c;
}
/*two or thre  class for situation when we have two or three fixed buttons  */

.overflow-hiden {
    overflow: hidden;
}

.checkbox-algin {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.cleveriti-green {
    color: #7eaf3c;
}

.cleveriti-gray {
    color: #303030;
}

.cleveriti-red {
    color: #D01C26;
}

.cleveriti-blue {
    color: #0476C0;
}

.scrollable-access-gaps-menu {
    width: 100%;
    height: auto;
    max-height: 70vh;
    overflow-x: hidden;
}

/*super adminstrator div for button container*/
.margin-top-sa {
    margin-top: 5px;
}

.qurey-nav-btn {
    margin-left: 20px;
    width: calc(100% - 60px);
}

.for-fontawesome-algin {
    vertical-align: middle;
}

.views-in-qurey {
    margin-left: 16px;
    width: calc(100% - 140px);
}

.error-bigger-leftForm {
    text-align: center;
    color: red;
}

.custom-button-width {
    width: 55% !important;
}

/*start gap rotate css*/
.wraper-rotation {
    position: relative;
    height: 100px;
    margin: auto;
    width: 50%;
    padding-top: 10px;
}

.left-rotation {
    padding-left: 18%;
    width: 50%;
    float: left;
}

.right-rotation {
    text-align: center;
    width: 50%;
    float: left;
}

.middle-left {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 15px;
}

.middle-right {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 15px;
}

.rot-centre {
    text-align: center;
    padding-top: 100px;
}

.degree-left {
    color: black;
    font-size: 0.50em;
    padding-left: 4px;
    padding-top: 2px;
}

.degree-right {
    color: black;
    font-size: 0.50em;
    padding-top: 2px;
}
/*end gap rotate css*/
.mouse-events-fall-through {
    pointer-events: none;
}

/*start custom css for editAccessGapoffset tab on modal*/
.left-div-arrows {
    width: 30%;
    float: left;
}

    .left-div-arrows .first {
        color: green;
        height: 25px;
        margin-top: 20px;
        text-align: center;
    }

    .left-div-arrows .second {
        height: 25px;
    }

    .left-div-arrows .second-left {
        color: red;
        float: left;
        width: 50%;
        text-align: right;
        padding-right: 10px;
    }

    .left-div-arrows .second-right {
        color: green;
        float: left;
        width: 50%;
        padding-left: 10px;
    }

    .left-div-arrows .third {
        color: red;
        height: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

.right-div {
    width: 60%;
    float: left;
}

    .right-div .lat {
        margin-top: 23px;
        height: 25px;
    }

    .right-div .middle {
        height: 20px;
    }

    .right-div .long {
        height: 25px;
    }

.middlex {
    background-color: #7eaf3c;
    text-align: center;
    color: white;
    height: 34px;
    margin-top: 22.5px;
    font-size: x-large;
}

.middley {
    background-color: #7eaf3c;
    text-align: center;
    color: white;
    height: 34px;
    margin-top: 11px;
    font-size: x-large;
}
/*end custom css for editAccessGapoffset tab on modal*/

/*start css for coordinates inofo popup (query) */
.transparent {
    background: rgba(255,255,255,0.3);
}

.div-action {
    float: right;
    border: solid 1px white;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .5);
}
/*end css for coordinates inofo popup (query) */

/*start sytle for user that comming from mobile device*/
.mobile-style-top {
    height: 50%;
}

.mobile-style-bottom {
    height: 50%;
}

.btn-mobile {
    margin: 10px;
    z-index: 0;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0px;
    display: block;
    color: #333;
}

.btn-mobile-btn {
    direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    background-color: rgb(255, 255, 255);
    padding: 11px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 21px;
}
/*.a-fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}*/

.custom-button-width-mobile {
    /*width: 30% !important;*/
}

.info-margin {
    font-size: 18px;
    text-align: left;
    margin-top: 35px;
}

.info-margin-mobile {
    font-size: 11px;
    text-align: left;
    margin-top: 150px;
}

.info-margin-mobile-average {
    font-size: 11px;
    text-align: left;
    margin-top: 200px;
}

.info-data {
    font-size: 18px;
    text-align: left;
    margin-top: 10px;
}

.info-data-mobile {
    font-size: 11px;
    text-align: left;
    margin-top: 10px;
}

.title-livedata {
    position: absolute;
    left: 48%;
    top: 38%;
}

.title-and-logo {
    position: absolute;
    right: 0%;
    top: 24%;
    margin-right: 15px;
}
/*end sytle for user that comming from mobile device*/
.live-data .spinner:before {
    background: rgba(255, 255, 255, 0.5);
    top: 130px;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    content: " ";
}

.enforcement-spinner .spinner:before {
    background: rgba(255, 255, 255, 0.5);
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    content: " ";
}

.parking-status-reporting .spinner:before {
    background: rgba(255, 255, 255, 0.5);
    top: 50px;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    content: " ";
}
/*strat css for popupgraphdata*/
.arrowBox {
    background-color: white;
    width: 450px;
    opacity: 0.8;
    padding: 7px 7px;
    font-size: 1.5em;
}

    .arrowBox:after {
        content: ' ';
        width: 0px;
        height: 0px;
        border-top: 10px solid white;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -10px;
    }
/*end css for popupgraphdata*/

.rawDataImgNotSelected {
    min-width: 150px;
}

.rawDataImgSelected {
    min-width: 150px;
    opacity: 0.6;
    background-image: url('data:image/png;base64,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');
    background-size: cover;
}

/*for performance and raw data arranging*/
.wrapper_data_arranging {
    padding-top: 10px;
}

.wrapper_data_content {
    margin-left: 15px;
    position: absolute;
    top: 325px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.butt-width1 {
    width: 150px;
}

.butt-width2 {
    width: 150px;
    background-color: #7eaf3c;
}

.butt-width3 {
    width: 150px;
    background-color: #d9534f;
}

.butt-width4 {
    width: 150px;
    background-color: #337ab7;
}

.checkbox-algin2 {
    height: 20px;
    width: 20px;
    margin-left: 15px;
}

.list-text-view {
    margin-left: 15px;
    color: red;
}

.black-clr {
    color: black;
}

.blue-background {
    background-color: #337ab7;
}

.green-background {
    background-color: #7eaf3c;
}

.download-button {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

.switch-in-header {
    position: fixed;
    right: 0%;
    top: 0;
    margin-right: 15px;
    z-index: 1040;
}

.history-label {
    border-bottom: black;
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 10px;
}

.custom-map-control {
    background-color: white;
    height: 26px;
    width: 26px;
    right: 44%;
    bottom: 312px;
    position: absolute;
    z-index: 50;
}

.img-target {
    height: 100%;
    opacity: 0.7;
}

.custom-control {
    background-color: white;
    height: 26px;
    width: 26px;
    right: 11px;
    bottom: 272px;
    position: absolute;
    z-index: 50;
}

.logout-cusotm-control {
    position: absolute;
    z-index: 50;
    top: 50px;
    right: 0;
}

.border-color-red {
    border-color: red;
}

.largeWidthFooter {
    width: 100%;
}

.smallWidthFooter {
    width: 28%;
}

.largeWidthFooterMap {
    height: calc(100% - 70px);
}

.smallWidthFooterMap {
    height: calc(100% - 140px);
}

.li-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.ng-csv-import {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 0;
    vertical-align: middle;
}

.custom-marker.car-marker {
    font-size: 2em;
    font-weight: 900;
    padding: 0px 0px 10px 0px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #7F7F7F solid 1px;
    background-size: cover;
    z-index: 3;
}

    .custom-marker.car-marker:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 7px 6px 0;
        display: block;
        width: 0;
        z-index: 1;
        margin-left: -6px;
        bottom: -6px;
        left: 50%;
    }

    .custom-marker.car-marker:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 7px 6px 0;
        border-color: #7F7F7F transparent;
        display: block;
        width: 0;
        z-index: 0;
        margin-left: -6px;
        bottom: -7px;
        left: 50%;
    }

    .custom-marker.car-marker.red {
        background-image: url(../../../Content/img/car_red.png?ver=1.1);
    }

        .custom-marker.car-marker.red:after {
            border-color: red transparent;
        }

    .custom-marker.car-marker.yellow {
        background-image: url(../../../Content/img/car_yellow.png?ver=1.1);
    }

        .custom-marker.car-marker.yellow:after {
            border-color: yellow transparent;
        }

    .custom-marker.car-marker.green {
        background-image: url(../../../Content/img/car_green.png?ver=1.1);
    }

        .custom-marker.car-marker.green:after {
            border-color: #0f0 transparent;
        }