.content {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.main-header .logo.dark-bg {
	background: white;
}

.main-header a.logo .logo-lg {
	color: gray;
}

.main-header .logo {
	width: 300px;
}

.main-sidebar {
	width: 300px;
}

.content-wrapper,
.main-footer {
	margin-left: 300px;
}

.content-wrapper {
	background-color: #f6f6f6;
}

.main-sidebar.dark-bg {
	background: white;
	box-shadow: 0px 15px 30px 0px rgb(0 0 0/ 2%);
}

#_menu_ .fa-angle-left:before {
	content: "\f0da";
	font-size: 20px;
}

.sidebar-menu .menu-open>a>.fa-angle-left,
.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#_menu_>li {
	padding: 0 20px;
	margin: 0 0 3px 0;
}

#_menu_>li>a>i {
	margin: 0 13px 0 0;
	width: auto;
}

#_menu_>li>a {
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	color: #9fa4a6;
	padding: 0px 12px 0px 25px;
	height: 54.18px;
	line-height: 54.18px;
	text-decoration: none;
}

#_menu_>li:hover>a {
	color: #2258bf;
	background: white;
}

#_menu_>li.menu-open>a,
#_menu_>li.active>a {
	background: #e8eef8;
	color: #2258bf;
	border-radius: 999px;
}

#_menu_>li.active>a {
	font-weight: bold;
}

#_menu_>li>ul {
	background: white;
}

#_menu_>li>ul>li.active>a {
	color: #2258bf;
	font-weight: bold;
}

#_menu_>li>ul>li>a {
	color: #9fa4a6;
	font-size: 15px;
	padding: 0 0px 0 32px;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
}

#_menu_>li>ul>li>a>i:before {
	content: "△"
}

#_menu_>li>ul>li>a>i {
	width: auto;
	font-size: 12px;
	position: relative;
	top: 1px;
}

#_menu_>li>ul>li>a:hover {
	color: #2258bf;
}

#_menu_>li>a>.pull-right-container {
	position: relative;
	top: 18px;
	right: 0;
}

#_menu_>li.active {
	background: white;
}

#_menu_>li.active>a>line {
	display: none;
}

#_menu_>li.active>a>.pull-right-container>i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.page-title {
	padding: 15px 20px;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 1rem;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	font-size: 16px;
}

.page-title>ptext {
	color: #2258bf;
	font-weight: bold;
}

.page-title>line {
	color: #627EEA;
	margin: 0 9px;
}

.page-title>ctext {
	color: #828690;
}

.panel {
	border-radius: 1.75rem;
	border-top: none;
	box-shadow: 0px 5px 5px 0px rgb(82 63 105/ 5%);
}

table td,
table th {
	border-color: #f5f5f5;
	padding: 10px 12px;
}

