body {
	margin: 0;
	padding: 0;
	/*background: linear-gradient(135deg, #124191 0%, #136d96 50%, #018b8d 100%);*/
	background-color: #124191 !important;
	font-family: 'Mulish', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
  	font-weight: 600;
}

body.control-sidebar-slide-open .content-wrapper,
body.control-sidebar-slide-open .main-footer
{
	margin-left: 250px;
}

body.no-sidebar .content-wrapper,
body.no-sidebar .main-footer,
body.no-sidebar .main-header{
	margin-left: 0px !important;
}

.layout-navbar-fixed .wrapper .main-header, 
.layout-navbar-fixed .wrapper .main-footer{
	margin-left:0px !important;
}

.layout-fixed .main-sidebar{
	top: calc(6rem + 1px);
	height: calc(100vh - 9.4rem);
}
.layout-navbar-fixed.layout-fixed .wrapper .sidebar{
	margin-top: 0px;
	height: calc(100vh - 9.4rem);
}
.layout-navbar-fixed .wrapper .content-wrapper{
	margin-top: calc(6rem + 1px);
}
.main-header .navbar-nav .nav-item {
	margin: 0 10px;
}
.navbar-nav > .user-menu .user-image{
	margin-left: .5rem;
	margin-right: 0;
}

.main-header .navbar-nav .nav-link.logout:hover,
.main-header .navbar-nav .nav-link.logout{
	color: #ff0000;
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-link{
	color: #fff;
	font-size: 16px;
}

.main-header .navbar-nav .nav-link .nav-icon{
	margin-right: 5px;
}

.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(.dropdown-item) {
	background: #e85170;
	border-color: #e85170;
	color: white;
}
.btn-primary:not(:disabled):not(.disabled):not(.dropdown-item).active, 
.btn-primary:not(:disabled):not(.disabled):not(.dropdown-item):active, 
.btn-primary:hover:not(.dropdown-item),
.btn-primary:hover:not(:disabled):not(.dropdown-item),
.btn-primary:active:not(:disabled):not(.dropdown-item), 
.btn-primary:focus:not(:disabled):not(.dropdown-item) {
	background: #d73e5e;
	transform: translateY(-1px);
	border-color: #d73e5e;
	box-shadow: 0 4px 12px rgba(232, 81, 112, 0.3);
}

.bg-violet {
  background: #9c27af;
  color: white;
}

.bg-violet:hover{
	color: white;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(232, 81, 112, 0.3);
}

.btn.btn-block{
	width: 100%;
	padding: 15px 30px;
	border: medium;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.2s;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
}

ul.pagination{
	display: inline-flex;
	margin: 0;
}
.dataTables_length, .dataTables_filter {
	width: 50%;
	display: inline-block;
}
.sidebar-dark-primary .nav-sidebar .nav-item > .nav-link {
	position: relative;
	font-size: 15px;
}
.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{
	background-color: #bb4970;
	color: #fff;
	border-radius: 10px;
	box-shadow: none;
}
.card.card-primary.card-outline .card-body{
	padding: 10px 15px;
}
.table.no-border > tbody > tr > th,
.table.no-border > tbody > tr > td{
	vertical-align: middle;
}
.table.no-border > thead > tr > th,
.table.no-border > thead > tr > td{
	border-bottom: 2px solid #c8c8c8;
}

/*================== Login Page =================*/
.login_center .login-box { background: white;border-radius: 16px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);padding: 48px;width: 100%;max-width: 460px;position: relative;overflow: hidden;}
.login_center .login-box .brand-image {max-width: 80px;max-height: 80px;margin-bottom: 15px;}
.login_center .login-box .login-title {color: #124191;font-size: 28px;font-weight: 600;margin-bottom: 20px;}
.login_center .login-box .login-subtitle {color: #3a3a3c;font-size: 16px;margin-bottom: 35px;line-height: 1.5;}
.login_center .login-box .form-group label {display: block;font-weight: 500;margin-bottom: 8px;color: #3a3a3c;font-size: 14px;text-align: left;}
.login_center .login-box .form-control {height:calc(2.80rem + 2px); font-size: 15px; color: #0F0D18; border-radius: 5px; border-color: #E0E0E0; box-shadow: none;}
.login_center .login-box .divider {display: flex;align-items: center;margin: 32px 0;color: #666;font-size: 14px;}
.login_center .login-box .divider::before, 
.login_center .login-box .divider::after {content: '';flex: 1;height: 1px;background: #e9ecef;}
.login_center .login-box .divider span {padding: 0 16px;}
.login_center .login-box .corporate-section {margin-top: 24px;}
.login_center .login-box .corporate-text {color: #666;font-size: 14px;margin-bottom: 16px;}

/*================== EasySnap Page =================*/

.navbar-blue-primary {
	background-color: #124191;
	color: #fff;
}

.btn.users-action-btn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	border: none;
	padding: 10px;
	font-size: 16px;
	border-radius: 10px;
	cursor: pointer;
	text-align: left;
	margin-bottom: 7px;
}
.sidebar-light-primary .nav-sidebar > .nav-item .nav-icon {
	margin-left: 0.5rem;
	margin-right: 0rem;
	text-align: center;
	width: 1.5rem;
}
.sidebar-light-primary .nav-sidebar > .nav-item .nav-treeview .nav-icon {
	width: 1.2rem;
}
.sidebar-light-primary .nav-sidebar > .nav-item .nav-treeview .nav-icon.howeasy-icon {
	width: 3rem;
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-treeview{
	padding: 10px;
}
.sidebar-light-primary .nav-sidebar > .nav-item:hover > .btn-camera.nav-link,
.btn-camera, .btn-camera:hover{
	background: #ff8800;
	color: #FFF;
}
.sidebar-light-primary .nav-sidebar > .nav-item:hover > .btn-photos.nav-link,
.btn-photos, .btn-photos:hover{
	background: #ff0000;
	color: #FFF;
}
.sidebar-light-primary .nav-sidebar > .nav-item:hover > .btn-upload.nav-link,
.btn-upload, .btn-upload:hover{
	background: #136d96;
	color: #FFF;
}
.sidebar-light-primary .nav-sidebar > .nav-item:hover > .btn-link.nav-link,
.btn-link, .btn-link:hover{
	background: #018b8d;
	color: #FFF;
}
.sidebar-light-primary .nav-sidebar > .nav-item:hover > .btn-question.nav-link,
.btn-question, .btn-question:hover{
	background: #9c27af;
	color: #FFF;
}

.sidebar-light-primary .nav-sidebar > .nav-item:hover > .btn-paste.nav-link,
.btn-paste, .btn-paste:hover{
	background: #3a3a3c;
	color: #FFF;
}
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: transparent;
	color: #000;
	margin-bottom: 0;
	box-shadow: none;
	padding: 15px 10px;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
	width: calc(250px - .5rem * 5);
	padding: 5px 0px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #000;
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link label{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
}
[class*="sidebar-light-"] .nav-treeview > .nav-link:hover {
	color: #fff;
	font-weight: 600;
}

[class*="sidebar-light-"] .nav-treeview .btn-default.nav-link{
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0px;
}

.nav-sidebar .nav-item > .nav-link a.nav-lin{
	color: #000;
	font-size: 13px;
	padding: 5px 0px;
}
[class*="sidebar-light-"] .nav-sidebar .users-settings {
	border-radius: 10px;
	border: 1px solid #dfdfdf;
	background: #c8c8c83d;
	margin-bottom: 10px;
}
/* DataTable Custom CSS */
table.dataTable td, table.dataTable th {
	padding: 10px 5px;
	font-size: 13px;
}
.datatable_actions{
	display: none;
}
.pace .pace-progress{
	height: 3px;
}
.form-group.required .col-form-label:after {
	content:"*";
	color:#ff0000;
	position: absolute;
   	margin-left: 1px;
	margin-top: -2px;
}
.btn-easiest{
	background-color: #00C851;
	color: #FFF;
}
.btn-easier{
	background-color:#ff8800;
	color: #FFF;
}
.btn-easy{
	background-color: #FF0000;
	color: #FFF;
}

/* Base button styling (optional, for consistency) */
.users-action-btn {
    position: relative;
    padding-right: 35px; /* space for the checkmark */
}

/* Add right checkmark for the active state */
.users-action-btn.active::after {
    content: '✔'; /* or use '\2713' */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #FFF; /* white color */
    font-weight: bold;
}

/* small labels */
.sub { font-size:12px; color:#666; margin:6px 0 2px; }

/* Main chat area */
.main {
	flex:1;
	display:flex;
	flex-direction:column;
	padding:18px;
	gap:12px;
}
.chat {
	flex:1;
	border-radius: 10px;
	padding: 16px;
	overflow:auto;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.composer {
	display:flex;
	gap:12px;
	align-items:flex-start;
	margin-top:8px;
}

img.preview {
	max-width: 200px;
	border-radius: 8px;
	margin-top: 8px;
}

.loader {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.loader-text {
  font-size: 12px;
  color: #666;
}

.nav-pills .nav-link{
	color: #000;
	padding: 14px 20px;
  	font-size: 16px;
}

.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:hover{
	color: #8d8b8b;
}
.nav-pills .nav-link .nav-icon{
	margin-right: 10px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* message bubbles */
.msg { max-width:80%; margin-bottom:14px; padding:12px 14px; border-radius:12px; box-shadow: 0 1px 0 rgba(0,0,0,0.02); }
.msg.user { background:#fff; margin-left:auto; border:1px solid rgba(0,0,0,0.04); text-align:left; }
.msg.bot { background:#fff; border-left:4px solid #e6eef6; text-align:left; }
.msg .meta { font-size:12px; color:#666; margin-bottom:8px; display:flex; gap:8px; align-items:center; }
.msg img.preview { max-width:220px; display:block; margin-top:8px; border-radius:8px; }

/* small helpers */
.small { font-size:13px; color:#666; }
.hidden { display:none; }
.controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; float: right; }

/* camera modal area */
.camera-panel { background:#fff; padding:12px; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,0.12); }
/* video, canvas { width:100%; border-radius:8px; background:#000; } */
.flex-row { display:flex; gap:8px; align-items:center; }

/* drag drop areas */
.dropzone {
	border:2px dashed rgba(0,0,0,0.06);
	border-radius:10px;
	padding:14px;
	text-align:center;
	background: linear-gradient(180deg, rgba(255,255,255,0.6), transparent);
	min-height: 80px;
	margin-bottom: 20px;
}
.dropzone.dragover { border-color:#0ea5a3; background:#f0fdfa; }

/* responsive */
@media (max-width:900px){
	.sidebar { width:100%; max-width:100%; order:2; display:flex; flex-direction:row; gap:8px; overflow-x:auto; padding:10px; }
	.app { flex-direction:column; }
	.main { order:1; padding:12px; }
	.msg { max-width:95%; }
}

/* Outer wrapper fills the viewport */
.chat-container {
	display: flex;
	flex-direction: column;
	height: 80vh;
	overflow: hidden;
	margin-top: 10px;
}

/* Scrollable chat area */
.chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  scroll-behavior: smooth;
}

/* Sticky bottom input panel */
.chat-input-panel {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 0.75rem;
  border-top: 1px solid #ddd;
  box-shadow: 0 -1px 3px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Input area */
.chat-input-panel textarea {
  width: 100%;
  height: 80px;
  resize: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 0.75rem;
  font-size: 1rem;
  outline: none;
}

/* Button row */
.chat-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.chat-actions button {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
}

#sendBtn {
  background-color: #2563eb;
  color: white;
}

#sendBtn:hover {
  background-color: #1e4ed8;
}

#clearBtn {
  background-color: #e5e7eb;
  color: #333;
}

#clearBtn:hover {
  background-color: #d1d5db;
}

#actionPanel .form-label {
	font-size: 16px;
}

#actionPanel .form-label img {
	max-width: 24px;
	filter: invert(100);
	margin-right: 5px;
	margin-left: 5px;
}

.preview-img {
  position: relative;
  display: block;
  max-width: 200px;
}
.remove-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: red;
  color: white;
  border: none;
  padding: 3px 6px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}

.file-preview {
	display: flex;
	align-items: center;
	background-color: transparent;
	color: #2a2a2a;
	border-radius: 8px;
	padding: 8px 12px;
	max-width: 600px;
	position: relative;
	font-family: "Segoe UI", sans-serif;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	margin-bottom: 10px;
}

.file-icon {
  background-color: #136d96;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.file-icon i {
  font-size: 18px;
  color: #fff;
}

.file-info {
  flex: 1;
  overflow: hidden;
}

.file-name {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-type {
  font-size: 12px;
  color: #bbb;
}

.response-actions {
  /* display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 6px; */
  margin-top: 8px;
}

.action-btn {
  background: #183f80;
  color: #fff;
  border: 1px solid #183f80;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 5px 10px;
  margin-right: 5px;
}

.action-btn img{
	margin-right: 5px;
}

.action-btn:hover {
  background: #28a745;
  border: 1px solid #28a745;
  color: #fff;
}

.easysnap-container {
	width: 80%;
	background-color: #b2b2b2;
	border-radius: 0px;
	overflow: hidden;
	position: relative;
	height: 10px;
	margin: 5px auto;
}

.easysnap-bar {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #dc3545, #dc3545);
  border-radius: 5px 0 0 5px;
  transition: width 0.5s ease;
  margin-bottom: 5px;
}

.easysnap-text {
	line-height: 1.5;
	font-weight: bold;
	color: #dc3545;
	text-align: center;
	font-size: 14px;
}


/************** 6-7-2022 Sam ****************/
[class*="icheck-"].d-inline{ margin: 0 15px 10px 0 !important;}
[class*="icheck-"] label{ font-weight: 400 !important;}

.main_form{}
.main_form .form-group{}
.main_form label:not(.form-check-label):not(.custom-file-label){ font-size: 15px; font-weight:500; color: #0F0D18;}
.main_form .col-form-label{ font-size: 15px; font-weight:500; color: #0F0D18;}
.main_form .form-control, .main_form .custom-select{ font-size: 15px; color: #0F0D18; height:calc(2.80rem + 2px); border-color: #CFCED0; border-radius: 10px; box-shadow: none;}
.main_form .custom-file-label{ height:calc(2.80rem + 2px); border-radius: 10px; display: flex; align-items: center;}
.main_form .custom-file-label::after{ height:calc(2.80rem + 2px); display: flex; align-items: center;}
.main_form .custom-file{ height:calc(2.80rem + 2px);}
.main_form .custom-file-input{ height:calc(2.80rem + 2px);}
.main_form .custom-file-input:focus ~ .custom-file-label{ border-color: #CFCED0;}
.main_form textarea.form-control {	height: auto;}

.main_form .select2-container{ width: 100% !important;}
.main_form .select2-container--default .select2-selection--single{ height:calc(2.80rem + 2px); border-radius: 10px;}
.main_form .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 35px;}
.main_form .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 35px;}
.main_form .select2-container--default.select2-container--focus .select2-selection--multiple, .main_form .select2-container--default.select2-container--focus .select2-selection--single{ border-color: #ced4da;}
.custom-file-label::after{ background-color: #fff;}
.main_form label:not(.form-check-label):not(.custom-file-label){ font-size: 15px; color: #0F0D18; font-weight: 600;}

.main_form [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before, .main_form [class*="icheck-"] > input:first-child + label::before{ border:1px solid #CFCED0; border-radius: 3px;}
.main_form .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before, .main_form .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before { border-width: 1px; border-color: #0F0D18;}
.main_form .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before, .main_form .icheck-primary > input:first-child:checked + label::before { background-color: #fff; 	border-color: #0F0D18;}
.main_form [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, .main_form [class*="icheck-"] > input:first-child:checked + label::after { content: ""; width: 10px; height: 10px; background-color: #000; border-radius: 50%; border: none !important; transform:translate(6px,6px); -ms-transform:translate(6px,6px);}
.main_form .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before, .main_form .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before { border-color: #CFCED0;}

.main_form [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, .main_form [class*="icheck-"] > input:first-child:checked + label::after { content: ""; width: 10px; height: 10px; background: #000; border-radius: 50%; border: none !important; transform:translate(6px,6px); -ms-transform:translate(6px,6px);}
.main_form [class*="icheck-"] > input[type="checkbox"]:first-child + input[type="hidden"] + label::after, .main_form [class*="icheck-"] > input[type="checkbox"]:first-child + label::after { opacity: 0;}
.main_form [class*="icheck-"] > input[type="checkbox"]:first-child:checked + input[type="hidden"] + label::after, .main_form [class*="icheck-"] > input[type="checkbox"]:first-child:checked + label::after {
content: ""; opacity: 1; display: inline-block; position: absolute; top: 0; left: 0; width: 7px; height: 10px; background: none !important; border-radius: 0 !important; border: 2px solid #fff !important; border-left: none !important; border-top: none !important; transform: translate(7.75px,4.5px) rotate(45deg);}
.main_form [class*="icheck-"] > input[type="checkbox"]:first-child:checked + input[type="hidden"] + label::before, .main_form [class*="icheck-"] > input[type="checkbox"]:first-child:checked + label::before { background-color: #000;}

.main_form [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before, .main_form [class*="icheck-"] > input[type="radio"]:first-child + label::before {	border-radius: 50%;}

.main_form .form-control:disabled, .main_form .form-control[readonly]{ background-color: #F2F4F6;}

/********* Form Square *********/
.form_square{}
.form_square .form-control, .form_square .custom-select{ border-radius: 0;}
.form_square .custom-file-label{ border-radius: 0;}
.form_square .custom-file-label:after{ border-radius: 0;}
.form_square [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before, .form_square [class*="icheck-"] > input:first-child + label::before{ border-radius: 0;}
.form_square .input-group-text{ border-radius: 0;}
.form_square .btn{ border-radius: 0;}

/********* Form Fill *********/
.form_fill{}
.form_fill .form-control, .form_fill .custom-select{ border: none; background-color: #F2F5FF;}
.form_fill .input-group-append .input-group-text{ border-top: none; border-bottom: none; border-right: none; background: #3661EB;}
.form_fill .form-control:disabled, .form_fill .form-control[readonly]{ background-color: #F2F5FF;}
.form_fill .input-group-text{ background-color: #3661EB; color: #fff; border: none;}
.form_fill .form-control:disabled, .form_fill .form-control[readonly] { background-color: #D9E2FF;}
.form_fill .custom-file-label{ border:none; background-color: #F2F5FF;}
.form_fill .custom-file-label:after{ background-color:#3661EB; color: #fff; border-radius: 10px;}

.form_fill [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, .form_fill [class*="icheck-"] > input:first-child:checked + label::after { background-color: #fff;}
.form_fill .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before, .form_fill .icheck-primary > input:first-child:checked + label::before { background-color: #3661EB; border-color: #3661EB;}
.form_fill .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before, .form_fill .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before { border-color: #3661EB;}
.form_fill .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before, .form_fill .icheck-primary > input:first-child:checked + label::before { border-color: #3661EB;}
.form_fill [class*="icheck-"] > input[type="checkbox"]:first-child:checked + input[type="hidden"] + label::before, .form_fill [class*="icheck-"] > input[type="checkbox"]:first-child:checked + label::before { background-color: #3661EB;}

/******** Form Full Radius **********/
.form_full_radius{}
.form_full_radius .form-control, .form_full_radius .custom-select{ border-radius: 35px;}
.form_full_radius .custom-file-label{ border-radius: 35px;}
.form_full_radius .input-group-text{ border-radius: 35px;}
.form_full_radius textarea.form-control{ border-radius: 15px;}
.form_full_radius .btn{ border-radius: 35px;}


/******** Form Bottom Border **********/
.form_btm_bdr{}
.form_btm_bdr .form-control, .form_btm_bdr .custom-select{ padding:0 .75rem; border: none; border-bottom: 1px solid #D9D9D9;}
.form_btm_bdr .form-control:focus, .form_btm_bdr .custom-select:focus{ border-color:#000000;}
.form_btm_bdr .custom-select{ padding: 0 1.75rem 0 .75rem;}
.form_btm_bdr .input-group-text{ background: none; border: none; border-bottom: 1px solid #D9D9D9;}
.form_btm_bdr .custom-file-label{ border: none; border-bottom: 1px solid #D9D9D9;}

/*=========== Table List Ui =========*/
.main_table{}
.main_table .table{ font-size: 15px; color: #0F0D18; border:1px solid #dee2e6; border-top:none;}
.main_table .table a{ color: #0F0D18;}
.main_table .table a:hover{ color: #1282A3;}
.main_table .table td, .main_table .table th{ vertical-align: middle;}
.main_table .table thead th{ border-bottom-width: 0;}

/***** Table Color *****/
.table_highlight{}
.table_highlight .table th{ color: #fff; background-color: #0274C4;}

/***** Table Space *****/
.bg_gray{ background: #F2F4F6;}
.table_curve{}
.table_curve .table { border-collapse: collapse; border: none;}
.table_curve .table th{ border: none;}
.table_curve .table td { background-color: #fff; border-bottom: 3px solid #F2F4F6 ; border-top: 3px solid #F2F4F6;}
.table_curve .table td:first-child, .table_curve .table th:first-child { border-radius: 5px 0 0 5px;} 
.table_curve .table td:last-child, .table_curve .table th:last-child { border-radius: 0 5px 5px 0; }
.table_curve .table tr:hover td { background-color: #F8F8FF; }

/****** No Border *********/
.no_border{}
.no_border .table{ border: none; background-color: #fff;}

.table_radius .table{ border-radius: 10px;}
.table_radius .table th:first-child { border-radius: 10px 0 0 0;} 
.table_radius .table th:last-child { border-radius: 0 10px 0 0;} 
.table_radius .table tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.table_radius .table tr:last-child td:last-child { border-bottom-right-radius: 10px; }

.table_curve_border{}
.table_curve_border .table { border-collapse:separate; border-spacing:0 10px; border: none; }
.table_curve_border .table th{ border: none;}
.table_curve_border .table td { background-color: #fff; border: 1px solid #E0E0E0; border-style:solid none; background: #fff;}
.table_curve_border .table th:first-child { border-radius: 5px 0 0 5px;} 
.table_curve_border .table th:last-child { border-radius: 0 5px 5px 0; }
.table_curve_border .table td:first-child{ border-left: 1px solid #E0E0E0;  border-radius: 5px 0 0 5px;} 
.table_curve_border .table td:last-child { border-right: 1px solid #E0E0E0; border-radius: 0 5px 5px 0; }



/************ Responsive **************/
@media (max-width:1200px) {
.login_right figure img{ max-height: 220px;}	
.login_full_width .login_right figure img{ max-height:100%;}	
}

@media (max-width:767px) {
.login_right figure{ padding:40px 20px;}
.login_right figure img{ max-height: 150px;}	
.login_full_width .login_right figure{ padding: 20px 30px;}
.login_full_width .login_right figure img{ max-height: 100%;}	
.login_side h2{ font-size: 1.5rem;}	
}

.login_center .form-control.is-invalid{border-color: #dc3545;}

[class*="sidebar-dark-"] {
	background-color: #183f80;
}
[class*="sidebar-dark-"] .sidebar a {
	color: #FFF;
}

/* Notification Sidebar*/
.control-sidebar, .control-sidebar::before{
    width:400px;
}
.control-sidebar .header span {
    font-size: 20px;
    font-weight: bold;
}
.control-sidebar .notification-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.control-sidebar .notification-wrapper ul li:first-child {
    margin-top: 15px;
}

.action-header {
    white-space: nowrap;
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 40px;
}
.action-image {
    border-radius: 25px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    display: inline;
}
.action-header span {
    font-size: 16px;
}

.action-content a {
    color: #646c9a;
    font-weight: 400;
    font-size: 14px;
}
.action-content p {
    margin-bottom: 10px;
}
.action-author {
    /*margin-left: 44px;*/
    color: #a1a8c3;
}
.action-read {
    /*margin-left: 44px;*/
    margin-top: 5px;
}