@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
    font-family: Poppins !important;
    background: #F8F8FF !important;
}
a, a:hover{
    text-decoration: none !important;
    color: inherit !important;
}
button{
    white-space: nowrap;
}
.fs-10{
    font-size: 10px !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-22{
    font-size: 22px !important;
}
.fs-24{
    font-size: 24px !important;
}
.form-select, .form-control{
    box-shadow: none !important;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.text-fade{
    color: rgba(32, 32, 32, 0.70);
}
.border-28{
    border-radius: 28px !important;
}
.border-24{
    border-radius: 24px !important;
}
.border-14{
    border-radius: 14px !important;
}
.border-12{
    border-radius: 12px !important;
}
.border-10{
    border-radius: 10px !important;
}
.border-8{
    border-radius: 8px !important;
}
/*.customDiv{*/
/*    padding: 1.5rem 1rem;*/
/*    padding-right: 2rem;*/
/*}*/
.underlineTxt{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: #FF6F42;
    text-decoration-thickness: 10.5%;
    text-underline-offset: 16%;
    text-underline-position: from-font;
}

.sidebar {
    border-radius: 24px;
    background: #E7E7FF;
    height: 94vh;
    overflow-y: auto;
    position: sticky;
    top: 0;
}
.logo{
    width: 50px;
    height: 50px;
}

.cabrow{
    display: flex;
    padding: 1rem
}
.col-sidebar {
    width: 20%;
}
.col-maindiv {
    width: 80%;
    padding: 0 1.5rem;
}

.navLinkS{
    display: grid;
    padding-left: 0.8rem;
    gap: 1rem;
}
.navLinkS .active{
    background: #CDCDFF;
    padding: 0.5rem;
    font-weight: 500;
}

.blackborderBtn{
    border-radius: 8px;
    border: 1px solid #202020;
    padding: 8px 15px;
    color: rgba(32, 32, 32, 0.90);
    background-color: #fff;
}
.greenborderBtn {
    border-radius: 8px;
    border: 1px solid #1DAC00;
    padding: 8px 15px;
    color: #1DAC00;
    background-color: #fff;
}
.DarkBluBtn{
    border-radius: 14px;
    background: #2C2C54;
    padding: 8px 15px;
    color: #fff;
    border: none;
}
.dateBtn{
    border-radius: 14px;
    background: #E7E7FF;
    padding: 8px 15px;
    border: none;
}

.searchDiv{
    border-radius: 14px;
    background: #E7E7FF;
    display: flex;
    justify-content: space-between;
    padding: 8.5px 11px 8.5px 10px;
    gap: 0.5rem;
    width: 80%;
}
.userImg{
    width: 40px;
    height: 40px;
}
.userImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
}

.dasCad {
    border-radius: 24px;
    background: #FFF;
    padding: 0.8rem 1rem;
    height: 100%;
}


.gradBorder {
    border: 2px solid transparent;
    border-radius: 16px;
    background: 
        linear-gradient(white, white) padding-box,
        linear-gradient(to bottom, #fff, #2C2C54) border-box;
    background-clip: padding-box, border-box;
}

.dasCusRate{
    height: 500px;
    overflow-y: auto;
}
.dashRatechat .dashRatechatC{
    border-radius: 12px;
    background: #F6F6FF;
    padding: 0.5rem;
}
.dashRatechat .bgwte{
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
    padding: 0.5rem;
}
.dashRatechat img{
    width: 40px;
    height: 40px;
    border-radius: 100px;
}


.Tbl {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 12px;
	font-size: 14px;
}

.index-col {
	width: 40px;
	vertical-align: top;
	font-size: 16px;
	padding-top: 16px;
}

.Tblcontent-box {

	border-radius: 12px;
	padding: 16px;
	background-color: #F6F6FF;
}

.Tblrow-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	position: relative;
}

.Tbl thead th {
	color: rgba(32, 32, 32, 0.90) !important;
	font-weight: normal !important;
}

.Tblcreated-on {
	font-size: 13px;
	color: #333;
	text-align: right;
	margin-top: 6px;
	padding-right: 10px;
}

.Tblcreated-row {
	display: flex;
	justify-content: flex-end;
	margin-top: 4px;
}

.Tblclose-icon {
	position: absolute;
	top: -2rem;
	right: -1.5rem;
	font-size: 20px;
	color: red;
	cursor: pointer;
}

.Tbl thead tr {
	text-align: left;
}

.tblrowborder{
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 16px; 
    display: flex; 
    gap: 16px;
}

.uTbl thead tr th:nth-child(1) {
	width: 8%;
}
.uTbl thead tr th:nth-child(2) {
	width: 25%;
}
.uTbl thead tr th:nth-child(3) {
	width: 23%;
}

.uTbl .col1,
.uTbl .col2,
.uTbl .col3 {
	width: 25%;
}

.uTbl .col4 {
	width: 20%;
	text-align: center;
}

.dlTbl thead tr th:nth-child(4) {
	width: 18%;
}
.dlTbl .col1{
    width: 24%;
}
.dlTbl .col2,.dlTbl .col3, .dlTbl .col4,.dlTbl .col5 {
	width: 16%;
}

.fmTbl th{
    width: 10%;
}
.fmTbl th:nth-child(1){
    width: 5%;
}
.fmTbl .col1, .fmTbl .col2, .fmTbl .col3, .fmTbl .col4, .fmTbl .col5, .fmTbl .col6, .fmTbl .col7, .fmTbl .col8{
    width: 10%;
}

.bkTbl th{
    width: 10%;
}
.bkTbl th:nth-child(1){
    width: 5%;
}
.bkTbl .col1, .bkTbl .col2, .bkTbl .col3, .bkTbl .col4, .bkTbl .col5, .bkTbl .col6, .bkTbl .col7, .bkTbl .col8{
    width: 15%;
}

.bnrTbl th{
    width: 10%;
}
.bnrTbl th:nth-child(1){
    width: 5%;
}
.bnrTbl .col1, .bnrTbl .col2, .bnrTbl .col3, .bnrTbl .col4, .bnrTbl .col5, .bnrTbl .col6, .bnrTbl .col7, .bnrTbl .col8{
    width: 20%;
}


.bnrimg{
    width: 200px;
    height: 100px;
}
.bnrimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.vehicleimg{
    width: 120px;
    height: 100px;
}
.vehicleimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}


