@import url(https://fonts.googleapis.com/css?family=Orbitron:400,700,500|Black+Ops+One|Audiowide);

body {
    font-family: 'PT Sans', sans-serif;
}

#new_to {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 97%;
    height: 97%;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 4px 4px 22px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 22px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 22px 0px rgba(0,0,0,0.75);    
    padding: 40px;
}

.muted {
    color: #79A5A5;
    font-style: italic;
}

.main_menu h2 {
    font-size: 30px;
}

.trip_btns button {
    margin-bottom: 4px;
}

.icons_item .add_actions {
}

.icons_item:hover .add_actions {
    display: block;
}

.to_row {
    margin: 15px 0;
}
   
.views {
    display: none;
}

.new_desc {
    position: absolute;
    top: -21px;
    font-size: 14px;
    color: #9C9C8C;    
}

.remove_button, .edit_button {
    position: absolute;
    top: 4px;
}

.remove_button {
    right: 6px;
}

.edit_button {
    left: 7px;    
}

.icons_btn {
    width: 70px;
    margin: 2px;
}

.container-fluid {
    max-width: 1200px;
}

.dropdown-submenu {
    position: relative !important;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.usd_button, .watch_button {
    position: absolute;
    top: 142px;
    width: 50px;
}

.driving {
    position: absolute;
    right: 71px;
    width: 50px;
    height: 64px;
    top: 160px;    
}

.usd_button {
    left: 5px;
}

.watch_button {
    right: 4px;
}

.inside_icon {
    min-height: 313px;
}

.car_to {
    font-size: 11px;
    text-align: left;
    color: #909090;
}

.trips_car_number, .tariff_descr {
    color: #009999;
    font-size: 12px;
}


.trips_table {
    font-size: 14px;
}

.action_buttons button {
    margin: 5px 0;
}

.m10btns {
    margin: 2px;
}


.pop_trips {
    font-size: 11px;
    margin-bottom: 5px;
}

.alert_row td {
    background-color: #FDE7BD;
}

.unknown_money_badge {
    position: absolute;
    right: 16px;
    top: 58px;
    width: auto;
    height: 49px;
    padding: 4px 8px;
    background-color: #FFF;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    font-family: 'Orbitron', sans-serif;
    border: 1px solid #e7e7e7;
    text-align: right;
    cursor: pointer;
    z-index: 3;
}

.dc_desc {
    color: #eee;
    font-size: 9px;
}

.driver_watch_btn {
    min-height: 78px;
}

.unknown_money_badge span {
    font-size: 16px;
    font-weight: bold;
}


.new_cost_label {
    display: block;
    margin: 10px 0;
}

#content_div, .to_item {
    position: relative;
}


.to_item .date {
    color: #010201;
    font-family: 'Orbitron', sans-serif;
}

.to_item .mil, .to_item .to_work {
    font-family: 'Orbitron', sans-serif;    
}

.to_item .desc, .new_to_row_item .desc {
    color: #BDB8B8;
    font-size: 11px;
}

.to_item .to_desc {
    color: #000;
    font-size: 12px;
}


.to_item .manage {
    position: absolute;
    right: -4px;
    top: 4px;    
}

.to_item {
    padding: 10px 0 10px 0;
    border-bottom: 2px solid #F5F5F5;    
}


.cost_driver_name {
    font-weight: bold;
    cursor: pointer;
    color: #2525B7;
    font-size: 14px;
    display: none;
    text-decoration: underline;
}

.driver_watch_details {
    font-size: 11px;
    color: #999;
}

.driver_watch_data {
    margin-left: 8px;
    color: #000;
}

.trips_for_send {
    width: 35%;
    height: 35%;    
    min-height: 30px;
}

.daf, .mercedes, .volvo, .kamaz, .scania, .truck, .trailer {
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    border: 1px solid #f5f5f5;
}

.daf {
    background-image: url(/site/skins/default/public/images/daf.png);
}

.daf.active, .daf:active {
    background-image: url(/site/skins/default/public/images/daf.png);
}


.mercedes {
    background-image: url(/site/skins/default/public/images/mercedes.png);
    background-size: 40px;
}

