body {
	padding:0; margin:0; 
	background-color:#f9f9f9; 
	font-family:'Poppins', sans-serif;
	font-weight:300; font-size:14px;
	color:#737373;
}

.clear 	{clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}

/*margin selectors*/
.m-a   {margin:auto}
.m-0   {margin:0}	     .mt-0  {margin-top:0}	     .mb-0  {margin-bottom:0}	.ml-0  {margin-left:0}	 .mr-0 {margin-right:0}
.mt-05 {margin-top:5px}	 .mb-05 {margin-bottom:5px}	 .ml-05 {margin-left:5px}	.mr-05 {margin-right:5px}	
.mt-10 {margin-top:10px} .mb-10 {margin-bottom:10px} .ml-10 {margin-left:10px}  .mr-10 {margin-right:10px}
.mt-15 {margin-top:15px} .mb-15 {margin-bottom:15px} .ml-15 {margin-left:15px}	.mr-15 {margin-right:15px}
.mt-20 {margin-top:20px} .mb-20 {margin-bottom:20px} .ml-20 {margin-left:20px}	.mr-20 {margin-right:20px} .ml-25 {margin-left:25px}
.mt-30 {margin-top:30px} .mb-30 {margin-bottom:30px} .ml-30 {margin-left:30px}	.mr-30 {margin-right:30px} .mt-25 {margin-top:25px}

.pad-05  {padding:5px}  .pad-10 {padding:10px} .pad-15 {padding:15px} 
.pad-20 {padding:20px} .pad-30 {padding:30px} .pad-40 {padding:40px} .pad-50 {padding:50px}

.radius-4 {border-radius:4px;}

