/*custom colors start*/
/*custom colors start*/
/*custom colors start*/
/*custom colors start*/
/*custom colors start*/
/*custom colors start*/




:root {
    --ct-black: #000;
    --ct-white: #fff;
    --ct-gray: #8a969c;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f6f7fb;
    --ct-gray-200: #eef2f7;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #a1a9b1;
    --ct-gray-600: #8a969c;
    --ct-gray-700: #6c757d;
    --ct-gray-800: #343a40;
    --ct-gray-900: #313a46;
    --ct-primary: #0A9AC7;
    --ct-secondary: #6c757d;
    --ct-success: #10c469;
    --ct-info: #35b8e0;
    --ct-warning: #f9c851;
    --ct-danger: #ff5b5b;
    --ct-light: #eef2f7;
    --ct-dark: #313a46;
    --ct-primary-rgb: 10, 154, 199;
    --ct-secondary-rgb: 108, 117, 125;
    --ct-success-rgb: 16, 196, 105;
    --ct-info-rgb: 53, 184, 224;
    --ct-warning-rgb: 249, 200, 81;
    --ct-danger-rgb: 255, 91, 91;
    --ct-light-rgb: 238, 242, 247;
    --ct-dark-rgb: 49, 58, 70;
    --ct-white-rgb: 255, 255, 255;
    --ct-black-rgb: 0, 0, 0;
    --ct-body-color-rgb: 108, 117, 125;
    --ct-body-bg-rgb: 250, 251, 254;
    --ct-font-sans-serif: "Nunito", sans-serif;
    --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ct-body-font-family: var(--ct-font-sans-serif);
    --ct-body-font-size: 0.9rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-body-bg: #fafbfe;
    --ct-border-width: 1px;
    --ct-border-style: solid;
    --ct-border-color: var(--ct-gray-300);
    --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
    --ct-border-radius: 0.25rem;
    --ct-border-radius-sm: 0.2rem;
    --ct-border-radius-lg: 0.3rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-2xl: 2rem;
    --ct-border-radius-pill: 50rem;
    --ct-link-color: #0A9AC7;
    --ct-link-hover-color: #04799c;
    --ct-code-color: #35b8e0;
    --ct-highlight-bg: #fcf8e3;
    --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
    --ct-card-bg-custom: #fff;
    --ct-dropdown-bg-custom: #fff;
    --ct-input-bg-custom: #fff;
    --ct-menu-condensed-link-bg: #0A9AC7;
    --ct-bg-opacity: 0.25;
    --ct-table-bg-dsh: #eef2f7;
}


.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #0A9AC7;
    --ct-btn-border-color: #0A9AC7;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #0d7494;
    --ct-btn-hover-border-color: #046e8f;
    --ct-btn-focus-shadow-rgb: 109, 131, 234;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #046e8f;
    --ct-btn-active-border-color: #0d7ea0;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #0A9AC7;
    --ct-btn-disabled-border-color: #0A9AC7;
}


.nav-pills {
    --ct-nav-pills-border-radius: 0.25rem;
    --ct-nav-pills-link-active-color: #fff;
    --ct-nav-pills-link-active-bg: #0A9AC7;
}



.pagination {
    --ct-pagination-padding-x: 0.75rem;
    --ct-pagination-padding-y: 0.375rem;
    --ct-pagination-font-size: 0.9rem;
    --ct-pagination-color: var(--ct-dark);
    --ct-pagination-bg: var(--ct-card-bg-custom);
    --ct-pagination-border-width: 1px;
    --ct-pagination-border-color: var(--ct-border-color);
    --ct-pagination-border-radius: 0.25rem;
    --ct-pagination-hover-color: var(--ct-dark);
    --ct-pagination-hover-bg: var(--ct-gray-200);
    --ct-pagination-hover-border-color: var(--ct-gray-300);
    --ct-pagination-focus-color: #475dc4;
    --ct-pagination-focus-bg: var(--ct-gray-200);
    --ct-pagination-focus-box-shadow: 0 0 0 0.15rem rgba(83, 109, 230, 0.25);
    --ct-pagination-active-color: #fff;
    --ct-pagination-active-bg: #0A9AC7;
    --ct-pagination-active-border-color: #0A9AC7;
    --ct-pagination-disabled-color: var(--ct-gray-600);
    --ct-pagination-disabled-bg: var(--ct-card-bg-custom);
    --ct-pagination-disabled-border-color: var(--ct-gray-300);
}

