@font-face {
    font-family: Museo;
    src: url("/../fonts/museo_font/exljbris - MuseoSansCyrl-500.otf") format("opentype");
}
body {
    font-family: "Verdana", "Arial" !important;
    font-size: 1.25em;
}
.navbar-logo .img-fluid {
    width: 65%;
}
.login {
    background-size: cover;
    background-color: #3b4650 !important;
    height: 100%;
}
.login-card.auth-body {
    width: 501px !important;
}
.select2-container--open{
    z-index:10000011999
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification{
    width: 30em;
}
.remember_me {
    font-size: 11px;
}
.btn.logout.btn-link{
    /*color:white !important;*/
}
.kv-date-remove, .kv-date-picker{
     width:6% !important;
}
.breadcrumb{
    background: none !important;
}
.close.fileinput-remove,.file-drag-handle.drag-handle-init.text-info,.kv-date-remove {display:none !important;}
.modal-dialog{margin-top: 200px;}

/*.pcoded .pcoded-navbar .pcoded-item > li > a{font-size: 13px!important;}*/

.pcoded-container{
    /*background: url('/storage/web/bg-body.png') repeat repeat #222;*/
}
.card:hover {
    box-shadow: 0 0 50px 0 rgba(244, 202, 53, 0.8);
}
.panel-heading, .fa{
    cursor: pointer;
}
.badge-fresh {
    border-radius: 100px;
    /*right: 15px;*/
    /*position: absolute;*/
    /*top: 14px;*/
    padding: 4px;
}

.badge-fresh:after,
.badge-fresh:before {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     box-shadow: inset 0 0 20px 5px rgba(255, 255, 255, 0.4);
 }

.badge-fresh:after {
     animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }

.badge-fresh:before {
     animation: not-blink 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
     animation-delay: 1.15s;
 }
.badge-fresh-block {
    position:relative;
    overflow: hidden;
}
.fade:not(.show) {

    opacity: 1!important;

}
.modal-backdrop.fade.in {

    opacity: 0.5!important;

}
.project-files-head{cursor: default;}
/*.reset-project-label,.add-file{margin-top:-12px;}*/

.form-group select.form-control{height: 2.5em!important;}
.img-250{width: 250px;}
.file-enable-checkbox{margin-right: 0px !important;}
.color-bkg-note{background-color: #656565}
.color-bkg-master{background-color: transparent!important; border-radius: 5px}
.file-comment-block{width: 29px;}
.color-bkg-header{background:transparent!important;color:#fff!important;}
.color-bkg-note>.panel{background: none!important;}
.cursor-default{cursor: default!important;}
.slide-quick{width: 100%!important;}
.top-main-message{position: absolute;width: 48%;height: 100%;    z-index: 777;left: 17%;border-radius: 5px;    line-height: 2;}
.top-main-message a{position: absolute; width: 100%; height: 100%; z-index: 777;display: block;}
/*.date-str{line-height: 4em;}*/
table{
    border-collapse: collapse;
    font-size: 1.25em;
    width: 100%;
}
td, th{
    border: 1px solid #ddd;
    white-space: nowrap;
    padding: 5px;
    vertical-align: top;
}
th{
    font-weight: bold;
    border: 1px solid #ddd;
    border-bottom-color: #888;
}
div.article-item img{max-width: 100%;}
/*.grid-view{background-color: #ffffff}*/
#userform-roles{text-align: left}
.sign-tabs .nav-item{width: 50%;}
.sign-tabs .slide{width: 100%;}
.sign-tabs{border: none;}
.article-title{font-size: 14px; text-transform: uppercase;}
.office_time{line-height: 50px}
.pcoded[sidebar-img="true"] .pcoded-navbar .main-menu {
    background-color: rgba(34,34,34,0);
}
.pcoded[sidebar-img="true"][sidebar-img-type="img1"] .pcoded-navbar {
    background: none;
}
.pcoded .pcoded-header[header-theme="theme1"] {
    background: none;
}
.pcoded .pcoded-container {
    margin-top:0px!important;
    /*padding-top: 58px;*/
    min-height: calc(100vh);
    background-attachment: fixed;
    /*background: none;*/
}
.pcoded[sidebar-img="true"] .pcoded-container {
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto1"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto1.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto2"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto2.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto3"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto3.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto4"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto4.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto5"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto5.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto6"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto6.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto7"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto7.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto8"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto8.jpg);
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto9"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto9.jpg);
}
.pcoded[layout-type="dark"] .card, body.dark .card {
    /*opacity: 0.6;*/
    background-color: rgba(34,34,34, 0.6);
}
.select2-container--krajee .select2-selection{
    background-color: transparent;
}
.select2-container--krajee.select2-container--disabled .select2-selection, .select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
     background-color: rgba(238,238,238, 0.4);
}
.select2-container--krajee li.select2-results__option{
    background-color: transparent;
}
.select2-container--krajee .select2-results__option[aria-selected] {
    background-color: transparent;
}
.pcoded[layout-type="dark"] .select2-container--default .select2-selection--multiple, .pcoded[layout-type="dark"] .select2-dropdown, body.dark .select2-container--default .select2-selection--multiple, body.dark .select2-dropdown {
    background-color: #000;
}
.select2-container--krajee .select2-results__option[aria-selected] {
    /*color:#656565;*/
}
.select2-container--krajee li.select2-results__option {
    color:#656565;
}
/*.select2-container--krajee .select2-selection__clear {*/
/*    color:#ffffff;*/
/*}*/
.border-default {
     border: none;
     box-shadow: 0 0 1px #999;
     color: #fff;
}
.pcoded[layout-type="dark"] .sub-title, body.dark .sub-title {
    color:#fff;
}
.select2-container--krajee .select2-selection__clear {
    color:#fff;
}
.params-after{
    color:#38a9f9;
    font-weight: bolder
}
.params-data{
    background-color: #000; text-align: center;
}
.params-table th,tr,td {
    border: none!important;
}
.params-table td {
    border: none;
    padding: 12px!important;
}
.params-table .params-head{
    background-color: #1d1d1d;
    text-align: center;
    border: 1px solid #666666!important;
}
.params-table {
    border-spacing: 10px;
    border-collapse: separate;
    text-align: center;

}
.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color:#fff;
}
.article-title{text-shadow: none;}
.btn-grd-primary {
    background:none;
}
.btn-grd-primary a{
    color:#38a9f9 !important;
}
.all-news{
    color:#38a9f9 !important;
    font-size: 16px;
    padding: 20px;
}
.nav-pills .nav-link.active, .show > .nav-pills .nav-link {
    background-color: #38a9f9;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #51606d;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active.active, .nav-pills .nav-link.active.active:focus, .nav-pills .nav-link.active.active:hover {
    color:#fff;
    background-color: #38a9f9;
    text-align: center;
    border-bottom: none;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color:#fff;
    background-color:#38a9f9;
}
.tooltip-content5 .tooltip-text3 {
    border-bottom:5px solid #38a9f9;
}
.color-button:hover {
    background-color: rgba(238,238,238, 0.4);
}
.pcoded[layout-type="dark"] .card .card-footer, body.dark .card .card-footer {
    background-color: transparent;
}
.project-new {
    background-color: rgba(73, 157, 83, 0.3) !important;
    text-align: center;
}
.project-new:hover {
    color: #fff!important;
    background-color: rgba(73, 157, 83, .5) !important;
}
.project-open {
    background-color: rgba(51, 131, 187, 0.3) !important;
    text-align: center;
}
.project-open:hover {
    color: #fff!important;
    background-color: rgba(51, 131, 187, .5) !important;
}
.project-closed {
    background-color: none!important;
    text-align: center;
}
.project-closed:hover {
    background-color: none!important;
    color: #fff!important;
}
.project-error {
    background-color: rgba(187, 77, 72, 0.3) !important;
    text-align: center;
}
.project-error:hover {
    color: #fff!important;
    background-color: rgba(187, 15, 57, 0.5) !important;
}
.table-hover tbody tr:hover {
}
.table-inverse {
    color:#fff;
    background-color: transparent;
}
.grid-view .form-control, .projects-form .form-control{
    background-color: transparent!important;
}
.grid-view td{

}
.ms-color{
    color:#38a9f9!important;
}
.ms-color-green{
    color: #2ECC71 !important;
}
.ms-color:hover{
    color: #2b568f !important;
}

.pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item > li.active > a {
    background: none!important;
}
.pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item > li.active > a::before {
    border: none!important;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a .pcoded-mtext {
    color:#38a9f9!important;
}
.cover-block{height: 100%;position: absolute;width: 56px;z-index: 9999;cursor:pointer}
.pcoded[layout-type="dark"] .panel, body.dark .panel {
    background-color: rgba(34,34,34, 0.6) !important;
    margin-bottom: 0px;
    padding-top: 20px;padding-bottom: 10px;
}
tr.ticket>td{text-align:center;vertical-align: middle!important;}
tr.ticket{cursor:pointer!important;}
.f-12{
    border: none!important;
}
.detail-view tr{
    border: 1px solid #51606d!important;
}
.project-note-client{
    background-color: rgba(51, 131, 187, 0.2) !important;
}
.project-note-master{
    background-color: rgba(51, 131, 187, .5) !important;
}
.by-autopack {
    background-color: rgba(51, 131, 187, .5) !important;
}
.stage-block{
    /*border-right: 1px solid;*/
}
#add_note_btn{
    /*margin-right: 75px;*/
    font-size: 15px;
    position: absolute;
    right:10px;
}
.pagination > li > a, .pagination > li > span {
    background-color: transparent!important;
    border: none!important;
    /*color: #2b568f !important;*/

}
.pcoded[sidebar-img="true"][sidebar-img-type="auto1"] .pcoded-container {
    background-size: cover;
    background-image: url(/storage/web/auto1.jpg);
    /*color:#fff!important;*/
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto1"] .bg-light{
    background-color: transparent!important;
}
.pcoded[sidebar-img="true"][sidebar-img-type="auto1"] .crud-datatable{
    /*background-color: transparent!important;*/
    color:#fff!important;
}
#openmess .download_file{transform: rotate(-90deg);}
.sub-title{
    border-bottom: 1px solid #51606d!important
}
.project-files-head{
    border-bottom: 1px solid #fff!important
}
.pcoded[layout-type="dark"] .b-t-default, .pcoded[layout-type="dark"] .b-t-theme, .pcoded[layout-type="dark"] .post-new-footer, .pcoded[layout-type="dark"] .version .nav li:first-child, body.dark .b-t-default, body.dark .b-t-theme, body.dark .post-new-footer, body.dark .version .nav li:first-child {
    border-top: 1px solid #fff;
}
.panel-heading h5{
    font-size: 1.5rem;
}
a[disabled]{cursor:not-allowed}
.chip-ecu-admin textarea, input{
    background-color: #3a3a3a !important;
}
.chip-ecu-admin h3{
    color: #fff!important;
}
#stages_div h3, #additions_div h3{
    color: #fff!important;
}
.redactor-editor, .redactor-box, .redactor-toolbar {
    background-color: transparent!important;
}
.pcoded[layout-type="dark"] .pcoded-main-container, body.dark .pcoded-main-container {
    background-color: transparent!important;
}
.pcoded[layout-type="dark"] .dropdown-menu, body.dark .dropdown-menu a{
    color: #fff!important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626 !important;
    text-decoration: none;
    background-color: transparent !important;
}
.auth-box input {
    background-color: transparent!important;
}
.select2-search__field{
    color: #fff!important;
}
@-webkit-keyframes autofill {
    to {
        color: inherit;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

#close_project{
    margin-left: 10px;
}
.detail-view tr {
    background-color:transparent!important;
}
.stage-block{
    border-right: 1px solid;
}
.reset-project-label{overflow: hidden;}
.img-block>img{
    max-width:100%;
}
.button-text{
    margin-top: 7px;display: block;
}
.caret{display:none;}
.article-item img {
    max-width: 100%;
    height: auto;
}
.projects-index tr{
    font-size: 13px!important;
}
.project-view .panel-heading, .project-view .btn-mini, .project-view a {
    font-size: 16px!important;
}
.add_note_block{padding-right: 26px;}
.add-file{padding-left: 15px;}
.add_note_block{margin-right: -25px;}
.project-view .panel th {
    padding-left: 10px;
}
.reset-project{width: 116px;}
.vehicle-info .select2-selection--single{
    font-size: 12px!important;
}


.tooltip-inner {
    font-size: 16px!important;
    background-color: rgba(34,34,34, 1);
}

.fa-exclamation-triangle{font-size: 20px!important;}
.date-str{margin-top: 5px;}

@media (max-width: 1500px){
    .date-str{margin-top: 0px;}
    .project-view, .project-view a, .project-view .btn , .project-view td {
        font-size: 11px!important;
    }
    .sub-title>.btn{
        font-size: 12px!important;
    }
    .text-light{
        font-size: 11px!important;
    }
    .sub-title{
        font-size: 12px!important;
    }
    .reset-project-label{
        font-size: xx-small;
    }
    .kv-grid-container{
        font-size: 12px;
    }
    .main-menu{width:135px;}
    .navbar-logo{width:135px;padding:0px}
    .navbar-logo{width:135px}
    .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-header .pcoded-left-header,.pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar{width:135px}
    .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-content{margin-left:135px}
    .panel .btn{
        /*font-size: 12px !important;*/
    }
    .pcoded-micon {
        width: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="none"] li > a {
        padding-left: 10px;
        padding-right: 0px;
    }
    .header-navbar .navbar-wrapper .navbar-logo {
        text-align: left;width: 170px;

    }
    #crud-datatable-container th {font-size: 13px;}
    .project-view .panel-heading {
        font-size: 12px!important;
    }
    .checkbox-fade .cr, .checkbox-zoom .cr {
        height: 15px;
        width: 15px;
    }
    .reset-project {
        margin-left: 0px!important;
    }
    .project-view .panel-heading, .project-view .btn-mini, .project-view a {
        font-size: 13px !important;
    }
    .project-view .f-12 {
        font-size: 11px !important;
    }
    .project-view .exclamation-block {
        margin-top: 3px;margin-left: 5px;width: 11px;
    }
    .tooltip-inner2 {
        font-size: 16px !important;
    }
    .pcoded .pcoded-navbar .pcoded-item a {
        font-size: 12px !important;
    }
    .vehicle-info .control-label{
        font-size: 13px!important;
    }
    .fa-exclamation-triangle{font-size: 14px!important;}

}
.col-file-data{
    max-width: 28%!important;
}
@media (max-width: 1700px) {
    .vehicle-info .control-label{
        font-size: 15px!important;
    }

    .reset-project {
        margin-left: 0px !important;
    }
}
@media (min-width: 1700px) {
    .date-str{margin-top: 5px;}
    #tuning_info_pjax>.row>div{
        max-width: 50%;
    }
    .pcoded .pcoded-navbar .pcoded-item > li > a {
        font-size: 15px !important;
    }
    .project-view .panel-heading, .project-view .btn-mini {
        font-size: 15px!important;
    }
    .project-view .exclamation-block{
        font-size: 20px!important;
    }
    .fa-exclamation-triangle{font-size: 20px!important;}
}
.login {
    position: inherit!important;
}
.alert-success{
    color: #1e584d;
}
.form-control[readonly]{cursor: not-allowed;}

