@font-face {
    font-family: 'Roboto'; src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Light.woff2') format('woff2'),  url('../fonts/Roboto-Light.woff') format('woff'),  url('../fonts/Roboto-Light.ttf') format('truetype'),  url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'roboto-medium'; src: url('../fonts/roboto-medium.eot'); src: local('☺'), url('../fonts/roboto-medium.woff') format('woff'), url('../fonts/roboto-medium.ttf') format('truetype'), url('../fonts/roboto-medium.svg') format('svg'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'roboto-regular'; src: url('../fonts/roboto-regular.eot'); src: local('☺'), url('../fonts/roboto-regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format('truetype'), url('../fonts/roboto-regular.svg') format('svg'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'RobotoBold_1'; src: url('../fonts/RobotoBold_1.eot'); src: url('../fonts/RobotoBold_1.eot') format('embedded-opentype'),  url('../fonts/RobotoBold_1.woff2') format('woff2'),  url('../fonts/RobotoBold_1.woff') format('woff'),  url('../fonts/RobotoBold_1.ttf') format('truetype'),  url('../fonts/RobotoBold_1.svg#RobotoBold_1') format('svg');}
ul {padding: 0;}
select {appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; line-height:30px !important;}
a, .btn, a:focus, .btn:focus {outline: 0;}
.btn.focus, .btn:focus, .btn:hover {color: #fff;}
.users-block {position: relative; font-family: 'roboto-regular';}
.users-block .form-control {padding: 6px 0;border-color: #bbb; border-width: 0 0 1px 0; border-radius: 0;box-shadow: none;font-family: 'roboto-regular';    font-size: 18px;color: #404040; height: 40px;line-height: 40px;}
.users-block .form-control:focus {padding: 6px 0;border-color: #125781;border-width: 0 0 1px 0;box-shadow: none;}
.select-box {width: 100%;position: relative;}
.select-wrapper {float: left; display: inline-block; border-bottom: 1px solid #bbbbbb;border-radius: 0px;background: #fff url("../img/select-down-arrow.png") no-repeat right center;cursor: pointer;color: #bbb;font-family: 'roboto-regular';font-size: 18px;}
.telephone-pop .select-wrapper {background: #fff url("../img/blue-select-down-arrow.png") no-repeat right center;color: #125781;}
.select-wrapper, .select-wrapper select {width: 100%;height: 40px; line-height: 40px;}
.select-wrapper .holder {display: block;margin: 0;white-space: nowrap;overflow: hidden;cursor: pointer;position: relative;}
.select-wrapper select {margin: 0;position: absolute;z-index: 2;cursor: pointer; outline: none;opacity: 0 !important;left: 0px;_noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;filter: alpha(opacity=0) !important;    -khtml-opacity: 0 !important;-moz-opacity: 0 !important;}
.msg-text {margin-top: 50px;padding: 20px 0;font-family: 'roboto-medium';font-size: 22px;text-align: center;color: #125781;}
.msg-text a {color: #125781;}
.msg-text a:hover {color: #404040;}
.btn-blue {background: #125781;font-family: 'RobotoBold_1';border-radius: 0;font-size: 24px;color: #fff;font-weight: normal;width: 100%;}
.btn-blue:hover {color: #fff;}
.form-control::-webkit-input-placeholder {color:#bbb; opacity:  1;}
.form-control:-moz-placeholder {color:#bbb; opacity:  1;}
.form-control::-moz-placeholder {color:#bbb; opacity:  1;}
.form-control:-ms-input-placeholder {color:#bbb;}
.email-notification {padding-right: 50px!important; position: relative; background: url("../img/noti-icon.png") no-repeat right top;}
.company-service-block {border-top: #f2f2f2 solid 10px;margin-top: 30px;padding-top: 20px;}
.company-service-block .srevie-box {padding: 0 0 30px 20px;}
.company-service-block .srevie-box label span {color: #444; font-family: 'roboto-medium';font-size: 22px;}
.company-service-block .srevie-box .form-control.service {background: #fff;font-size: 22px;}
.company-service-block .srevie-box .form-control {background: #e2e2e2;text-align: right;padding: 6px 10px;border: 0;font-size: 20px;}
.company-service-block .srevie-box .form-control {background: #e2e2e2 url(../images/per-symbol-cmpny.png) right 10px top 14px no-repeat;background-size: 14px;text-align: right;padding: 6px 30px 6px 10px;border: 0;font-size: 20px;}
.company-service-block .srevie-box .form-control:focus {background: #e2e2e2 url(../images/per-symbol-cmpny2.png) right 10px top 14px no-repeat;   background-size: 14px;}
.company-service-block .srevie-box label {margin: 0;font-family: 'roboto-regular';color: #bbb;font-size: 20px;line-height: 40px;font-weight: normal;}
.company-service-block .srevie-box .form-control::-webkit-input-placeholder {color:#939393;opacity:  1;}
.company-service-block .srevie-box .form-control:-moz-placeholder {color:#939393; opacity:  1;}
.company-service-block .srevie-box .form-control::-moz-placeholder {color:#939393; opacity:  1;}
.company-service-block .srevie-box .form-control:-ms-input-placeholder {color:#939393;}
.listing-block {padding-bottom: 50px;font-family: 'roboto-regular';}
.listing-block .list {padding: 15px 15px 15px 0; border-bottom: #125781 solid 1px; font-size: 20px;color: #404040;}
.listing-block .list span {color: #125781;}
.skip-export em { color: #125781; font-style: normal; font-family: 'roboto-medium'; font-size: 22px; line-height: 20px;}
.confirmed-block {
    font-family: 'roboto-regular';
}
.confirmed-block h3 {
    margin: 0;
    padding: 0 0 20px 0;
    font-family: 'roboto-medium';
    font-size: 26px;
    color: #125781;
    text-align: center;
}
.confirmed-block .list-view {
    margin-bottom: 15px;
    padding: 10px 15px;
    background: #125781;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.47);
}
.confirmed-block .list-view .edit-icon {
    text-align: right;
    cursor: pointer;
    float: right;
}
.requested-popup {
}
.requested-popup .modal-footer {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    border: 0;
}
.requested-popup .modal-footer button {
    width: 33.33333%;
    float: left;
    margin: 0;
}
.requested-popup .modal-footer .btn + .btn {
    margin: 0;
}
.requested-popup .modal-content {
    border-radius: 6px 6px 0 0;
}
.confirmed-popup {
}
.confirmed-popup .modal-footer {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    border: 0;
}
.confirmed-popup .modal-footer button {
    width: 33.33333%;
    float: left;
    margin: 0;
}
.confirmed-popup .modal-footer .btn + .btn {
    margin: 0;
}
.confirmed-popup .modal-content {
    border-radius: 6px 6px 0 0;
}
.popup-ok-btn {
    border-radius: 0 0 0px 6px;
    background: #125781;
    font-family: 'RobotoBold_1';
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 12px;
}
.popup-ok-btn:hover {
    color: #fff;
}
.deny-btn {
    border-radius: 0px;
    background: #2a8ac4;
    font-family: 'RobotoBold_1';
    font-size: 22px;
    text-transform: none;
    color: #fff;
    padding: 15px 12px;
}
.deny-btn:hover {
    color: #fff;
}
.popup-cancel-btn {
    border-radius: 0 0 6px 0px;
    background: #bbbbbb;
    font-family: 'RobotoBold_1';
    font-size: 22px;
    text-transform: none;
    color: #fff;
    padding: 15px 12px;
}
.popup-cancel-btn:hover {
    color: #fff;
}
.popup-info {
    padding: 0 0 20px 20px;
    font-size: 20px;
    color: #404040;
}
.popup-info .form-control {
    background: #fff;
}
.popup-info p {
    margin: 0;
    padding: 0 0 15px 0;
    width: 100%;
    float: left;
}
.popup-info p .popup-icon {
    float: left;
    margin: 0 10px 0 -7px;
    width: 40px;
}
.popup-info p .popupinfo-text {
    float: left;
    width: 87%;
}
.popup-info p img {
    float: left;
}
.popup-info em {
    font-style: normal;
    color: #125781;
    font-size: 24px;
}
.popup-info .input-group.date .input-group-addon span img {
    margin: 0 10px 0 -7px;
}
.popup-img {
}
.popup-img img {
    margin: 0;
    padding: 0;
    border-radius: 7px;
    max-width: 100%;
}
.popup-info .input-group-addon {
    padding: 0;
    text-align: left;
}
.popup-info .input-group.date .input-group-addon span {
    width: 40px;
    height: 40px;
}
.popup-info .input-group-addon {
    background: #fff;
    border: 0;
}
.popup-info .glyphicon-th::before {
    content: "";
}
.popup-info .glyphicon {
    top: 0;
}
.popup-info .form-control {
    margin-left: 3px;
    padding: 6px 0;
    border-color: #bbb;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: 'roboto-regular';
    font-size: 20px;
    color: #404040;
    height: 40px;
    line-height: 40px;
}
.popup-info .form-group {
    border-color: #bbb;
    border-width: 0 0 1px 0;
    border-style: solid;
    padding-bottom: 10px;
}
.width-94-per {
    width: 94%!important;
}
.sale-info-block {
    /*min-height: 100vh;*/
}
.sale-info-block .panel-default > .panel-heading {
    background: #fff;
    color: #404040;
}
.sale-info-block .panel-group .panel {
    border-radius: 0;
    border-color: #125781;
    box-shadow: none;
    border-width: 0 0 1px 0;
}
.sale-info-block h4.panel-title {
    font-size: 24px;
    font-weight: normal;
    color: #404040;
    font-family: 'roboto-regular';
    line-height: 36px;
}
.sale-info-block h4.panel-title i {
    font-size: 20px;
    font-weight: normal;
}
.sale-info-block h4.panel-title a {
    color: #404040;
    text-decoration: none;
    outline: 0;
}
.sale-info-block h4.panel-title a em {
    font-style: normal;
}
.sale-info-block h4.panel-title a:hover {
    color: #404040;
    text-decoration: none;
}
.sale-info-block .panel-group .panel + .panel {
    margin-top: 0;
}
.sale-info-block .panel-heading, .sale-info-block .panel-body {
    padding: 10px 0;
}
.sale-info-block .sale-rate {
    color: #125781;
    font-size: 24px;
    text-align: right;
    font-family: 'roboto-medium';
}
.sale-info-block .glyphicon-plus::before, .sale-info-block .glyphicon-minus::before {
    padding-right: 25px;
}
.sales-detail {
    width: 80%;
    float: right;
    font-size: 18px;
    color: #404040;
}
.sales-detail .checkbox label {
    cursor: default;
}
.sales-detail ul {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    border-left: #444 solid 2px;
}
.sales-detail ul li {
    padding-left: 0;
    width: 100%;
    float: left;
    margin-bottom: 0px;
    line-height: 30px;
}
.sales-detail ul li span {
    width: 70%;
    float: left;
}
.sales-detail ul li span img {
    margin: -3px 10px 0 0;
}
.sales-detail ul li em {
    width: 22%;
    text-align: right;
    float: right;
    color: #125781;
    font-style: normal;
}
.sale-info-block .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0;
}
.map-icon {
    margin: 0 0 0 20px;
}
.radio, .checkbox {
    padding-left: 18px;
    margin: 6px 0;
}
.checkbox label:after, .radio label:after {
    content: '';
    display: table;/*    clear: both;*/
}
.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 40%;
    left: 20%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.direct-map-block {
}
.direct-map-block .nav-tabs {
    border-bottom: #125781 solid 1px;
    width: 100%;
}
.direct-map-block .nav-tabs > li {
    font-family: 'roboto-medium';
    margin-bottom: 0;
    width: 50%;
}
.direct-map-block .nav-tabs > li > a {
    margin-right: 0;
    text-align: center;
    border-radius: 0;
    font-size: 24px;
    border: 0;
    outline: 0;
    color: #125781;
}
.direct-map-block .nav-tabs > li > a img {
    width: 30px;
}
.direct-map-block .nav-tabs > li.active > a, .direct-map-block .nav-tabs > li.active > a:hover, .direct-map-block .nav-tabs > li.active > a:focus {
    border-bottom: #125781 solid 3px;
    border-width: 0 0 3px 0;
}
.direct-map-block .nav > li > a:hover, .direct-map-block .nav > li > a:focus {
    background: #fff;
    border: 0;
}
#synoptic, #map {
    position: relative;
}
.synoptic-info, .map-info {
    padding-top: 10px;
    width: 100%;
}
.synoptic-info {
    color: #444444;
    font-size: 18px;
    padding-top: 30px;
}
/*.bus-root {
    margin: 20px auto 50px 0;
    width: 100%;
    background: url(../images/path.png) center top no-repeat;
    background-size: 30%;
    position: relative;
    min-height:1339px;
    overflow: visible;
    padding-top: 100px;
}
.bus-root ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bus-root ul li {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 50px 0;
    padding: 0 30px 0 0;
    display: block;
    position: relative;
}
.bus-root .pointer {
    width: 20px;
    height: 20px;
    background: #9d9d9d;
    border: #125781 solid 2px;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 2px;
}
.bus-root .left-label-box {
    position: relative;
    top: 0;
    left: 0;
    width: 37%;
    height: 100%;
    text-align: right;
}
.bus-root .right-label-box {
    position: absolute;
    top: 100px;
    right: 0;
    width: 37%;
    height: 100%;
}
.bus-root .right-label-box .pointer {
    right: auto;
    left: -1px;
}
.bus-root .right-label-box ul li {
    padding: 0 0 0 30px;
    position: relative;
}*/

.bus-root {
    margin: 20px auto 50px 0;
    overflow: visible;
    padding-top: 100px;
    position: relative;
    width: 100%;
}
.bus-root .pointer {
    display:none
}
.bus-root .left-label-box {
    width:37%; float:left; margin:0px; padding:0px;
}
.bus-root .right-label-box {
    width:37%; float:left; margin:0px; padding:0px; float:right;
}
.bus-root .right-label-box ul li {
    padding: 0 0 0 30px; position: relative;
}
.left_ul {border-right:3px solid #125781; position:relative; margin:0px; padding:0px;}
.left_ul li { font-size: 14px; text-align:right; line-height:18px; margin: 0 0 50px 0; padding: 0 30px 0 0; display: block; position: relative;}
.left_ul li:after {position:absolute; content:""; width:20px; height:20px; background:#9D9D9D; border:2px solid #125781; top:0px; right:-12px;  border-radius:40px}


.right_ul {border-left:3px solid #125781; margin:0px; padding:0px;}
.right_ul li { font-size: 14px; text-align:left; line-height:18px; margin: 0 0 50px 0; padding: 0 30px 0 0; display: block; position: relative; }
.right_ul li:after {position:absolute; content:""; width:20px; height:20px; background:#9D9D9D; border:3px solid #125781; top:0px; left:-12px;  border-radius:40px}

.top_border {width:100%; height:103px; float:left; margin:0px; padding:0px; background:url(../images/path.png) no-repeat center top / 27% auto;  position: relative; top:0px;}
.bus-root-sub {margin-top:0px; width:100%; float:left; margin:0px; padding:0px;}

/*.bus-root i.on-stop { position:absolute; top:0px; right:0; display:inline-block;}
.bus-root i.between-stop { position:absolute; top:-37px; right:0; display:inline-block;}*/
.bus-root i.on-stop {
    top: 0px;
}
.bus-root i.between-stop {
    top: -37px;
}
.bus-root .busiconright.on-stop {
    top: 0px;
    display: inline-block;
}
.bus-root .busiconright.between-stop {
    top: -37px;
    display: inline-block;
    left: -29px;
}
.bus-root .busicon {
    color: #fff;
    position: absolute;
    right: -29px !important;
    z-index: 1;
    height: 23px;
    width: 50px;
    padding: 0px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #445b87;
    text-align: center;
    font-style: normal;
}
.bus-root .busicon:before {
    background: #9e9e9c;
    content : "";
    bottom: -5px;
    left: 3px;
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #445b87;
    border-radius: 15px;
}
.bus-root .busicon:after {
    background: #9e9e9c;
    content : "";
    bottom: -5px;
    right: 3px;
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #445b87;
    border-radius: 15px;
}
.bus-root .busiconright {
    color: #fff;
    position: absolute !important;
    left: -29px;
    z-index: 1;
    height: 23px;
    line-height: 23px;
    width: 50px;
    padding: 0px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #445b87;
    text-align: center;
    font-style: normal;
}
.bus-root .busiconright:before {
    background: #9e9e9c;
    content : "";
    bottom: -5px;
    left: 3px;
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #445b87;
    border-radius: 15px;
}
.bus-root .busiconright:after {
    background: #9e9e9c;
    content : "";
    bottom: -5px;
    right: 3px;
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #445b87;
    border-radius: 15px;
}
.red-bus {
    background-color: #FF0107
}
.blue-bus {
    background-color: #125781
}
.green-bus {
    background-color: #119B00
}
.yellow-bus {
    background-color: #FFA800
}
.cyan-bus {
    background-color: cyan
}
.pink-bus {
    background-color: pink
}
.purple-bus {
    background-color: purple
}
.seagreen-bus {
    background-color: seagreen
}
.peru-bus {
    background-color: peru
}
.violet-bus {
    background-color: violet
}
.map-info {
    position: relative;
    padding-bottom: 37.3%;
    padding-top: 30px;
    overflow: hidden;
    min-height: 78.5vh;
}
.map-info iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.show-info-box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
}
.show-info, .show-info-report {
    background: #125781;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 18px;
}
.show-info ul, .show-info-report ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.show-info ul li, .show-info-report ul li {
    margin: 5px 0;
    padding: 0;
    width: 100%;
    float: left;
}
.show-info ul li span, .show-info-report ul li span {
    width: 50%;
    float: left;
}
.show-info ul li em, .show-info-report ul li em {
    width: 50%;
    float: left;
    font-style: normal;
    font-size: 20px;
}
.show-info .left-box, .show-info-report .left-box {
    padding: 15px;
    width: 50%;
    float: left;
    border-right: #fff solid 1px;
    line-height: 30px;
}
.show-info .right-box, .show-info-report .right-box {
    padding: 15px;
    width: 50%;
    float: left;
}
.know-more {
    width: 100%;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    background-color: rgba(0,0,0,0.8);
}
.know-more a {
    color: #fff;
    text-decoration: none;
}
/*.show_hide { display:none;}*/
.geen-bus-1 {
    cursor: pointer;
    background: #039c03;
    border: #005585 solid 1px;
    border-radius: 5px;
    color: #444;
    font-size: 18px;
    text-align: center;
    padding: 5px 10px;
    left: 35%;
    top: -2%;
    min-width: 70px;
    float: left;
    line-height: 18px;
    position: absolute;
}
.geen-bus-1:before {
    background: #9d9d9d;
    border: 1px solid #125781;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    top: 23px;
    left: 10px;
    width: 12px;
}
.geen-bus-1:after {
    background: #9d9d9d;
    border: 1px solid #125781;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    top: 23px;
    right: 10px;
    width: 12px;
}
.geen-bus-0 {
    cursor: pointer;
    background: #039c03;
    border: #005585 solid 1px;
    border-radius: 5px;
    color: #444;
    font-size: 18px;
    text-align: center;
    padding: 5px 10px;
    left: 32%;
    top: -2%;
    min-width: 70px;
    float: left;
    line-height: 18px;
    position: absolute;
}
.geen-bus-0:before {
    background: #9d9d9d;
    border: 1px solid #125781;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    top: 23px;
    left: 10px;
    width: 12px;
}
.geen-bus-0:after {
    background: #9d9d9d;
    border: 1px solid #125781;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    top: 23px;
    right: 10px;
    width: 12px;
}
.login-term-text {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #676767;
    font-size: 15px;
}
.login-fb-btn-box {
    margin: 2% 6%;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.synoptic-info {
    color: #444444;
    font-size: 18px;
}
.synoptic-info h2 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #125781;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}
.users-block {
    font-family: "roboto-regular";
}
body {
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}
html, body {
    background: #fff!important;
}
html {
    font-size: 62.5%;
}
html {
    font-family: sans-serif;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.login-fb-btn-box a.facebook {
    background: #3b5998 none repeat scroll 0 0;
    color: #ffffff;
}
.login-fb-btn-box a {
    border-radius: 10px;
    display: inline-block;
    font-family: "roboto-medium";
    font-size: 25px;
    line-height: 30px;
    margin: 0 auto;
    padding: 2% 5%;
    width: 100%;
}
.login-fb-btn-box a.facebook {
    background: #3b5998 none repeat scroll 0 0;
    color: #ffffff;
}
.login-fb-btn-box a img {
    float: left;
}
.login-fb-btn-box a span {
    float: right;
    width: 92%;
    text-align: center;
}
/***************** Funky Radio ***************/
.funkyradio {
    width: 80px;
}
.funkyradio.radiowithlabel {
    width: 100%;
}
.funkyradio label {
    /*min-width: 400px;*/
    width: 100%;
    border-radius: 3px;
    border: none;
    font-weight: normal;
    min-height: 24px;
}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    margin-top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    background: #fff url(../images/check-dc.png) no-repeat center center;
    border-radius: 3px 0 0 3px;
}
.funkyradio.radiowithlabel input[type="radio"]:empty ~ label:before, .funkyradio.radiowithlabel input[type="checkbox"]:empty ~ label:before, .funkyradio.radiowithlabel input[type="radio"]:hover:not(:checked) ~ label::before, .funkyradio.radiowithlabel input[type="checkbox"]:hover:not(:checked) ~ label::before {
    background-color: transparent;
    background-position: center left;
}
.funkyradio.radiowithlabel label {
    padding-left: 60px;
    font-size: 22px;
    color: #b0b0b0;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '';
    text-indent: .9em;
    color: #C2C2C2;
    background: #fff url(../images/check-ac.png) no-repeat center center;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    background: #fff url(../images/check-ac.png) no-repeat center center;
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}
.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}
.funkyradio.radiowithlabel input[type="radio"]:checked ~ label, .funkyradio.radiowithlabel input[type="checkbox"]:checked ~ label {
    color: #404040;
}
.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}
.funkyradio-default input[type="radio"]:checked ~ label:before, .funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #fff;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}
.funkyradio-success input[type="radio"]:checked ~ label:before, .funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}
.funkyradio-danger input[type="radio"]:checked ~ label:before, .funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}
.funkyradio-warning input[type="radio"]:checked ~ label:before, .funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}
.funkyradio-info input[type="radio"]:checked ~ label:before, .funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}
label.checkboxlabel {
    font-weight: normal;
    cursor: pointer;
}
/********************Create Edit Stops Screen Css********************/
.create-edit-section {
    position: relative;
    padding: 25px;
    font-family: 'roboto-regular';
}
.create-edit-section h3.pagetitle {
    margin: 0 0 40px 0;
    padding: 0 0 10px 0;
    color: #125781;
    font-size: 25px;
    border-bottom: #125781 solid 2px;
}
.srh-section {
    width: 100%;
    float: left;
}
.srh-section .col-md-9 {
    padding-right: 0;
}
.srh-section .form-control {
    margin: 0;
    background: #f9f9f9 url(../images/srch-ic.png) left 15px top 17px no-repeat;
    padding: 0 15px 0 70px;
    border: #ddd solid 1px;
    color: #444;
    border-radius: 0;
    box-shadow: none;
    height: 70px;
    font-size: 20px;
    float: left;
    width: 100%;
}
.srh-section .form-control::-moz-placeholder {
    line-height:70px;
    font-size:20px;
}
.srh-section .form-group.is-focused .form-control {
    border-color: #dddddd;
}
.srh-section .btn-srh {
    background: #e5e5e5;
    color: #444;
    border: #dddddd solid 1px;
    font-size: 20px;
    float: left;
    height: 70px;
    padding: 0;
    border-radius: 0;
    min-width: 100%;
}
.stop {
    margin-bottom: 12px;
}
.stop .form-control {
    background: #f9f9f9;
    padding: 0 15px;
}
.create-edit-section .map-block {
    padding: 12px 0;
    width: 100%;
    min-height: 400px;
    float: left;
    position: relative;
}
.create-edit-section .map-block .map-point { /*width:9%;*/
    float: left;
    padding-right: 8px;
}
.create-edit-section .map-block .map-point ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}
.create-edit-section .map-block .map-point ul li {
    margin: 0 0 1px 0;
    padding: 0;
    width: 100%;
    float: left;
    color: #d0dde6;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
}
.create-edit-section .map-block .map-point ul li a {
    background: #125781;
    display: block;
    color: #d0dde6;
    text-decoration: none;
}
.create-edit-section .map-block .map-point ul li a:hover {
    color: #d0dde6;
    text-decoration: none;
}
.create-edit-section .map-block .map-view {
    width: 100%;
    float: left;
    border: #c9c9c9 solid 1px;
}
.create-edit-section .map-block .map-view .google-maps {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}
.create-edit-section .map-block .map-view .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.create-edit-section .btn-box {
    width: 100%;
    float: left;
}
.btn-blue-lg {
    background: #125781;
    font-family: 'RobotoBold_1';
    border-radius: 0;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    width: 100%;
    border: #bbbbbb solid 1px;
    height: 70px;
}
.btn-blue-lg:hover {
    color: #fff;
}
.create-edit-section .edit-location-box {
    padding: 0 0 5px 30px;
    border-left: #bbbbbb solid 1px;
    width: 100%;
    float: left;
}
.create-edit-section .edit-location-box ul {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    width: 100%;
    float: left;
}
.create-edit-section .edit-location-box ul li {
    margin: 0;
    padding: 20px 0;
    width: 100%;
    float: left;
    border-bottom: #bbb solid 1px;
    font-size: 20px;
    color: #444;
    line-height: 30px;
}
.create-edit-section .edit-location-box ul li strong {
    width: 28%;
    float: left;
    text-align: left;
    font-weight: normal;
}
.create-edit-section .edit-location-box ul li em {
    width: 57%;
    float: left;
    text-align: left;
    font-style: normal;
}
.create-edit-section .edit-location-box ul li span {
    width: 15%;
    float: left;
    text-align: center;
    line-height: 20px;
}
.create-edit-section .edit-location-box ul li span a {
    margin: 0 2px;
    color: #444444;
    text-decoration: none;
}
.create-edit-section .edit-location-box ul li span a img {
    width: 20px;
    margin: -5px 0 0;
}
.create-edit-section .edit-location-box ul li span a:hover {
    color: #444444;
    text-decoration: none;
}
#pjax-stoplist ul.pagination {
    float: none;
    width: auto;
}
#pjax-stoplist .pagination li {
    padding: 0;
    float: none;
}
/********************Times Screen Css********************/
.select-box.bluelineselect {
    margin-bottom: 15px;
    float: left;
}
.select-box.bluelineselect .select-wrapper {
    border-bottom: 2px #125781 solid;
    padding-bottom: 50px;
    background: #fff url("../images/blue-select-down-arrow.png") no-repeat scroll right 0;
}
.select-box.bluelineselect .select-wrapper select {height:40px !important;}
.select-box.bluelineselect .select-wrapper .holder {font-size: 25px; color: #125781; text-overflow: ellipsis;  white-space: nowrap; padding-right: 40px;}
.tblbtmline {margin-bottom: 10px;}
.tblbtmline.tbltopline { margin-top: 20px; border-top: 1px #bbb solid;}
.tblbtmline tr td {border-bottom: 1px #bbb solid; font-size: 25px; color: #777; padding: 30px 0; width: 15%;}
.tblbtmline .price-wrap input {border: #125781 solid 1px;}
.tblbtmline tr td:last-child { width: 100%; color: #125781; text-align: right;}
.telephone-section .msgtbl tr td {border: none !important; border-bottom: 1px #bbb solid !important; font-size: 25px; color: #125781; padding: 30px 0;    width: 10%; word-break: normal;}
.telephone-section .msgtbl tr td:first-child { color: #777;}
.tblbtmline tr td:last-child, .telephone-section .msgtbl tr td:last-child { width: 100%; color: #125781; text-align: right; padding: 0px}
.tblbtmline tr td.msgtd, .telephone-section .msgtbl tr td:nth-child(1) {width: 50% !important; padding: 15px;}
.tblbtmline tr td.msgbus, .telephone-section .msgtbl tr td:nth-child(2) { width: 15% !important; padding: 15px;}
.tblbtmline tr td.msgdate, .telephone-section .msgtbl tr td:nth-child(3) {width: 15% !important; padding: 15px;}
.tblbtmline tr td.msgdate, .telephone-section .msgtbl tr td:nth-child(4) {width: 15% !important; padding: 15px;}
.schedule-tab {}
.fullcalendar { margin-bottom: 50px!important;}
.schedule-tab .nav-tabs li { margin-bottom: 0; width: 25%;}
.schedule-tab .nav-tabs li a {color: #125781; font-size: 18px; text-align: center; border-width: 0 0 2px 0; margin: 0;}
.schedule-tab .nav-tabs li:nth-child(1) a {border-color: #1791dc;}
.schedule-tab .nav-tabs li:nth-child(2) a {border-color: #11c210;}
.schedule-tab .nav-tabs li:nth-child(3) a {border-color: #e1ed29;}
.schedule-tab .nav-tabs li:nth-child(4) a {border-color: #df160c;}
.schedule-tab .nav-tabs {border: 0;}
.schedule-tab .nav-tabs > li.active > a, .schedule-tab .nav-tabs > li.active > a:focus, .schedule-tab .nav-tabs > li.active > a:hover {border-color: #1791dc;
                                                                                                                                       border-width: 0 0 5px 0;padding-bottom: 7px;}
.schedule-tab .nav-tabs > li:nth-child(1).active > a, .schedule-tab .nav-tabs > li:nth-child(1).active > a:focus, .schedule-tab .nav-tabs > li:nth-child(1).active > a:hover {border-color: #125781; border-width: 0 0 5px 0; padding-bottom: 7px;}
.schedule-tab .nav-tabs > li:nth-child(2).active > a, .schedule-tab .nav-tabs > li:nth-child(2).active > a:focus, .schedule-tab .nav-tabs > li:nth-child(2).active > a:hover {border-color: #125781; border-width: 0 0 5px 0; padding-bottom: 7px;}
.schedule-tab .nav-tabs > li:nth-child(3).active > a, .schedule-tab .nav-tabs > li:nth-child(3).active > a:focus, .schedule-tab .nav-tabs > li:nth-child(3).active > a:hover { border-color: #125781; border-width: 0 0 5px 0; padding-bottom: 7px;}
.schedule-tab .nav-tabs > li:nth-child(4).active > a, .schedule-tab .nav-tabs > li:nth-child(4).active > a:focus, .schedule-tab .nav-tabs > li:nth-child(4).active > a:hover {border-color: #125781; border-width: 0 0 5px 0; padding-bottom: 7px;}
.schedule-tab .nav > li > a:focus, .schedule-tab .nav > li > a:hover {background: #fff;}
.schedule-tab .ui-corner-all, .schedule-tab .ui-corner-bottom, .schedule-tab .ui-corner-right, .schedule-tab .ui-corner-br {border-radius: 0; border: 0;}
.schedule-tab .ui-tabs .ui-tabs-nav { padding: 0;}
.schedule-tab .ui-widget-header {background: none;}
.schedule-tab .nav-tabs li {margin: 0;}
.schedule-tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: none;}
.schedule-tab .ui-state-default, .schedule-tab .ui-widget-content .ui-state-default, .schedule-tab.ui-widget-header .ui-state-default { background: none;    border: 0;}
.schedule-tab .ui-state-active a, .schedule-tab .ui-state-active a:link, .schedule-tab .ui-state-active a:visited { border-color: #1791dc; border-width: 0 0 5px 0; padding-bottom: 6px;}
.schedule-tab .ui-tabs .ui-tabs-panel { padding: 15px;}
ul.calendar-tab {border-bottom: #125781 solid 1px!important; padding-bottom: 20px!important;}
.schedule-tab .fc-header-toolbar { margin: 0 auto; max-width: 350px; padding: 20px 0;}
.schedule-tab .fc-header-toolbar .fc-center h2 {margin: 0; padding: 0; font-weight: normal; font-family: 'roboto-regular'; color: #125781; font-size: 22px;}
.schedule-tab .fc-state-default {background: none; border: 0; box-shadow: none;}
.schedule-tab .fc button {padding: 0;}
.schedule-tab .tab-content {padding: 25px;}
.freq-block {margin: 0 0 30px 0; width: 100%;}
.check-heading { margin: 0; padding: 0 0 20px 55px; font-family: 'roboto-medium'; font-size: 25px; color: #125781; background: url(../images/blue-tick.png) left 4px no-repeat;}
.frequency-info {}
.frequency-info h4 { margin: 0; padding: 0 0 20px 0; font-size: 22px; color: #bbb;}
.col-info {width: 100%;}
.col-info table tr td {border: #444 solid 2px; text-align: center; font-size: 22px; padding: 10px;}
.col-info table tr td.bdr-none {border: 0; position: relative;}
.col-info table tr td.bdr-none .td-bgwhite { background: #fff; width: 100%; height: 3px; position: absolute; top: -1px; left: 0; right: 0; display: block;}
.col-info table tr td input[type="text"] {border: 0; width: 100%; color: #404040;}
.col-info .select-box.bluelineselect .select-wrapper {border-bottom: 0;}
.col-info .select-wrapper, .col-info .select-wrapper select {line-height: 34px; height: 34px;}
.col-info .select-box.bluelineselect .select-wrapper {padding-bottom: 0;}
.col-info .select-box.bluelineselect .select-wrapper .holder {text-align: left; color: #404040;}
.col-info table tr td .form-group {margin: 0;}
.col-info table tr td .form-control {margin: 0; padding: 0; font-size: 22px;}
.col-info .form-group.has-success.is-focused .form-control, .col-info .form-group.is-focused .form-control {border: 0;}
.col-info .form-group .help-block {margin-bottom: 0;}
.schedule-time-index .schedule-tab .tab-content {padding: 0;}
.schedule-time-index.top-padding {padding-bottom: 0;}
.schedule-time-index #button_update_delete.form-group {margin-bottom: 0;}
.schedule-time-index .freq-block .form-group {margin-bottom: 0;}
.schedule-time-index .time-label {font-size: 25px; color: #125781;}
.schedule-time-index .tab-check {padding: 20px 0;}
.schedule-time-index .tab-check table {margin-left: -20px;}
.leftcheckbox {margin: 25px 10% 0; padding: 0; width: 80%;}
.leftcheckbox li {margin: 0 0 25px; padding: 0; list-style: none; font-size: 18px;}
.leftcheckbox li .checkbox, .leftcheckbox li .checkbox label {padding-left: 0; margin: 0;}
.leftcheckbox li .checkbox .cr {border: 1px #444 solid; margin-top: 2px; position: absolute; left: 0; top: 0;}
.leftcheckbox li .checkbox .cr .cr-icon {color: #125781;}
.leftcheckbox li .checkboxsubtext {padding-left: 35px;}
.labeltext {float: left; padding-left: 35px;}
.roundbtn {border: 2px #125781 solid; border-radius: 20px; color: #125781; padding: 20px; font-size: 25px; display: block; width: 80%; margin: 20px 10%;}
.roundbtn.bluebtn, .roundbtn.whitebtn:hover, .roundbtn.graybtn:hover {background: #125781;   color: #fff;}
.roundbtn.whitebtn, .roundbtn.bluebtn:hover {background: #fff; color: #125781;}
.roundbtn.graybtn {background: #bbb; color: #125781;}
.disablebtn {background: #bbb; border: 2px #bbb solid; border-radius: 20px; color: #fff; padding: 20px; font-size: 25px; display: block; width: 80%; margin: 20px 10%; cursor: not-allowed;}
.timecontroltbl table tr th, .timecontroltbl table tr td {border-bottom: 1px #125781 solid; border-right: 1px #125781 solid; padding: 30px 5px; font-size: 20px; position: relative;}
.timecontroltbl table tr th:first-child, .timecontroltbl table tr td:first-child {border-bottom: none; border-right: 1px #fff solid;}
.timecontroltbl table tr td:last-child {border-right: 1px #fff solid;}
.timecontroltbl table tr td:first-child:before {content: '';position: absolute; width: 8px; height: 100%; border-left: 2px #125781 solid; border-right: 2px #125781 solid; display: block; background: #fff; top: 1px; left: 50%; top: 1px; margin-left: -4px; z-index: 1;}
.timecontroltbl table tr:first-child td:first-child:before {top: 50%;}
.timecontroltbl table tr td img {position: relative; z-index: 2;}
.selecttitle {font-size: 25px; color: #444; line-height: 60px;}
.advancedselectbox {margin-top: 50px; padding: 10px; background: #fff; -webkit-box-shadow: 0px -6px 16px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px -6px 16px 0px rgba(0,0,0,0.26); box-shadow: 0px -6px 16px 0px rgba(0,0,0,0.26);}
.advancedselectbox .select-wrapper, .advancedselectbox .select-wrapper select {line-height: 58px;}
.mart150 { margin-top: 150px;}
.timebluefont {color: #125781;}
.timebluefont a {color: #125781;}
.timebluefont a:hover { text-decoration: none;}
a.stop_time {color: #125781;}
.msgtextbox {width: 100%; float: left; background: #f4f3f3; color: #404040; padding: 15px; border: none; resize: none; height: 150px; font-size: 18px;}
.deletebtn, .sendbtn {width: 50%; float: left; background: #bbb; color: #fff; border: none; font-size: 22px;  padding: 15px; text-align: center;}
.deletebtn:hover, .sendbtn:hover {text-decoration: none; color: #fff;}
.sendbtn {background: #125781;}
.btnblue {width: 100%; float: left; background: #125781;color: #fff; border: none; font-family: 'RobotoBold_1'; font-size: 22px;padding: 10px 15px;   text-align: center; border-radius: 0px;}
.btnblue:hover {text-decoration: none;  color: #fff;}
.comlogo {width: 100%; background: #f2f2f2; padding: 50px 20px; text-align: center; margin: 30px 0; position: relative; float: left;}
.comlogo img {max-width: 100%; width: 200px;}
.printchkboxtbl table tr td:first-child {padding-left: 70px}
.printchkboxtbl table tr td label {font-size: 20px;}
.cominfotbl {font-size: 22px; color: #bbb;}
.cominfotbl table td {padding: 0; vertical-align: middle;}
.cominfotbl table td.inputlabeltd {padding-left: 0;}
.cominfotbl table td input {border: none; border-bottom: 1px #b0b0b0 solid; background: none; width: 100%; padding-bottom: 7px;}
.cominfotbl table td {border-bottom: 2px #fff solid;}
.cominfotbl table td.checkedtd {color: #404040;border-bottom: 2px #125781 solid;}
.cominfotbl table td.inputlabeltd.checkedtd .form-group input {border-color: #fff;}
.cominfotbl table td.inputlabeltd .form-group input {padding-bottom: 0; padding-top: 10px; outline: none;}
.cominfotbl table td.inputlabeltd .form-group {margin: 0 0 7px 0;}
.compname { float: left; font-size: 18px; /*padding-top:15px;*/ width: 100%;}
#blurdiv { width: 100%; float: left; margin-bottom: 20px;}
#blurdiv table tr td, .printchkboxtbl table tr td { padding-top: 30px;}
.funkyradio-default .form-group, .funkyradio-default label {
    margin-bottom: 0;
}
.blurdiv {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    width: 100%;
    background-color: #fff;
    position: relative;
    float: left;
}
.blurdiv:after {
    content: '';
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
}
.boxshadow {
    -webkit-box-shadow: 0px 10px 10px -7px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 10px 10px -7px rgba(0,0,0,0.22);
    box-shadow: 0px 10px 10px -7px rgba(0,0,0,0.22);
    padding-bottom: 25px;
    margin-bottom: 50px;
}
.labeltmar, .labeltmar.form-group {
    margin-top: 20px;
    margin-bottom: 0;
}
.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
    color: #125781;
}
.notetext {
    font-size: 18px;
}
.pricetitle {
    color: #444;
}
.form-control.blueinput {
    color: #125781;
    font-size: 24px;
    border-bottom: 1px #125781 solid;
}
.bluebrdbtm {
    border-bottom: 1px #125781 solid;
}
.mart50 {
    margin-top: 50px;
}
.form-group .form-control.telinput {
    background: url(../images/tel-input.png) no-repeat top right 7px #fff;
}
.driver-table .glyphicon-pencil::before, .driver-table .glyphicon-trash::before{
    color: #ffffff !important;
}
.driverheader {
    margin-bottom: 35px;
    width: 100%;
    text-align: center;
    position: relative;
}
.driverheaderdiv {
    position: relative;
    padding: 15px 15px;
    z-index: 2;
    width: 100%;
    background: rgba(18,87,129,0.8);
    max-height: 180px;
}
.driverheaderdiv .field-drivers-profile_pic_url, .driverheaderdiv .field-buses-bus_image, .driverheaderdiv .field-seller-profile_pic {
    position: absolute;
    width: 150px;
    height: 150px; /*top:30px;*/
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    border: none;
}
.driverheaderdiv .field-drivers-profile_pic_url input[type="file"], .driverheaderdiv .field-buses-bus_image input[type="file"], .driverheaderdiv .field-seller-profile_pic input[type="file"] {
    opacity: 0;
    cursor: pointer;
    width: 150px;
    height: 150px;
}
.browse-header {
    margin: 30px 0;
    width: 100%;
    text-align: center;
    position: relative;
    background: #f2f2f2;
    padding: 15px 15px;
}
.browse-header-div {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 130px;
    max-height: 200px;
    max-width: 200px;
}
.browse-header-div img {
    max-width: 100%;
    max-height: 100px;
}
.browse-header-div .field-user-company_logo_url, .browse-header-div .field-printer-profile_picture {
    position: absolute; /*width:200px; height:200px; top:30px;*/
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    border: none;
}
.browse-header-div .field-user-company_logo_url input[type="file"], .browse-header-div .field-printer-profile_picture input[type="file"] {
    opacity: 0;
    cursor: pointer; /*width:200px; height:200px;*/
}
.driverheaderdiv img {
    border: 1px #b0b0b0 solid;
    border-radius: 100%;
    width: 150px;
    height: 150px;
}
.driverheaderbg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/driver-bg-img.png) no-repeat center center;
    background-size: cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    width: 100%;
}
/************************************/


.has-error .form-control, .has-success .form-control {
    box-shadow: none;
}
.has-error .form-control:focus, .has-success .form-control:focus {
    box-shadow: none;
}
.btn-login {
    border: 0;
    padding: 15px;
    border-radius: 0;
    background: #125781;
    font-family: 'RobotoBold_1';
    font-size: 20px;
    color: #fff;
}
.breadcrumb {
    display: none;
}
.content-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.38);
    z-index: 5;
}
.content-header h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    color: #125781;
    font-weight: bold;
    display:inline-block;

}
.telephone-section {
}
.telephone-section .summary, .telephone-section .kv-panel-before {
    display: none;
}
.telephone-section table.kv-grid-table thead {
    display: none;
}
.telephone-section .panel, .telephone-section .panel-default {
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.telephone-section .panel-default > .panel-heading {
    background: none;
    border: 0;
}
.telephone-section .panel-title {
    font-size: 25px;
    text-align: center;
    color: #125781;
    padding: 15px 0 30px 0;
}
.telephone-section table tr td {
    background: #fff;
    border-width: 0 0 1px 0;
    border-color: #125781;
    border-style: solid;
    padding: 10px;
    font-size: 20px;
    color: #404040;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 24px;
}
.telephone-section table tr td:first-child {
    color: #125781;
    padding-left: 0;
}
.telephone-section table tr td:last-child {
    text-align: right;
    padding-right: 15px;
}
.telephone-section table tr td:nth-child(1) {
    width: 48%!important;
}
.telephone-section table tr td:nth-child(2) {
    width: 30%!important;
}
.telephone-section table tr td:nth-child(3) {
    width: 22%!important;
}
.telephone-section table tr:first-child {
    border-width: 0 0 1px 0;
    border-color: #125781;
    border-style: solid;
}
.confirmed-section {
}
.confirmed-section .summary, .confirmed-section .kv-panel-before {
    display: none;
}
.confirmed-section table.kv-grid-table thead {
    display: none;
}
.confirmed-section .panel, .confirmed-section .panel-default {
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.confirmed-section .panel-default > .panel-heading {
    background: none;
    border: 0;
}
.confirmed-section .panel-title {
    font-size: 25px;
    text-align: center;
    color: #125781;
    padding: 15px 0 30px 0;
}
.confirmed-section table {
    border-collapse: collapse;
    width: 100%;
    box-sizing: border-box;
}
.confirmed-section table tr {
    background: #125781;
    -webkit-box-shadow: -1px 10px 7px -5px rgba(0,0,0,0.47);
    -moz-box-shadow: -1px 10px 7px -5px rgba(0,0,0,0.47);
    box-shadow: -1px 10px 7px -5px rgba(0,0,0,0.47);
    width: 100%;
    display: inline-table;
    margin-bottom: 10px;
}
.confirmed-section table tr td {
    padding: 15px;
    font-size: 20px;
    color: #fff;
    border: 0;
    white-space: normal!important;
    /*break-word;*/
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 24px;
}
.confirmed-section table tr td:first-child {
    color: #fff;
}
.confirmed-section table tr td:last-child {
    color: #fff;
    text-align: right;
    padding-right: 15px;
}
.confirmed-section table tr:first-child {
    border-width: 0;
    border-color: #fff;
    border-style: solid;
}
.confirmed-section table tr td:first-child {
    width: 35%!important;
}
.confirmed-section table tr td:nth-child(2) {
    width: 15%!important;
}
.confirmed-section table tr td:nth-child(3) {
    width: 35%!important;
}
.confirmed-section table tr td:nth-child(4) {
    width: 15%!important;
}
.confirmed-section table tr td a {
    color: #fff; margin-left:10px
}
.confirmed-section table tr td a:hover {
    color: #fff;
}
.confirmed-section .table-striped > tbody > tr:nth-of-type(2n+1) {
    background: #125781!important;
}
.telephone-index .panel-footer {
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
}
.telephone-index .panel {
    margin-bottom: 50px;
}
.pb-none {
    padding-bottom: 0!important;
}
.container-block {
    width: 100%;
    position: relative;
}
.top-padding {
    padding-top: 70px;
    padding-bottom: 70px;
}
.padding-btm-none {
    padding-bottom: 0!important;
}
.btm-view-btn {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}
.confirmed-section .panel-footer {
    margin: 0 15px;
}
.user-form-block {
    /*    min-height: 100vh;*/
    padding: 0 15px;
}
.skin-yellow .wrapper {
    background-color: #fff!important;
}
/******************** Dev Css Start ******/
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0
}
.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0
}
.sidebar-menu>li>a {
    padding: 15px 15px 15px 50px;
    display: block;
    /*background: #fff url("../img/arrow-1.png") no-repeat 15px 14px;*/
}
.sidebar-menu li.active a:first-child {
    background: url("../img/arrow-2.png") no-repeat 15px 14px;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
    width: 20px
}
.sidebar-menu>li .label, .sidebar-menu>li .badge {
    margin-right: 5px
}
.sidebar-menu>li .badge {
    margin-top: 3px
}
.sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px
}
.sidebar-menu li>a>.pull-right-container>.fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px
}
.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.sidebar-menu li.active>.treeview-menu {
    display: block
}
.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0px
}
.sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 20px
}
.sidebar-menu .treeview-menu>li {
    margin: 0;
}
.sidebar-menu .treeview-menu > li.grey {
    background: #bbb;
}
.sidebar-menu .treeview-menu>li>a i {
    display: none!important;
}
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
    width: 20px
}
.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
    width: auto
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
    background: #f6f6f6!important;
    margin: 0!important;
}
.skin-yellow .sidebar-menu > li > a {
    border-left: 0!important;
}
.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a, .skin-yellow .sidebar-menu > li:focus > a {
    /*background: #ebebeb url("../img/arrow-1.png") no-repeat 15px 14px!important;*/
    color: #515151!important;
}
.skin-yellow .sidebar-menu li.active a {
    background: #ebebeb url("../img/arrow-2.png") no-repeat 15px 14px!important;
    color: #515151!important;
}
.skin-yellow .sidebar-menu li.active ul li a {
    background: none!important;
}
.skin-yellow .sidebar-menu li.active ul li a:hover, .skin-yellow .sidebar-menu li.active ul li a:focus {
    background-color: #ebebeb!important;
}
.sidebar-menu .treeview-menu>li>a {
    padding: 15px 15px 15px 50px;
    display: block;
    font-size: 14px;
    color: #515151!important;
    background: none!important;
}
.panel-heading .synoptic {
    background: url(../images/map-view.png) no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.panel-heading .synoptic.active {
    background: url(../img/map-view-orange.png) no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.panel-heading .mapview {
    background: url(../images/map-view-pin.png) no-repeat 0 0 transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.panel-heading .mapview.active {
    background: url(../img/map-view-pin-orange.png) no-repeat 0 0 transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.panel-heading {
    border-radius: 0!important;
}
.alert.alert-success, .alert.alert-danger {
    width: 100%;
    padding: 10px;
    /*position:absolute;*/
    top: 50px;
    margin: 10px 0 0;
    position: relative;/*z-index:9;*/
}

.glyphicon-plus::before, .glyphicon-minus::before {
    width: 10%;
    float: left;
    line-height: 35px;
}
.panel-title span {
    float: left;
    width: 77%;
}
.panel-title .glyphicon {
    float: left;
}
.no-result .empty {
    text-align: center;
    padding-left: 45px;
}
/*********** Dev CSS End ****/
.form-group.has-error .help-block {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    line-height: 16px;
}
.form-group .has-error .help-block {
    color: #f44336;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    line-height: 16px;
}
.field-line-line_color_code input.form-control {
    padding-right: 40px !important;
    /*background: url(../img/select-down-arrow.png) no-repeat scroll right center !important;*/
    cursor: pointer;
}
.line_color  {position: relative;}
.line_color .input-group-html5 .input-group-addon:first-child { border-right: 0!important;}
.line_color .form-group { display: none;}
.line_color .sp-dd { padding:5px 10px 5px 5px;}
.line_color .sp-preview { padding:12px 32px;}
.line_color .input-group-html5 .input-group-addon {padding: 5px 0;}
.upload-img-box {/*float:left; padding:10px; width:100%;*/
}
.field-user-company_logo_url, .field-printer-profile_picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.upload-img-box input[type="file"] {
    display: inline-block;
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}
.select2-container--krajee .select2-selection, .select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
    border: none;
    border-bottom: 1px #bbb solid;
    box-shadow: none;
    border-radius: 0;
    padding: 7px 0;
    font-size: 18px;
}
.select2-container--krajee .select2-dropdown {
    box-shadow: none;
    border-color: #999;
}
.select2-container--krajee .select2-selection--single {
    height: 40px;
}
.select2-container .select2-selection--single .select2-selection__clear, .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow, .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow {
    border: none;
    background: #fff url(../images/select-down-arrow.png) no-repeat scroll right center;
    width: 40px;
}
#pjax-stop-maping-listing ul, #pjax-stop-listing ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#pjax-stop-maping-listing ul li, #pjax-stop-listing ul li {
    margin: 0;
    padding: 0px;
    color: #404040;
    /*border:;*/
    font-size: 20px;
    background: none;
    width: 100%;
    display: table;
}
.pagination li {
    display: inline!important;
    font-size: 14px!important;
}
.orange-back {
    background: orange !important;
}
#pjax-stop-maping-listing ul li span.left-num {
    color: #125780;
    width: 170px;
    display: table-cell;
    padding: 15px;
    text-align: center;
    border-bottom: #125780 solid 1px;
    box-sizing: border-box;
}
#pjax-stop-maping-listing ul li span.sj-text {
    color: #404040;
    padding: 15px;
    display: table-cell;
    border-left: #125780 solid 1px;
    border-bottom: #125780 solid 1px;
    box-sizing: border-box;
    max-width: 100px;
}
#pjax-stop-maping-listing ul li span.right-num {
    background: #125780;
    color: #fff;
    width: 100px;
    display: table-cell;
    padding: 15px;
    text-align: center;
    border-bottom: #125780 solid 0px;
    box-sizing: border-box;
    border-left: 30px solid #fff;
}
#pjax-stop-listing ul li span.left-num {
    color: #125780;
    width: 170px;
    display: table-cell;
    padding: 15px;
    text-align: center;
    border-bottom: #125780 solid 1px;
    box-sizing: border-box;
    min-height: 60px;
}
#pjax-stop-listing ul li span.sj-text {
    color: #404040;
    padding: 15px;
    display: table-cell;
    border-left: #125780 solid 1px;
    border-bottom: #125780 solid 1px;
    box-sizing: border-box;
    min-height: 59px;
}
.drag-block {
    padding: 30px 0;
    text-align: center;
    font-size: 22px;
    color: #105781;
}
.drag-block img {
    width: 26px;
    margin: 0 10px;
}
.process-loading {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
.process-loading img {
    margin-left: -27px;
    position: absolute;
    top: 50%;
}
.linetbl .form-group {
    margin-bottom: 0;
}
.linetbl .linetblnum {
    height: 40px;
    line-height: 40px;
    float: left;
    width: 100%;
    border-bottom: 1px #bbb solid;
    font-size: 18px;
}
.tblline table.kv-grid-table thead {
    display: none;
}
.tblline .tblbtmline td {
    vertical-align: middle;
}
.tblline .tblbtmline td:nth-child(1) {
    width: 8% !important
}
.tblline .tblbtmline td:nth-child(2) {
    width: 7% !important
}
.tblline .tblbtmline td:nth-child(3) {
    width: 43% !important
}
.tblline .tblbtmline td:nth-child(4) {
    width: 13% !important
}
.tblline .tblbtmline td:nth-child(5) {
    width: 14% !important
}
.tblline .tblbtmline td:nth-child(6) {
    width: 11% !important;
    text-align: left;
}
.routecolor {
    float: left;
    padding: 5px;
    height: 40px;
}
.onewayroute {
    display: block;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    background: url(../images/one-way-route.png) no-repeat center center;
}
.twowayroute {
    display: block;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    background: url(../images/two-way-route.png) no-repeat center center;
}
.circleroute {
    display: block;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    background: url(../images/circle-route.png) no-repeat center center;
}
.line-form.users-block {
    float: left;
    width: 100%;
    padding-right: 15px;
}
.lineuploadcanclebtn {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.form-group.field-line-line_color_code {
    margin-bottom: 0;
    margin-top: 0px;
}
.lineroutetbl {
    float: left;
    width: 100%;
    padding-left: 30px;
    border-left: 1px #bbb solid;
}
.txtright {
    text-align: right;
}
.form-group .help-block.txtright {
    position: relative;
}
.pop-footer {
    padding: 0;
}
.pop-footer button {
    width: 33.333%;
    margin: 0!important;
    float: left;
}
#claimStop .pop-footer button {
    width: 50%;
}
#confirmStopData .modal-header, #claimStop .modal-header {
    border-bottom: #125781 solid 1px;
}
#confirmStopData .modal-header h4, #claimStop .modal-header h4 {
    margin: 0;
    color: #125781;
    text-align: center;
    font-weight: normal;
}
#confirmStopData .modal-body, #claimStop .modal-body {
    font-size: 16px;
    line-height: 20px;
}
#confirmStopData .modal-body p, #claimStop .modal-body p {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 16px;
    line-height: 20px;
}
#confirmStopData .modal-body h4, #claimStop .modal-body h4 {
    margin: 0;
    color: #125781;
    text-align: left;
    font-weight: normal;
    font-size: 20px;
}
#claimStop .modal-body .form-control {
    border-width: 0 0 1px 0;
    border-color: #bbb;
    padding: 6px 0;
    height: 40px;
}
#claimStop .form-group {
    margin: 0;
}
#claimStop .funkyradio {
    width: 50px;
    padding-top: 10px;
}
#claimStop .modal-body {
    color: #bdbdbd;
}
#claimStop .modal-body tr td {
    padding: 0;
}
#claimStop .modal-body label {
    color: #bdbdbd;
    font-size: 16px;
    font-weight: normal;
}
.seletion-box {
    padding-top: 15px;
}
.custom-error .help-block.help-block-error {
    position: absolute;
    width: 320px;
    padding-top: 10px !important;
    font-size: 12px !important;
}
.claim-error-msg {
    border: none !important;
}
.claim-error-msg .form-group.has-error .help-block {
    font-size: 16px;
}
.field-stopclaims-description .help-block.help-block-error {
    font-size: 12px !important;
}
.users-block .select-box.bluelineselect .select-wrapper select {height: 42px !important;}
.users-block .select-box.bluelineselect .select-wrapper {background-position:right -9px;}

.custom-login-header h1 {
    color: #125781;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.line_checkbox {
    margin: 0px 0px 0px 0%;
    padding: 0px;
    float: left; width:100%;
}
.line_checkbox .user_radio_line {
    margin:0px 2%; padding:0px; float:left;
}
.line_checkbox label {
    display: inline-block;
    position: relative;
    float: left;
    color: #585858;
    font-size: 18px;
    padding-left:72px;
}
.line_checkbox label::before {
    background:url(../images/check-dc.png) no-repeat center center;
    content: "";
    display: inline-block;
    position: absolute;
    width:40px;
    height:32px;
    left: 7px;
    top: -3px;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;

}
.line_checkbox label::after {

    background:url(../images/check-ac.png) no-repeat center center;
    display: inline-block;
    position: absolute;
    content: "";
    color: #22aae9;
    font-size: 13px;
    width:40px;
    height:32px;
    left:7px;
    top:-3px;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33);
}
.line_checkbox input[type="checkbox"] {
    opacity: 0;
}
.line_checkbox input[type="checkbox"]:focus + label::before {
}
.line_checkbox input[type="checkbox"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.editable-input .input-medium{padding: 14px; border-color: #125781;}
.editable-submit{background: #125781;}

@media (min-width:768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li {
        position: relative
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 180px;
        left: 50px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
        top: 0;
        margin-left: -3px;
        padding: 12px 5px 12px 20px;
        background-color: inherit
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
        float: right;
        width: auto!important;
        left: 200px!important;
        top: 10px!important
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
        display: none
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 44px;
        margin-left: 0
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0)
    }
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px
    }
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px
    }
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
        display: none
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px
    }
}






.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: nowrap;
    overflow: hidden
}
.sidebar-menu:hover {
    overflow: visible
}
.sidebar-form, .sidebar-menu>li.header {
    overflow: hidden;
    text-overflow: clip
}
.sidebar-menu li>a {
    position: relative
}
.sidebar-menu li>a>.pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
}
.control-sidebar-bg {
    position: fixed;
    z-index: 1000;
    bottom: 0
}
.control-sidebar-bg, .control-sidebar {
    top: 0;
    right: -230px;
    width: 230px;
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
}
.control-sidebar {
    position: absolute;
    padding-top: 50px;
    z-index: 1010
}
.journey-stops-mapping-search .form-group .help-block, .schedule-time-search .form-group .help-block {
    margin-bottom: 0;
}
.messages-section .form-group .help-block {
    margin-bottom: 0;
}
/*Driver Page Design Integration*/
.content-border {
    border: #125781 solid 1px;
    padding: 15px!important;
    min-height: 60px;
}
.drivers-index .top-padding {
    padding-top: 50px;
}
.driver-table {
    padding-top: 35px;
}
.drivers-index .panel-footer {
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
}
#drivers-telephone {
    background: url(../images/tel-input.png) no-repeat right top;
}
.schedule-tab .fc-icon-left-single-arrow::after {
    content: "";
}
.schedule-tab .fc-icon-left-single-arrow {
    background: url(../images/pre-btn.png) no-repeat left top;
    width: 36px;
    height: 36px;
}
.schedule-tab .fc-icon-right-single-arrow::after {
    content: "";
}
.schedule-tab .fc-icon-right-single-arrow {
    background: url(../images/next-btn.png) no-repeat right top;
    width: 36px;
    height: 36px;
}
.schedule-tab .fc-unthemed .fc-content, .schedule-tab .fc-unthemed .fc-divider, .schedule-tab .fc-unthemed .fc-list-heading td, .schedule-tab .fc-unthemed .fc-list-view, .schedule-tab .fc-unthemed .fc-popover, .schedule-tab .fc-unthemed .fc-row, .schedule-tab .fc-unthemed tbody, .schedule-tab .fc-unthemed td, .schedule-tab .fc-unthemed th, .schedule-tab .fc-unthemed thead {
    border-color: #125781;
}
.schedule-tab .ui-widget-content {
    color: #fff;
}
.schedule-tab .fc table tr th {
    background: #125781;
    font-weight: normal;
}
.schedule-tab .fc table tr td {
    font-size: 22px;
    vertical-align: middle;
    text-align: center;
}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 36% 26%;
    min-width: 66px;
}
.calendar-index .top-padding {
    padding-bottom: 0;
}
.buses-facilities-box {
    padding: 20px 0 50px 0;
    width: 100%;
}
.buses-facilities-box .title {
    padding: 0 0 15px 0;
    font-size: 22px;
    color: #000;
    font-weight: normal;
}
.buses-facilities-box .funkyradio {
    width: 50px;
}
.calendar-index .schedule-tab .ui-tabs {
    padding: 0;
}
.calendar-index .schedule-tab .ui-tabs-panel {
    padding: 0!important;
}
.price-slct-box {
    border-bottom: #bbb solid 1px;
    padding-bottom: 15px;
}
.open-price-slct-box {
    border-bottom: #bbb solid 1px;
    padding: 25px 0;
}
.normal-price-box {
    width: 100%;
    color: #797979;
    font-size: 20px;
    line-height: 30px;
}
.normal-price-box .row {
    background: #f1f1f1;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 25px;
    margin-bottom: 25px
}
.normal-price-box .form-group {
    margin-bottom: 0;
}
.ad-young-price-box {
    margin: 15px 0;
    padding: 15px 0;
    background: url(../images/line-sp.jpg) top center repeat-y;
}
#frm-create-price input[type="text"]:disabled {
    border-color: #ccc;
}
.price-sapline {
    background: #bbb;
    height: 1px;
    width: 100%;
    display: block;
}
.ad-young-price-box .title {
    font-size: 20px;
    color: #444;
}
.bluelineinput {
    color: #125781;
    font-size: 20px;
    border-bottom: 1px #125781 solid;
    border-width: 0 0 2px 0;
    box-shadow: none;
    background: none;
    width: 100%;
}
#frm-create-price table tr td {
    color: #696969;
    font-size: 20px;
}
#frm-create-price .price-slct-box table tr td.title-text, #frm-create-price .open-price-slct-box table tr td.title-text {
    color: #a1a1a1;
    font-size: 20px;
}
.drivers-index .select-wrapper {
    margin-top: 20px;
}
.select-wrapper .form-group .help-block {
    margin: 0;
    position: absolute;
    bottom: -62px;
}
.drivers-index .select-wrapper .form-group {
    margin: 0;
}
.leftradio {
    padding: 0 10%;
    width: 100%;
}
.leftradio .radio .cr {
    width: 1.5em;
    height: 1.5em;
}
.leftradio .radio .cr .cr-icon {
    top: 50%;
}
.leftradio li {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    font-size: 18px;
}
.leftradio li .radio, .leftradio li .radio label {
    padding-left: 0;
    margin: 0;
    color: #444;
    font-size: 18px;
    font-weight: normal;
}
.leftradio li .radio .cr {
    border: 1px #444 solid;
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.leftradio li .radio .cr .cr-icon {
    color: #125781;
}
.leftradio li .checkboxsubtext {
    padding-left: 35px;
    font-size: 12px;
}
.question-sign-modal {
    position: absolute;
    right: 90px;
    top: 5px;
    font-size: 30px;
    cursor: pointer;
}
.time-control-popup {
}
.time-control-popup .modal-header {
    color: #125781;
    font-size: 18px;
    border-color: #125781;
}
.sale-info-block .schedule-tab .tab-content {
    padding: 0;
}
.sale-info-block .schedule-tab .advancedselectbox .form-group, .sale-info-block .schedule-tab .advancedselectbox .select-box.bluelineselect {
    margin-bottom: 0;
}
.funkyradio label {
    text-indent: -999999px;
}
.advancedselectbox .form-group .help-block {
    margin-bottom: 0;
}
.currency-wrap {
    position: relative;
}
.currency-wrap .currency-sign {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 20px;
    color: #125781;
    font-weight: normal;
}
.currency-wrap .currency-sign.dis-price {
    color: #cccccc;
}
.currency-wrap input {
    padding-left: 20px;
    max-width: 130px;
}
.currency-wrap input.two {
    padding-left: 30px;
}
.currency-wrap input.three {
    padding-left: 45px;
}
.percent-sign {
}
.percent-sign input {
    background: url(../images/per-symbol.png) right 10px no-repeat;
    background-size: 14px;
    padding-right: 20px;
    text-align: right;
}
.percent-sign.dis-per {
}
.percent-sign.dis-per input {
    background: url(../images/per-symbol-dis.png) right 10px no-repeat;
    background-size: 14px;
}
.price-wrap {
    float: right;
}
.price-wrap .num-label {
    float: right;
}
.price-wrap span {
    margin-right: 5px;
}
.comp-noti {
    position: relative;
}
.comp-noti .email-noti {
    height: 35px;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 35px;
    cursor: pointer
}
.comp-noti .form-control, .comp-noti .form-control:focus {
    padding-right: 40px;
}
.sales-detail .radio, .sales-detail .checkbox {
    margin: 0;
}

.select2-container {
    margin: 0 0 7px;
}

@media (max-width:768px) {
    .control-sidebar {
        padding-top: 100px
    }
    .srh-section {
        margin-top:0px
    }
}
.control-sidebar>.tab-content {
    padding: 10px 15px
}
.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
    right: 0
}
.control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar {
    right: 0
}
.color_red {
    color: red !important;
}
.color_green {
    color: green !important;
}
.color_black {
    color: black !important;
}
.delay_min, tr.kv-page-summary td:nth-child(15) {
    color: red !important;
}
.advance_min, tr.kv-page-summary td:nth-child(14) {
    color: black !important;
}
.color_black {
    color: black !important;
}
.mb-15{
    margin-bottom: 15px;
}
@media (min-width:768px) {
    .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer {
        margin-right: 230px
    }
}




/* Customize container */
@media only screen and (min-width:992px) and (max-width: 1024px) {
    .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
        padding: 34% 36%;
        min-width: 40px;
    }
}
@media only screen and (min-width:768px) and (max-width: 991px) {
    .create-edit-section .edit-location-box {
        padding: 0;
        border: 0;
    }
    .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
        padding: 35% 32%;
        min-width: 40px;
    }
}
@media (max-width:1280px) {
    .create-edit-section .map-block .map-point ul li {
        line-height: 45px;
    }
    .create-edit-section .edit-location-box ul li {
        padding: 15px 0;
    }
}
@media (max-width:1024px) {

    .schedule-tab .fc table tr td {
        font-size: 30px;
    }
    .bus-root .pointer {
        right: -3px;
    }
    .bus-root .right-label-box .pointer {
        left: -2px;
    }
    .bus-root {
        min-height: 100%;
    }
}
@media (max-width:991px) {
    .container {
        max-width: 950px;
    }
    .line-form.users-block, .lineroutetbl {
        padding: 0;
        border: 0;
    }
    .ad-young-price-box {
        background: none;
    }
    .bus-root .right-label-box .pointer {
        left: -4px;
    }
    .bus-root i {
        top: -30px;
    }
    .line_checkbox label::before, .line_checkbox label::after { top:-3px }
}
@media (max-width:767px) {
    .map-info {
        height: 100vh;
    }
    .no-result .empty {
        text-align: center;
        padding-left: 5px;
    }
    .telephone-section table tr td:last-child {
        padding-right: 5px;
    }
    .confirmed-section table tr td {
        width: 25%!important;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .confirmed-section table tr td:last-child {
        padding-right: 15px;
    }
    .listing-block .list {
        font-size: 16px;
    }
    .listing-block .list em {
        font-size: 18px;
        line-height: 16px;
    }
    .confirmed-block .list-view {
        font-size: 15px;
        line-height: 40px;
    }
    .icon {
        width: 28px;
    }
    .popup-info {
        padding-left: 0;
        font-size: 14px;
    }
    .popup-info em {
        font-size: 16px;
    }
    .sale-info-block h4.panel-title {
        font-size: 15px;
        line-height: 20px;
    }
    .map-icon {
        margin-left: 5px;
    }
    .sale-info-block .sale-rate {
        font-size: 18px;
    }
    .sale-info-block .sale-rate img {
        width: 26px;
    }
    .sale-info-block .glyphicon-plus::before, .sale-info-block .glyphicon-minus::before {
        padding-right: 15px;
    }
    .sales-detail {
        font-size: 14px;
    }
    .sales-detail ul li span {
        width: 65%;
    }
    .radio, .checkbox {
        padding-left: 0;
    }
    .login-fb-btn-box {
        margin: 0;
    }
    .login-fb-btn-box a span {
        width: 84%;
    }
    .login-fb-btn-box a {
        padding: 3% 5%;
    }
    .content-header h1 {
        font-size: 18px;
        width:130px;
        white-space: nowrap;
        overflow:hidden !important;
        text-overflow: ellipsis;
    }
    .skin-yellow .content-header .question-sign-modal img {width: 25%; float: right; margin: 7px 0px 0px 0px;}
    .telephone-section .panel-title {
        font-size: 16px;
        padding: 0;
    }
    .telephone-section table tr td {
        padding: 5px 5px 5px 0;
        font-size: 14px;
        line-height: 16px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .confirmed-section .panel-title {
        font-size: 16px;
        padding: 10px 0;
    }
    .confirmed-section table tr td {
        padding: 15px 5px;
        font-size: 14px;
        line-height: 16px;
    }
    .confirmed-section table tr td:first-child {
        width: 35%!important;
    }
    .confirmed-section table tr td:nth-child(2) {
        width: 15%!important;
    }
    .confirmed-section table tr td:nth-child(3) {
        width: 35%!important;
    }
    .confirmed-section table tr td:nth-child(4) {
        width: 15%!important;
    }
    .show-info ul li em, .show-info-report ul li em {
        width: 50%;
    }
    .question-sign {
        background: #fff url("../img/select-down-arrow.png") no-repeat right center;
    }
    .popup-info .form-control {
        font-size: 14px;
        margin-left: 0;
        line-height: 30px;
        height: 30px;
    }
    .popup-info .input-group.date .input-group-addon span {
        height: auto;
        width: 30px;
    }
    .popup-info p .popup-icon {
        width: 30px;
    }
    .sale-info-block h4.panel-title a em {
        font-style: normal;
        position: absolute;
    }
    .select-wrapper {
        font-size: 14px;
    }
    .telephone-section table tr td:nth-child(1) {
        white-space: pre-wrap!important;
        width: 48%!important;
    }
    .telephone-section table tr td:nth-child(2) {
        white-space: pre-wrap!important;
        width: 30%!important;
    }
    .telephone-section table tr td:nth-child(3) {
        white-space: pre-wrap!important;
        width: 22%!important;
    }
    .popup-ok-btn, .deny-btn, .popup-cancel-btn {
        padding: 6px 12px;
        font-size: 18px;
    }
    .popup-info p .popup-icon {
        margin-right: 8px;
    }
    .glyphicon-plus::before {
        line-height: 18px; margin:5px 0 0;
    }
    .glyphicon-minus::before {
        line-height: 18px; margin:0px 0 0;
    }
    .select-wrapper .form-control {
        font-size: 12px!important;
    }
    .srh-section .col-md-9 {
        padding-right: 15px;
    }
    .srh-section .btn-srh {
        background: #fff url(../images/srch-ic-blue.png) center 25px no-repeat;
        border: 0;
        text-indent: -99999px;
    }
    .srh-section.stop .btn-srh {
        background: #fff
    }
    .srh-section .form-control {
        background: #fff;
        border-width: 0 0 1px 0;
        padding: 0;
    }
    .create-edit-section {
        padding: 0;
    }
    .create-edit-section h3.pagetitle {
        margin: 0;
    }
    .create-edit-section .map-block .map-point {
        padding-right: 0;
        width: 290px;
        z-index: 2;
        position: relative;
        margin-left: -240px;
        -webkit-transition: all 500ms ease-out 0s;
        -moz-transition: all 500ms ease-out 0s;
        -o-transition: all 500ms ease-out 0s;
        transition: all 500ms ease-out 0s;
    }
    .create-edit-section .map-block .map-point.opn-point {
        margin-left: -15px;
    }
    .create-edit-section .map-block .map-view {
        width: 100%;
        position: absolute;
        top: 12px;
        right: 0;
        height: 100%;
        padding-left: 50px;
        border: 0;
        z-index: 1;
    }
    .create-edit-section .map-block .map-point ul {
        background: #fff;
        -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
    }
    .create-edit-section .map-block .map-point ul li {
        background: #fff;
        border-bottom: #125781 solid 1px;
        color: #404040;
        line-height: 60px;
    }
    .create-edit-section .map-block .map-point ul li strong {
        width: 22%;
        float: left;
        text-align: center;
        font-weight: normal;
    }
    .create-edit-section .map-block .map-point ul li strong img {
        max-width: 100%;
        width: 18px;
    }
    .create-edit-section .map-block .map-point ul li em {
        width: 52%;
        float: left;
        text-align: left;
        font-style: normal;
        cursor: pointer;
        line-height: 22px;
        padding-top: 12px;
        font-size: 15px;
        overflow-wrap: break-word;
    }
    .create-edit-section .map-block .map-point ul li span {
        width: 18%;
        float: right;
        text-align: center;
        color: #125781;
        cursor: pointer;
    }
    .create-edit-section .map-block .map-view .google-maps {
        height: 100%;
        padding-bottom: 0
    }
    .select-box.bluelineselect .select-wrapper {
        border-bottom: 1px #125781 solid;
    }
    .tblbtmline tr td {
        width: 25%;
        border-bottom: 1px #125781 solid;
        padding: 15px 0;
    }
    .tblbtmline.tbltopline {
        border-top: 2px #125781 solid;
    }
    .schedule-tab .tab-content {
        padding: 15px 0;
    }
    .leftcheckbox {
        margin: 25px 0 0;
    }
    .roundbtn {
        width: 100%;
        margin: 20px 0;
        padding: 15px;
        border-radius: 10px;
        font-size: 20px;
    }
    .disablebtn {
        width: 100%;
        margin: 20px 0;
        padding: 15px;
        border-radius: 10px;
        font-size: 20px;
    }
    .timecontroltbl table tr th, .timecontroltbl table tr td {
        font-size: 14px;
        padding: 10px 5px;
    }
    .timecontroltbl table tr th img, .timecontroltbl table tr td img {
        max-width: 24px;
    }
    .funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before, .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before, .funkyradio input[type="radio"]:hover:not(:checked) ~ label, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label, .funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
        background-size: 20px auto
    }
    .funkyradio {
        width: 40px;
    }
    .select-box.bluelineselect .select-wrapper {
        padding-bottom: 40px;
    }
    .users-block .form-control, .linetbl .linetblnum {
        font-size: 14px;
    }
    .btn {
        padding: 10px;
    }
    .select-wrapper {
        font-size: 14px;
    }
    .leftcheckbox li, .roundbtn, .selecttitle, .select-box.bluelineselect .select-wrapper .holder, .frequency-info h4, .tblbtmline tr td, .company-service-block .srevie-box label, .company-service-block .srevie-box .form-control, .msg-text, .srh-section .form-control, .col-info table tr td input[type="text"], .tblbtmline tr td.msgtd, .tblbtmline tr td.msgbus, .tblbtmline tr td.msgdate, .msgtextbox, .deletebtn, .sendbtn, .telephone-section .msgtbl tr td {
        font-size: 16px !important;
    }
    .btn-blue, .create-edit-section h3.pagetitle, .company-service-block .srevie-box label span, .create-edit-section .map-block .map-point ul li {
        font-size: 22px;
    }
    .compname {
        font-size: 16px;
        margin-top: -15px
    }
    .form-group .field-user-old_company_logo_url {
        height: 1px;
    }
    .browse-header-div img {
        max-height: 80px;
        max-width: 100%;
    }
    .browse-header {
        margin: 15px 0;
    }
    .browse-header-div {
        max-height: 150px;
        max-width: 150px;
        min-height: 100px;
    }
    .create-edit-section .map-block .map-point ul li a {
        background: none;
        display: inline;
        margin:0px 0px 0px 8px
    }
    .create-edit-section .map-block .map-point ul li a .glyphicon {
        top: 22px;
        left: 5px;
        float: left;
    }
    .login-fb-btn-box a {
        font-size: 20px;
    }
    .col-info table tr td {
        border-width: 1px;
    }
    .check-heading {
        font-size: 18px;
        background-size: 20px auto;
        padding-left: 35px;
    }
    .sales-detail ul li span {
        width: 60%;
    }
    .sales-detail ul li em {
        width: 40%;
    }
    .col-info table tr td {
        padding: 4px;
    }
    .tblbtmline tr td.msgtd {
        text-align: left;
    }
    .comlogo img {
        max-width: 100%;
    }
    .cominfotbl table td {
        padding: 15px 0 0 0;
        font-size: 16px;
    }
    .printchkboxtbl table tr td {
        padding-left: 0;
    }
    .boxshadow {
        margin-bottom: 25px;
    }
    #pjax-stop-maping-listing ul li, #pjax-stop-listing ul li {
        font-size: 16px;
    }
    #pjax-stop-maping-listing ul li span.left-num {
        width: 60px;
        padding: 15px 7px;
        overflow: hidden;
        word-break: break-all;
    }
    #pjax-stop-maping-listing ul li span.sj-text {
        padding: 15px 7px;
    }
    #pjax-stop-maping-listing ul li span.right-num {
        width: 60px;
        padding: 15px 7px;
        border-left: 5px;
    }
    #pjax-stop-listing ul li span.left-num {
        width: 60px;
        padding: 15px 7px;
        word-break: break-all;
    }
    #pjax-stop-listing ul li span.sj-text {
        padding: 15px 7px;
    }
    #stop_list_xs ul.pagination li {
        border-bottom: 0;
        width: auto;
    }
    #stop_list_xs ul.pagination li span {
        width: auto;
    }
    #stop_list_xs ul.pagination li.prev {
        float: left;
    }
    #stop_list_xs ul.pagination li.next {
        float: right;
    }
    .circleroute, .twowayroute {
        width: 25px;
        background-size: 100%;
    }
    img.imgminw25 {
        min-width: 25px;
    }
    .line-index .panel-body {
        padding: 0;
    }
    .line-form .checkbox label, .line-form .radio label, label {
        font-size: 13px;
    }
    .line-form .funkyradio {
        width: 30px;
    }
    .line-form .form-group .form-control::-moz-placeholder {
        font-size:12px;
    }
    .form-group label.control-label {
        font-size: 12px;
        margin: 10px 0 0
    }
    .driverheaderdiv {
        max-height: 120px;
        padding: 10px;
    }
    .driverheaderdiv img {
        width: 100px;
        height: 100px;
    }
    .driverheaderdiv .field-drivers-profile_pic_url {
        width: 100px;
        height: 100px;
        top: 10px;
    }
    .driverheaderdiv .field-drivers-profile_pic_url input[type="file"] {
        width: 100px;
        height: 100px;
    }
    .driverheaderdiv .field-seller-profile_pic {
        width: 100px;
        height: 100px;
        top: 10px;
    }
    .driverheaderdiv .field-seller-profile_pic input[type="file"] {
        width: 100px;
        height: 100px;
    }
    .driverheaderdiv .field-buses-bus_image {
        width: 100px;
        height: 100px;
        top: 10px;
    }
    .driverheaderdiv .field-buses-bus_image input[type="file"] {
        width: 100px;
        height: 100px;
    }
    .fc-basic-view .fc-body .fc-row {
        height: auto!important;
    }
    .schedule-tab .nav-tabs li a {
        font-size: 15px;
    }
    .schedule-tab .fc-header-toolbar {
        max-width: 260px;
    }
    .schedule-tab .fc-header-toolbar {
        padding: 15px 0 10px;
    }
    .schedule-tab .fc-icon-left-single-arrow, .schedule-tab .fc-icon-right-single-arrow {
        background-size: cover;
        width: 26px;
        height: 26px;
    }
    .schedule-tab .fc-header-toolbar .fc-center h2 {
        font-size: 18px;
    }
    .fc-head th span {
        font-size: 15px;
        line-height: 30px;
    }
    .schedule-tab .fc table tr td {
        font-size: 15px;
    }
    .schedule-tab .ui-state-active a, .schedule-tab .ui-state-active a:link, .schedule-tab .ui-state-active a:visited {
        border-width: 0 0 4px;
        padding-bottom: 5px;
    }
    .fc-scroller {
        height: 100%!important;
    }
    .schedule-time-index .tab-check table {
        margin-left: 0px;
    }
    .schedule-time-index .time-label {
        font-size: 16px;
    }
    .ad-young-price-box {
        background: none;
    }
    .price-slct-box table tr td:first-child {
        width: 40px!important;
    }
    #frm-create-price table tr td {
        font-size: 16px;
    }
    #frm-create-price .price-slct-box table tr td.title-text, #frm-create-price .open-price-slct-box table tr td.title-text {
        font-size: 14px;
    }
    .normal-price-box {
        background: #fff;
        border-top: #125781 solid 1px;
        border-bottom: #125781 solid 1px;
        font-size: 18px;
    }
    .normal-price-box .row {
        background: none;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 0px;
        margin-bottom: 0px
    }
    .ad-young-price-box .title {
        font-size: 18px;
    }
    .price-slct-box {
        border-bottom: 0;
    }
    .normal-price-box .title {
        padding-left: 0;
    }
    .ad-young-price-box .row .col-xs-4 table tr td:first-child, .open-price-slct-box .row .col-md-6 table tr td:first-child {
        width: 40px!important;
    }
    #frm-create-price .ad-young-price-box .row .col-xs-4 table tr td {
        font-size: 14px;
    }
    .price-sapline {
        background: #125781;
    }
    .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
        padding: 40%;
        min-width: 20px;
    }
    .funkyradio input[type="radio"]:empty ~ label::before, .funkyradio input[type="checkbox"]:empty ~ label::before {
        top: 5px;
    }
    .bus-root .right-label-box .pointer {
        left: -2px;
    }
    .table-responsive {
        border: 0;
    }
    .panel-heading .synoptic, .panel-heading .synoptic.active, .panel-heading .mapview, .panel-heading .mapview.active {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
    .exact_report_block .select_year {
        width: 50%
    }



    .top_border {height:82px;}

    .left_ul {border-right:2px solid #125781;}

    .right_ul {border-left:2px solid #125781;}
    .left_ul li::after, .right_ul li::after {border-width:1px;}
}
@media (max-width:639px) {
    .create-edit-section .map-block .map-point {
        padding-right: 0;
        width: 260px;
        margin-left: -210px;
    }
    .create-edit-section .map-block .map-view {
        padding-left: 50px;
    }
    .xs-space {
        width: 50px;
        display: block;
    }
    .popup-info .input-group.date .input-group-addon span img {
        margin: 0 5px 0 -5px;
    }
    .popup-info p .popup-icon {
        float: left;
        margin: 0 5px 0 -7px;
        width: 30px;
    }
    .popup-info p .popupinfo-text {
        float: left;
        width: 80%;
    }
}
@media (max-width:580px){
    .wrapper {width:100%;
    }
    .top_border {height:51px;}

    .left_ul {border-right: 1px solid #125781;}

    .right_ul {border-left:1px solid #125781;}
    .left_ul li::after, .right_ul li::after {border-width:1px;}

}
@media (max-width:480px) {
    .bus-root i {
        top: -35px;
    }
    .select-wrapper .holder {
        text-overflow: ellipsis;
        width: 80%;
    }
    .select-box.bluelineselect .select-wrapper .holder {
        padding-right: 10px;
    }
}
@media (max-width:479px) {
    .popup-info .form-control {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .radio label, .checkbox label {
        padding-left: 0;
    }
}
@media (max-width:375px) {
    .select-wrapper .form-control {
        font-size: 10px!important;
    }
}
@media (max-width:360px) {
    .confirmed-block .list-view {
        font-size: 15px;
        line-height: 16px;
    }
    .sales-detail {
        width: 90%;
    }
    .show-info .show-info-report {
        font-size: 14px;
    }
    .show-info .left-box, .show-info .right-box, .show-info-report .left-box, .show-info-report .right-box {
        padding: 5px;
        line-height: 20px;
    }
    .show-info ul li, .show-info-report ul li {
        margin: 5px 0;
    }
    .show-info ul li em, .show-info-report li en {
        font-size: 15px;
    }
    .direct-map-block .nav-tabs > li > a {
        font-size: 18px;
    }
    .pagination > li > a, .pagination > li > span {
        padding: 3px 7px;
    }
    .drivers-index .select-wrapper {
        background-size: 35px;
        font-size: 16px;
    }
    .select-wrapper {
        background-size: 25px;
        font-size: 12px;
    }
    .pl-xs-none {
        padding-left: 0!important;
    }
    .popup-info .form-control {
        font-size: 14px;
        margin-left: 0;
        line-height: 30px;
        height: 30px;
    }
    .srh-section .col-xs-2 {
        padding: 0;
    }
    .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
        padding: 35% 30%;
    }
    .bus-root .pointer {
        right: -6px;
    }
    .bus-root i {
        top: -50px;
    }
}
@media (max-width:320px) {
    .select-wrapper .form-control {
        font-size: 11px!important;
    }
    .bus-root i {
        top: -30px;
    }
}
/**********************************************************/
.fc-other-month {background-color: #eaeaea !important;}
.bg-green {background-color: #11c210 !important;}
.fc-day {background-color: #1791dc;}
.bg-day {background-color: #1791DC !important;}
.bg-yellow {background-color: #e1ed29 !important;}
.bg-red {background-color: #df160c !important;}
.fc-event-container {display: inherit;}
.imp-red {color: red !important;}
.no-synoptic {color: red; font-size: 15px; text-align: center;}
.clear-both {clear: both}
.report-index button.accordion {background-color: #125781;color: #FFFFFF;cursor: pointer;padding: 10px 18px;width: 100%;border: none;text-align: left;   outline: none;font-size: 22px; transition: 0.4s; font-weight: bold;}
.report-index button.accordion.active, button.accordion:hover {background-color: #125781;}
.report-index button.accordion:after {color: #777; font-weight: bold; float: right; margin-left: 5px;}
.report-index div.panel {padding: 0 18px; background-color: white;max-height: 0;overflow: hidden; transition: max-height 0.2s ease-out;}
.help-block-error {color: #f44336;}
.messages-index td a, .telephone-index td a, .line-index td a {color: #125781; cursor: pointer; margin-right:10px}
.imgminw25 {margin-top: -10px !important;}
/*------------------12/05/2017-----------------------*/
.report-index .top-padding {padding-top: 50px;}
.report-index .users-block .panel ul {width: 100%;height: auto; margin: 0px; padding: 0px 0px 0px 2%;}
.report-index .users-block .panel ul li:first-child {border-top: none}
.report-index .users-block .panel ul li { width: 100%; height: auto; margin: 0px;padding: 15px 0px;list-style-type: none;border-top: 1px solid #226288;}
.report-index .users-block .panel ul li a {color: #12557f;font-size: 20px;font-weight: normal;}
.report-index .users-block .panel ul li a:hover {text-decoration: none;}
/*-------Exact Report demanded------------*/
.exact_report_block {text-align: center; position: relative;}
.exact_report_block .container-fluid {}
.exact_report_block #year_div {border-bottom: 1px solid #d0dde5;padding-bottom: 15px; text-align: center}
.exact_report_block .schedule-tab ul li {width: 33.33%;}
.exact_report_block .schedule-tab ul li a {font-size: 23px; font-weight: normal;}
.exact_report_block .schedule-tab ul li:nth-child(2) a, .exact_report_block .schedule-tab ul li:nth-child(3) a, .schedule-tab .nav-tabs li:nth-child(1) a {
    border-color: #125781}
.exact_report_block #pjax-months .col-xs-4.col-sm-4.col-md-4.col-lg-4 {padding: 0px; border-right: 1px solid #bababa; border-bottom: 1px solid #bababa;}
.exact_report_block #pjax-months .col-xs-4.col-sm-4.col-md-4.col-lg-4:nth-child(3), .exact_report_block #pjax-months .col-xs-4.col-sm-4.col-md-4.col-lg-4:nth-child(6), .exact_report_block #pjax-months .col-xs-4.col-sm-4.col-md-4.col-lg-4:nth-child(9), .exact_report_block #pjax-months .col-xs-4.col-sm-4.col-md-4.col-lg-4:nth-child(12) {border-right: none;}
.exact_report_block #pjax-months .month_div input { opacity: 0}
.exact_report_block #pjax-months .month_div label { font-size: 18px; text-align: center; color: #125781; width: 100%; padding: 0 0 18px;font-weight: normal;}
.exact_report_block #pjax-months .month_div.active, .exact_report_block #pjax-weeks .week_div.active {background: #f2f2f2;}
.exact_report_block .btnblue {position: relative;left: 0px; width: 100%;}
.exact_report_block .select_year {display: inline-block; float: none;text-align: center; position: relative;}
.exact_report_block .select_year .select-box.bluelineselect .select-wrapper {border: none;}
.bottom_select {margin: 15px 0px 0; display: inline-block; width: 100%; text-align: center}
.bottom_select .col-xs-12.col-sm-5.col-md-5, .bottom_select .col-xs-12.col-sm-2.col-md-2 {display: inline-block;text-align: center;width: auto;float: none;}
.exact_report_block .select-box.bluelineselect {margin-bottom: 0px;}
.exact_report_block #pjax-weeks .col-xs-12.col-sm-12:first-child {border-top: none;}
.exact_report_block #pjax-weeks .week_div {padding-bottom: 10px; border-top: 1px solid #e2e2e2}
.exact_report_block #pjax-weeks .week_div label {color: #434343; width: 100%;}
.exact_report_block #pjax-weeks .week_div input {opacity: 0}
.exact_report_block #pjax-weeks .week_div label span {width: 19%; display: inline-block;font-weight: normal;}
.exact_report_block .calander_block {width: 100%; float: left;}
.auto_report_block label {color: #434343}
.btn_common {background: url(../img/icon-add.png) no-repeat left top;margin: 0px; padding: 0px;width: 40px;height: 35px;float: none;border: none;}
.exact_report_block .email-to .users-block {width: 100%; text-align: center;position: relative;}
.exact_report_block .email-to .users-block .form-group {width: auto;display: inline-block; float: none;}
.exact_report_block .email-to .users-block .remove-email {position: absolute;top: 26px; right: 42%}
custom-checkbox > [type="checkbox"], .custom-checkbox > label {margin-bottom:0px !important; -webkit-touch-callout: none; -webkit-user-select: none;   -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.custom-checkbox > [type="checkbox"]:not(:checked), .custom-checkbox > [type="checkbox"]:checked {position: absolute;left: -9999px;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label, .custom-checkbox > [type="checkbox"]:checked + label {position: relative;padding-left: 38px;    cursor: pointer;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:before, .custom-checkbox > [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -12px;width: 23px;height: 23px;border: 1px solid #434343;background: #ffffff;border-radius: 2px;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after, .custom-checkbox > [type="checkbox"]:checked + label:after {font: normal normal normal 14px/1 FontAwesome; content: '\f00c';position: absolute;top: 50%;margin-top: -8px;left: 4px;color: #125781;transition: all .2s;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.custom-checkbox > [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after, .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {content: '\f068';left: 6px; opacity: 1; transform: scale(1);}
.custom-checkbox > [type="checkbox"]:checked:focus + label:before, .custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {border: 1px solid #434343;}
.custom-checkbox > label:hover:before {border: 1px solid #434343 !important;}
.exact_report_block .ttl_or {color: #125781;font-size: 25px;line-height: 44px;padding: 0px;text-overflow: ellipsis;white-space: nowrap;float: left;margin-top: -51px;}
.row.auto-report-section {margin-top: 12px;}
.report_section {width: 100%; height: auto; margin: 0px; padding: 0px;}
.report_section .top-padding { padding-top: 70px;}
.report_section .ttl_report {width: 100%;height: auto; margin: 0px; padding: 6px 0; font-size: 20px; font-weight: normal;text-align: left; color: #434343;}
.file_format {width: 100%;height: auto;margin: 15px 0px 0px 0px; padding: 20px 0px; background: #f5f5f5; float: left;}
.report_format {width: 100%; height: auto; margin: 0px; padding: 0px;}
.report_format ul {width: 100%; height: auto; margin: 0px; padding: 0px;}
.report_format ul li:first-child {margin-left: 0px;}
.report_format ul li {float: left; margin: 0px 0px 0px 4%; padding: 0px; list-style-type: none;}
.report_format ul li a:hover {text-decoration: none;}
.report_section .kv-grid-container .kv-grid-table {width: 100%;}
.kv-grid-container .kv-grid-table th {background: #125781; color: #fff; font-size: 20px; padding: 10px;font-weight: normal;border: none;}
.kv-grid-container .kv-grid-table th a, .kv-grid-container .kv-grid-table th a:hover {color: #fff;text-decoration: none;font-weight: normal;}
.report-content .kv-grid-container .kv-grid-table td {border-left: 1px solid #ddd;font-size: 18px;color: #434343; line-height: 32px;font-weight: normal;}
.kv-grid-table, .kv-grid-table tr th {border-radius: 0px !important;}
.kv-grid-container .kv-grid-table tfoot tr {border: none !important;}
.kv-grid-container .kv-grid-table tfoot td {background: none !important;}
.panel {border-radius: 0px;box-shadow: none;border: none;}
.panel-footer {border: none;background: none;}
.time-control-popup .modal-header b {font-size: 25px;text-align: center;width: 100%;display: inline-block}
.time-control-popup .modal-body ul {width: 100%;height: auto; margin: 0px; padding: 0 30px 30px 30px}
.time-control-popup .modal-body ul li:first-child {margin-top: 0px;}
/*.time-control-popup .modal-body ul li {width: 100%;height: auto;margin: 15px 0px 0px 0px;padding: 0px; font-size: 20px;line-height: 32px; text-align: left;   list-style-type: disc;}*/
.time-control-popup .modal-body ul li {width: 100%;height: auto;margin: 15px 0px 0px 0px;padding: 0px; line-height: 32px; text-align: left;   list-style-type: disc;}
.subscribe_block .footerblock {position: absolute; left: 0px; bottom: 0px;}
.subscribe_block .statusblock {margin: 30px 0px 104px;}
.subscribe_block .top-padding {padding-bottom: 0px;}
.subscribe_block .ttl_gray {color: #434343; font-size: 20px;}
.subscribe_block .ttl_blue {color: #125781;font-size: 20px;}
.subscribe_block #save-subscription {background: #3ab54a !important;color: #fff; font-size: 25px; text-align: center; padding: 15px 0px;}
.subscribe_block .ttl_status {color: #434343; font-size: 35px; font-weight: bold}
.subscribe_block .ttl_ok {color: #125781;font-size: 35px;font-weight: bold}
.subscribe_block .glyphicon-minus, .subscribe_block .glyphicon-plus {color: #434343;font-size: 35px;font-weight: bold}
.subscribe_block .pyament_list {margin: 0px;padding: 0px 0px 0px 0;width: 100%; display: inline-block;}
.subscribe_block .pyament_list ul {width: 100%; height: auto; margin: 0px; padding: 0px; display: inline-block;}
.subscribe_block .pyament_list ul li {width: 100%;height: auto; margin: 0px; padding: 20px 30px 20px 70px;background: url(../images/payment_li_bg.png) no-repeat 30px center;display: inline-block;font-size: 18px;color: #434343;font-weight: bold;border-bottom: 1px solid #c0cdd6;font-weight: normal;}
.subscribe_block .attributerow .blockcontent {padding-bottom: 0px;}
/*-----------Raido Custom Start-------------*/
.checkbox_block { margin: 0px 0px 0px 0%; padding: 0px; float: left; width: 100%;}
.checkbox_block .radio { margin: 0px 2%; padding: 0px; float: left;}
.checkbox_block label { display: inline-block; position: relative; float: left; color: #585858; font-size: 18px; padding-left: 0px}
.checkbox_block label::before {content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: 0; border: 1px solid #22aae9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff;
                               -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; top: 4px;}
.checkbox_block label::after {background: #125781; display: inline-block; position: absolute; content: ""; color: #22aae9; font-size: 13px; width: 10px;    font-family: FontAwesome; height: 10px; left: -2px; top: 2px; margin-left: 7px;  margin-top: 7px; border-radius: 50%; -webkit-border-radius: 50%;  -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0);
                              transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, 0.33, 0.2, 1.33);}
.checkbox_block input[type="radio"] { opacity: 0;}
.checkbox_block input[type="radio"]:focus + label::before {}
.checkbox_block input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1); -o-transform: scale(1, 1);    transform: scale(1, 1);}
/*-----------Raido Custom End-------------*/
.report-index.report_section .top-padding { padding-bottom: 0px;}
.has-success .input-group-addon, .input-group-addon { background: none; border: none; border-bottom: 1px solid #bbbbbb; border-radius: 0px;}
.form-control, .bootstrap-timepicker input {border-radius: 0px !important;}
.table-telephone .kv-grid-table tr td { color: #fff;}
table.tabletimesalesweb {margin-bottom: 0px !important}
table.tabletimesalesweb .kv-page-summary {border-bottom: 1px solid #ddd;}
.bootstrap-timepicker .input-group-addon.picker .glyphicon-time::before {content: "\e114"; color: #125781;}
.gps_bus_block {text-align: center; width: 100%;}
.gps_bus_block .schedule-tab ul li {display: inline-block; float: none; text-align: center;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background: none;}
.auto-report-table-head .table-striped > tbody > tr td {color: #434343; font-size: 18px; font-weight: normal; line-height: 32px;}
.auto-report-table-head .table-striped > tbody > tr td a {color: #434343; font-size: 18px;}
.auto-report-table-head .skip-export.kv-align-center.kv-align-middle a {color: #125781; cursor: pointer; font-size: 24px;}
.fullwidthli {width: 100% !important; text-align: center;}
.file_format .field-autoreport-report_title label {display: none; margin: 0; padding: 0;}
.file_format .field-autoreport-report_title {border: medium none; float: left; margin: 0 20px 0 0; padding: 0; width: 80%;}
.file_format .field-autoreport-report_title input {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;    -moz-border-top-colors: none; border-color: currentcolor currentcolor #ddd; border-image: none; border-style: none none solid; border-width: medium medium 1px;}
.file_format .btn-success {background: #125781 none repeat scroll 0 0; border: medium none; color: #fff; padding: 4px 30px;}
.exact_report_block .help-block-error {clear: both;display: block; }
#send_email_interval {pointer-events: none;}
.plan-update .user-form .custom-checkbox {margin-bottom:10px;}
.kv-page-summary.warning > td { color: black !important; font-weight: bold !important;}
.alert-ban {background-color: #f2dede; border-color: #ebccd1; color: #a94442; display: inline-block; border-radius: 4px; margin-bottom: 20px; padding: 15px;
            width: 100%;}
.auto-report-content .table-responsive.kv-grid-container .kv-grid-table tr td {border: none; border-bottom: 1px solid #ddd;}
.auto-report-content .table-responsive.kv-grid-container .kv-grid-table {border-left:none; border-right:none;}
.empty {text-align: center;}
.form-tooltip {display: inline-block; opacity: 9999; position: absolute; right: 20px; top: 36px; color: #999999; font-size: 13.15px;}
#frm-payment .select-wrapper .holder { color: #404040;}
/*Dashboard*/
#pjax-dashboard .planrow {padding:0px;}
/*#pjax-dashboard .rightborder {border:none;}*/
.content-wrapper {position:relative;}
.language-block {float: right; margin: 13px 15px 0 0; padding: 0; position:absolute; top:0px; right:0px;}
.language-block select { margin-top: -3px; border:1px solid #ddd; background:url(../images/blue-select-down-arrow.png) no-repeat right -8px; width:65px; height:30px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding:0px 9px !important}
#pjax-dashboard .subscribe_block .glyphicon-minus, .subscribe_block .glyphicon-plus {margin:10px 0 0}
#pjax-dashboard .attributerow .rightborder {font-size:17px; color:#000;}
#button_update_delete {margin:20px 0px;}
.video_titleName {font-size:20px; text-align:left; color:#125781; margin-top:15px;}
.video_subName a {font-size:20px; text-align:left; color:#125781; text-align:right; margin-top:0px; margin-left:10px;}
.video_subName {float:right; width:auto; margin:15px 0px 0px 0px}
.video-create .list-view {width:50%; height:auto; margin:0px auto;}
.short-name {width:65px; height:65px; border:1px solid #105783; border-radius:100%; font-size:25px; text-align:center; color:#105783; line-height:60px;}
.full-name {font-size:25px; text-align:left; color:#105783; margin:0px; padding:0px;}
.user-email {font-size:18px; text-align:left; color:#404040; margin:0px; padding:0px;}
.action-col {float:right; margin:0px; padding:0px; width:auto;}
.action-col a i {color:#125781}
.user-row {border-top: 1px solid #d0dde5; float: left; height: auto; margin: 0; padding: 15px 0; width: 100%;}
.user-row:first-child {border:none;}
.user-index .btm-view-btn {position:inherit; margin:30px 0px 0px; width:100%; float:left}
.common_text {color: #434343;  font-size: 20px;}
.common_text a {color: #125781;}
.common_text a:hover {text-decoration:none;}
.common_blue {color: #fff; font-size: 20px;}
.padding {padding-bottom:0px !important; margin:0px; border:none !important;}
.blue_background {background:#125781}
.ic_minus {width:18px; height:18px; display:inline-block; text-align:center; background:url(../img/ic_minus.png) no-repeat center center;}
.ic_plus{width:18px; height:18px; display:inline-block; text-align:center; background:url(../img/ic_plus.png) no-repeat center center;}
.list_form_area .form-group {width:100%; float:left; margin:0px; padding:0px;}
.list_form_area .select-box.bluelineselect .select-wrapper { padding-bottom: 4.5px;}
.list_form_area .select-wrapper, .select-wrapper select { height: auto;  line-height: 23px;}
.list_form_area .select-box.bluelineselect .select-wrapper .holder {color: #125781; font-size: 22px;}
.glyphicon-pencil:before, .glyphicon-trash:before {color:#125781; }
.User_details .glyphicon-pencil:before, .User_details .glyphicon-trash:before {color:#125781; font-size: 29px; margin:12px 0px 0px 21px; float:left;}
.distributor-list .rc-handle-container {display:none; }
.field-buses-relay_enable label, .field-buses-has_video_counter label{padding-left: 52px;}
.form-group.has-success label.control-label, .form-group.has-success .help-block{color:#BDBDBD;}
/*@media (min-width:1921px) {
.wrapper {width:2200px; margin:0px auto; padding:0px; position:relative;}
}
@media (max-width:1920px) {
.wrapper {width:100%;}
}*/
@media (max-width:1442px) {
    .exact_report_block .email-to .users-block .remove-email {right: 33%;}
}
@media (min-width: 768px) and (max-width: 1024px){
    .line_color .sp-preview {
        padding: 12px 15px;
    }
    .line_color .sp-dd {
        padding: 5px 5px 5px 0;
    }
}
@media (max-width:991px) {
    .list_form_area .select-box.bluelineselect .select-wrapper {background: #fff url(../images/blue-select-down-arrow.png) no-repeat scroll right -10px;}
    .subscribe_block .ttl_gray, .common_blue {font-size:14px;}
    .blue_background {padding:16.4px 0px !important}
    .top_border {height:90px;}
}
@media (max-width:767px) {
    .custom-login-header h1 {
        font-size: 18px;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 130px;
        color: #125781;
        display: inline-block;
        font-weight: bold;

        margin: 0;
        padding: 0;
        text-align: center;
    }
    .exact_report_block .schedule-tab ul li a {font-size:19px;}
    .bottom_select .col-xs-12.col-sm-5.col-md-5, .bottom_select .col-xs-12.col-sm-2.col-md-2 {width:100%;}
    .exact_report_block .ttl_or {margin-top:0px; float:none; font-size:14px; line-height:normal;}
    .exact_report_block .email-to .users-block .remove-email {right:0%;}
    .exact_report_block .email-to .users-block .form-group {padding:0px 30px; width:100%;}
    .subscribe_block .ttl_gray, .subscribe_block .ttl_blue {font-size:15px;}
    #day .col-xs-12.col-sm-6 {margin-top:10px;}
    #day .col-xs-12.col-sm-6:first-child {margin-top:0px;}
    .kv-grid-container .kv-grid-table th {font-size:18px; line-height:25px;}
    .kv-grid-container .kv-grid-table td { font-size:16px; line-height:25px;}
    .subscribe_block .statusblock { margin: 30px 0 133px;}
    .subscribe_block .glyphicon-plus::before {line-height: 18px; margin:-8px 0 15px; display:inline-block; text-align:center; width: 100%;}
    .video-create .list-view {width:100%}
    .common_text, .common_blue {font-size: 12px;}
    .list_form_area .select-box.bluelineselect .select-wrapper .holder  {font-size: 12px !important}
    .list_form_area .select-box.bluelineselect .select-wrapper { padding-bottom: 1.5px;}
    .list_form_area .select-wrapper, .select-wrapper select {height: auto; line-height: 15px;}
    .list_form_area .select-box.bluelineselect .select-wrapper {background: #fff url(../images/blue-select-down-arrow.png) no-repeat scroll right -15px;}
    .User_details .short-name {width:50px; height:50px; line-height:48px}
    .User_details .full-name {font-size:20px;}
    .User_details .user-email {font-size:14px;}
    .User_details .glyphicon-pencil:before, .User_details .glyphicon-trash:before {color:#125781; font-size:18px; margin:12px 0px 0px 3px; float:left;}
    #pjax-dashboard .user-form-block .none_width {width:28.5%}
    #pjax-dashboard .user-form-block .moblile_one .col-xs-12 {width:14.3%;}
    #pjax-dashboard .user-form-block .moblile_two .col-xs-12 {width:14.3%;}
    #pjax-dashboard .user-form-block  .moblile_three .col-xs-12 {width:14.2857%;}
    #panelchild3 .collspan_data .col-xs-12 {width:100% !important;}
    .collspan_data .col-xs-12 {width:14.2857%;}
    .Form_section_Area .ttl_gray { font-size: 17px !important;}
    .radioclick a, .ok0, .ok {font-size:14px !important;}
    .blue_background {padding:18px 0px !important}
    .top_border {
        height: 50px;
    }
    .line_checkbox label{padding-left: 30px;}
    .line_checkbox label::before, .line_checkbox label::after {background-size:52% auto !important; top:-7px; left:-7px}
}
@media (max-width:600px) {
    #pjax-dashboard .user-form-block .moblile_one .col-xs-12 {width:100%;}
    #pjax-dashboard .user-form-block .moblile_two .col-xs-12 {width:100%;}
    #pjax-dashboard .user-form-block  .moblile_three .col-xs-12 {width:100%;}
    .collspan_data .col-xs-12 {width:100%;}
    /*.right_ul li, .left_ul li  {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width:100px;}
    */
}
@media (max-width:500px) {
    .exact_report_block .email-to .users-block .remove-email {right: 0%;}
    .exact_report_block .email-to .users-block .form-group {padding: 0px 30px;	width: 100%;}
}
@media (max-width:360px) {
    .line_color .sp-preview {
        padding: 12px 14px;
    }
}

@media (max-width:980px) {
    .create-edit-section .map-block .map-view .google-maps {
        padding-bottom: 54%;
    }
}
@media (max-width:800px) {
    .create-edit-section .map-block .map-view .google-maps {
        padding-bottom: 67.5%;
    }
}
@media (max-width:768px) {
    .create-edit-section .map-block .map-view .google-maps {
        padding-bottom: 73.5%;
    }
}
@media (max-width:360px) {
    .create-edit-section .map-block .map-view .google-maps {
        padding-bottom: 0;    
    }
    .create-edit-section .map-block {
        min-height: 525px;    
    }
}
@media (max-width:480px) {
    .create-edit-section .map-block .map-view .google-maps {
        padding-bottom: 0;    
    }
    .create-edit-section .map-block {
        min-height: 525px;    
    }
}