.tabback {
    border: #999 solid 1px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.admin {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;

}

.admi_links {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

.admi_links:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 5px;
    padding-right: 5px;
}

.top_links {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

.index_text {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}


.index_text_links {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #0066CC;
    text-decoration: underline;
}

.index_text_links:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}




body,
html {
    font: normal normal 11px Verdana, sans-serif;
}

a.headerLink:link {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.headerLink:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.headerLink:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}

a.headerLink:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.columnLeft {
    background-color: #f2f1ee;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

.dataTableContent {
    color: #333333;
}

.dataTableHeadingContent {
    color: #333333;
    font-weight: bold;
}

.dataTableHeadingContentWhois a:link,
.dataTableHeadingContentWhois a:visited {
    color: #0000ff;
    font-weight: bold;
}

.dataTableHeadingContentWhois a:hover {
    color: #ffffff;
    font-weight: bold;
}

.dataTableRow {
    background-color: #f2f1ee;
}

.dataTableRowOver {
    background-color: #ffffff;
    cursor: pointer;
    cursor: hand;
}

.cate_pro {
    font-family: Verdana, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 19px;
    font-variant: small-caps;
    text-decoration: none;
    padding-left: 5px;
}

.top_linkslax {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

.top_linkslax:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

.button {
    cursor: pointer;

}

.form-submit-button {
    background: #a90329;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FC0505 0%, #EA0403 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FC0505), color-stop(100%, #EA0403));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FC0505 0%, #EA0403 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FC0505 0%, #EA0403 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FC0505 0%, #EA0403 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #FC0505 0%, #EA0403 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0505', endColorstr='#EA0403', GradientType=0);
    /* IE6-9 */


    border: 2px solid #FC0505;
    border-radius: 0.2em;
    box-shadow: 0 0 0 1px rgba(147, 187, 255, 0.3) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 18px;
    text-shadow: 0 1px 0 #142353;
    text-decoration: none;
}

.form-submit-button a {

    background: #a90329;
    /* Old browsers */
    background: -moz-linear-gradient(top, #004F31 0%, #05774A 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004F31), color-stop(100%, #05774A));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #004F31 0%, #05774A 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #004F31 0%, #05774A 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #004F31 0%, #05774A 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #004F31 0%, #05774A 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004F31', endColorstr='#05774A', GradientType=0);
    /* IE6-9 */


    border: 1px solid #004F31;
    border-radius: 0.2em;
    box-shadow: 0 0 0 1px rgba(147, 187, 255, 0.3) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 18px;
    text-shadow: 0 1px 0 #142353;
    text-decoration: none;
}

.requ {
    color: #F00;
    font-weight: bold;
}

.balis {
    border: red solid 2px;
    background: #ffffd5;
}

.input {
    border: 1px solid #aaaaaa;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

/* Admin Login */

.adminheader {
    height: 90px;
    border: 2px solid #75112E;
    background: #75112E;
    background: linear-gradient(to bottom, #75112E 0%, #bd4769 96%, #75112E 100%);
}

.adminlogo {
    padding: 7px;
    text-align: center;
    width: 198px;
    float: left;
}

.content-body {
    clear: both;
    /*background: #343434;*/
    z-index: 0;
    /*background: rgb(93, 109, 81);*/

    border-bottom: 2px solid #75112E;
    /* background: #3f3f3f; */
    background: #75112E;
    background: linear-gradient(to bottom, #75112E 0%, #bd4769 96%, #75112E 100%);

}

.adminloginfrm-main {
    border: 1px solid #fff;
    border-radius: 5px;
    float: none;
    clear: both;
    height: auto;
    padding: 10px;
    background: #fff;
    width: 450px;
    box-shadow: 2px 3px 11px 2px #670010;
}

.panel-title {
    text-align: right;
    padding: 23px;
    font-size: 20px;
    color: #fff;
    /*#d80808;*/
    font-weight: bold;

}

.form-title {
    border-radius: 20px;
    width: 145px;
    padding: 10px;
    position: absolute;
    left: 20px;
    top: -18px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #670011;
    border: 1px solid #670011;
    box-shadow: 2px 3px 11px 2px #670010;
}

.adminloginfrm-main .form-part {
    float: none;
    padding: 20px;
}

.field-part {
    text-align: left;
}

.field-part label {
    /*Color:#fff;*/
    font-size: 12px;
}

.menu-holder {
    width: 175px;
    float: left;
    min-height: 79vh;
    /*background: #343434;*/
    z-index: 9;
    position: relative;
    margin-right: 0px;
    /*border-bottom: 2px solid #57BA06;*/
    /* background: #3f3f3f; 
    background: rgba(98,125,77,1);
    background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(31,59,8,1)));
    background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: -o-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: linear-gradient(to bottom, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=0 );*/
}

.adminstatus {
    /*background:#343434;*/
    /*background: -webkit-linear-gradient(top, #343434, #292929);*/
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #75112E;
    /*background: #3f3f3f;*/
    background: #75112E;
    background: linear-gradient(to bottom, #75112E 0%, #bd4769 96%, #75112E 100%);
}

.companyname-part {
    color: White;
    font-size: 15px;
    padding: 15px;
    padding-left: 0px;
    /*background: rgb(93, 109, 81);*/
    background: #75112E;
}

.menu-logo {
    width: 75px;
}

.admin-footer {
    background: #343434;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    border-top: 1px solid #75112E;
    background: #75112E;
    background: linear-gradient(to bottom, #75112E 0%, #bd4769 96%, #75112E 100%);
}

.content-div {
    width: calc(100vw - 200px);
    padding-top: 15px;
    background: #fff;
    z-index: 5;
    box-shadow: 3px 5px 13px -3px #DCDCDC;
    min-height: calc(100vh - 148px);
    float: left;
}

.pad-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pad-r-0 {
    padding-right: 0px;
}

#nav li ul {
    padding: 0px;
}

#action-icons {
    font-size: 18px;
}

#action-icons .fa-pencil {
    color: orangered;
}

#action-icons .fa-trash {
    color: red;
}

#action-icons .fa-sign-out {
    color: blue;
}

.action-icons .fa-pencil,
.action-icons .fa-trash,
.action-icons .fa-sign-out {
    color: white !important;
}

.table-responsive table thead {
    background: #545151;
    color: #fff;
}

.green-status {
    width: 27px;
    height: 27px;
    background: linear-gradient(#83BE86 20%, #10791D 40%, #0FB008);
    background: -webkit-linear-gradient(#83BE86 20%, #10791D 40%, #0FB008);
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
}

.red-status {
    width: 27px;
    height: 27px;
    background: linear-gradient(#E99288 20%, #A60402 40%, #DF4442);
    background: -webkit-linear-gradient(#E99288 20%, #A60402 40%, #DF4442);
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
}

.bor-rad-0 {
    border-radius: 0px;
}

.top-sec {
    padding: 15px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.mid-sec {
    padding: 15px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
}

/*.fa{
    font-size:20px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}*/

a.alpha-letter {
    padding: 8px;
    border: 1px solid #00a2ff;
    margin-left: 2px;
    margin-right: 2px;
    color: #00a2ff;
    font-weight: bold;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-decoration: none !important;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

a.alpha-letter.active {
    background: #00a2ff;
    color: white;
    font-weight: bold;
}

a.alpha-letter:hover {
    text-decoration: none !important;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

div#DataTables_Table_0_length {
    text-align: left;
    padding-left: 25px;
}

div#DataTables_Table_0_filter {
    padding-right: 25px;
}

div.form-part .eachrow-chklis:nth-child(odd) {
    padding: 5px;
    background: #DCDCDC;
}

div.form-part .eachrow-chklis:nth-child(even) {
    padding: 5px;
}

div.form-part label {
    color: black;
    font-size: 13px;
    padding-left: 0px;
    padding-top: 5px;
    float: left;
}

.innerform-title {
    padding: 20px;
    text-align: left;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 20px;
    color: rgb(216, 8, 8);
    font-weight: bold;
    margin: 5px;
}

.zone-div {
    padding: 13px !important;
    margin-bottom: 5px;
}

.inti-msg {
    color: #FF0000;
    text-align: left;
    font-size: 16px;
}

.bord-bot-none {
    border-bottom: none;
}

.bor-rad-0 i.fa {
    font-size: 20px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.bor-rad-0:hover i.fa {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.style1 {
    color: red;
    padding-left: 20px;
}

tr.even {
    /* background: #dcdcdc; */
    background: #ececec;
}

tr.odd {
    background: #fff;
}

.form-control {
    border-radius: 0px;
}

.btn {
    border-radius: 2px;
    padding: 8px 15px;
}

.alert-warning {
    font-size: 14px;
    padding: 10px 15px;
}

.table-responsive {
    padding-top: 10px;
}

.green {
    color: #06a606;
    font-size: 14px;
}

.red {
    color: red;
    font-size: 14px;
}

.fa-ban {
    font-size: 18px;
}

a.btn.action {
    padding: 5px !important;
}

.table-responsive table thead {
    background: #545151;
    color: #fff;
    font-size: 12px;
}

/******POPUP css*/

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    /* width: 80%; */
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border: 1px soild #2d353c;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.modal-header .close {
    padding: 0px 5px;
    margin: auto 1px auto auto;
    border: 1px solid #2d353c;
    border-radius: 50%;
    color: #fff;
    background: #2d353c;
    box-shadow: none;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -34px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

div.modal-header {
    padding: 10px 16px;
    background-color: #dcdcdc;
    color: #2d353c;
    text-align: left;
}

.modal-header h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0px;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 5px 16px;
    background-color: #d1cacc;
    color: white;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td,
.table-bordered td,
.table-bordered th {
    border-bottom-width: 0;
    border: 0px !important;
    border-bottom: 1px solid #ddd !important;
    padding: 10px 5px;
}

#addTruckForm,
#addTruckForm2 {
    background-color: #ffffff;
    margin: auto;
    padding: 20px;
    width: 90%;
    min-width: 300px;
}

h1 {
    text-align: center;
}

#addTruckForm input,
#addTruckForm2 input,
#addTruckForm select,
#addTruckForm2 select {
    padding: 10px;
    width: 100%;
    font-size: 12px;
    border: 1px solid #aaaaaa;
    height: 38px;
    background: aliceblue;
    border-radius: 2px;
    /* font-size: .821rem !important; */
    font-weight: 600;
}

input[type=file]+label>i {
    float: right;
    top: 2px;
    position: relative;
    border-radius: 50%;
    border: 1px solid;
    padding: 2px;
}

/* Mark input boxes that gets an error on validation: */
#addTruckForm input.invalid,
#addTruckForm2 input.invalid,
#addTruckForm select.invalid,
#addTruckForm2 select.invalid,
#addTruckForm input[type=file].invalid+label,
#addTruckForm2 input[type=file].invalid+label {
    background-color: #ffdddd;
}

#addTruckForm input[type=file].hasfile+label,
#addTruckForm2 input[type=file].hasfile+label {
    border-color: #04AA6D;
}

#addTruckForm input[type=file].hasfile+label>i,
#addTruckForm2 input[type=file].hasfile+label>i {
    background: #04AA6D;
    color: #fff;
}

/* Hide all steps by default: */
.tab {
    display: none;
}

button {
    background-color: #04AA6D;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    outline: none !important;
    cursor: pointer;
}

button:hover {
    opacity: 0.8;
}

#prevBtn {
    background-color: #002666;
}

.tab span {
    font-size: 20px;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 25px;
    width: 25px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    opacity: 0.5;
    align-items: center;
    justify-content: center;
}

.step.active {
    opacity: 1;
}

span.pointer {
    margin-left: 20px;
    margin-right: 20px;
    color: #bbb;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #04AA6D;
    color: #fff;
}

.step.finish+span.pointer {
    color: #04AA6D;
    font-weight: bold;
    font-size: 18px;
}

.popTab {
    display: flex;
    width: 100%;
    column-gap: 18px;
    text-align: center;
    flex-direction: row;
    border-bottom: 1px solid #2aa1e6;
}

.popTab div {
    width: calc(100% / 4);
    padding: 10px 3px;
    font-size: 14px;
    cursor: pointer;
}

.popTab div.active {
    color: #fff;
    background: #2aa1e6;
}

.vehImg img {
    max-width: 90%;
    max-height: 220px;
}

.vehImg p {
    padding: 10px 28px;
    text-align: center;
    width: 100%;
    color: #f00;
}

.vehImg {
    display: flex;
    text-align: center;
    flex-direction: row;
    margin: 15px 0px;
}

div#detimg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.vehDet>b {
    width: 48%;
}

.vehDet {
    display: flex;
    font-size: 16px;
    padding: 5px 20px;
    text-align: left;
}

div#exp_date {
    font-size: 16px;
    padding: 10px;
}