.custom-header {
    background: var(--ct-primary);
}

input[data-switch=primary]:checked+label {
    background-color: var(--ct-primary);
}

.form-check-input:checked {
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}




.datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: var(--ct-primary) !important;
}



.btn-soft-primary {
    --ct-btn-color: #0A9AC7;
    --ct-btn-bg: rgba(83, 109, 230, 0.1);
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #0A9AC7;
    --ct-btn-hover-border-color: #0A9AC7;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #0A9AC7;
    --ct-btn-active-border-color: #0A9AC7;
    --ct-btn-disabled-color: #0A9AC7;
    --ct-btn-disabled-bg: #0A9AC7;
    --ct-btn-disabled-border-color: #0A9AC7;
    --ct-btn-focus-shadow-rgb: 0 0 0 $btn -focus-width rgba($bg, 0.5);
}



/* a {
    color: var(--ct-link-color) !important;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: var(--ct-link-hover-color) !important;
} */


.accordion {    
    --ct-accordion-active-color: #0A9AC7;
}


/*.accordion {*/
/*    --ct-accordion-btn-active-icon: url(../../../images/accordion_white.svg) important;*/
/*}*/


.accordion-button:not(.collapsed)::after {
    background-image: var(--ct-accordion-btn-active-icon) !important;
}

.accordion-button::after{
    background-image: url(../../../images/accordion_white.svg) !important;
}






/* its for progress bar colour to change theme colour */
.progress {
    --ct-progress-height: 1rem;
    --ct-progress-font-size: 0.675rem;
    --ct-progress-bg: var(--ct-gray-100);
    --ct-progress-border-radius: 0.25rem;
    --ct-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --ct-progress-bar-color: #fff;
    --ct-progress-bar-bg: #0A9AC7;
    --ct-progress-bar-transition: width 0.6s ease;
    /*background-color: var(--ct-progress-bg);*/
    /*border-radius: var(--ct-progress-border-radius);*/
}








/*custom colors end*/
/*custom colors end*/
/*custom colors end*/
/*custom colors end*/
/*custom colors end*/
/*custom colors end*/



























.required_star{
	color: #FF5B5B;
	margin-left: 3px;
}

.custom_checkboxes{

	margin-bottom: 25px;
}
.custom_checkboxes > .form-group{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 250px;
}


.badge{
	margin-left: 10px;
}

.controls{
	height: 185px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.custom_multiple_selectbox{
	display: flex;
	align-items: flex-end;
}

.custom_selectbox_buttons{
	display: flex;
	justify-content: center;
}

/*.manual_quota_Selection_table{
	width: 650px ;
}*/


.select2-container--disabled .select2-selection--single {
    background-color: var(--ct-gray-200);
    /* color: white !important; */
	cursor: not-allowed;
}

/* custom */
/* custom */
/* custom */

.form-control:disabled {
    cursor: not-allowed;
}

::-webkit-input-placeholder {
	font-style: italic;
}
:-moz-placeholder {
font-style: italic;  
}
::-moz-placeholder {
font-style: italic;  
}
:-ms-input-placeholder {  
font-style: italic; 
}

/* custom */
/* custom */
/* custom */


.parent_controls{
	display: flex;justify-content: center;
}

.free1{
	background-color: red !important;
}

.logo-lg img {
	height: 42px !important;
}

.depen-mas{
	display:flex;
	flex-direction: row;
	width: 360px;
	justify-content: space-between;
	align-items: center;
}
.depen-mas-parent{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #CED4DA transparent transparent transparent !important;
}


.enlarge-image {
    width: 125px;
    height: 90px;
    transition: transform 0.3s;
}

.enlarge-image:hover {
    transform: scale(1.05);
}


.add-item-btn {
    border: none;
    background: none;
}


/*.btn-close {    
    background: transparent url(../../../../assets/images/close_btn.svg) center / 1em auto no-repeat !important;
}*/


.mark_entry_table .select2-dropdown{
    width: 200px !important;
}


.custom-select:focus {
    border: 1px solid var(--ct-primary) !important;
    outline: 0;
    box-shadow: none !important;
}

.offcanvas {
    z-index: 1070;
}

.grad_btn button{
	    transition: transform 300ms;

}

.grad_btn button:hover {
    transform: scale(1.01);
}


.grad_btn button:disabled{
	opacity: 0.25;
	cursor: not-allowed;
}




@media (max-width:600px) {
    .depen-mas-parent{
    flex-wrap: wrap;
	}
	.depen-mas {
      flex-wrap: wrap;
      height: 80px !important;
    }

    #regularContainer .course_class{
    	white-space: normal;
    	text-align: left;
    }

    .ribbon-2 {
    --f: 10px;
    --r: 10px;
    --t: 4px;
    padding: 0 5px var(--f) calc(5px + var(--r));    
    font-size: 10px;
	}


	.ribbon-3 {
    --f: 10px;
    --r: 10px;
    --t: 4px;
    padding: 0 5px var(--f) calc(5px + var(--r));    
    font-size: 10px;
	}
}