.mob-show{
    display: none;
}


@media only screen and (max-width: 768px){
    body{
        padding-bottom: 5rem;
    }
    .mob-show{
        display: block;
    }
    .mob-hide{
        display: none;
    }
    .col-maindiv {
        width: 100%;
        padding: 0;
    }
    .cabrow{
        display: flex;
        padding: 0;
    }

    .footermob{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 1rem;
    }
    .footermob .footerinner{
        border-radius: 15px;
        background: #E7E7FF;
        display: flex;
        justify-content: space-around;
        padding: 15px;
    }

    .uTbl .col1, .uTbl .col2, .uTbl .col3 {
        width: 100%;
    }
    .uTbl .col4 {
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: space-between;
    }

    .dlTbl .col1, .dlTbl .col2, .dlTbl .col3 {
        width: 100%;
    }
    .dlTbl .col5 {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .dlTbl .col4{
        display: flex;
        width: 100%;
        gap: 1rem;
    }
    .dlTbl p{
        margin-bottom: 0;
    }

    .fmTbl p{
        margin-bottom: 0;
    }
    .fmTbl .col1, .fmTbl .col2, .fmTbl .col3{
        width: 20%;
    }
    .fmTbl .col5 {
        width: 30%;
    }
    .fmTbl .col6 {
        width: 40%;
    }
    .fmTbl .col6{
        display: flex;
        gap: 0.5rem;
    }
    .fmTbl .col7 {
        width: 100%;
    }

    .bkTbl .col1{
        width: 100%;
    }
    .bkTbl .col2, .bkTbl .col3{
        width: 40%;
    }
    .bnrTbl .col1, .bnrTbl .col2, .bnrTbl .col3, .bnrTbl .col4, .bnrTbl .col5, .bnrTbl .col6, .bnrTbl .col7, .bnrTbl .col8 {
        width: 100%;
    }
}