body {
    padding: 30px;
    background-color: #cccccc;    
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #555555;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 0.3; /* Firefox */
  }

.hidden {
    display: none;
}
.shown {
    display: block;
}

.italic {
    font-style: italic;
}

.red {
    color: red !important;
}
.green {
    color: green;
}
.yellow {
    color: blueviolet;
}
.grey {
    color: #f68f40;
}
.antracit {
    color: #ccc;
}
.pink {
    color: deeppink;
}
.purple {
    color: #1a73e8;
}
.error {
    color: red;
}
.date_notes_error {
    color: red;
    display: none;
    width: 50%;
}
.display_in {
    display: inline-block;
}

.mt-30 {
    margin-top: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.mr-30 {
    margin-right: 30px !important;
}

.mt-15 {
    margin-top: 15px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.mr-15 {
    margin-right: 15px !important;
}

.mobile {
    display: none;
}
/* .desctop {
    display: flex;
} */

.bold {
    font-weight: bold;
}
.desctop2 {
    display: initial;
}



.header {
    width: 100%;
    height: 240px;
    background-color: #c3c4c8;
    padding-top: 60px;
    position: relative;
}
.header .logo {
    background-image: url('../img/logo2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    height: 154px;
    margin: auto;
}
.header .top-line {
    height: 70px;
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    box-shadow: 0px 18px 12px -12px #999;
}
.container {
    /* max-width: 1160px; */
    max-width: 90%;
}
@media (max-width: 1800px) {
    .container {
        max-width: 100%;
    }
}
.header .top-line .info-bar {
    margin-top: 18px;
    font-size: 24px;
    position: relative;
}
.header .top-line .info-bar .menu-icon {
    width: 20px;
    height: 17px;
    background-image: url('../img/menu_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}
.header .top-line .info-bar .path1 {
    display: inline-block;
}

.header .top-line .info-bar .search-bar {
    float: right;
    width: 200px;
    height: 100%;
    position: relative;
}
.header .top-line .info-bar .search-bar .lupa {
    background-image: url('../img/lupa.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    outline: none;
    border: none;
    background-color: transparent;
}
.header .top-line .info-bar .search-bar .input {
    border: none;
    font-size: 14px;
    COLOR: #000000;
    HEIGHT: 30px;
    BACKGROUND-COLOR: ffffff;
    width: 77%;
    outline: none;
    border-bottom: 1px solid #b7b3b4;
    
}
.sub_menu {
    position:absolute; 
    top: 50px; 
    left: 0px; 
    background-color: #f1f2f2;
}
.sub_menu .item {
    font-size: 18px;
    display: block;
    padding: 10px;
}
.sub_menu .item:hover {
    background-color: #f68f40;
}
.sub_menu .item .dep {
    color: #b7b3b4;
    font-size: 16px;
}
.sub_menu .line {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    margin: 0px 0;
}
.sub_menu a {
    color: #555;
    text-decoration: none;
}
.add {
    background-color: #1a73e8;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    outline: none;
    height: 40px;
    line-height: 40px;
    width: fit-content;
    padding: 0 15px;
    border: none;
    display: inline-block;;
}
.add:hover { 
    text-decoration: none;
    color: #fff;
}
.button-w-100 {
    width: 100%;
}
.btn-red {
    background: #ff0000;
}
.btn-green {
    background: #00a651;
}

.add-entr {
    width: 300px;
    margin-bottom: 30px;
}


.menu2-bar {
    width: 100%;
    height: 40px;
    background-color: #f1f2f2;
}
.menu2-bar .menu .item {
    display: inline-block;
    font-size: 18px;
    color: #3c4858;
    margin-right: 40px;
    line-height: 40px;
}
.menu2-active {
    color: red !important;
}

.cub {
    cursor: pointer;
}

.arqive_button:disabled {
    background: #dddddd;
}

.drivers_new {
    border: red 1px solid;
}

.logo_mob {
    display: none;
}

.trip-del {
    position: absolute;
    top: 0;
    right: 0;
}
.invoice-del {
    color: red;
    cursor: pointer;
}
.pay_status {
    position: absolute;
    top: 10px;
    right: 30px;
}
.pay_status_green {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: green;
}
.pay_status_red {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: red;
}