.tdlabel {
	padding: 5px 10px;
	border-radius: 38px;
	font-size: 12px;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.tdlabel.stop {
	background: #f72b50 !important;
}

myswitch:before {
	border-radius: 9999px;
	background: #f72b50;
	left: 6px;
	top: 4px;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

myswitch:after {
	right: 9px;
	top: 5px;
	content: "Close" !important;
}

myswitch.active {
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

myswitch.active:before {
	right: 5px;
}

myswitch.active:after {
	content: "Open" !important;
	left: 10px;
	text-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
	top: 4px;
}

myswitch {
	width: 66px;
	border-radius: 9999px;
	height: 25px;
	background-color: #fee6ea;
	color: #f72b50;
	font-size: 12px;
	float: left;
}

label.circle {
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 9999999999px;
	border: none;
	background: #f72b50;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
	margin: 5px 0px 0 5px;
}

minbtn:before {
	position: relative;
	top: 3px;
	left: 3px;
	text-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

minbtn {
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
	border: none;
	border-radius: 999px;
	height: 27px;
	width: 27px;
	margin: 6px 5px 0 0;
	float: left;
}

minbtn.success:hover {
	background: #1648a7;
}

minbtn.success {
	background: #2258bf;
}

minbtn.error {
	background: #f72b50;
}

/* ---------------------------------------------------------- */
ul.pagebean li,
ul.pagination li a {
	margin: 0 10px 0 0;
	padding: 0;
	height: 41px;
	width: 41px;
	font-size: 16px;
	font-weight: normal !important;
	text-align: center;
	line-height: 41px;
	border-radius: 9999px;
	background: #e8eef8;
	color: #2258bf;
	border-color: #e8eef8;
}

ul.pagebean li:hover,
ul.pagebean li.active {
	background: #2258bf !important;
	color: white;
	border-color: #0e3a8f;
}

ul.pagebean li.active:hover {
	background: #1847a1 !important;
	border-color: #0e3a8f;
}

ul.pagebean li:first-child,
ul.pagebean li:last-child,
ul.pagination li:first-child a,
ul.pagination li:last-child a {
	border-radius: 999px;
	background: white;
	font-size: 14px;
}

ul.pagination li:first-child a {
	font-size: 12px;
	text-transform: lowercase;
}

div#pageBean>.col-md-3>span {
	margin: 9px 0 0 0 !important;
	color: gray;
}

/* ---------------------------------------------------------- */
.select2-container--default .select2-selection--single {
	border-radius: 15px;
}

input:focus {
	border-color: #2258bf !important;
	box-shadow: 0 0 0 2px #2258bf3d;
}

input {
	border-radius: 15px;
}

.form-control {
	border-radius: 15px;
}

.form-control:focus {
	border-color: #2258bf;
	box-shadow: 0 0 0 2px #2258bf3d;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #2258bf;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #2258bf !important;
	box-shadow: 0 0 0 2px #2258bf3d !important;
	border-radius: 15px !important;
	padding-left: 15px;
}

.select2-container--open .select2-dropdown--below {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow: hidden;
}

.btnlist {}

.panel .btnlist ul {}

.panel .btnlist ul li:first-child,
.panel .btnlist ul li:last-child {
	border-radius: 999px;
}

.panel .btnlist ul li {
	border-radius: 999px;
	padding: 0;
	width: 34px;
	height: 34px;
	text-align: center;
	border: none;
	margin: 0 5px 0 0;
	background: #e8eef8;
	color: #2258bf;
}

.panel .btnlist ul li:hover {
	background: #c6d5ef;
}

.panel .btnlist ul li.green {
	background: #2258bf;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.panel .btnlist ul li.green:hover {
	background: #154299;
}

.panel .btnlist ul li:before {
	font-size: 16px;
	position: relative;
	top: 9px;
	text-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.panel .body {
	padding: 10px;
	min-height: 47px;
}

.panel form .head {
	border: none;
	padding: 20px 10px 0 10px;
}

.inputlist .input {
	margin-right: 15px;
}

.panel .bottom {
	border-top: none;
	padding: 0px 15px 15px 15px;
}

.layui-layer.layui-layer-iframe {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.LPanel .body {
	margin-top: 71px;
	margin-bottom: 84px;
	padding-top: 15px;
	padding-bottom: 1px;
	background: white;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 15px;
	border: 1px solid #D9D9DB;
}

.LPanel {
	background: #f6f6f6;
}

.sidebar-mini {
	background: #f6f6f6;
}

.LPanel .head {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
}

.fgroup label.fgroup-title {
	color: #2258bf;
	font-weight: bold !important;
	width: calc(100% - 49px);
	background: #c6d5ef;
	border-radius: 999px;
	padding: 8px 18px;
	margin: 0 0 0 26px;
	font-size: 15px;
	text-align: center !important;
}

.LPanel .bottom .make {
	background: #1a4494;
	border-color: #113372;
	border-radius: 156px;
}

.LPanel .bottom .make:hover {
	background: #133370;
	border-color: #0a2452;
}

.LPanel .bottom .cancel {
	background: white;
	border-radius: 99999999px;
}

.fgroup label {
	color: #858585;
	text-align: right !important;
}

.mybtn.red {
	background: #f72b50;
	border: none;
	border-radius: 99999px;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
	height: 30px;
	width: 30px;
	padding: 0;
}

.mybtn.red i {
	position: relative;
	top: 6px;
	left: 7px;
	text-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
	font-size: 18px;
}

textarea {
	border-radius: 15px;
}

textarea:focus {
	border-color: #2258bf;
	box-shadow: 0 0 0 2px #2258bf3d;
}

.mybtn {
	background-color: #1a4494;
	padding: 0;
	border: 1px solid #0f306e;
	border-radius: 999999px;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
	height: 34px;
	width: 34px;
}

.mybtn:before {
	position: relative;
	top: 9px;
	left: 10px;
	text-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.mybtn:hover {
	background: #133370;
	border-color: #0a2452;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 9999px;
	background: #1a4494;
	border-color: #1a4494;
	box-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border-color: #0b2658;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background: #133370;
	border-color: #0a2452;
}

gplist son:last-child {
	margin: 0 0 10px 0;
}

.LPanel .bottom .maxbtn.def {
	background: white;
	border-radius: 185px;
}

.mlabel_blue {
	background: #e8eef8 !important;
	color: #2258bf;
	font-size: 16px;
	border-radius: 161px;
	padding: 5px 18px;
}

.btn.btn-azure {
	background: #1a4494
}

.btn.btn-azure:hover {
	background: #0f3172;
	color: white;
	transition: none;
}

/* ----------------------------------- */
body.login-page {
	background: #e0e6f0 !important;
}

body.login-page .container h1 {
	color: #2258bf;
	font-size: 32px;
	font-family: sans-serif;
	margin: 40px 0 0px 0;
	text-transform: uppercase;
	position: relative;
}

body.login-page .container h1:after {
	content: "Sign in your account";
	position: absolute;
	font-size: 16px;
	display: block;
	left: 36%;
	top: 50px;
	text-transform: none;
	color: #2c2c2c;
	font-weight: normal;
	font-family: 'poppins', sans-serif;
	margin: 5px 0 5px 0;
}

body.login-page .container {
	background: #fff;
	box-shadow: 0 0 35px 0 rgb(154 161 171/ 15%);
	border-radius: 5px;
	margin-top: 100px;
	padding-top: 0;
	width: 540px;
}

body.login-page .container input {
	height: 56px;
	border: 1px solid #f5f5f5;
	padding: 0 20px;
	font-size: 14px;
}

body.login-page .container .input i {
	display: none;
}

body.login-page .container .check {
	font-size: 20px;
	width: 20px;
	height: 20px;
	position: relative;
	top: -3px;
	left: 3px;
	margin: 0 7px 0 0;
}

body.login-page .container .rme.active i:before {
	color: #2258BF;
}

body.login-page .container form {
	padding: 40px 50px 58px 50px;
}

body.login-page .container .submit {
	background: #2258bf;
	display: block;
	height: 53px;
	width: 100%;
	border-color: transparent;
	border-radius: 150px;
	font-weight: bold;
	font-size: 17px;
	margin: 22px 0 0 0;
	padding: 0;
	line-height: 53px;
	color: transparent;
}

body.login-page .container rmetext {
	color: transparent;
}

body.login-page .container rmetext:after {
	content: "Remember my preference";
	color: #8b8b8b;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: -90px;
	top: 0px;
}

body.login-page .container error {
	background-color: #fee6ea;
	color: #f72b50;
	font-weight: bold;
	border-radius: 15px;
	padding: 0;
	text-align: center;
	height: 56px;
	line-height: 56px;
	margin: 15px 0 0 0;
}

body.login-page .container .submit:after {
	content: "Sign Me In";
	color: white;
	position: relative;
	left: -20px;
}

body.login-page .container .submit:hover {
	box-shadow: 0 0 0 0.25rem var(- -rgba-primary-5);
	background: #1a4494;
}

/* ----------------------------------- */
left-nhead {
	color: #2258bf;
	font-size: 20px;
	font-family: sans-serif;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	background: white;
	width: 300px;
	text-align: center;
	margin: 0;
	border-bottom: 1px solid whitesmoke;
	padding: 15px 0;
	text-shadow: 0 1px 3px rgb(0 0 0/ 10%), 0 1px 2px rgb(0 0 0/ 18%);
}

.main-sidebar.dark-bg {
	padding-top: 150px;
}

.main-header .logo.dark-bg {
	height: auto;
	padding-top: 66px;
}

a.nlogout:hover {
	color: black;
}

a.nlogout:hover i {
	color: #c72222;
}

a.nlogout {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: initial;
	color: #787878;
	padding: 0px 0;
}

a.nlogout i {
	color: #df4a4a;
	margin: 0 0 0 6px;
	font-size: 15px;
	position: relative;
	top: 1px;
}

/* ----------------------------------- */
.pas-warn {
	padding-bottom: 8px !important;
	padding-left: 16px !important;
}

/* ----------------------------------- */
.formgroup {
	clear: inherit;
}

/* ----------------------------------- */
.layermax>.bottom-max>a {
	background: #2459c0;
	border-color: transparent;
	border-radius: 9999px;
}

.layermax>.bottom-max>a:hover {
	background: #163e8b;
	opacity: 1;
}

/* ----------------------------------- */
.fa-ip:before {
	content: "IP";
	font-size: 12px;
	font-weight: bold;
}

/* ----------------------------------- */
@media (max-width : 767px) {
	.main-sidebar {
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
}

/* ----------------------------------- */
.sidebar-toggle {
	display: none;
}

/* ----------------------------------- */
.wrapper {
	display: block !important;
}

new-style-shade {
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
	background: white;
	z-index: 1111111111111111111111111111111111;
}

td-status-btn.y:before {
	content: "Yes";
}

td-status-btn.n:before {
	content: "No";
}

td-status-btn:before {
	content: "";
}

td-status-btn.y {
	background: #d5ffec87;
	color: #1c8b58;
	border-color: #52d49875;
}

td-status-btn {
	display: block;
	width: 35px;
	background: white;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	text-align: center;
	height: 26px;
	line-height: 25px;
	margin: 7px 0 0 0;
	font-size: 12px;
	color: #b4b4b4;
}

.tdp0 {
	padding-top: 0;
	padding-bottom: 0;
}

#filter-info-max label.miniline {
    margin-top: 4px;
}

#filter-info-max label.miniline p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;

}