.daterangepicker table {
    background-color: #010101;
}
.weekend.off.available {
    background-color: #3e3e3e !important;
    border: 1px solid #fff !important;
}
.off.available {
    background-color: #3e3e3e !important;
    border: 1px solid #fff !important;
}

.in-range.available {
    background-color: #357EBD !important;
    border: 1px solid #fff !important;
}

.available {
    border: 1px solid #fff !important;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 2px;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #3e3e3e !important;
}

.daterangepicker .left .daterangepicker_input {
    padding-right: 9px;
}
.daterangepicker .calendar-table {
    padding: 0;
}
.calendar-table {
    background-color: inherit !important;
}
.calendar.left, .calendar-right, .calendar-table {
    border: none !important;
}
.active.end-date {
    background-color: #357EBD !important;
}
.modal-header button.close{position: absolute;right: 10px;color: #fff;}

.select2-container--krajee .select2-results__option[aria-selected] {
    color: #fff;
}
.select2-container--krajee .select2-results__option[aria-selected="true"] {
    color: #357EBD !important;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
    color: #357EBD !important;
}
.yii-debug-toolbar__block a {
    color: #000 !important;
}
.yii-debug-toolbar {
    color: #000 !important;
}
.navbar .container-fluid{
    display: block;
}
.skin-yellow.dark .select2-selection.select2-selection--single {
    background: transparent !important;
}
.skin-yellow.dark .select2-selection.select2-selection--single>span {
    color:#fff!important;
}
.skin-yellow.dark li.select2-results__option {
    background: transparent !important;
    color:#fff!important;
}
.skin-yellow.dark li.select2-results__option--highlighted {
    color: #357EBD !important;
}
.header-projects-queue-btn.hover
{
    background-color: #ffcb80;
    border-color: #ffcb80;
    color: #fff;
}