.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{    display: flex;}
/*=====================page-1 start===============================*/
.jumbotron{ min-height: 78vh;    background: #f0f2f7; }
.navbar-brand img{height: 30px;}
.navbar{display: block;    padding: 24px 40px;      background: #234168;}
.jumbotron .modal-content{    padding: 40px;}
.search-button{  border: 2px solid #1e86ff;   width: 100%;display: block;padding: 13px;margin-top: 65px;text-align: center;background: #1E86FF;color: #fff;font-weight: bold;letter-spacing: 1px;font-size: 17px;border-radius: 4px;}
.search-button:hover{ text-decoration: none; color: #fff;}
.captcha-label{    width: 45%;
    height: 43px;
    font-size: 26px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 5px;
    padding: 5px;
    color: #000;
    border: 2px solid #7E96AD;
    line-height: 27px;text-decoration: line-through;}
    .form-control{    border: 2px solid #7E96AD;}
    .refresh{    position: relative;
        top: 6px;
        right: 40px; cursor: pointer;}
/*=====================page-1 End===============================*/

/*=====================page-2 start===============================*/
.vehicle-search{padding-top: 50px;}
.vehicle-search ul{display: block; margin: 0; padding: 0;}
.vehicle-search ul li{display: inline-block; margin-right: 30px;}
.vehicle-search .first-col{ padding: 20px 0;border: 1px solid #d0d0d0;border-radius: 5px;}
.vehicle-search ul li label span{margin-left: 10px;}
#vehicle-number{border: 1px solid #d0d0d0; padding: 7px;border-radius: 5px;}
.footer-section .search-two, .first-col .search-two{    background: #01b9f5;
    color: #fff;
    padding-top: 7px;
    border-radius: 5px;
    min-width: 105px;
    border: 2px solid #01b9f5;
    width: 194px;
    padding: 0.375rem 0.75rem;}
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
       
        color: white;
        text-align: center;
        width: 100%;
        background-color: #234168;
        padding: 15px 0;
        margin-top: 30px;
     }
     .pass-management.history, .container.footer-bottom{    padding-bottom: 88px;}
.footer-section .search-two:hover, .first-col .search-two:hover{text-decoration: none;}
.table-bottom{padding: 20px  0px;border: 1px solid #d0d0d0;border-radius: 5px;margin-top: 30px;}
.table-bottom h5{color: #6d6b6e;}
.table-bottom th{    background: #004A8E;
    padding: 7px 20px;
    border-right: 3px solid #fff;
    color: #fff;
    white-space: nowrap;}
    .table-button{margin: 0;    padding: 4px;    font-weight: normal;}
    .table-design table{border-color:#000}
.table-bottom  td {padding: 7px 10px;color: #6d6b6e;}
.table-bottom  tr:nth-child(even){background: #f1f1f1;}
.footer-section{display: block;margin-top: 20px;    text-align: right;}
.footer-section a{margin-right: 10px;}
 .table-design{overflow: auto;    width: 100%;}
/*=====================page-2 End===============================*/


/*=====================page-3 start===============================*/
.pass-management{padding-top: 40px;    padding-bottom: 40px;}
.pass-management .table-bottom{margin-top: 10px;}
.pass-management .table-bottom td {color: #5f696b;    white-space: nowrap;}
.pass-management .table-bottom .input-form{ margin-bottom: 9px;}
.pass-management .background_color h5{margin: 0;}
.pass-management .background_color{    display: block;background: #3b536f;width: 100%;padding: 10px;color: #fff;border-radius: 7px;}
#inputDate{background-image: url("assets/images/calendar.png");background-size: contain;background-repeat: no-repeat;background-position: right center;}
/*=====================page-3 End===============================*/

/*=====================page-4 start===============================*/
.col-lg-9 .col-form-label, .table-bottom .input-form .col-lg-9{font-weight: bold;}
.payment .table-design   {    border: 1px solid #d0d0d0;}
.payment .table-bottom .table-design tr th:nth-child(3){border: none;}
.headind h5{margin: 30px 0;}
/*=====================page-4 End===============================*/


/*=====================page-4 start===============================*/
.summary {padding-top: 40px;padding-bottom: 40px;}
.summary .bottom-table{padding: 20px;border: 1px solid #d0d0d0;border-radius: 5px;margin-top: 10px;}
.summary .bottom-table table{line-height: 33px;}
.table-inner tr td{white-space: nowrap;}
.table-inner{overflow: auto;}
.search-button:disabled,
.search-button[disabled]{
    /* border: 2px solid #1e86ff; */
    border: 1px solid #999999;
    background-color: #cccccc;
  /* color: #1e86ff; */
  color: #666666;
}
/*=====================page-4 End===============================*/

/*==========================captcha start===========================*/
.contain {display: flex;justify-content: center;    margin-top: 20px;}
#capt {width: 45%;height: 43px;font-size: 26px;background-color: #fff;padding: 5px;letter-spacing: 1px;float: left;color: #000;border-radius: 5px 0 0 5px;border: 1px solid #ced4da;}
#refresh {float: left;background-color: #fff;border-radius: 0 5px 5px 0;border: 1px solid #ced4da; border-left: none;}
#refresh img {    margin-top: 5px;cursor: pointer;padding: 5px;margin-right: 4px;margin-left: 4px;}
#textinput {width: 45%;height: 43px;font-size: 26px;background-color: #fff;margin-left: 10px;border-radius: 5px;padding: 5px;color: #000;    border: 2px solid #7E96AD;}
.contain button {padding: 8px 20px;height: 43px;cursor: pointer;border: none;margin-left: 10px;margin-top: 0;transition: .5s;}
.contain button:hover {background-color: #2d6fa8;}
/*==========================captcha End===========================*/
button:focus {
    outline: 1px dotted;
    outline: none !important;
}
/*=====================Responsive start===============================*/
@media only screen and (max-width: 600px) {
    .navbar-brand img {
        height: 24px;
    }
.navbar{display: block;    padding: 24px 15px;}
.table-design{overflow: scroll;}
.table-bottom th, .table-bottom td{    white-space: nowrap;}
.vehicle-search ul li{    display: block;}
.first-col .search-two{margin-top: 19px;display: inline-block;}
.split-section{display: inline-block}
.split-section .col-lg-6{ padding: 0;}
.split-section .col-lg-6:first-child{margin-bottom: 20px;}
.footer{position: static; margin: 0;}
.jumbotron{    margin-bottom: 0;
    min-height: 60vh;}
    .jumbotron .modal-content {
        padding: 40px 20px;
    }
    .captcha-label{    width: 51%;    margin-left: 0;}
    .table-bottom .col-lg-9 .form-control{padding: 0;}
}
@media only screen and (max-width: 361px) {
    .navbar-brand img {
        height: 24px;
    }
}
/*==================================t-c=================================*/
.background-color{background: #3b536f;padding: 10px;border-radius: 7px;color: #fff;}
#primary{padding: 20px;border: 1px solid #d0d0d0;border-radius: 5px;margin-top: 15px;}
.entry-content h3{ font-weight: bold; font-size: 1.5rem;}
/*==================================t-c=================================*/


/*=====================Responsive End===============================*/