.text_blue  {color:#005aa4;}
.text_grey  {color:#888;}
.text_greydk{color:#333;}
.text_gren  {color:#64c306;}
.text_blck  {color:#000;}
.text_wht   {color:#fff;}
.text_red   {color:#d40014;}
.text_orng  {color:#ff6500;}

.text_30 {font-size:30px;}
.text_25 {font-size:25px;}
.text_22 {font-size:22px;}
.text_20 {font-size:20px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text_14 {font-size:14px;}
.text_12 {font-size:12px;}
.text-justify{text-align:justify;}

.under_line       {text-decoration:underline;}
.under_line:hover {text-decoration:none;}

.transform_upper {text-transform:uppercase;}
.transform_none  {text-transform:none;}

.font_xlight  {font-weight:200;}
.font_light   {font-weight:300;}
.font_regular {font-weight:400;}
.font_medium  {font-weight:500;}
.font_smbold  {font-weight:600;}
.font_bold, b, strong {font-weight:700;}
.font_xbold   {font-weight:800;}
.font_black   {font-weight:900;}

.Poppins      {font-family:'Poppins', sans-serif;}
.Roboto       {font-family:'Roboto', sans-serif;}

.relative {position:relative;}

header {padding:15px; color:#FFF; position:sticky; top:0; z-index:1020; background-color:#222261;}
header .logo {width:220px; margin-right:20px; text-align:left; float:left;}
header .logo a {color:#FFF; font-weight:500; text-decoration:none; font-size:16px;}
header .search   {width:50%; margin-top:3px; float:left; position:relative}
header .search i   {position:absolute; top:12px; left:15px; font-size:1.7em; color:#FFF;}
header .search .form-control {width:50%; font-weight:200; padding-left:50px; background-color:rgba(255,255,255,0.3); border:none;color:#FFF;}
header .search .form-control::-webkit-input-placeholder {color:#FFF;}
header .search .form-control::-moz-placeholder {color:#FFF;}
header .search .form-control:-ms-input-placeholder {color:#FFF;}

header .menu     {float:right; list-style:none; margin:0; padding:0; padding-top:7px;}
header .menu > li {display:inline-block; margin-left:30px; position:relative; margin-top:5px;}
header .menu > li:last-child {margin-top:0px;}
header .menu > li > a {color:#FFF; text-decoration:none}
header .menu > li > a .fas {font-size:1.7em}
header .menu > li > a .rounded-circle {border:rgba(255,255,255,0.5) 1px solid;}
header .menu > li > a .badge {
	position:absolute; right:-7px; top:-7px; width:18px; height:18px;
	text-align:center; line-height:18px; padding:0; font-weight:300;
}
header .menu > li .dropdown-toggle::after {margin-bottom:0;}
header .menu > li.dropdown .dropdown-header {
    background-color:#e0f1de;
	border-bottom:1px solid rgba(0,0,0,.15);
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: ##212529;
	text-shadow:none;
	font-weight:600;
	margin-top: -8px;
    border-radius: 3px 3px 0 0;
}
header .menu > li.dropdown .icon-circle {height:32px; width:32px; text-align:center;}

.sidebar {box-shadow:0 .1rem 1rem rgba(0,0,0,.07); position:absolute; top:0; left:0; width:100%; z-index:1000; background-color:#FFF;}
.sidebar > .nav {margin:0; padding:0; list-style:none; padding-top:10px; display:block; width:100%;}
.sidebar > .nav > li {border-bottom:#e2e2e2 1px solid; padding:10px 10px 10px 15px; display:block; width:100%;}
.sidebar > .nav > li:last-item {border-bottom:none;}
.sidebar > .nav > li > a {display:block; padding:10px 5px; color:#5c5c5c; font-family:'Roboto', sans-serif; font-weight:500}
.sidebar > .nav > li:hover > a {color:#000; text-decoration:none;}
.sidebar > .nav > li.active    {background-color:#e2e2f7;}
.sidebar > .nav > li.active > a {color:#222261;}
.sidebar > .nav > li > a > i {text-align:left; width:23px;}
.sidebar > .nav i.fa-angle-down {margin-right:0; float:right; margin-top:5px; width:11px;}
.sidebar > .nav > li > a.dropdown-toggle::after {display:none;}
.sidebar > .nav > li > .submenu {padding-left:33px;}
.sidebar > .nav > li > .submenu > ul {margin:0; padding:0; list-style:none; display:block; width:100%;}
.sidebar > .nav > li > .submenu > ul > li {display:block; width:100%; padding:7px 0;}
.sidebar > .nav > li > .submenu > ul > li:last-child {border-bottom:none;}
.sidebar > .nav > li > .submenu > ul > li > a {font-family:'Roboto', sans-serif; font-weight:400; font-size:13px; color:#666; text-decoration:none; display:block;}
.sidebar > .nav > li > .submenu > ul > li > a:hover,
.sidebar > .nav > li > .submenu > ul > li > a:focus,
.sidebar > .nav > li > .submenu > ul > li > a.active {color:#52b141; text-decoration:none;}
.sidebar > .nav > li > .submenu i.fa-angle-down {margin-right:0; float:right; margin-top:5px; width:11px; margin-right:5px}
.sidebar > .nav > li > .submenu div.collapse {padding-left:18px;}
.sidebar > .nav > li > .submenu div.collapse > .nav > li {padding:5px 0; display:block;}
.sidebar > .nav > li > .submenu div.collapse > .nav > li > a {font-family:'Roboto', sans-serif; font-weight:300; font-size:13px; color:#777; text-decoration:none; display:block;}
.sidebar > .nav > li > .submenu div.collapse > .nav > li > a:hover,
.sidebar > .nav > li > .submenu div.collapse > .nav > li > a:focus,
.sidebar > .nav > li > .submenu div.collapse > .nav > li > a.active {color:#000; text-decoration:none;}

.sidebar > .nav > li > ul {
	position:relative !important; padding:0; margin:0; border:none; color:#666;
	font-size:13px; transform:none !important; background-color:transparent;
}
.sidebar > .nav > li > ul > li > a {display:block; font-size:13px; color:#666; padding:3px 0 3px 35px; cursor:pointer;}
.sidebar > .nav > li > ul > li > a:hover,
.sidebar > .nav > li > ul > li > a:focus,
.sidebar > .nav > li > ul > li > a.active {color:#52b141;}
.sidebar.collapse.show {max-height:400px; overflow-x:hidden; overflow-y:auto;}

[data-toggle="collapse"][aria-expanded="true"] > .rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform:    rotate(180deg);
	-ms-transform:     rotate(180deg);
	-o-transform:      rotate(180deg);
	transform:         rotate(180deg);
}

a.card.dashboard {display:block; text-align:center; font-weight:500; text-decoration:none;}
a.card.dashboard:hover {color:#FFF; background-color:#222261; text-decoration:none;}
a.card.dashboard > .card-body {padding-top:70px; padding-bottom:70px; font-size:16px;}
a.card.dashboard i {display:block; text-align:center; margin-bottom:10px;}

.card.rooms {display:block; text-align:center; font-weight:300; text-decoration:none; width:100%; position:relative; background-color:#d0e6ce; color:#353639; border:#28a745 2px solid;}
.card.rooms > .card-body img {border-radius:15px; padding:15px; max-width:100px; margin:10px 0; display:inline-block; background-color:#FFF;}
.card.rooms > .typ {
    color: #FFF;
    position: absolute;
    top: -10px;
    font-size: 16px !important;
    font-weight: 500;
    right: -2px;
    padding: 2px 14px;
    font-size: 12px;
    background-color: #28a745;
    border-radius: 15px;
}

.card.rooms.booked {background-color:#e8b8b8; color:#dc3545; border:#dc3545 2px solid; color:#353639;}
.card.rooms.booked > .typ {background-color:#dc3545;}

.hover-row       {position:relative; padding:0.75rem 0; border-bottom:1px solid #dee2e6;}
.hover-row .icons{margin:0; padding:0; list-style:none; position:absolute; top:12px; right:5px; display:none;}
.hover-row .icons > li {display:inline-block; padding:5px 10px;}
.hover-row .icons > li > a {display:block; text-align:center;}
.hover-row .icons > li > a > i {font-size:20px;}
.hover-row:hover .icons{display:block;}
.hover-row .icons > li.dropdown .dropdown-toggle::after {display:none;}
.hover-row .icons > li.dropdown > a.dropdown-toggle {
	box-shadow:0 0.1rem 0.5rem rgba(0,0,0,.2); border-radius:5px; padding:5px 13px; color:#343843;
}
.hover-row .icons > li.dropdown > .dropdown-toggle i {font-size:17px;}
.hover-row .icons > li.dropdown > .dropdown-menu i {width:30px;}
.hover-row .media-body > .badge {position:absolute; top:12px; left:40%;}
.hover-row .media-body p {margin-bottom:0;}

.hover-row .icons > li.dropdown {display:none;}

.hover-row td .icons{top:auto; right:auto; left:auto; text-align:center;}

.icon-circle {border-radius:50%;}

.main_contsnts {padding:30px 0 20px 20px;}

.mobile  {display:none;}
.desktop {}

/*---From Bootstrap--*/

a {
	color:#222261; text-decoration:none;
	-webkit-transition:all 0.3s ease-out;
  	-moz-transition:all 0.3s ease-out;
  	-o-transition:all 0.3s ease-out;
  	transition:all 0.3s ease-out;
}
a:hover, a:focus {text-decoration:underline;}
a:focus          {outline:none;}
.img-center      {display:inline-block; max-width:100%; margin-left:auto; margin-right:auto;}

.badge-pill      {border-radius:50%; font-weight:300;}
.badge-success {background-color:#52b141;}

.dropdown-item {font-weight:300; font-size:14px;}

.form-control {height:calc(2.70rem + 2px);}

.navbar-toggler {
     padding: .25rem .50rem;
    border: 1px solid #FFF;
    position: absolute;
    top: -46px;
    z-index: 9999;
    left: 18px;
    color: #FFF;
}
.navbar-toggler:focus {border:2px solid #FFF; background-color:#FFF; color:#222261;}

h1, h2, h3 {font-weight:500; color:#000;}
h4, h5, h6 {font-weight:600; color:#111;}
h1, .h1 {font-size:30px;}
h2, .h2 {font-size:27px;}
h3, .h3 {font-size:22px;}
h4, .h4 {font-size:20px; text-transform:uppercase;}
h5, .h5 {font-size:18px;}
h6, .h6 {font-size:16px;}

.text-success {color:#52b141 !important;}

hr {
	margin:15px 0;
  	border-top:#e4e4e4 1px solid;
  	border-bottom:#FFF 1px solid;
}

.card {border:none; border-radius:.85rem; box-shadow:0 0.1rem 0.5rem rgba(0,0,0,.07); margin-bottom:30px;}

.text-primary {color:#222261 !important;}

.btn {padding:.375rem 1rem; font-size:0.9rem;}
.btn-success {background-color:#52b141; border-color:#52b141;}
.btn-outline-success {background-color:#edf7ec;}
.btn-outline-danger  {background-color:#ffe8e8;}
.btn-outline-primary {background-color:#e5ecfc;}
.btn-warning {color:#FFF; background-color:#e4c004; border-color:#e4c004;}
.btn-primary {background-color:#222261; border-color:#222261;}
.btn-white {color:#212529; background-color:#fff; border-color:#fff;}
.btn-white:hover {color:#212529; background-color:#e2e6ea; border-color:#dae0e5;}

.btn-light {background-color:#f0f0f0; border-color:#e1e1e1;}
.btn-group-lg>.btn, .btn-lg {border-radius:.5rem; font-size:16px; padding:.6rem 1rem;}

.btn.disabled, .btn:disabled {opacity:0.3;}

.modal                       {z-index:9999;}
.modal-header, .modal-footer {border-color:transparent;}
.modal-footer                {justify-content:center;}
.modal-title                 {text-transform:none;}

.close {font-weight:400; color:#f00;}
.close > span > small {float:right; margin:6px 0 0 4px; font-size:14px;}

label {font-weight:500; color:#000;}
.form-control {font-size:0.9rem; font-weight:300;}
.form-control.grey {background-color:#f0f0f0;}
.custom-select {height:calc(2.65rem + 2px);}

.badge.badge-danger.light  {border-radius:20px; font-weight:300; padding:5px; background-color:#ffe8e8; color:#f83737;}
.badge.badge-success.light {border-radius:20px; font-weight:300; padding:5px; background-color:#edf7ec; color:#52b141;}
.badge.badge-warning.light {border-radius:20px; font-weight:300; padding:5px; background-color:#fcf9e5; color:#ebd24a;}
.badge.badge-primary.light {border-radius:20px; font-weight:300; padding:5px; background-color:#e5ecfc; color:#0443e4;}

.dropdown-toggle::after {
	border-top:0.4em solid; border-right:0.4em solid transparent;
	border-left:0.4em solid transparent; margin-bottom:-4px;
}
.btn-light.dropdown-toggle::after {color:#8a8b8e;}

.custom-control-label::before {width:1.3rem; height:1.3rem; background-color:transparent; border:#d0d0d6 1px solid;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color:#52b141;}
.custom-control-label::after  {width:1.4rem; height:1.3rem; border:none;}

.pagination li:first-child {margin-right:10px !important;}
.pagination li:last-child {margin-left:10px !important;}
.pagination li a {background-color:#e0eede; color:#52b141; border:none;}
.pagination li:first-child a, .pagination li:last-child a {border-radius:0.25rem !important; background-color:transparent; color:#52b141; border:#52b141 1px solid;}
.pagination li a:hover {background-color:#52b141 !important; color:#FFF !important; border-color:#52b141 !important;}
.pagination li.active a {background-color:#52b141 !important; color:#FFF !important; border-color:#52b141 !important;}

.table {font-size:12px;}
.table th, .table td {border-top:none; border-bottom:1px solid #dee2e6;}
.table-hover tbody tr:hover {background-color:rgba(0, 0, 0, 0.03);}
table.dataTable thead th, table.dataTable thead td, table.dataTable tbody td {padding:0.75rem !important;}
.table-bordered th, .table-bordered td {border:1px solid #f3f3f3;}
table.dataTable thead th, table.dataTable thead td {
	border-bottom:2px solid #f3f3f3 !important; font-weight:500 !important;
	color:#222261; font-size:12px !important; white-space:nowrap; padding-right:15px !important;
}
table.dataTable.no-footer {border-bottom-color:#dee2e6 !important;}

.dropdown-menu {box-shadow:0 0.1rem 0.5rem rgba(0,0,0,.2);}

.well {
    min-height:20px; padding:19px; margin-bottom:20px;
    background-color: #f5f5f5; border:1px solid #e3e3e3;
    border-radius:4px; color:#414558;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

@media (max-width:767px) {
	.mobile  {display:block;}
	.desktop {display:none;}
	header {position:relative; height:118px;}
	header .menu > li {margin-left:15px; position:relative;}
	header .logo {width:auto; text-align:left;}
	header .logo img {height:auto; max-width:100%; max-height:50px;}
	header .search { width: 80%;
    float: left;
    margin-top: 25px;
    margin-left: 19%;}
	header .search .form-control {width:100%; height:calc(2.50rem + 2px);}
	header .menu {padding:0; margin:0; position:absolute; top:0; right:20px;}
	header .menu > li {vertical-align:top;}
	h1, .h1 {font-size:22px; padding-bottom:7px;}
	
	.main_contsnts {padding:20px 0;}
	.main_contsnts > .row .btn-block {margin-bottom:25px;}
	.big-buttons {text-align:center !important;}
	.big-buttons .btn {font-size:12px; padding:.375rem .75rem;}
	
	.card-body .col-lg-6 .row > .col-11 {margin-left:30px;}
	
	.card-body.p-5 {padding: 1.30rem !important;}
	
	.hover-row .media-body {padding-right:15px;}
	.hover-row .icons{display:block !important; top:6px; right:0;}
	.hover-row .icons > li {display:none; padding:0; margin:0;}
	.hover-row .icons > li.dropdown {display:inline-block !important;}
	.hover-row .media-body > .badge {position:relative; left:auto; right:auto; top:auto;}
	.hover-row td .icons {position:relative;}	
	
	.pagination li:first-child i, .pagination li:last-child i {display:none;}
	
	.dataTables_length {float:left !important; text-align:left !important;}
	.dataTables_filter {float:right !important; text-align:left !important; margin-top:0 !important; margin-bottom:10px;}
	.dataTables_filter input {width:125px !important;}
}

@media (min-width: 768px) and (max-width: 999px) {
	header .logo {width:24%;}
	header .search {width:40%; float:left;}
	header .search .form-control {width:100%; height:calc(2.50rem + 2px);}
	header .menu > li {vertical-align:top; margin-top:10px;}
	header .search i {font-size:1.5em;}
	.sidebar > .nav > li {padding:10px;}
	.big-buttons .btn {font-size:12px; padding:.375rem .75rem;}
}

@media (min-width: 1000px) and (max-width: 1199px) {
	header .logo {width:13%; margin-right:50px;}
	header .search {width:40%; float:left;}
	header .search .form-control {width:100%; height:calc(2.50rem + 2px);}
	header .menu > li {vertical-align:top; margin-top:10px;}
	header .search i {font-size:1.5em;}
	.sidebar > .nav > li {padding-left:0;}
}