@media (max-width:440px){

	.depen-mas-parent {
		/* justify-content: flex-start; */
		justify-content: center;
	}

	/* .depen-mas-parent div:nth-child(2){
		margin-bottom: 1.5rem !important;
	} */
	 
	.row {
		--ct-gutter-y: 5px;
	}
}




/* multi select Css -- custom scrollbar starts */

.dms-list-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
	width:5px;
	height:5px;
}


.dms-list-scroll::-webkit-scrollbar-corner {
    background-color: transparent;
}


.dms-list-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), .2);
    /* / background: red; / */
    width: 4px !important;
    border-radius: 10px;
    margin-right: 0px;
    border: none;
    /* / width: 6px; /
    / height: 4px; / */
}


.dms-list-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background-color: #f2f2f2; */
	   background-color: var(--ct-dropdown-bg-custom);
}


/ Works on Firefox /
.dms-list-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ct-dark-rgb), .2) #f2f2f2;
}

/ Works on Chrome, Edge, and Safari /

.dms-list-scroll::-webkit-scrollbar {
    width: 5px;
}

/* multi select Css -- custom scrollbar ends */



/* Autocomplete Css -- custom scrollbar starts */

.ui-front::-webkit-scrollbar {
    -webkit-appearance: none;
	width:5px;
	height:5px;
}


.ui-front::-webkit-scrollbar-corner {
    background-color: transparent;
}


.ui-front::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), .2);
    /* / background: red; / */
    width: 4px !important;
    border-radius: 10px;
    margin-right: 0px;
    border: none;
    /* / width: 6px; /
    / height: 4px; / */
}


.ui-front::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background-color: #f2f2f2; */
    background-color: var(--ct-dropdown-bg-custom);
}


/ Works on Firefox /
.ui-front {
    scrollbar-width: thin;
        scrollbar-color: rgba(var(--ct-dark-rgb), .2) #f2f2f2;
}

/ Works on Chrome, Edge, and Safari /

.ui-front::-webkit-scrollbar {
    width: 5px;
}

/* Autocomplete Css -- custom scrollbar End */


/* multiselect change option color-->green and red to default - start */


/*.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--ct-body-color) !important;
}

	.was-validated .form-check-input:valid~.form-check-label {
    color: var(--ct-body-color) !important;
}
	.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
		border-color:var(--ct-body-color) !important;

	}

	.form-check-input.is-valid, .was-validated .form-check-input:valid {
		border-color: var(--ct-body-color) !important;
	
	}

	.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
		
    	border-color: var(--ct-primary) !important;
	}
*/
	/*.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #28a745;
}*/

/* multiselect change option color-->green and red to default - end */






/* application sales - course selection -- custom scrollbar starts */

.scroll-container::-webkit-scrollbar {
    -webkit-appearance: none;
	width:5px;
	height:5px;
}


.scroll-container::-webkit-scrollbar-corner {
    background-color: transparent;
}


.scroll-container::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), .2);
    /* / background: red; / */
    width: 4px !important;
    border-radius: 10px;
    margin-right: 0px;
    border: none;
    /* / width: 6px; /
    / height: 4px; / */
}


