* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box outline: none;}
body {margin: 0; background: #fff; font-size: 14px; line-height: 21px; font-weight: 400; color: #868795; font-family: 'Montserrat', sans-serif; font-weight: normal;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
::-moz-selection {color: #fff; background: #195279;}
::selection {color: #fff; background: #195279;}
img {vertical-align: middle;	max-width: 100%;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
:focus {	outline: none;}
h1 {margin: 0;}
h2 {font-size: 30px; line-height: 25px; color: #434343; margin: 0; width: 100%; padding: 0 15px;}
h3 {font-size: 23px; line-height: 38px; color: #434343; margin: 0;}
p {margin: 0;}
input, select, .btn {font-family: 'Montserrat', sans-serif;}
.btn {background: #195279; border-radius: 0; color: #fff; text-transform: inherit; font-family: 'Montserrat', sans-serif; font-weight: normal; position: relative; overflow: hidden;
	font-size: 16px;}
.btn:hover, .btn:focus, .btn:active, .btn:focus:active {	background: #003259; color: #fff;}
.btn.btn-secondary {background: #e6e6e6;color: #868795;}
.btn:before {content: ""; position: absolute; top: 0; left: 0; right: 0;	bottom: 0;}
.btn:active:before {animation-name: Hover; animation-duration: 0.2s;	background: rgba(255,255,255,0.3); -webkit-transform: scaleX(1); transform: scaleX(1);}
@keyframes Hover {
	0% {-webkit-transform: scaleX(0.5);	transform: scaleX(0.5);}	
	50% {-webkit-transform: scaleX(0.75); transform: scaleX(0.75);}
	100% {-webkit-transform: scaleX(1);transform: scaleX(1);	}
}
.wrapper {min-height: 100vh; overflow: hidden; position: relative; background: #195279;}
.container {max-width: 1400px; width: 100%; padding: 0 30px;}

/* ========== Header ========== */
.header {min-height: 70px;}
.sidebar-logo {float: left; background: #164667; height: 70px; width: 220px; padding:16px 20px 11px 11px; position: fixed; top: 0; left: 0; right: 0; z-index: 11;
    transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;}
.sidebar-logo img {position: absolute; transition: opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s; white-space: nowrap;}
.sidebar-logo img.big-logo {width: 178px;}
.sidebar-logo img.small-logo {width: 36px; height: 36px; opacity: 0;}
.header-right {margin-left: 220px; height: 70px;	background: #fff; transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s; position: fixed; top: 0; left: 0; right: 0;
	z-index: 1;}
.menu-icon {float: left; padding: 0 30px; min-height: 70px;line-height: 70px;}
.menu-icon a {font-size: 30px;color: #195279;}
.head-r {padding: 10px 30px 10px 0; -ms-flex-preferred-size: 100%;	flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-align: center;
	-ms-flex-align: center;	align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-preferred-size: auto;flex-basis: auto;}
.head-r .navbar-nav {-webkit-box-orient: horizontal;   -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.head-r .nav-link {padding: 0px 10px;line-height: 45px;font-size: 18px;color: #195279;width: 45px;height: 45px;text-align: center; position: relative;}
.head-r .nav-link:hover, .head-r .nav-link:active, .head-r .nav-link:focus, .head-r .nav-link:active:focus {color: #fff;background: #195279;}
.head-r .nav-link:after {content: ""; position: absolute; top: 50%; left: 0;	transform: translateY(-50%);height: 25px;border-left: 1px solid #ddd;}
.head-r .nav-link:hover:after, .head-r .nav-link:focus:after, .head-r .nav-item:first-child .nav-link:after {border-left: none;}
.head-r .nav-link:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.head-r .nav-link:active:before {animation-name: Hover;animation-duration: 0.2s;	background: rgba(255,255,255,0.3);-webkit-transform: scaleX(1);	transform: scaleX(1);}

/* ========== End Header ========== */

/* ========== Sidebar Menu ========== */
.main-sidebar {left: 0;	height: 100%;padding-top: 70px;	padding-bottom: 50px;position: fixed;top: 0;transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
	width: 220px; z-index: 1;background: #1c5277;}
.sidebar {height: 100%; overflow-y: auto; overflow-x: hidden;}
.sidebar ul {	padding: 24px 0 0;	margin: 0;white-space: nowrap;}
.sidebar ul li {padding: 0 0 5px 0;}
.sidebar ul li a {font-size:14px; line-height:25px; color: #fff; padding:10px 15px; display: block; position: relative;}
.sidebar ul li a i {margin: 0 10px 0 0;font-size: 16px;}
.sidebar ul li a:hover, .sidebar ul li a:active, .sidebar ul li a:focus, .sidebar ul li a:active:focus {background: #ffe032;color: #195279;}
.sidebar ul li a:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.sidebar ul li a:active:before {animation-name: Hover; animation-duration: 0.2s; background: rgba(255,255,255,0.3);	-webkit-transform: scaleX(1); transform: scaleX(1);}
.sidebar ul li.selected a {background: #ffe032;color: #195279;  opacity: 1;}
.sidebar ul li ul{display:none; padding:0 0 0 10px;}
.sidebar ul ul li{padding:0;}

.collapse:not(.show) { display: none;}
.collapse.in{display:block}
.sidebar .has-arrow{position:relative}
.sidebar .has-arrow:after{content:'';position:absolute;top:22px;right:15px;width:7px;height:7px;border-width:1px 0 0 1px;border-style:solid;border-color:#fff;margin-left:10px;-webkit-transform:rotate(135deg) translate(0, -50%);-ms-transform:rotate(135deg) translate(0, -50%);-o-transform:rotate(135deg) translate(0, -50%);transform:rotate(135deg) translate(0, -50%);-webkit-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.sidebar .has-arrow[aria-expanded=true]:after,
.sidebar li.active>.has-arrow:after,
.sidebar li>.has-arrow.active:after{-webkit-transform:rotate(-135deg) translate(0, -50%);-ms-transform:rotate(-135deg) translate(0, -50%);-o-transform:rotate(-135deg) translate(0, -50%);transform:rotate(-135deg) translate(0, -50%);border-color:#195279;}

.plan-icon {	position: absolute; bottom: 30px; left: 0; right: 0; padding-left: 20px; transition: padding 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;}
.plan-icon .plan-btn {background: #d9eaf1;display: inline-block;width: 70px;	height: 70px;text-align: center;line-height: 70px;border-radius: 50%;}
.plan-icon img {width: 40px;}
/* ========== End Sidebar Menu ========== */

/* ========== Footer ========== */
.footer {margin-left: 220px;	transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s; background: #fff; padding: 20px 30px 15px;}
.footer p {margin: 0 0 3px;}
.footer p a {color: #195279;	display: inline-block; background: #eee; padding: 3px 5px; border-radius: 3px; margin-bottom: 2px;}
.footer p a:hover {background: #195279; color: #fff; text-decoration: none;}
/* ========== End Footer ========== */

/* ========== Rightside Main Content Box ========== */
.content-wrapper {margin-left: 220px; transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;	 background: #f4f5f6; min-height: calc(100vh - 70px); padding:30px;}
/* ========== End Rightside Main Content Box ========== */

/* ---------- Dashboard Page ---------- */
.dash-max-h {padding: 0 0 30px; height: 100%;}
.dash-bx {background: #fff;	padding: 30px 20px;	text-align: center;	box-shadow: 0 4px 18px -10px rgba(0,0,0,0.3); height: 100%;}
.dash-bx h3 {margin: 0 0 15px;}
.dash-bx h2 {color: #195279;	font-weight: 700; font-size: 45px;line-height: 50px;}
/* ---------- End Dashboard Page ---------- */

/* ---------- Shop Page ---------- */
.table-bx {background: #fff;	padding: 20px; box-shadow: 0 0px 18px 0px rgba(0,0,0,0.05);}
.filter-bx {margin: 0 0 5px;}
.form-group label {color: #434343;	font-weight: 500;}
.filter-bx select.form-control, .ticket-sidebar select {border: 1px solid #ddd;padding: 8px 15px; background: url(../images/down-arrow.svg) no-repeat 95% center / 12px;}
.filter-bx select.form-control:not([size]):not([multiple]), .filter-bx select.custom-file-control:not([size]):not([multiple]) {height: 41px;}
.dataTables_length {	float: left; width: 50%;}
div.dataTables_wrapper div.dataTables_length label {color: #434343;}
div.dataTables_wrapper div.dataTables_length select{width:60px;height:35px; padding:5px 10px;border:1px solid #ddd;background:url(../images/down-arrow.svg) no-repeat 90% center / 12px;
margin: 0 3px;}
.dataTables_filter {	overflow: hidden;}
div.dataTables_wrapper div.dataTables_filter label {	color: #434343;}
div.dataTables_wrapper div.dataTables_filter input {width: 200px; height: 35px; padding: 5px 10px; border: 1px solid #ddd;}
table.dataTable {-webkit-box-sizing: content-box; box-sizing: content-box;}
table.dataTable th {background: #195279;color: #fff;font-weight: 500;padding: 10px;}
.table-striped tbody tr:nth-of-type(odd) {background: rgba(117, 117, 117, 0.05);}
table.dataTable td {color: #434343;vertical-align: middle;padding:5px 10px;line-height: 18px;}
table.dataTable td a {color: #1c5277;display: inline-block;}
table.dataTable td a:hover {color: #434343;}
table.dataTable td a .fa {font-size: 18px;	margin: 0 3px;}
div.dataTables_wrapper div.dataTables_info {color: #434343;float: left;padding: 30px 0 0 0;}
div.dataTables_wrapper div.dataTables_paginate {overflow: hidden;	padding: 20px 0 0 0;}
.paginate_button {background: #f2f2f2; display: inline-block; padding: 10px 14px; cursor: pointer; margin: 0 0 0 10px; position: relative;}
.paginate_button:not([href]):not([tabindex]) {color: #434343;}
.paginate_button:not([href]):not([tabindex]):hover {color: #ffff; background: #195279;}
.paginate_button:before {content: ""; position: absolute; top: 0; left: 0; right: 0;	bottom: 0;}
.paginate_button:active:before {	animation-name: Hover;	animation-duration: 0.2s; background: rgba(255,255,255,0.3); -webkit-transform: scaleX(1); transform: scaleX(1);}
.paginate_button.disabled {background: #9a9a9a;	cursor: no-drop;color: #fff;}
.dataTables_paginate span .paginate_button {background: transparent;	color: #434343;	width: 40px; padding: 10px;	text-align: center;}
.dataTables_paginate span .paginate_button:hover, .dataTables_paginate span .paginate_button[active="true"], .dataTables_paginate span .paginate_button.current {
	color: #ffff; background: #195279;}
.paginate_ellipsis {margin-left: 10px;color: #434343; display: inline-block;	margin: 0 0 0 10px;}
/* ---------- End Shop Page ---------- */

/* ---------- Login Page ---------- */
.login-page {height: 100vh;	background: #ddd;}
.table {margin: 0;display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.login-wrapper {max-width: 500px;margin: 0 auto;	padding: 0 15px;}
.login-logo {margin: 0 0 30px;text-align: center;}
.login-logo img {width: 300px;}
.login-bx {background: #fff;	padding: 30px 30px 10px;box-shadow: 0 0px 18px 0px rgba(0,0,0,0.05);}
form {margin: 0;}
.login-bx .form-group {margin-bottom: 20px;}
.check-bx {position: relative;padding-left: 5px;}
.check-bx label {font-weight: normal;margin: 0;vertical-align: top;}
.check-bx span {position: absolute;top: 0;left: 0;width: 15px;height: 15px;border: 1px solid #195279;}
.check-bx input[type="checkbox"] {	position: relative;	opacity: 0;}
.check-bx input[type="checkbox"]:checked ~ span {background: url(../images/right-mark.svg) no-repeat center / 9px;}
.form-control, .custom-file-controlm {height: 42px;color: #434343;font-size: 14px;font-weight: normal;}
textarea.form-control {height: 100px;	resize: none;}
.form-control, .custom-file-control, .is-focused .form-control, .is-focused .custom-file-control {
	background-image: linear-gradient(to top, #195279 2px, rgba(63, 81, 181, 0) 2px), linear-gradient(to top, #ddd 2px, transparent 1px)
}
.login-bx a {color: #195279;}
.login-bx a:hover {color: #434343;}
.login-bx .btn {height: 50px;width: 100%;}
/* ---------- End Login Page ---------- */

/* ---------- Shop Detail Page ---------- */
.page-bx {background: #fff;	padding: 20px;	box-shadow: 0 0px 18px 0px rgba(0,0,0,0.05);}
.page-bx h3 {margin: 0 0 20px; font-weight: 500;	line-height: 30px;}
hr {	border-top: 2px solid #195279;margin: 30px 0;}
.page-bx .btn {margin-top: 15px;}
.page-bx span.label {background: #771c20;	color: #fff;display: inline-block;padding: 2px 8px;font-weight: 600;margin: 0 0 20px;font-size: 12px;}
.page-bx select.form-control {border-bottom: 2px solid #ddd;background: url(../images/down-arrow.svg) no-repeat 98% center / 12px;}
select.form-control:not([size]):not([multiple]), select.custom-file-control:not([size]):not([multiple]) {height: 42px;}
.datepicker-dropdown {opacity: 1;transform: inherit;}
.datepicker table.table-condensed thead tr {background: #1c5277;}
.datepicker table.table-condensed thead th {color: #fff;	font-weight: 500;border-radius: 0;font-size: 11px;}
.datepicker td {font-size: 11px;}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {background: #003259;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {background: #003259;}
/* ---------- End Shop Detail Page ---------- */

/* ---------- Plan Page ---------- */
.page-plan {max-width: 1200px;	margin: 0 auto;}
.page-plan .row {margin: 0 -30px;}
.page-plan [class*="col-"] {	padding: 0 30px;}
.plan-bx {background: #f4f5f6; text-align: center;box-shadow: 0 0px 18px 0px rgba(0,0,0,0.05);}
.plan-title {background: #195279; position: relative;padding: 15px 15px; min-height: 160px;}
.plan-title h2 {color: #fff;	font-size: 20px; line-height: 25px;}
.plan-price {background: #d9eaf1; padding: 57px 10px 30px; position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; width: 180px; height: 180px; border-radius: 50%;
    border: 5px solid #fff;}
.plan-price h1 {color: #195279;font-weight: 600;font-size: 45px;line-height: 50px;}
.plan-price h1 sup {font-size: 27px;position: relative;top: -15px;}
.plan-detail {padding: 110px 0 30px;}
.plan-detail ul {list-style: none;padding: 0;	margin: 0;}
.plan-detail ul li {display: block; border-bottom: 1px solid #dcdada; padding: 15px 15px;}
.plan-detail ul li:last-child {border-bottom: none;}
.plan-order .btn {margin: 0; width: 100%; height: 60px; line-height: 42px; font-size: 18px;}
/* ---------- End Plan Page ---------- */

/* ---------- Alert Msg Page ---------- */
.alert{position:relative;width:100%;padding:0.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:2px}
.alert-heading{color:inherit}
.alert-link{font-weight:800}
.alert-dismissible{padding-right:3.8125rem}
.alert-dismissible .close{position:absolute;top:0;right:0;padding:0.75rem 1.25rem;color:inherit}
.alert-primary{color:#3c327c;background-color:#e3dffc;border-color:#d8d2fa}
.alert-primary hr{border-top-color:#c4bbf7}
.alert-primary .alert-link{color:#2a2358}
.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
.alert-secondary hr{border-top-color:#c8cbcf}
.alert-secondary .alert-link{color:#202326}
.alert-success{color:#155f3f;background-color:#d4f1e4;border-color:#c3ebd9}
.alert-success hr{border-top-color:#b0e5cd}
.alert-success .alert-link{color:#0c3523}
.alert-info{color:#122c55;background-color:#d3dded;border-color:#c1cfe6}
.alert-info hr{border-top-color:#afc1df}
.alert-info .alert-link{color:#09162b}
.alert-warning{color:#856025;background-color:#fff1da;border-color:#ffebcc}
.alert-warning hr{border-top-color:#ffe1b3}
.alert-warning .alert-link{color:#5d431a}
.alert-danger{color:#712c18;background-color:#f8ddd5;border-color:#f5cfc4}
.alert-danger hr{border-top-color:#f1bdae}
.alert-danger .alert-link{color:#471c0f}
.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}
.alert-light hr{border-top-color:#ececf6}
.alert-light .alert-link{color:#686868}
.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}
.alert-dark hr{border-top-color:#b9bbbe}
.alert-dark .alert-link{color:#040505}
.alert-cyan{color:#145876;background-color:#d4eef9;border-color:#c3e7f7}
.alert-cyan hr{border-top-color:#addef4}
.alert-cyan .alert-link{color:#0d374a}
.alert-orange{color:#834900;background-color:#fee8cc;border-color:#fedfb8}
.alert-orange hr{border-top-color:#fed49f}
.alert-orange .alert-link{color:#502d00}
.alert-purple{color:#3c327c;background-color:#e3dffc;border-color:#d8d2fa}
.alert-purple hr{border-top-color:#c4bbf7}
.alert-purple .alert-link{color:#2a2358}

/* ---------- End Alert Msg Page ---------- */

/* ---------- Comment Page ---------- */

.ticket-sidebar{pointer:relative; width:100%;}
.ticket-sidebar ul{margin:0; padding:0 0 0 10px; list-style:none;}
.ticket-sidebar ul li{width:100%; display:inline-block; padding:0; margin:0;}
.ticket-sidebar ul li strong{padding-right:5px; display:inline-block;}


/* ---------- End Comment Page ---------- */