.primary{color: #FF8C00 !important;}
.secondary{color: #0E47C0 !important;}
.secondary:hover,
.secondary:focus{color: #386BD8 !important;}
.secondary:active{color: #1D48A2 !important;}

.success{color: #4B9600 !important;}
.rejected{color: #C20000 !important;}
.submit{color: #5585EA !important;}
.due{color: #FF8C00 !important;}
.pending{color: #FFC300 !important;}
.color-1{color: #DDDDDD !important;}
.color-2{color: #666666 !important;}
.color-3{color: #328048 !important;}

.status-success{background-color: #ECFDF3 !important; color: #027A48;}
.status-upcoming{background-color: #DAE7FF !important; color: #0050EC;}
.status-pending{background-color: #FFEED7 !important; color: #F57601;}

.delete-bg i{background-color: #FFF0F1 !important;}
.delete-bg:hover i{background-color: #f8e0e1 !important;}
.delete-bg:active i{background-color: #c5273d !important;}

.badge-1{background-color: #FFFAEB !important; color: #F79009 !important;}
.badge-2{background-color: #F0F9FF !important; color: #0BA5EC !important;}
.badge-3{background-color: #EEF4FF !important; color: #6172F3 !important;}
.badge-4{background-color: #FFF1F3 !important; color: #F63D68 !important;}
.badge-5{background-color: #FFFAEB !important; color: #F79009 !important;}
.badge-6{background-color: #F9F5FF !important; color: #9E77ED !important;}
.badge-7{background-color: #F0F9FF !important; color: #0BA5EC !important;}
.badge-8{background-color: #ECFDF3 !important; color: #12B76A !important;}
.badge-9{background-color: #FFF6ED !important; color: #FB6514 !important;}

.xl-l-md-btn-w-05 {width: 50px !important;}
.xl-l-md-btn-w-07 {width: 70px !important;}
.xl-l-md-btn-w-1 {width: 100px !important;}
.xl-l-md-btn-w-2 {width: 125px !important;}
.xl-l-md-btn-w-3 {width: 150px !important;}
.xl-l-md-btn-w-4 {width: 175px !important;}
.xl-l-md-btn-w-5 {width: 200px !important;}
.xl-l-md-btn-w-6 {width: 225px !important;}
.xl-l-md-btn-w-7 {width: 250px !important;}
.xl-l-md-btn-w-8 {width: 275px !important;}
.xl-l-md-btn-w-9 {width: 300px !important;}
.xl-l-md-btn-w-10 {width: 325px !important;}
.xl-l-md-btn-w-11 {width: 350px !important;}
.xl-l-md-btn-w-12 {width: 375px !important;}
.xl-l-md-btn-w-13 {width: 400px !important;}
.xl-l-md-btn-w-14 {width: 425px !important;}
.xl-l-md-btn-w-15 {width: 450px !important;}


.btn-h-auto {height: auto !important;}
.btn-h-10 {height: 10px !important;}
.btn-h-20 {height: 20px !important;}
.btn-h-30 {height: 30px !important;}
.btn-h-35 {height: 35px !important;}
.btn-h-40 {height: 40px !important;}
.btn-h-45 {height: 45px !important;}
.btn-h-50 {height: 50px !important;}
.btn-h-60 {height: 60px !important;}
.btn-h-70 {height: 70px !important;}
.btn-h-80 {height: 80px !important;}    
.btn-h-90 {height: 90px !important;}
.btn-h-100 {height: 100px !important;}

.font-size-12 {font-size: 12px !important;}
.font-size-14 {font-size: 14px !important;}
.font-size-16 {font-size: 16px !important;}
.font-size-18 {font-size: 18px !important;}
.font-size-20 {font-size: 20px !important;}
.font-size-22 {font-size: 22px !important;}
.font-size-24 {font-size: 24px !important;}

.no-bg-img {background: transparent !important;}

.btn-disabled {opacity: 0.6; cursor: not-allowed !important;}

.btn{border: 1px solid transparent; padding: 0 30px; font-size: 14px; font-weight: 500; border: none; color: #0E47C0; font-family: 'Montserrat', sans-serif; text-transform: capitalize; border-radius: 5px; box-shadow: none; transition: all 0.25s ease-in-out 0s; height: 35px;}
.btn:hover,
.btn:focus,
.btn:active{outline: none; box-shadow: none;}

.btn-primary{background-color: #FF8C00 !important; color: #fff !important;}
.btn-primary:hover{background-color: #FFA02D !important; box-shadow: none !important; color: #fff !important;}
.btn-primary:focus,
.btn-primary:active{background-color: #e17c00 !important; box-shadow: none !important; color: #fff !important;}

.btn-secondary{background-color: #0E47C0 !important; color: #fff !important;}
.btn-secondary:hover{background-color: #386BD8 !important; box-shadow: none !important; color: #fff !important;}
.btn-secondary:focus,
.btn-secondary:active{background-color: #1D48A2 !important; box-shadow: none !important; color: #fff !important;}

.btn-default{background-color: #FFFFFF !important; color: #344054 !important; border: 1px solid #D0D5DD;}
.btn-default:hover{background-color: #f4f3f1 !important; border: 1px solid #D0D5DD; box-shadow: none !important; color: #344054 !important;}
.btn-default:focus,
.btn-default:active{background-color: #eaeaea !important; border: 1px solid #D0D5DD; box-shadow: none !important; color: #344054 !important;}

.btn-delete-icon{border: 1px solid #FF9000; background-color: #FFFAEB; border-radius: 8px; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center;}
.btn-delete-icon:hover{background-color: #fff2ca !important; box-shadow: none !important; color: #fff !important;}
.btn-delete-icon:focus,
.btn-delete-icon:active{background-color: #ebdaa8 !important; box-shadow: none !important; color: #fff !important;}


.btn-action-mobile{background-color: #FFFFFF !important; color: #344054 !important; height: 42px; text-align: left; padding: 7px 30px 7px 18px; border-radius: 7px;}
.btn-action-mobile:hover{background-color: #f4f3f1 !important; border: 1px solid #D0D5DD; box-shadow: none !important; color: #344054 !important;}
.btn-action-mobile:focus,
.btn-action-mobile:active{background-color: #f4f3f1 !important; box-shadow: none !important; color: #344054 !important;}


.notification{background-color: #DBDBDB; height: 32px; width: 32px; border-radius: 4px; display: flex; justify-content: center; align-items: center;}
.star-notification{background-color: #fff !important; border: 2px solid #4B9600;}

.alert{padding: 10px 15px; width: 300px; display: flex; justify-content: center; align-items: center; grid-gap: 15px; box-shadow: 0 3px 6px rgb(0 0 0 / 10%); border: none; border-radius: 6px;}
.alert span{border: none;  font-size: 16px; font-weight: 500; color: #fff; line-height: 16px;}
.alert-danger{background-color: #EF5454 !important;}
.alert-success{background-color: #4B9600 !important;}

.primary-bg{background-color: #0e47c0 !important;}
.secondary-bg{background-color: #FFA02D !important;}
.danger-bg{background-color: #E20000 !important;}


.primary-bg:hover{background-color: #0e47c0 !important;}
.secondary-bg:hover{background-color: #FFC650 !important;}
.danger-bg:hover{background-color: #D64E4E !important;}


.primary-bg:active{background-color: #0e47c0 !important;}
.secondary-bg:active{background-color: #F2A300 !important;}
.danger-bg:active{background-color: #B70303 !important;}


.form-check{padding: 0; margin: 0; min-height: auto;}
.form-check .form-check-input{min-width: 18px; min-height: 18px; margin: 0; background-color: #fff; border: 2px solid #858585; border-radius: 4px; box-shadow: none;}  
.form-check .form-check-input:checked{background-color: #265BCB; border: 2px solid #265BCB;} 
.form-check .form-check-input[type=radio]{border-radius: 50% !important;}

.form-check.form-switch{display: flex; align-items: center;}
.form-check.form-switch input{width: 50px; height: 24px !important; margin-left: 0; background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out;}
.form-check.form-switch .form-check-input:checked{background-color: #265BCB;}

.form-label{color: #344054; font-size: 14px; font-weight: 400; line-height: 16px; margin-bottom: 5px; display: flex; align-items: center;}
.form-label span{color:#EF5454;}

.form-control{border-radius: 8px; border: 1px solid #D0D5DD; background-color: #fff; height: 42px; box-shadow: none; color: #667085; font-size: 15px; font-weight: 400; box-shadow: 0 1px 2px rgb(0 0 0 / 6%) !important;}
.form-control:focus {border: 1px solid #ffd39d; color: #667085; box-shadow: none;} 


.form-control.bd-readonly{background-color: transparent; border: none !important; cursor: default; box-shadow: none !important; padding: 0 !important; background-image: none !important; height: auto; line-height: 20px;}

.error {position: relative;}
.error .form-control,
.error .form-select{border: 1px solid #f5222d;}
.error .has-error{color: #f5222d; position: absolute; bottom: -8px; margin: 0; left: 10px; background: #fff; padding: 0 3px; font-size: 12px!important; font-weight:500}

/*.input-group .form-control{border-right: none !important;}*/
.input-group .input-group-text{background-color: #CDDDFF; font-size: 15px; font-weight: 600; color: #373636;}

.input-group .form-control[type="file"]{text-indent: -115px;}
.input-group .form-control[type="file"] ~ .input-group-text{background-color: #FF8C00; font-size: 15px; width: 50px; font-weight: 600; color: #373636; justify-content: center; border: none;}

.
.disabled{background-color: #EBEBEB; cursor: not-allowed; border: 1px solid #CED4DA; pointer-events: none;}
.form-select.disabled{background-color: #EBEBEB; cursor: not-allowed; border: 1px solid #CED4DA; pointer-events: none;}

.form-control.calender{background-image: url(../img/calender.svg); background-repeat: no-repeat; background-position: right 10px center;}
.form-control.mic{background-image: url(../img/mic.svg); background-repeat: no-repeat; background-position: right 10px center;}
.form-control.billing-goal{background-image: url(../img/ds-billing-goal.svg); background-repeat: no-repeat; background-position: right 10px center;}

.form-select{border-radius: 5px; border: 1px solid #D0D5DD; background-color: #fff; height: 40px; box-shadow: none; color: #667085; font-size: 15px; font-weight: 400; box-shadow: 0 1px 2px rgb(0 0 0 / 6%) !important; position: relative;}
.form-select.bd-readonly{background-color: transparent; border: none !important; cursor: default; box-shadow: none !important; appearance: none; --bs-form-select-bg-img: none; padding: 0 !important; height: auto; line-height: 20px;}

.form-select:focus {border: 1px solid #ffd39d; color: #667085;  box-shadow: none;}
textarea.form-control { height: auto; resize: none;}
textarea.form-control.bd-readonly { background-color: transparent; border: none !important; cursor: default;box-shadow: none !important; padding: 0 !important; min-height: auto; height: auto; resize: none; }
/*textarea.form-control{height: auto; resize: none;}*/
/*textarea.form-control.bd-readonly{background-color: transparent; border: none !important; cursor: default; box-shadow: none !important; padding: 0 !important; min-height: auto; height: auto; resize: none;}

textarea.form-control.bd-readonly { background-color: transparent; border: none !important; cursor: default; box-shadow: none !important; padding: 0 !important; min-height: auto;  height: 25px; line-height: 20px; }*/

.common-modal .modal-dialog .modal-content{border: none !important;}
.common-modal .modal-dialog .modal-content .modal-header{background-color: #5585EA; padding: 14px 15px;}
.common-modal .modal-dialog .modal-content .modal-header .btn-close{background-image: none; display: flex; opacity: 1; outline: none; box-shadow: none; justify-content: center; align-items: center;}

@media (min-width: 992px) and (max-width: 6500px) {

    .table-width-3{width: 3% !important;}
    .table-width-4{width: 4% !important;}
    .table-width-5{width: 5% !important;}
    .table-width-6{width: 6% !important;}
    .table-width-7{width: 7% !important;}
    .table-width-8{width: 8% !important;}
    .table-width-10{width: 10% !important;}
    .table-width-11{width: 11% !important;}
    .table-width-12{width: 12% !important;}
    .table-width-15{width: 15% !important;}
    .table-width-17{width: 17% !important;}
    .table-width-18{width: 18% !important;}
    .table-width-19{width: 19% !important;}
    .table-width-20{width: 20% !important;}
    .table-width-22{width: 22% !important;}
    .table-width-25{width: 25% !important;}
    .table-width-30{width: 30% !important;}
    .table-width-35{width: 35% !important;}
    .table-width-40{width: 40% !important;}
    .table-width-45{width: 45% !important;}
    .table-width-50{width: 50% !important;}
    .table-width-55{width: 55% !important;}
    .table-width-60{width: 60% !important;}
    .table-width-65{width: 65% !important;}
    .table-width-70{width: 70% !important;}
    .table-width-75{width: 75% !important;}
    .table-width-80{width: 80% !important;}
    .table-width-85{width: 85% !important;}
    .table-width-90{width: 90% !important;}
    .table-width-95{width: 95% !important;}
    .table-width-100{width: 100% !important;}
}

@media (min-width: 320px) and (max-width: 576px) {
.w-xs-sm-100{width: 100%;}
.xl-l-md-btn-w-05 {width: 100% !important;}
.xl-l-md-btn-w-07 {width: 100% !important;}
.xl-l-md-btn-w-1 {width: 100% !important;}
.xl-l-md-btn-w-2 {width: 100% !important;}
.xl-l-md-btn-w-3 {width: 100% !important;}
.xl-l-md-btn-w-4 {width: 100% !important;}
.xl-l-md-btn-w-5 {width: 100% !important;}
.xl-l-md-btn-w-6 {width: 100% !important;}
.xl-l-md-btn-w-7 {width: 100% !important;}
.xl-l-md-btn-w-8 {width: 100% !important;}
.xl-l-md-btn-w-9 {width: 100% !important;}
.xl-l-md-btn-w-10 {width: 100% !important;}
.xl-l-md-btn-w-11 {width: 100% !important;}
.xl-l-md-btn-w-12 {width: 100% !important;}
.xl-l-md-btn-w-13 {width: 100% !important;}
.xl-l-md-btn-w-14 {width: 100% !important;}
.xl-l-md-btn-w-15 {width: 100% !important;}
}