.scroll-container::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background-color: #f2f2f2; */
    background-color: var(--ct-dropdown-bg-custom);
}


/ Works on Firefox /
.scroll-container {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ct-dark-rgb), .2) #f2f2f2;
}

/ Works on Chrome, Edge, and Safari /

.scroll-container::-webkit-scrollbar {
    width: 5px;
}

/* application sales - course selection -- custom scrollbar ends */



/* multiselect- tab */

input:focus {
    border-color: var(--ct-primary) !important;
}
textarea:focus {
    border-color: var(--ct-primary) !important;
}
text:focus {
    border-color: var(--ct-primary) !important;
}
checkbox:focus {
    border-color: var(--ct-primary) !important;
}


/* Remove focus for disabled Select2 */
select:disabled + .select2-container--default .select2-selection--single:focus {
    border-color: var(--ct-border-color) !important; /* Reset to default border color */
    outline: none !important; /* Remove focus outline */
}



.select2-container--default .select2-container--disabled{
	border: none;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--ct-gray-200) !important;
    /* color: var(--ct-dark)!important; */
    color: var(--ct-body-color) !important;
}






/* data table scroll starts */  /* data table scroll starts */

#rounded-corner_wrapper .row:nth-child(2){
	overflow: auto;
	margin-bottom: 7px;
}



#rounded-corner_wrapper .row:nth-child(2)::-webkit-scrollbar {
	-webkit-appearance: none;
	/* width: 15px; */
	height: 10px;
}


#rounded-corner_wrapper .row:nth-child(2)::-webkit-scrollbar-corner {
	background-color: transparent;
}


#rounded-corner_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
	background-color: rgba(var(--ct-dark-rgb), .2);
	/* / background: red; / */
	width: 4px !important;
	border-radius: 10px;
	margin-right: 0px;
	border: none;
	/* / width: 6px; /
	/ height: 4px; / */
}


#rounded-corner_wrapper .row:nth-child(2)::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: var(--ct-dropdown-bg-custom);
}
/* data table scroll starts */ /* data table scroll starts */







/* data table scroll starts */  /* data table scroll starts */

#rounded-corner1_wrapper .row:nth-child(2){
	overflow: auto;
	margin-bottom: 7px;
}



#rounded-corner1_wrapper .row:nth-child(2)::-webkit-scrollbar {
	-webkit-appearance: none;
	/* width: 15px; */
	height: 7px;
}


#rounded-corner1_wrapper .row:nth-child(2)::-webkit-scrollbar-corner {
	background-color: transparent;
}


#rounded-corner1_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
	background-color: rgba(var(--ct-dark-rgb), .2);
	/* / background: red; / */
	width: 4px !important;
	border-radius: 10px;
	margin-right: 0px;
	border: none;
	/* / width: 6px; /
	/ height: 4px; / */
}


#rounded-corner1_wrapper .row:nth-child(2)::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: var(--ct-dropdown-bg-custom);
}
/* data table scroll starts */ /* data table scroll starts */


/* data table scroll starts */  /* data table scroll starts */

#rounded-corner2_wrapper .row:nth-child(2){
	overflow: auto;
	margin-bottom: 7px;
}



#rounded-corner2_wrapper .row:nth-child(2)::-webkit-scrollbar {
	-webkit-appearance: none;
	/* width: 15px; */
	height: 10px;
}


#rounded-corner2_wrapper .row:nth-child(2)::-webkit-scrollbar-corner {
    background-color: transparent;
}


#rounded-corner2_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
	background-color: rgba(var(--ct-dark-rgb), .2);
	/* / background: red; / */
	width: 4px !important;
	border-radius: 10px;
	margin-right: 0px;
	border: none;
	/* / width: 6px; /
	/ height: 4px; / */
}


#rounded-corner2_wrapper .row:nth-child(2)::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: var(--ct-dropdown-bg-custom);
}
/* data table scroll starts */ /* data table scroll starts */







/* data table edit filteration hide   */

.dt_srt_hide.dataTable thead .sorting_asc:nth-child(1):before, table.dataTable thead .sorting_asc:nth-child(1):after {
    display: none;
}


