html{
    height: 100%;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

body{
    font-family: 'Poppins', sans-serif;
    background-color:#ffffff;
    min-height: 100%;
    display: flex;
    flex-direction: column ;
    padding: 0px !important;
}

h1,
h2,
h3,
h4,
h5,
h6{
    color: #000000;
    margin-top: 0px;
}
.tr-submitted{
    background:#C8E2FF !important;
    }
    .tr-lost{
    background: #FFDDBC !important;
    }
    .tr-closed{
      background: #D7DEE4 !important;
      }
    .tr-reapplied{
    background: #D9CCF0 !important;
    }
    .tr-hold{
    background: #FFE1A6 !important;
    }

.tr-green{
    background: #b0fda28c !important;
}
.tr-rejected{
background:#FFE0DD !important;
}





.color-red{
    color: #e93142;
}

.p30{
    padding:30px 0px;
}

.w-40{
    width: 40%;
    margin-left: 328px;
}

.w-45{
    width: 45%;
    margin-left: 328px;
}

.w-35{
    width: 36%;
    margin-left: 371px;
}

.w-55 {
    width: 60%;
    margin-left: 20%;
    margin-top: 18px;
}

.w-60{
    width: 60%;
}

.w-65{
    width: 65%;
    margin-left: 22%;
    margin-top: 83px;
}

.w-75{
    width: 75%;
}

.w-88{
    width: 88%;
}
.w-84{
    width: 84%;
}
.w-92{
    width: 92%;
}
.w-96{
    width: 96%;
}
.w-94{
    width: 94%;
}



.btn-font{
    font-size: 15px;
}

#spnPassword,
#spnUserName{
    color: red;
}

.table>thead>tr>th {
    vertical-align: top;
}
/*lost-doc form*/
.title-lost{
    font-size: 20px;
    color: #4d4d4d;
    line-height: unset;
}
.lost-doc-card{
    width: 34%;
    float: none;
    margin: 20px auto 30px;
}

.lost-doc-card-body{
    padding: 30px 38px !important;;
}

.checkApp-form label,
.lost-doc-form label{
    color: black;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px
}

.lost-doc-form .form-control{
    font-size: 13px;
}
.rejected-btn{
border:none;
background:none;
color:red;
text-decoration:underline;
}
.rejected-btn:focus{
border:none !important;
outline:none;
}
.mb{
    margin-bottom: 20px;
}

/****navBar****/
.nav-bar{
    background: #0d4da5;
    position: sticky;
    top: 0;
    z-index:3;
}
.navbar{
    padding: 0.5rem 6rem !important;
    margin-bottom: 0px;
}
.li-image{
    margin-right: 500px;
}
.nav-item .nav-link {
    color: #FFFFFF !important;
    font-weight: 400;
    font-size: 17px;
    padding: 10px 12px !important;
}
.nav-logo {
    width: 60px;
}

.ul-nav{
    line-height: 18px;
}

.dropdown-item {
    padding: 10px 18px !important;
}

.dropdown-item:active {
    color: #212529;
    background-color: transparent;
}

/*role*/
/* Container styles */
.container-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.card-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.card-inner {
    padding: 40px 50px;
}

/* Typography */
.card-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
    color: #333;
    font-weight: 600;
}

/* Form elements */
.role-form {
    width: 100%;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    color: #555;
}

.form-label-bold {
    font-weight: 600;
}

.form-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}

.form-input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

/* Error styles */
.error-message {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

.error-text {
    color: #dc3545;
    font-size: 12px;
}

.required-star {
    color: #dc3545;
}

/* Permissions section */
.permissions-box {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f8f9fa;
}

.scope-group {
    margin-top: 15px;
}

.scope-label {
    font-weight: 600;
    font-size: 16px;
    color: #007bff;
    margin-left: 8px;
}

.category-group {
    margin-left: 25px;
}

.category-title {
    margin-top: 10px;
    font-weight: 600;
    color: #333;
}

.permissions-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    margin-top: 10px;
}

.permission-item {
    display: flex;
    align-items: center;
}

.permission-label {
    margin: 0 0 0 8px;
}

/* Button styles */
.submit-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    width: 28%;
    font-weight: 500;
    transition: background-color 0.3s;
}

.submit-button:hover {
    background-color: #0056b3;
}

