body{padding-bottom: 50px; font-family: "Poppins", "Noto Sans Malayalam", sans-serif; font-size: 14px}
a{text-decoration: none; color: #4e83f1}
strong{font-weight: 600}
.logo{max-height: 40px}
.table td{vertical-align: middle; color: #666; white-space: nowrap;}
.table th{font-size: 12px; white-space: nowrap; font-weight: 500}
.table th .material-symbols-outlined{font-size: 16px !important; color: #777; padding-top: 2px; text-transform: uppercase;}

.action-td .material-symbols-outlined{font-size: 16px !important}
.search-icon{cursor: pointer;}
.pointer{cursor: pointer;}
.page-link{color: #666; display: inline-block;}
.page-link .material-symbols-outlined{font-size: 24px !important}
.form-control{border-color: #ddd !important}
.form label{width: 100%; position: relative;}
label span:first-child{font-size: 11px; font-weight: 500; background: #fff; padding: 0 5px; position: absolute; left:13px; top: 0; z-index: 1000; text-transform: uppercase; color: #666}
.btn-primary{background-color: #5878eb !important}
.text-orange{color:#ff8d41}
.text-success {color: #28a745 !important;}
.btn-success{background-color: #28a745 !important; border-color: #28a745 !important}
.form-switch .form-check-input { background-color: #ddd; border-color: #ddd; }
.form-switch .form-check-input:checked { background-color: #6d94e4; border-color: #6d94e4; }
.menu .nav-link{color: #4e83f1; border-left: 4px solid #fff}
.menu .nav-item .active{background-color: #eff2ff; color: #314baa; border-top-right-radius: 16px; border-bottom-right-radius: 16px; 
	border-left: 4px solid #5878eb}
.oneline{display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 250px }
.applicant-table p{white-space: normal !important; overflow: visible !important;}
.pointer{cursor: pointer;}
.stats img{max-height: 40px}
.stat-pink{background-color: #ffdef1 !important; border-radius: 20%; border:1px solid #f9a7d5 !important; padding: 10px}
.stat-vio{background-color: #e7eaff !important; border-radius: 20%; border:1px solid #b1bafc !important; padding: 10px}
.stat-green{background-color: #e8ffc6 !important; border-radius: 20%; border:1px solid #baeb6f !important; padding: 10px}
.stat-yellow{background-color: #fff3c8 !important; border-radius: 20%; border:1px solid #f5e19c !important; padding: 10px}

.custom-tab .nav-link{color: #888 !important; padding: 5px 12px; border:none;  border-radius:0px; font-size: 14px; font-weight: 600}
.custom-tab .active{color: #252525 !important; border-bottom: 4px solid #5878eb !important; background: transparent !important;}

.del, .pwd{position: absolute;right: 10px;top: -10px;z-index: 1;}
.move{position: absolute;right: 50px;top: -10px;z-index: 1;}

.move2{padding: 12px 10px 0 10px}
.content-add button{font-size: 16px; font-weight: 500}
.content2{max-height: 350px; overflow: hidden; overflow-y: auto; padding-right: 15px}
.sort{cursor: pointer;}

.ui-sortable .active{background-color: #eff2ff; color: #314baa; border-color:#adbfff }

::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 4px}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #ccc;}
::-webkit-scrollbar-thumb:hover {background: #555;}

.lg-show{display: none;}
.sm-show{display: none;}
.of-hide{overflow: hidden;}
.form-control-lg, .form-select-lg, .input-group-lg .form-control {min-height: 48px; font-size: 16px}
.input-group-lg .input-group-text{font-size: 16px; padding-top: 10px}

.page_nav {border:1px solid #ddd; display: inline-block; border-radius: 6px}
.page_nav a, .page_nav span { padding: 8px 12px; display: inline-block; color: #666; border-left:1px solid #ddd;}
.page_nav .first {border-left: none;}
.page_nav .current {background-color:#5878eb; color: #fff }

.top-menu{background-color: #445fd8 !important; z-index:9999999999; width: 100%; height: 42px; 
	position: fixed !important; bottom: 0; left: 0; height: 46px}
.navbar-nav{display: block;}
nav .navbar-nav a {border-left:1px solid #657eec; color: rgba(255,255,255,1) !important; 
	padding-left: 1rem !important; padding-right: 1rem !important; white-space: nowrap; display: inline-block;}
nav .navbar-nav li{float: left; display: inline-block;}
nav .navbar-nav a:hover{background-color: #324cc0}
nav .navbar-nav .dropdown-menu{background-color: #eff2ff; padding: 0; border-color: #d1d8f5 !important; }
nav .navbar-nav .dropdown-menu a{color: #445fd8 !important; border-left: none !important; font-size: 15px; line-height: 28px; 
	border-bottom: 1px solid #d1d8f5;}
nav .navbar-nav .dropdown-menu a:hover{color: #fff !important}
nav .navbar-nav .dropdown-menu li{float: none; display: block;}
.menu-scroll{width: 100%; overflow: auto;}

.add-news-form span{font-weight: 600; font-size: 12px; text-transform: uppercase; color: #555}
.add-news-form .form-control, .add-news-form .form-select{min-height:48px; border-color:#888 !important; border-radius: .75rem}

.just-in{background-image: url('../<?php echo $base_url;?>assets/images/panel/just-in.png'); background-repeat: no-repeat; background-position: left 6px; padding-left: 1.3rem}

.fullscreen-modal {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  background: #fff;
  z-index: 1050;
  overflow-y: auto;
  padding: 1rem;
  padding-top:0; 
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.sticky-col {position: -webkit-sticky; position: sticky; z-index: 2;}
.end-col {right: 0;}

.mce-edit-area {width:99.9%}
.mce-edit-area iframe {min-height: 300px;}
#summary_ifr {min-height: 580px;}


.bootstrap-tagsinput input {width:100% !important;}


.btn-primary:hover{background-color: #3253cb !important}

.spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



@media (min-width: 1360px) and (max-width: 6000px){
	.top-menu{position: sticky !important; position: -webkit-sticky !important; top: 0}
	nav .navbar-nav .dropdown-menu{background-color: #eff2ff; padding: 0; border-color: #d1d8f5 !important; top: 46px; bottom: auto; }
	body{padding-bottom: 0px}
	.oneline{max-width: 350px }
	#addNews .oneline{max-width: 750px }
	.fullscreen-modal {
	  padding-right: 3rem;
	  padding-left: 3rem;
	}
}

@media (min-width: 1200px) and (max-width: 6000px){
	.lg-show{display: block;}
	.lg-hide{display:none !important;}
	.menu-div{min-height:100vh;}
}

@media (min-width: 1024px) and (max-width: 1180px){
	.chart{display: block;}
	.menu{padding-bottom: 45px}
	.menu-div{min-height:100vh;box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.075);}
}

@media (min-width: 700px) and (max-width: 1100px){
	.chart{display: block;}
	.menu{padding-bottom: 45px}
	.menu-div{min-height:100vh;box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.075);}
}

@media (min-width: 320px) and (max-width: 699px){
    .action-button {
		position: fixed;
		width: 100%;
		text-align: center !important;
		bottom: 0;
		left: 0;
		background: #fff;
		padding: 6px 0;
	}
	
	.action-button .btn {
		min-width: 44%;
	}
    
	.sm-show{display: inline-block;}
	.logo{max-height: 30px}
	.menu{min-height: 88vh;}
	.menu-div{box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.075); padding-top:4px !important; padding-bottom:4px !important;}
}