.dt_srt_hide thead tr th:nth-child(1), .dt_srt_hide thead tr th:nth-child(2) {
    width: 25px !important;
    padding: .95rem .50rem;
}

/* data table edit filteration hide   */	




.select2-dropdown {
    z-index: 1059 !important;
    /*z-index: 1044 !important;*/
    
}


/* custom header z-index in order place it above the selectbox dropdown starts*/

.navbar-custom {
    z-index: 1057;
    /*z-index: 1042;*/
} 

/* custom header z-index in order place it above the selectbox dropdown ends*/

/* 
custom z-index for modal starts*/

.modal{
	z-index: 1058;
	/*z-index: 1043;*/
} 


/* multi select hidden change in modal popup start*/

.modal-multi .modal-body{
    overflow-y: unset; 
}


.modal-multi .modal-content{
    overflow: unset;
    border-radius: 7px;
}

/* multi select hidden change in modal popup end*/


.custm-mod-body{
/*min-height: auto;*/
	background-color: var(--ct-body-bg);
	overflow: unset !important; 

}

.modal-footer{
	background-color: var(--ct-body-bg);
}

.custom_model .custom-mod-content{
	overflow: unset; 
	/*min-height: auto;*/
}


.btnn{
	border-radius: 0.15rem;
}

/*unauthorized access popup*/
/*unauthorized access popup*/
/*unauthorized access popup*/

.modal-dialog{
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*unauthorized access popup*/
/*unauthorized access popup*/
/*unauthorized access popup*/
				


























				
.modal-body{
    background-color: var(--ct-body-bg);
    max-height: 450px; /* custom height for modal popup   */
}				


/* close button rotate start */



/* .modal-form{
	position: relative;
} */


.close-btn-rotate{
	/* position: absolute; */
	transition: transform .25s, opacity .25s;
	/* opacity: .7; */
	cursor: pointer;
	/* font-size: 3em; */
	font-family: serif;
	line-height: 1;
}


/* .close-btn-rotate:before{
	content: "\d7";
} */


.close-btn-rotate:hover{
	opacity: 1;
	transform: rotate(270deg);
}

/* close button rotate end */


/* its for radio button - start */

.custom-label{
    font-weight: bold;
    text-align: left;
}



/*.custom_comm_parents{*/
/*	width: 14% !important;*/
/*}*/

.custom_community_fields .col-lg-2{
	display: flex;
	justify-content: flex-start;
}

.custom_community_fields .col-lg-2 div{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 7px 0px;
}

.custom_community_fields .col-lg-2 div label{
	margin-bottom: 5px;
}


/*.nav-pills>li>a, .nav-tabs>li>a {*/
/*    white-space: nowrap;*/
/*}*/


.custm_py-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.cstm-time-table .badge{
    padding: 0.7em 1em !important;
}


.quick_actions span{
    color: var(--ct-body-color);
}



@media (min-width:780px) {
.custom-label{
    width: 120px;
}
	
}




/* End */


@media (max-width:780px) {

.modal-multi .modal-body {
    overflow-y: auto !important;
}
	
}



/* its for add button alignment -Start */
@media (max-width:480px) {
    .custom-addbtn{ 
   	width: 100%;
    display: flex;
    justify-content: center;
}
	
	
.input-group:has(#upload_btn) {
    flex-direction: column;
    
}

.input-group:has(#upload_btn) .form-control {
    width: 100% !important;
    border-radius: 0px;
}

.input-group #upload_btn{
    padding: 4px 11px !important;
    justify-content: center;
    border-radius: 0 0 .25rem .25rem !important;
}

.apk-div{
    margin-top: -15px;
}


	
}

/* End */


/* its for dependency-select -Start */
.depen-select{
	width: 160px;
}

/* End */


/* .popover{
	z-index: 0;
} */



.dropdown-menu-animated {
    max-height: 350px;
    overflow: auto;
}



.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}




/*corrections on the websites*/
/*corrections on the websites*/
/*corrections on the websites*/



body.authentication-bg {
     background-image: url(../../../images/bg-pattern-light-blue.svg) !important;
     background-image: none;
     /*background-color: #5b5858 !important;*/
}