/* Checkbox styling */
.scope-checkbox,
.permission-checkbox {
    margin-right: 8px;
}
/*****card*****/

.card-wrapper{
    background: #fff;
    border-radius: 10px;
    border:1px solid #E0E0E0;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
    box-shadow: 0 0 10px rgba(196, 196, 196, 0.3);
    margin-right:10px !important ;
}
.header{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #E0E0E0;
    text-align:center;
    align-items:center;
    margin-bottom:20px;
}
.login-title{
    color: #696969;
    border-bottom: 2px solid #d3d3d3;
    padding-bottom: 8px;
}
.title{
    color: #696969;
}
#submitReject{
    border-radius:5px;
    background:#376AF5;
    color:white;
    border:none;
    width:90px;
    height:30px;
}

.icon-div{
    background-color:red;
    border-radius:50%;
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:5px;
}
.section-checkbox {
    display:none;
    height:30px;
    text-align:center;
    align-items:center;
    padding:.375rem .75rem!important;
}

.section-checkbox.hidden {
    display: none !important; /* Still needed for hover behavior */
}
.image{
    display:inline-block !important;
    margin-left:10px;
}
li:hover .section-checkbox {
    display: inline-block;
    color:black;
}
.reject-icon{
    color:white;
    font-size:12px;
    margin:1px auto;
}

.card-body{
}
.same-as-checkbox{
    display:flex;
    gap:10px;
}
.application-status{
    background:#F6F6F6;
    padding:20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    align-items:center;
}
.details-wrapper{
    padding:20px;
    border-radius:10px;
    gap:20px;
    border:1px solid #E0E0E0;
    margin:20px;
}
.image-section{
    display:flex;
    padding:20px;
    justify-content:space-between;
}
.image-cards .topic {
    background: #F6F6F6;
    padding: 18px 24px 16px 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0 !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #333;
}
.image-cards{
    border-radius:8px;
    width:200px;
    height:232px;
    overflow:hidden;
    border:1px solid #E0E0E0;
    margin:5px 10px 5px 0;
    label{
        background:#F6F6F6;
        padding:18px 24px 16px 12px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        margin:0px !important;
    }
    img{
        margin:10px;
        width:175px;
        height:115px;
        cursor:pointer;
    }
}
.image-cards-company-letter,
.image-cards-police-doc,
.image-cards-citizenship-image {
  border-radius:8px;
    width:200px;
    height:232px;
    overflow:hidden;
    border:1px solid #E0E0E0;
    margin:5px 10px 5px 0;
    label{
            background:#F6F6F6;
            padding:18px 24px 16px 12px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            margin:0px !important;
        }
        img{
            margin:10px;
            width:175px;
            height:115px;
            cursor:pointer;
        }
        .topic {
            background: #F6F6F6;
            padding: 18px 24px 16px 12px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            margin: 0 !important;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 500;
            color: #333;
            }
}
.images{
    margin-right:10px;

    .cards-section{
        display:flex;
        flex-wrap:wrap;
    }}

.preview-section{
    background:#F6F6F6;
    width:100%;

    img{
        width:100%;
        height:390px;
    }
}

.image-container {
    position: relative;
    display: inline-block;
    width:100%;

}

.image-container img {
    width:100%;
    height:390px;
    display: block;
}

.controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    padding: 5px;
    background:#FFFFFFCC;
    border-radius: 5px;
    i{
        color:black;

    }
}

.controls button, .controls a {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none; /* Remove underline from the  tag */
}

.controls button:hover, .controls a:hover {
    background-color: rgba(255, 255, 255, 0.2); /* Light hover effect */
}

.expand {

    background-color: rgba(0, 0, 0, 0.7);
    border: none;
    color: #fff;
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
}

.expand:hover {
    background-color: rgba(255, 255, 255, 0.2);
}


