/*font-family: 'Poppins', sans-serif;*/
body { font-family: 'Poppins', sans-serif; font-size: 1rem; line-height: 1; font-weight: 400; color: #434343; }
.text-light { color: #999999 !important; }

/*=== Header ===*/
	.page-header { font-size: 10px; }
	.site-brand { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #8748da; }
/*=== Header End ===*/

/*== Top Section ==*/
	.top-section { 
		background: #b938d3; overflow: hidden;
		background: -moz-linear-gradient(-45deg, #b938d3 0%, #8748da 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, #b938d3), color-stop(100%, #8748da));
		background: -webkit-linear-gradient(-45deg, #b938d3 0%, #8748da 100%);
		background: -ms-linear-gradient(-45deg, #b938d3 0%, #8748da 100%);
		background: linear-gradient(135deg, #b938d3 0%, #8748da 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b938d3', endColorstr='#8748da', GradientType=1 );
	}
	.tab-pane { border-radius: 0 0.4rem 0.4rem; }
	.top-btn { position: relative; display: block; padding: 1.5rem; text-decoration: none; color: #000; font-size: 14px; font-weight: 500; background-color: #efefef; text-transform: uppercase; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
	.top-btn:hover, .top-btn:focus { text-decoration: none; color: #000; }
	.top-btn:hover { background-color: #ddd; }
	.top-btn .ico { width: 60px; margin: 0 auto; }
	.shap-img { position: relative; bottom: -1px; -webkit-transform: scale(1.1); transform: scale(1.1); }
	.top-section .tab-table tr td { padding: 0; position: relative; vertical-align: middle; }
	.top-section .tab-table tr td+td { padding-left: 1rem; }
/*== Top Section End ==*/

/*== Button ==*/
	.btn-epsil { width: 36px; height: 36px; background-color: #ff0048; }
	.btn-epsil:hover { background-color: #e30745; }
/*== Button End ==*/

/*== Form ==*/
	.gj-datepicker-bootstrap [role=right-icon] button { padding: 0; min-height: 40px; }
	.gj-picker { font-size: 14px; }
	.gj-picker .table th, .gj-picker table td { padding: 0; }
/*== Form End ==*/

/*== Other style ==*/
	.mb-05 { margin-bottom: 0.5rem !important; }
	.page-footer { font-size: 0.8rem; }
	.list-btn { list-style: none; margin: 0; padding: 0; }
	.list-btn li { float: left; width: 110px; height: 60px; margin-right: 1px; margin-bottom: 1px; }
	.list-btn li a { display: block; padding: 0; line-height: 60px; border: none; height: 60px; text-align: center; }
	.list-btn li a .txt { line-height: 14px; font-size: 12px; display: table-cell; vertical-align: middle; width: 60px; height: 60px; }
	.list-btn li a:focus { box-shadow: none !important; }
	.table th, .table td { padding: 0.5rem 0.4rem !important; font-weight: 600; font-size: 11px; }
	.viewimg { padding: 0.5rem; }
	.table tr td.p-0 { padding: 0 !important; }
/*== Other style End ==*/

@media (max-width: 575px) {
	body { font-size: 14px; }
	.custom-select, .form-control { font-size: 14px; }
	h1 { font-size: 25px; }
	.mb-xs-05 { margin-bottom: 5px; }
	.pl-xs-7 { padding-left: 7px; }
	.pr-xs-7 { padding-right: 7px; }
	.nav-tabs .nav-link { font-size: 0.7rem; padding: 0.5rem 0.6rem; font-weight: 400; }
	.top-btn { font-size: 0.7rem; padding: 0.5rem; }
	.top-btn .ico { width: 59px; height: 34px; }
	.top-btn .ico img { height: 30px; }
	.shap-img { bottom: -4px; }
	.list-btn li { width: 24.5%; }
	.list-btn li a .txt { display: block; width: 100%; padding-top: 0.4rem; }
	.custom-control-inline { display: block; text-align: left; }
	.btn-full { padding: 0.4rem 0.25rem; font-size: 13px; }
}

@media (max-width: 450px) {
	#guesthcekinTab .nav-link { font-size: 0.6rem; padding: 0.5rem 0.25rem; } 
}

@media (min-width: 992px) {
	.col-lg-20 { max-width: 20%; }
	.top-btn .ico { width: 60px; }.top-btn .ico { width: 40px; }
}

@media (min-width: 1200px) {
	.top-btn .ico { width: 60px; }
}

#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.box-shadow {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.28);
}