.leftbar-user{
    display: none !important;
}



html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .navbar-custom {
    margin-left: 0px;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .navbar-custom {
    margin-left: 0px;
}

.logo-sm img {
    height: 30px;
}


.nav-user {
    border: none;
    background-color: var(--ct-topbar-bg);
}


.navbar-custom{
    margin-left: 0px;
}


.side-nav .menu-arrow{
    right: 0px !important;
}


@media only screen and (max-width: 767px) {
.cstm_header_logo {
    display: none !important;
}


.side-nav .side-nav-link i{
    min-width: 30px !important;
    width: 25px !important;
}


.side-nav .side-nav-link{
    padding: 15px 15px 15px 7px !important;
}


.side-nav-second-level{
    padding-left: 26px !important;
}


}











/*corrections on the select2 select box border color on validation*/
/*corrections on the select2 select box border color on validation*/
/*corrections on the select2 select box border color on validation*/



/*----old--*/

.select2-container--default .select2-selection--single.invalid {
    border: 1px solid #ff5b5b !important;
}

.select2-container--default .select2-selection--single.valid {
    border: 1px solid #28a745 !important;
}

.select2-container--default .select2-selection--single.valid:focus{
    border-color: #28a745 !important;
}

.select2-container--default .select2-selection--single.invalid:focus{
    border-color: #ff5b5b !important;
}

 For Select2 dropdown when focused 
.select2-container--default .select2-selection--single:focus{
    border-color: var(--ct-primary) !important;
}

/*----old--*/




/* Invalid */
/*select.is-invalid + .select2 .select2-selection {*/
/*    border: 1px solid grey !important;*/
/*    box-shadow: 0 0 0 0.2rem rgba(250, 92, 124, 0.25);*/
/*}*/

/* Valid */
/*select.is-valid + .select2 .select2-selection {*/
/*    border: 1px solid blue !important;*/
/*    box-shadow: 0 0 0 0.2rem rgba(10, 207, 151, 0.25);*/
/*}*/


/*corrections on the multiple select box border color on validation*/
/*corrections on the multiple select box border color on validation*/
/*corrections on the multiple select box border color on validation*/






/*custom svg icons*/
/*custom svg icons*/
/*custom svg icons*/
/*custom svg icons*/


.custom-plus-icon {
    --icon-bg: var(--ct-primary);
    height: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
    --icon-fill: #ffffff;
}

.custom-plus-icon:hover {
    --icon-bg: #057da3;
    --icon-fill: #ffffff;
    transition: 3s;
}

.custom-plus-icon circle{
    transition: fill 0.3s ease;
}

.custom-plus-icon path{
    transition: fill 0.3s ease;
}

.custom-remove-icon {
    --icon-bg: var(--ct-danger);
    height: 30px;
    cursor: pointer;
    --icon-fill: #ffffff;
}

.custom-remove-icon circle, .custom-remove-icon path {
    transition: fill 0.3s ease;
}

.custom-remove-icon:hover {
    --icon-bg: #db4747;
    --icon-fill: #ffffff;
}
    
.spinner-color{
    color: var(--ct-primary) !important;
}

.btn-close {
    background: transparent url("../../../../images/icons/close-icon2.svg") center / 1em auto no-repeat !important;
    filter: none;
    width: 1em;
    height: 1em;
    background-size: 16px 16px !important;
}

.app-search .dropdown-item {
    padding: 0.3rem 0.575rem;
}

.app-search .uil-notes{
    margin-right: .475rem !important;    
}

::selection {
    background: var(--ct-primary); /* Selection background */
    color: #fff;         /* Selected text color */
}

.cstm_badge{
    padding: 8px;
    margin: 0px;
}
/*custom svg icons*/
/*custom svg icons*/
/*custom svg icons*/
/*custom svg icons*/







/* custom multiselectbox with rearrange
custom multiselectbox with rearrange
custom multiselectbox with rearrange
custom multiselectbox with rearrange */





/* Fully self-contained styling, scoped under .course_sub_wrap with a "dms-" class prefix throughout. No Bootstrap CSS/JS is loaded, so this cannot clash with another Bootstrap (or Bootstrap-based multiselect) instance living elsewhere on the same page — no shared .btn / .dropdown / .form-control / .container class names, and no overwriting of a global $.fn.dropdown plugin. */

/* .course_sub_wrap,
.course_sub_wrap * {
    box-sizing: border-box;
} */


.course_sub_wrap .dms-field-label {
    display: block;
    margin-bottom: 0.5rem;
}

.course_sub_wrap .dms-dropdown {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.course_sub_wrap .dms-select-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    padding: 6.2px 12px;
    background-color: var(--ct-input-bg-custom);
    color: var(--ct-body-color);
    border: 1px solid var(--ct-border-color);
    border-radius: .25rem;
    font-size: 0.95rem;
    font-family: inherit;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}



.course_sub_wrap .dms-select-box:focus{
    border-color: var(--ct-primary) !important;
    /* border-radius: .25rem .25rem 0 0; */
}

/* .course_sub_wrap .dms-select-box:hover,
.course_sub_wrap .dms-select-box:focus {
    border-color: #86b7fe;
    outline: none;
    box-shadow: 0 0 0 2px rgba(47,111,235,0.15);
} */

.course_sub_wrap .dms-select-box::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    border-top: 5px solid #495057;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    flex: 0 0 auto;
    border-color: #CED4DA transparent transparent transparent !important;
}