/*****form*****/
.login-form{
    width: 52%;
    text-align:center;
    position: absolute;
    display:flex;
    flex-direction:column;
    align-items:center;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login-head{
    color: #696969;
    margin-left: 1% !important;
    font-size: 28px;
}

.edit-application-form,
.edit-vehicle-type-form,
.change-password-form,
.edit-designation-form,
    /*.edit-role-form,*/
.check-doc-form,
.edit-user-sign-form,
.edit-form,
.add-form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.edit-role-form {
    padding: 40px 20px;
    min-height: calc(100vh - 120px);
    background-color: #f8f9fa;
}

.add-doc-form{
    position: absolute;
    top: 45%;
    left: 66%;
    transform: translate(-50%, -50%);
    margin: 150px 0px;
}

.dashboard{
    color: #004573;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.dash-title {
    font-size: 19px;
    margin-top: 30px;
    color: #0d4da5e0;
    margin-bottom: 22px;
    border-bottom: 1px solid #b7b7b7bd;
    padding-bottom: 15px;
}
.first-span{
    color: #333333;
    font-size: 25px;
    font-weight: 600;
}

.fs-c{
    font-size: 12px;
    color: #333333;
    text-transform: uppercase;
}
.float-right{
    float: right;
}
.img-icon{
    width: 35%;
    margin-top: 13px;
}
.w-20{
    width: 16%;
}
.lost-doc-overview-card .card-wrapper,
.status-card .card-wrapper{
    box-shadow: 0 0 10px rgba(212, 212, 212, 0.27);
}

.p-18-20{
    padding: 18px 23px;
}

.status-card{

}
.top-img{
    width: 45px;
    margin-top: 13px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.header-label{
    color: #888888 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    width:30%;
}
.label-value{
    font-size:14px;
    font-weight:500;
    color:#444444;
}
.validate{
    margin-bottom: 0px !important;
    width:55px !important;
}
.value{
    color:#444444;
}

.form-group {
    margin-bottom: 18px;
}

.form-control:focus{
    border-color: #b7b7b7;
    box-shadow: none;
}
.login-btn{
    width:100%;
    background: #1d80b2;
    color: #FFFFFF;
}
.btn:hover{
    color: #FFFFFF;
}
.logo{
    width: 78px;
    height:78px;
}


/****user list****/
.add ,
.details{
    padding: 0 !important;
}
.user-title{
    font-weight: 500;
    font-size: 28px;
    color: #004573;
}
.add-btn{
    float: right;
    margin-top: 7px;
    background: #1d80b2;
    color: #fff;
}
.add-btn:hover{
    background: #16406d;
}
.edit-btn{
    background: #1d80b2;
    color: #fff;
}
.delete-btn{
    background: #d9072c;
    color: #fff;
}

.table{
    border: 1px solid #c8c8c8;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}

.table td{
    vertical-align: middle !important;
}

.table thead th{
    vertical-align: top;
    background-color: #fff;
}

tr{
    background: #f2f9ff47 !important;
}

/*footer*/

.footer {
    width: 100%;
    background-color: #cbcbcb;
    color: #000;
    text-align: center;
    padding: 10px;
    margin-top: auto ;
    /*z-index: 3;*/
}

.footer a{
    color: #000;
}

/******lost documents list*****/
.appSubmit-heading-row,
.appSubmit-table-row{
    margin-right: -87px;
    margin-left: -87px;
}
.appSubmit-table-row .table td,
.appSubmit-table-row .table th{
    padding: 8px;
}
.appSubmit-table-row .table th{
    font-size: 12px;
    padding: 15px 10px;
}
.appSubmit-table-row .table tr td{
    font-size: 13px;
}

.appSubmit-table-row .table{
    font-size: 12px;
}


/*modal*/
/*.modal-header{*/
/*    border-bottom: none;*/
/*    padding: 1rem 1rem 0;*/
/*}*/
/*.modal-title{*/
/*    color: black;*/
/*}*/
/*.modal-body{*/
/*    padding: 2% 6%;*/
/*}*/
/*!*.modal-content{*!*/
/*!*    margin-top: 100%;*!*/
/*!*}*!*/
/*.modal-footer{*/
/*    border-top: none;*/
/*    padding: 0 4% 4%;*/
/*}*/
/*.modal-footer>* {*/
/*     margin: 0px !important;*/
/*}*/



/*!*FILTER APPLICATION*!*/

/*.filter-modal-content{*/
/*    margin-top: 38%;*/
/*}*/

/*.filter-modal-body{*/
/*    padding: 5% 8%;*/
/*}*/

/*.filter-modal-header{*/
/*    padding: 22px 40px 0;*/
/*}*/

/*.date-form .form-control{*/
/*    display: initial;*/
/*}*/

/*SEARCH APPLICATION */
.search-modal-body{
    padding: 8% 10%;
}

.search-modal-content {
    margin-top: 49%;
}
.search-modal-header{
    padding: 25px 38px 0;
}


/*Application lost doc form*/
.alert-danger,
.alert-info{
    text-align: center;
    padding: 5px;
    width: 100%;
    margin-bottom: 10px !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
}
.editSign-alert{
    padding: 8px;
}
.editDesignation-alert,
.editRole-alert{
    margin-left: 40px;
    padding: 8px;
}



/*add user signature and designation*/

.delete-modal-content,
.close-modal-content,
.add-engine-power-modal-content,
.add-color-modal-content,
.add-vehicle-type-modal-content,
.add-designation-modal-content,
.add-role-modal-content,
.add-user-sign-modal-content{
    margin-top: 50%
}

.markAsFound-modal-content{
    margin-top: 10%;
}


.add-engine-power-modal-header,
.add-color-modal-header,
.add-vehicle-type-modal-header,
.add-designation-modal-header,
.add-role-modal-header,
.add-user-sign-modal-header{
    padding: 23px 35px 0;
}

.close-modal-header,
.markAsFound-header{
    padding: 24px 30px 15px;
}


.add-engine-power-modal-body,
.add-color-modal-body,
.add-vehicle-type-modal-body,
.add-designation-modal-body,
.add-role-modal-body,
.add-user-sign-modal-body{
    padding: 7% 9%;
}

.close-modal-body,
.markAsFound-body{
    padding: 2% 9% 5%;
}

/******************PDF FORM****************/
.pt-50{
    padding-top: 25px;
}
p{
    margin-top: 0px;
    margin-bottom: 10px;
}

.fw-600{
    font-weight: 600;
}

.fs-14{
    font-size: 13px;
}
.fs-13{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-25{
    font-size: 25px;
}

.line-height{
    line-height: 25px;
}
.lh-35{
    line-height: 35px;
}
.license-book-row,
.blue-book-row{
    margin-right: 65px;
    margin-left: 65px;
}
/* left */
.right-col{
    padding-right: 0px;
    padding-left: 70px;
}
.left-col{
    border-right: 1px solid;
    padding-right: 70px;
    padding-left: 30px;
}

.left-title{

    float: left;
}

.subject{
    text-decoration: underline;
}

.date{
    float: right;
}

.box{
    font-size: 24px;
    margin-right: 12px;
}

.stamp-box{
    border: 1px solid;
    width: 134px;
    height: 115px
}

.stamp{
    padding: 20px;
}

/**** ERROR PAGE ****/
.dash{
    position: fixed;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.errorView{
    text-align: center;
    position: absolute;
    top: 69%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.errorMessage{
    font-size: 32px;
    margin-left: 12px;
}

.errorImage{
    width: 4%;
    margin-bottom: 10px;
}

.btn-center {
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-btn {
    background: #1d80b2;
    color: #FFFFFF;
}

/*icons */

.filter-icon{
    font-size: 25px !important;
    float: right;
    margin-right: 32px;
    margin-top: 5px !important;
    color: #0056b3 !important;
}

.submit-app-btn:hover{
    background-color: gray;
}
.export-icon:hover,
.filter-icon:hover{
    color: gray !important;
}
.export-icon{
    font-size: 27px !important;
    color: #0056b3;
    float: right;
    margin-top: 4px !important;
    margin-right: 25px;
}
.calendar-icon{
    font-size: 16px;
    position: absolute;
    top: 52%;
    left: 90%;
}

.submit-app-btn{
    background-color: #0056b3;
    color: #FFFFFF;
    float: right;
    margin-top: 0px;
}

.search-form{
    width: 250px;
    float: left;
    margin-top: 0px;
}
.dropdown-item{
cursor:pointer;
}

.search-icon {
    position: absolute;
    top: 24%;
    color: gray;
    left: 95%;
}

.modal-h5{
    margin-top: 7px;
    font-size: 21px;
}


/*vehicle*/
.detail{
    margin-bottom: 23px;
    border: 1px solid #d7d7d7;
    box-shadow: 5px 4px #e5e5e5;
    background: #FFFFFF;
    border-radius: 5px;
}

.detail1{
    margin-bottom: 23px;
    border: 1px solid #d7d7d7;
    box-shadow: 5px 4px #e5e5e5;
    background: #FFFFFF;
    border-radius: 5px;
}

.inner-detail{
    margin-bottom: 23px;
    border: 1px solid #d7d7d7;
    box-shadow: 5px 4px #e5e5e5;
    background: #FFFFFF;
    border-radius: 5px;
    width: 94%;
}
.detail label{
    color: #000000;
}

.detail .row{
    margin-left: 25px !important;
}

.detail1 .row{
    margin-left: 6px !important;
    margin-right: 6px !important;

}

.vehicle-details-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 25px;
}

.permanent-address-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 25px;
}

.permanent-address-title-v1{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-left: 10px;
}

.temporary-address-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 25px;
}

.temporary-address-title-v1{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-left: 10px;
}

.applicant-details,
.lost-details,
.owner-details,
.permanent-address,
.temporary-address,
.vehicle-details{
    margin-bottom: 30px;
    margin-top: 38px;
    color: #0d4da5;
}


.verify-modal-close .modal-header .close{
    margin-top: -23px !important;
}

.verify-modal-close{
    width: 85%;
}

.lost-btn{
    background: #FFFFFF;
    color: #607D8B;
    border:1px solid #607D8B;
    font-weight: bolder;
    width: 123%;
    padding: 5px 16px;
}

.lost-btn:hover{
    background: #607D8B;
    color: #FFFFFF;
    border:1px solid #607D8B;
}

.close-app{
    padding: 7px 9px;
    font-size: 11px;
    color: #0d4da5 !important ;
    font-weight: bolder;
    background: #FFFFFF;
    border:1px solid #0d4da5 !important;
}

.close-app:hover{
    color: #FFFFFF !important;
    background:#0d4da5;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.green-outline{
    padding: 7px 9px;
    font-size: 11px;
    background: #FFFFFF;
    border: 1px solid #54976C;
    color: #54976a;
    font-weight: bolder;
}
.green-outline:hover{
    background: #54976C;
    color: #FFFFFF !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.red-outline{
    padding: 7px 9px;
    font-size: 11px;
    background: #FFFFFF;
    border: 1px solid #d9534f;
    color:   #d9534f;
    font-weight: bolder;
}
.red-outline:hover{
    background: #d9534f;
    color: #FFFFFF;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.gray-outline{
    padding: 7px 9px;
    font-size: 11px;
    background: #FFFFFF;
    border: 1px solid #607D8B;
    color:#607D8B;
    font-weight: bolder;

}
.gray-outline:hover{
    background: #607D8B;
    color: #FFFFFF;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.detail-close{
    background-color: #0d4da5 ;
    border:#0d4da5;
    color: #FFFFFF !important;
}
.detail-close:hover{
    background-color: #0d4181;
    border:#0d4181;
    color: #FFFFFF !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.close-btn{
    color: #FFFFFF;
    background-color: #54976a;
}

.close-btn:hover{
    color: #FFFFFF;
    background-color: #3a704c;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.los-btn{
    background:#607D8B;
    border: #607D8B;
    width: 63px;
}

.los-btn:hover{
    background: #536876;
    border: #536876;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}



ul{
    list-style: none;
    line-height: 29px;
    padding-left: 0px;
}
ul li{
    color: #696969;
    height:40px;
}
.right-ul{
    float: right;
}

.topic{
    color: #444444;
    font-size: 15px !important;
    font-weight: 500;
}
.details-application-form span,
.details-application-form  label{
    font-size: 14px;
}
.details-application-form b {
    font-size: 13px;
}

.bb{
    border-bottom: 1px solid #E0E0E0;
}

.form-check-inline .form-check-input{
    margin-top: -5px !important;
    margin-right: 6px !important;
}

.mark-app{
    padding: 7px 9px;
    font-size: 11px;
    color: #fff;
    font-weight: bolder;
    background: #296bc5;
    color: #fff !important;
}

.mark-app:hover {
    background: #0d4da5;
}


/*responsive*/

/*@media only screen and (min-width:320px) and (max-width:568px){*/
/*    .calendar-icon {*/
/*        top: 67%;*/
/*        left: 78%;*/
/*    }*/
/*}*/


.highlight {
    background-color: yellow !important;
}
/*#ndp-nepali-box {*/
/*    left: 348px;*/
/*    position: relative;*/
/*    top: -426 !important;*/
/*    bottom: 220px !important;*/
/*    background: #FAFAFA;*/
/*    width: 200px;*/

/*}*/