.mercedes.active, .mercedes:active {
    background-image: url(/site/skins/default/public/images/mercedes.png);
}


.volvo {
    background-image: url(/site/skins/default/public/images/volvo.png);
    background-size: 49px;
}

.volvo.active, .volvo:active {
    background-image: url(/site/skins/default/public/images/volvo.png);
}



.kamaz {
    background-image: url(/site/skins/default/public/images/kamaz.png);
}

.kamaz.active, .kamaz:active {
    background-image: url(/site/skins/default/public/images/kamaz.png);
}


.scania {
    background-image: url(/site/skins/default/public/images/kamaz.png);
}

.scania.active, .scania:active {
    background-image: url(/site/skins/default/public/images/scania.png);
}


.trailer {
    background-image: url(/site/skins/default/public/images/trailer.png);
    background-size: 64px;
}


.trailer.active, .trailer:active {
    background-image: url(/site/skins/default/public/images/trailer.png);
}


.truck {
    background-image: url(/site/skins/default/public/images/truck.png);
    background-size: 45px;
}


.truck.active, .truck:active {
    background-image: url(/site/skins/default/public/images/truck.png);
}



.costs_car {
    position: relative;
    
    width: 92px;
    height: 67px;    
}

.costs_car:focus {
    outline: none !important;
}

.costs_car .cmark {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0px;
    font-weight: bold;
    font-size: 12px;
}

.costs_car .number {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    width: 100%;
    color: #a99191;
}


.srch {
    padding-right: 27px;
    background-image: url(/site/skins/default/public/images/search.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px;
}



.btn_driver {
    position: relative;
    width: 60px;
    height: 45px;
}

.btn_driver .surname, .btn_driver .name {
    position: absolute;
    left: 0;
}

.btn_driver .surname {
    top: 0;
}

.btn_driver .name {
    bottom: 0;
}

.spend_drivers {
    font-size: 11px;
}

.spend_drivers tr {
    cursor: pointer;
}

.spend_drivers tr.active>td {
    border: 1px solid #c4c4ff;
    background-color: #b2e7ff !important;
    color: #000;    
}

@media screen and (max-width: 600px) {
    
    .masthead h2, .main_menu h2 {
        font-size: 19px;
        font-weight: bold;
    }
    
    
    .main_menu p {
        font-size: 10px;
    }
    
    .drivers_table, .cars_table, .trips_table, .sprav_table, .sm_table {
        font-size: 11px;
    }
    
    .drivers_table td>span {
        font-size: 7px!important;
    }
    
    .drivers_table td, .cars_table td, .trips_table td, .sprav_table td, .sm_table td, .drivers_table th, .cars_table th, .trips_table th, .sprav_table th, .sm_table th {
        padding: 4px !important;        
    }
    
    .trips_table {
        min-width: 456px;
    }
    
    .new_to_btn {
        margin-top: 10px;
    }
    
    .new_to_row_item input[type=text], .new_to_row_item textarea, .new_to_row_item select {
        margin: 7px 0;
    }

    .new_to_row_item {
        border-top: 2px solid #FFE7E7;
        padding-top: 15px;
    }
    
    .thumbnail .caption h3 {
        font-size: 18px;
    }
    
    .nav>li>a {
        padding: 10px 5px;
        font-size: 12px;
    }
    
    .breadcrumb a {
        font-size: 12px;
    }
    
    .inside_icon {
        min-height: 200px;
    }
    
    .btn-group-lg>.btn, .btn-lg {
        font-size: 13px;
        padding: 4px 8px;
    }
    
    .form-control {
        height: 33px;
    }
    
    .trips_car_number {
        color: #009999;
        font-size: 9px;
    }
    
    .nc {
        position: fixed;
        right: 20px;
        bottom: 20px;
        background-image: url(/site/skins/default/public/images/plus.png);
        width: 64px;
        height: 64px;
        background-color: transparent !important;
        border-color: transparent !important;
        z-index: 11000;
        text-indent: -9999px;
        display: block !important;
    }
    
    .unknown_money_badge {
        top: 1px;
        right: 97px;
    }
    
    #to_date {
        margin-top: 15px;
    }
}