.course_sub_wrap .dms-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    /* margin-top: 4px; */
    width: 100%;
    max-width: 100%;
    background-color: var(--ct-dropdown-bg-custom);
    border: 1px solid var(--ct-gray-300);
    border-radius: 0px 0px 4px 4px;
    box-shadow: var(--ct-box-shadow);
    /* padding: 8px; */
    z-index: 1000;
}

.course_sub_wrap .dms-menu.dms-open {
    display: block;
}

.course_sub_wrap .dms-select-all-row {
    display: flex;
    align-items: center;
    gap: 6px;
    /* padding: 6px; */
    /* margin-bottom: 6px; */
    /* border-bottom: 1px solid #e9ecef; */
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 400;
    user-select: none;
    -webkit-user-select: none;
}

/* .course_sub_wrap .dms-select-all-row input[type="checkbox"] {
    border-radius: .25em;
    width: 1em;
    height: 1em;
    border: 1px solid var(--ct-gray-400);
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; */
    /* appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; 
}
*/
.course_sub_wrap .dms-filter-input {
    width: 67%;
    padding: 6px 10px;
    border: 1px solid var(--ct-gray-300);
    border-radius: .25rem;
    font-size: 0.9rem;
    font-family: inherit;
    background-color: var(--ct-dropdown-bg-custom);
    color: var(--ct-body-color);
    /* margin-bottom: 6px; */
}

.course_sub_wrap .dms-filter-input:focus {
    outline: none;
    border: 1px solid var(--ct-border-color);
}

.course_sub_wrap .dms-list-scroll {
    max-height: 187px;
    overflow-y: auto;
}

.course_sub_wrap .dms-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.course_sub_wrap .dms-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 9px;
    /* border-radius: 5px; */
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    /* border-top: 2px solid transparent; */
}

.course_sub_wrap .dms-item:hover {
    background: var(--ct-primary) !important;
    color: #fff;
}

/* .course_sub_wrap .dms-item:hover .dms-handle{
    color: #fff;
} */

/* .course_sub_wrap .dms-item:hover .dms-order-badge{
    background: #fff;
    color: var(--ct-primary);
} */

/* .course_sub_wrap .dms-item.dms:hover .dms-handle{
    color: #fff;
} */

.course_sub_wrap .dms-item.dms-selected {
    /* background: #eef4ff; */
    background-color: var(--ct-gray-200) !important;
    color: var(--ct-body-color) !important;
}

/* .course_sub_wrap .dms-item.dms-drop-above {
    border-top: 2px solid #2f6feb;
} */

.course_sub_wrap .dms-item.dms-dragging {
    opacity: 0.4;
}

/* .course_sub_wrap .dms-item input[type="checkbox"]{
    margin: 0;
    pointer-events: none; /* clicks are handled on the row itself
    accent-color: var(--ct-primary);
    border-radius: .25em;
    width: 1em;
    height: 1em;  */
    /* transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
} */

/* #dmsSelectAll:checked{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3E%3C/svg%3E");
}


/* #dmsSelectAll:checked[type=checkbox] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
} */

/* #dmsSelectAll:checked{
    border-radius: .25em;
} */
    

.course_sub_wrap .dms-item:hover input[type="checkbox"]{
    accent-color: #fff;
}

.course_sub_wrap .dms-select-all-row input[type="checkbox"]{
    accent-color: var(--ct-primary);
}

.course_sub_wrap .dms-label {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Handle only shows (and is only draggable) on selected rows */
.course_sub_wrap .dms-handle {
    display: none;
    cursor: grab;
    color: #9aa2af;
    padding: 0 3px;
    font-size: 0.85rem;
}

.course_sub_wrap .dms-item.dms-selected .dms-handle {
    display: inline-block;
}

.course_sub_wrap .dms-handle:active {
    cursor: grabbing;
}

.course_sub_wrap .dms-order-badge {
    display: inline-block;
    min-width: 19px;
    padding: 0 5px;
    border-radius: 10px;
    background: var(--ct-primary);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
}

.course_sub_wrap .dms-empty {
    padding: 10px;
    text-align: center;
    color: #9aa2af;
    font-size: 0.85rem;
}


.course_sub_wrap .form-check-input {
    position: static;
    margin-top: 0;
    margin-left: 0;
}

.course_sub_wrap .dms-sel-filter{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--ct-gray-300);
    padding: 8px 9px;
    background-color: var(--ct-input-bg-custom);
}
.dms-filter-input::placeholder{
    color: var(--ct-body-color);
}


.dms-select-box:has(+ .dms-open) {
    border-radius: .25rem .25rem 0 0 !important;
}


.course_sub_wrap .dms-sort-alpha {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px;
    border-radius: 4px;
    color: var(--ct-body-color);
    background-color: var(--ct-gray-200);
    cursor: pointer;
}

.course_sub_wrap .dms-sort-alpha:hover {
    color: var(--ct-primary);
    background-color: var(--ct-dropdown-bg-custom);
}




/* custom multiselectbox with rearrange
custom multiselectbox with rearrange
custom multiselectbox with rearrange
custom multiselectbox with rearrange */







.dms-list-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 4px;
}

.dms-list-scroll::-webkit-scrollbar-corner {
    background-color: transparent;
}

.dms-list-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), .2);
    width: 18px !important;
    border-radius: 10px;
    margin-right: 0px;
    border: none;
}

.dms-list-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background-color: #f2f2f2; */
    background-color: var(--ct-dropdown-bg-custom);
}




.modal-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

.modal-body::-webkit-scrollbar-corner {
    background-color: transparent;
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), .2);
    width: 18px !important;
    border-radius: 10px;
    margin-right: 0px;
    border: none;
}

.modal-body::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background-color: #f2f2f2; */
    background-color: var(--ct-dropdown-bg-custom);
}


.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

.table-responsive::-webkit-scrollbar-corner {
    background-color: transparent;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), .2);
    width: 18px !important;
    border-radius: 10px;
    margin-right: 0px;
    border: none;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background-color: #f2f2f2; */
    background-color: var(--ct-dropdown-bg-custom);
}





/* CSS fix for overflowing issue with multiselect box
CSS fix for overflowing issue with multiselect box
CSS fix for overflowing issue with multiselect box
CSS fix for overflowing issue with multiselect box */

.custom-overflow-multiselect .modal-content,
.custom-overflow-multiselect .modal-body {
    overflow: visible !important;
}


/* CSS fix for overflowing issue with multiselect box
CSS fix for overflowing issue with multiselect box
CSS fix for overflowing issue with multiselect box
CSS fix for overflowing issue with multiselect box */


/*header z-index for selectboxes*/
/*header z-index for selectboxes*/
/*header z-index for selectboxes*/

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .navbar-custom {
    z-index: 1060;
}

.modal {
    z-index: 1061;
}

/*header z-index for selectboxes*/
/*header z-index for selectboxes*/
/*header z-index for selectboxes*/







/*corrections on the websites*/
/*corrections on the websites*/
/*corrections on the websites*/