/*! Adminis Framework | (c) 2019 Di Stasio Pasquale */

html{
	height: 100%;
}
body{
	height: 100%;
	background:#2a3d50;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	overflow-y:hidden;
	font-family: 'Open Sans', sans-serif;
}
body.aauth{
	background:#f0eff5;
}

input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}
/*
select{
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50% #fff !important;
	-moz-appearance: none !important; 
	-webkit-appearance: none !important; 
	appearance: none !important;	
}
*/
/** **/

button{
	outline:0 !important;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}

.padding{
	padding:15px;
}
.w100{
	width: 100%;
}
.w80px{
	width: 80px;
}
.sep5{
	clear: both;
	height: 5px;
}
.sep10{
	clear: both;
	height: 10px;
}
.sep15{
	clear: both;
	height: 15px;
}
.sep30{
	clear: both;
	height: 30px;
}
.sepx{
	height: 1px;
	background-color: #e6e6e6;
}
.sepx2{
	height: 1px;
	margin: 8px 0;
	background-color: rgb(255 255 255 / 25%);
}
.dnone{
	display: none;
}
.flex-group{
	display: flex;
	padding-left: 1px;
}
.flex-group > *{
	margin-left: -1px;
}
.flex-group .form-control:focus{
	position: relative;
}
.flex-group-1{
	flex: 1;
	min-width: 10px;
}
.dflex{
	display: flex;
}
.dflexc{
	display: flex;
	align-items: center;
}
.dflexwrap{
	display: flex;
	flex-wrap:wrap;
}
.dflexcwrap{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
}
.dflex1{
	flex: 1;
}
.mb0{
	margin-bottom: 0;
}
.mt10{
	margin-top: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml30{
	margin-left: 30px;
}
.mr15{
	margin-right:15px;
}
.nowrap{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prel{
	position: relative;
}
.tx1{
	border-radius: 3px;
	font-size: 13px;
}
.tx2{
	font-size: 1.2em;
	font-weight: bold;
}
.tx3{
	font-size: .95em;
	opacity: .8;
}
.tx4{
	color: #666;
}
.tx5{
	color: #888;
	font-size: 13.5px;
}
.tx6{
	display: inline;
	padding:1px 3px;
	font-size: 13px;
	line-height: 1;
	color: #ffffff;
	white-space: nowrap;
	border-radius: 3px;
}
.tx7{
	color: #888;
}
.cc1{
	color: #bf7900;
}
.ln1{
	color: inherit;
	text-decoration: underline;
}
.ln1:hover,.ln1:focus{
	color: inherit;
}
.dd-sep{
	height: 1px;
	background-color: #ddd;
	margin: 10px -10px;
}
.h-auto{
	height: auto !important;
}
.dd-menu-list{
	margin-left: -9px;
}
.dd-menu-list-svg1,
.dd-menu-list-svg2{
	position: absolute;
	right: -14px;
	margin-top: -10px;
	top:50%;
	z-index: 1;
}
.dd-menu-list-svg2{
	right: -13px;
}
.ico1{
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	color: #666;
}
.ico2{
	color: #666;
	max-width: 16px;
	width: 16px;
}
.ico3{
	float: left;
	margin-right: 5px;
}
.ico4{
	margin-left: 4px;
}

/** loader **/

.loader-overlay{left:0px;top:0px;bottom:0px;right:0px;position:fixed;z-index:9950;cursor:wait;display:none;}
/*
.loader-image{background:url('../images/ajax-loader.gif') center center no-repeat black;width:44px;height:44px;position:fixed;left:50%;top:50%;margin-left:-22px;margin-top:-22px;z-index:912;border-radius:22px;opacity:0.4;filter: Alpha(Opacity=40);cursor:wait;display:none;}
*/
#progress-loader{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 10px;
	z-index: 9;
	display: none;
	background: transparent;
}
#progress-loader.visible{
	display: block;
}
#progress-loader.visible .progress-bar{
	animation: 3s linear infinite running progress-slidein;;
}

@keyframes progress-slidein {
  from { width:0; }
  to   { width:100%; }
}

/** alerts **/

.alert2,
.alert{
	position:fixed;
	z-index:9910;
	padding:15px 15px 0 15px;
	min-width:350px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	left:50%;
	transform: translateX(-50%);
	max-height: 80vh;
    overflow: auto;
}
.alert-dismissable .close{
	right:auto;
}
.alert2 .close,
.alert .close {
	margin-left: 5px;
}
.alert2 > div,
.alert > div {
	margin:0 0 15px 0;
}




/** login **/

#adminis-login-wrap{
	overflow: auto;
	display: flex;
	align-items: start;
	justify-content: safe center;
	margin-top: -44px;
	height: 100vh;
}

#adminis-login{
	width:350px;
	padding:10px;
}
#adminis-login .title{
	background: rgba(0,0,0,0.1);
	padding: 15px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.8);
	border-radius: 3px 3px 0 0;
}
#adminis-login .login-container{
	background: #fff;
	padding:20px;
	box-shadow: 0 0 6px 0 rgba(0,0,0, 0.2);
	border-radius: 0 0 3px 3px;
}
#adminis-login .form-group{
	margin-bottom: 20px;
}
#adminis-login .form-submit{
	margin-top:20px;
}
#adminis-login .remind-label{
	margin-bottom: 0
}
#adminis-login .form-submit .btn{
	width:100%;
}
#adminis-login .form-login-bottom{
	margin-top:20px;
	padding-top:20px;
	border-top: 1px solid #e9e9e9;
}
#adminis-login .c-do-login,
#adminis-login .c-reset-2fa,
#adminis-login .c-forgot-password{
	cursor: pointer;
}
#adminis-login .form-auth-2fa,
#adminis-login .form-reset-2fa,
#adminis-login .form-reset-password,
#adminis-login .form-password-send-code,
#adminis-login .form-password-check-code{
	display: none;
}
#adminis-login .login-footer{
	color: rgba(255,255,255, 0.4);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.3);
	padding: 15px 0;
	text-align: center;
}



/** toolbar **/

#page-toolbar{
	position:relative;
	background:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0, 0.2);
	z-index:2;
	height:44px;
	top:0px;
	left:0px;
	right:0px;
	padding-left:0px;
	padding-right:10px;
}
#page-toolbar.app-mode{
	position: fixed;
	left: auto;
	right: 10px;
	top: 0;
	z-index: 4;
	background-color: #fff;
	height: auto;
	display: none;
}
#page-toolbar .inner-toolbal{
	display: flex;
	height: 100%;
}
#page-toolbar.app-mode .inner-toolbal{
    flex-direction: column;
	height: auto;
}
#page-toolbar .tb{
	padding:0px 15px;
	cursor:pointer;
	height:100%;
	color:#555;
	display: flex;
	align-items: center;
	text-decoration: none;
}
#page-toolbar .tb:hover{
	background:#eee;
}
#page-toolbar .tb-icon{
	font-size: 18px;
	max-width: 15px;
	max-height: 15px;
	margin-top: -1px;
}
#page-toolbar .tb-label{
	margin-left: 10px;
}
#page-toolbar.app-mode .tb{
	padding: 10px 15px;
}

#appsearch{
	height: 100%;
}
#appsearch .dropdown-menu{
	margin: 0;
	padding:0;
}
#appsearch .dropdown-menu > li{
	position: relative;
}
#appsearch form{
	padding:15px;
}
#appsearch .form-control{
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none;
	width: 400px;
	outline: none;
	padding: 10px 30px 10px 10px;
	font-size: 1.2em;	
}
#appsearch .btn-remove-search{
	display: none;
	position: absolute;
	right: 15px;
	top: 20px;
	background: transparent;
	border: none;
	color: #999;
}
#appsearch .btn-remove-search:hover{
	color: #333;
}

#appsearch .results-container{
	margin-top: 20px;
	margin-bottom: 0px;
	max-height: 500px;
	overflow: auto;
	display: none;
}
#appsearch .result-title{
	font-weight: bold;
	padding: 15px 5px 5px 5px;
	font-size: 1.2em;
}
#appsearch .result-item{
	padding: 8px;
	cursor: pointer;
}
#appsearch .result-item.hover{
	background: #428bca;
	color: #fff;
}



/** page sidebar **/

#page-sidebar {
	position:fixed;
	z-index:10;
	left:-210px;
	top:0px;
	width:210px;
	bottom:0px;
	-webkit-transition: left 300ms ease;
	-moz-transition: left 300ms ease;
	transition: left 300ms ease;
	background:#2a3d50;
	overflow-y:auto; 
}
#page-sidebar.app-mode{
	transition: right 300ms ease;
	right:-210px;
	left: auto;
}
#page-sidebar .admin{
	padding-top: 15px;
	padding-bottom: 10px;
    background: rgba(0,0,0,.15);
}
#page-sidebar .admin img{
	height: 40px;
	border-radius: 30px;
	display: block;
	margin: 0px auto 10px auto;
	cursor: pointer;
}
#page-sidebar .admin div{
	margin:0px 10px;
	text-align: center;
	color: rgba(255,255,255,.3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}


/** menu **/ 


#menu-container ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu-container li.sep{
	background: rgba(255,255,255,.15);
	margin:5px 10px;
	height: 1px;
}
#menu-container .menu-item{
	display:block;
	color: #bec3c8;
	text-decoration:none;
	cursor: pointer;
	padding:8px 15px 8px 15px;
}
#menu-container .menu-item:hover,
#menu-container .menu-item:active{
	background-color: #536073;
}
#menu-container .sub-menu .menu-item{
	padding-left: 20px;
}
#menu-container .menu-highlighted{
	border-left: 5px solid rgb(255 255 255 / 30%);
	padding-left: 10px !important;
}
#menu-container .sub-menu .menu-highlighted{
	padding-left: 15px !important;
}
#menu-container .menu-icon{
	margin-right:10px;
	width:18px;
	height:18px;
	float: left;
}
#menu-container .menu-icon > img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}

#menu-container .main-menu > li > .menu-item{
	overflow: hidden;
}
#menu-container .open-icon{
	float:right;
	margin-top:5px;
	-webkit-transition: -webkit-transform 100ms ease;
	-moz-transition: -moz-transform 100ms ease;
	transition: transform 100ms ease;
}
#menu-container .open .open-icon{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
#menu-container .open{
	background: rgba(255,255,255,.1);
}
#menu-container .sub-menu{
	display:none;
}

/** page contents  **/

#page-container{
	height: 100%;
	-webkit-transition: margin-left 300ms ease;
	-moz-transition: margin-left 300ms ease;
	transition: margin-left 300ms ease;
	position: relative;
}
#page-contents{
	position:relative;
	height: 100%;
}



/** dashboard **/

.dashboard-summary{
	padding:7.5px;
	margin:0 0;
	list-style: none;
}
.dashboard-summary > li{
	text-align: center;
	padding:7.5px;
}
.dashboard-summary-item{
	background-color: #f6f6f6;
	display: block;
	padding: 15px;
	color: #555;
	text-align: center;
}
.dashboard-summary-item .num{
	display: block;
	font-size: 30px;
	font-weight: bold;
}
.dashboard-summary-item .text{
	font-size: 16px;
}

#dashboard-menu{
	padding:0 0 15px 0;
	margin:0px;
	list-style: none;
}
#dashboard-menu .item{
	background-color: #f6f6f6;
	display: block;
	padding:15px;
	color:#555;
	margin-top:15px;
}
#dashboard-menu .menu-icon > img{
	width: 32px;
	height: 32px;
}
#dashboard-menu .menu-label{
	margin-left: 10px;
	color:#394958;
}
#dashboard-menu ul{
	padding:0px;
	margin:10px 0 0 0;
	list-style: none;
	background-color: #f6f6f6;
}
#dashboard-menu ul > li{
	padding-top:5px;
}
#dashboard-menu .submenu-label{
	color:#394958cc;
}
.dashboard-msg-close{
	float: right;
	color: #ccc;
	cursor: pointer;
}

/** block **/

.overlay-area{
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0,.6);
}
.block-zindex-1{
	padding:0;
}
.block-zindex-2{
	padding:15px;
}
.block-zindex-3{
	padding:20px 15px 15px 15px;
}
.block-zindex-4{
	padding:25px 15px 15px 15px;
}
.block-zindex-5{
	padding:30px 15px 15px 15px;
}
.block-zindex-6{
	padding:35px 15px 15px 15px;
}
.block-zindex-7{
	padding:40px 15px 15px 15px;
}
.block-zindex-8{
	padding:45px 15px 15px 15px;
}

.block-scroll{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	overflow-y:scroll; 
	z-index: 3;
}
.block-wrapper-modal{
	margin-left:auto !important;
	margin-right:auto !important;
	max-width: 1150px;
}
.block-wrapper-in{
	background: #fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
	border-radius: 3px;
}
.block-wrapper-modal .block-wrapper-in{
	background: #fff;
	box-shadow: 0 1px 15px rgb(0 0 0 / 30%);
}
.block-title{
	border-bottom: 1px solid #d9d9d9;
	padding: 15px;
	border-radius: 3px 3px 0 0;
}
.block-wrapper-modal .block-title{
	padding-right:30px;
}
.block-title h2{
	margin:0px;
	font-size:1.3em;
}
.block-title h4{
	margin:10px 0 0 0;
	font-size:.96em;
	color: #666;
}
.modal-close-container{
	position: sticky;
	top: 5px;
	float: right;
	margin-right: -15px;
	margin-top: -15px;
	z-index: 3;
}
.modal-close-ico{
	font-size: 16px;
	cursor: pointer;
	color: #999;
	width: 30px;
	height: 30px;
	background: #fff;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
}
.modal-close-ico:hover{
	color: #333;
}

.modal-confirm-title{
	font-size: 1.25em;
}
.modal-confirm-body{
	padding:15px;
	max-width: 600px;
}
.modal-confirm-ico-sm{
	font-size:40px;
	line-height:40px;
	display: table-cell;
	padding-right:15px;
}
.modal-confirm-ico{
	font-size:60px;
	line-height:60px;
	display: table-cell;
	padding-right:30px;
}
.modal-confirm-ico-sm .ico-error,
.modal-confirm-ico .ico-error{
	color:#d9534f;
}
.modal-confirm-ico-sm .ico-warning,
.modal-confirm-ico .ico-warning{
	color:#f0ad4e;
}
.modal-confirm-ico-sm .ico-info,
.modal-confirm-ico .ico-info{
	color:#cccccc;
}
.modal-confirm-text{
	display: table-cell;
	vertical-align: middle;
}


/** pagination **/

.pagination{
	margin:0 0 0 15px;
}
.pagination li > span{
	padding:0px;
	border:none;
	margin-left: 2px;
	margin-right: 2px;
}
.pagination li > span .form-control{
	text-align:center;
	width:40px;
	padding-left:2px;
	padding-right:2px;
	position: relative;
	z-index: 1;
	color: #666;
}
.pagination li > a:hover,
.pagination li > a:focus,
.pagination li > a{
	color: #333;
	padding:0 12px;
	border:none;
	line-height: 36px;
	margin-left: 0;
}


/** datalist **/

.datalist-table-container{
	overflow-x: auto;
}
.datalist-info{
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
}
.datalist-info-item{
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	display: block;
	padding: 15px;
	color: #555;
	text-align: center;
}
.datalist-info-value{
	display: block;
	font-size: 1.6em;
	font-weight: bold;
}
.datalist-info-label{
	display: block;
	margin-top: 5px;
}

.datalist-tabs{
	margin-bottom: 15px;
	padding-left:30px;
}
.datalist-tabs a{
	outline:0;
	color: #555;
	padding:8px 15px !important;
}
.datalist-tabs .active a{
	border-top-color: #428bca !important;
}
.datalist-info-records{
	margin-bottom: 10px;
	font-size: 13.5px;
}
.datalist-search .btn-show-advsearch.is-active{
    background: #3071a9;
    color: #fff;
    border-color: #3071a9;
}
.datalist-search .btn-remove-search{
	position: absolute;
	padding: 8px 10px;
	background: transparent;
	border: none;
	top: 1px;
	right: 31px;
	z-index: 3;
	font-size: 13px;
	color: #999;
}
.datalist-search .btn-remove-search:hover{
	color: #333;
}
.datalist-search .search-input.padd-r{
	padding-right: 26px;
}

.datalist-advsearch-table{
	margin-bottom: 0;
}

.datalist-advsearch-table td{
	padding: 15px !important;
}
.datalist-advsearch-table tr:first-child td{
	border-top:none !important;
}
.datalist-advsearch-table .btns{
	padding-left: 0 !important;
}
.datalist-advsearch .btn-date{
	position: relative;
	z-index: 3;
	margin-left: -39px;
}
.datalist-advsearch .advsearch-value.i-btn{
	padding-right: 49px;
}
.datalist-advsearch .advsearch-save-cell{
	background: #f9f9f9;
}
.datalist-advsearch .advsearch-save-container{
	display: table;
	float: right;
}
.datalist-advsearch .advsearch-save-label{
	display: table-cell;
	font-weight: normal;
}
.datalist-advsearch .advsearch-save-cb{
	float: left;
}
.datalist-advsearch .advsearch-save-name{
	display: table-cell;
	display: none;
	width: 250px;
	margin-left: 15px;
}
.datalist-advsearch .advsearch-saved-fieldset{
	border: 1px solid #ddd;
	margin: 5px 0 0 0;
	padding: 15px;
}
.datalist-advsearch .advsearch-saved-fieldset > legend{
	color: #666;
	border-bottom: none;
	font-size: inherit;
	margin-bottom: 0;
	width: auto;
	padding: 0 5px;
}
.datalist-advsearch .advsearch-saved-list{
	margin-top: -10px;
}
.datalist-advsearch .advsearch-saved-list > div{
	margin-top: 10px;
}
.datalist-advsearch .advsearch-saved-item-name{
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}
.datalist-advsearch .advsearch-saved-item-name:hover{
	color: #428bca;
}
.datalist-filters-container{
	padding:0;
}
.datalist-filters{
	border-collapse: separate;
	border-spacing: 15px;
	min-width: 340px;
}
.datalist-filters-label{
	font-weight: bold;
	max-width: 130px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.datalist-filters-input input + input{
	margin-left: -1px;
}
.datalist-filters-input input:focus{
	z-index: 1;
}
.datalist-filters-input .input-group-btn{
	width: auto;
}
/*
.datalist-filters-input .clear{
	margin-left: -25px;
	height: 36px;
	line-height: 36px;
	min-width: 25px;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	color: #999;
	z-index: 1;
	display: none;
}
.datalist-filters-input input.notempty + .clear{
	display: block;
}
*/
.datalist-filters-btn{
	text-align: center;
	padding: 15px;
	background:#f9f9f9;
	border-top:1px solid #e9e9e9;
}

.datalist-tb{
	margin-left: -10px;
	display: flex;
}
.datalist-tb .btn{
	margin-left: 10px;
}
.datalist-tb .btn > img{
	width: 16px;
	height: 16px;
}

.datalist-tb .dropdown-popup{
	padding:10px;
	min-width: 200px;
}

.datalist-table{
	border-bottom: 1px solid #ddd;
	margin-bottom:0;
}
.datalist-table th{
	white-space: nowrap;
}
.datalist-table .datalist-hbtns{
	text-align: right;
	position: sticky;
	background-color: #fff;
	right: 0;
}
.datalist-table .col-counter{
	width: 1%;
}
.datalist-table > thead .sort{
	cursor:pointer;
}
.datalist-table > thead .sort:hover{
	border-bottom-color:#7cb2da;
}
.datalist-table > thead .sort span{
	color:#bbb;
	margin-left:5px;
}
.datalist-table > thead .sort .sorted{
	color:#555;
}
.datalist-table > tbody > tr:hover td{
	background: #f3f3f3;
}
.datalist-table tr.editable td{
	cursor:pointer;
}
.datalist-table tr.hover-del td{
	background-color:rgb(243 233 234) !important;
}
.datalist-table .bool-field-no{
	color: #ccc;
}
.datalist-table .bool-field-yes{
	color:#5cb85c;
}
.datalist-table .datalist-btns{
	white-space:nowrap;
	width: 1%;
	cursor: inherit !important;
	text-align: right;
	padding-left: 5px;
	position: sticky;
	right: 0;
	background-color: #fff;
}
.datalist-btns-sticky .datalist-btns:after{
	content: "";
	position: absolute;
	top:-1px;
	bottom: 0;
	left: 0;
	width: 10px;
	box-shadow: -5px 0 8px rgb(0 0 0 / 10%);
}
.datalist-table .rbtn{
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	padding: 0;
	margin-left: 5px;
	font-size: 16px;
}
.datalist-table .rbtn img{
	width: 18px;
	height: 18px;
	margin:2px 0 0 2px;
	display: block;
}
.datalist-btn-inline{
	float:left;
	margin-right: 5px;
}
.datalist-table .dropdown-menu{
	top: 0;
	margin-right: 25px;
}
.datalist-table .position-dropdown{
	display: inline-block;
}
.datalist-table .item-multiple-delete > .cb-delete{
	display: none;
}
.datalist-table .item-multiple-delete > i{
	color: #ddd;
	font-size: 14px;
}
.datalist-table .item-multiple-delete > .cb-delete:checked + i{
	color: #555;
}
.datalist-rpp-container select{
	width:auto;
	display:inline-block;
	margin-left:5px;
}
.datalist .row-group{
	font-weight: bold;
	cursor: pointer;
	background: #f0f0f0;
	border-top: 2px solid #ddd;
}
.datalist .row-group:hover{
	background:#e9e9e9;
}
.datalist-row-locked td{
	pointer-events: none;
	background-color: #fff4f0 !important;
	opacity: .8;
}
.datalist-row-locked .datalist-btns *{
	display: none;
}
.top-scroll{
	overflow-x: auto;
	overflow-y:hidden;
	position: sticky;
	bottom: 0;
	z-index: 3;
}
.top-scroll-in{
	height:1px;
}

/** dataform **/

.dataform .input-group .btn{
	border-radius: 0;
}
.dataform .fieldgroup{
	background: #f9f9f9;
	border-left: 1px solid #428bca;
	border-right: 1px solid #428bca;
	margin-bottom:25px;
	padding:20px 0 0 0;
}
.dataform .fieldgroup-unstyled{
	border: none;
	background: none;
	padding: 0 !important;
	margin: 0 -15px;
}
.dataform .fieldgroup-title{
	padding: 0 15px 10px 15px;
	display: inline-block
}
.dataform .fieldgroup-title > h3{
	font-size: 1.05em;
	font-weight: bold;
	color: #2e6ca3;
}
.dataform .fieldgroup-title > h4{
	font-size: .96em;
	color: #666;
	margin-top: 5px;
	line-height: 18px;
}
.dataform .fieldgroup-relform{
	background: none;
	border:none;
	padding:0 !important;
	margin-bottom: 0;
}
.dataform .label-req{
	color: #a00;
}
.dataform .fieldgroup-relform > .form-group{
	padding: 0;
	margin-bottom: 0;
}
.dataform .lbl-info{
	color: #999;
}

.dataform .input-append-next-container{
	width:100%;
}
.dataform .input-append-next-container > input:focus,
.dataform .input-append-next-container > select:focus{
	z-index: 3;
}
.dataform .input-append-next{
	display: table-cell;
	vertical-align: bottom;
	min-width: 85px;
}
.dataform .input-append-next:last-child input,
.dataform .input-append-next:last-child select,
.dataform .input-append-next:last-child .select2-container,
.dataform .input-append-next:last-child .formswitch,
.dataform .input-append-next:last-child textarea{
	margin-left:-1px;
}

.dataform .input-group-flex{
	display: flex;
}
.dataform .input-group-flex > .input-group-addon{
	width: auto;
	display: flex;
	align-items: center;
}
.dataform .input-group-flex > .input-group-max{
	flex: 1;
	min-width: 0;
}
.dataform .input-group-flex > .input-group-btn{
	width: auto;
}

.dataform .view-container{
	margin: 0 -15px -25px -15px;
	overflow: hidden;
}
.dataform .view-title{
	margin: 0 -15px 30px -15px;
	padding: 15px 30px;
	background: #f3f3f3;
	font-weight: bold;
}
.dataform .checkbox-list{
	margin-top:-20px;
}
.dataform .checkbox-list .checkbox{
	margin-top: 20px;
	margin-bottom: 0;
}
.dataform-ctrl-ico{
	margin-right: 5px;
	max-width: 15px;
	max-height: 15px;
	margin-top: -1px;
}
.dataform .form-footer{
	position: sticky;
	bottom: 0;
	z-index: 3;
	background: #fff;
	padding: 10px 0;
	margin-top: -15px;
	margin-bottom: -10px;	
}
.dataform .form-footer.is-sticky{
	box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
.dataform .form-footer .btn{
	margin-top: 5px;
}
.input-append-checkbox{
	display: table-cell;
	vertical-align: middle;
	height: 36px;
	padding-left: 10px;
	margin-top:-1px;
	order: 5;
}
.input-append-checkbox label{
	margin-bottom: 0;
	font-weight: normal;
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 36px;
}
.input-append-checkbox-elem{
	position: absolute;
	visibility: hidden;
}
.input-append-checkbox-checkmark {
	position: relative;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.input-append-checkbox-elem:checked ~ .input-append-checkbox-checkmark {
	background-color: #428bca;
	border: none;
}
.input-append-checkbox-elem:disabled ~ .input-append-checkbox-checkmark {
	background-color: #eee;
}
.input-append-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.input-append-checkbox-elem:checked ~ .input-append-checkbox-checkmark:after {
 	 display: block;
}
/*
.input-toggle-wrap {
    position: relative;
	height: 36px;
	display: table-cell;
	width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-toggle-wrap > label{
	margin-bottom: 0;
	float: left;
}
.input-toggle{
	position: absolute;
	visibility: hidden;
}
.input-toggle-checkmark {
    display: block;
    width: 48px;
    height: 21px;
    border-radius: 15px;
    border: 1px solid #ddd;
    background-color: #eee;
    transition: border-color 250ms ease, background-color 250ms ease;
    box-shadow: inset 0 0 2px 1px rgb(0 0 0 / 10%);
}
.input-toggle-checkmark > span {
    width: 26px;
    height: 26px;
    border-radius: 26px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    display: block;
    margin-top: -4px;
    transition: margin-left 250ms ease;
    background: #fff;
}
.input-toggle:checked + .input-toggle-checkmark {
    background-color: #428bca;
    border-color: #428bca;
}
.input-toggle:checked + .input-toggle-checkmark > span {
    margin-left: 22px;
}
*/

/** tabs **/

.fieldgroup-nav{
	margin-left: 20px;
	border:none;
}
.fieldgroup-nav a,
.fieldgroup-nav a:focus{
	outline: none;
	color: #666 !important;
	font-size: 1.05em;
	font-weight: bold;
	border:none !important;
}
.fieldgroup-nav a:hover{
	border-color: transparent !important;
	background: #f9f9f9 !important;
}
.fieldgroup-nav .active a{
	background: #f9f9f9 !important;
	border-top: 1px solid #428bca !important;
	border-bottom: none;
	color: #2e6ca3 !important;
}

.form-nav{
	margin-bottom: 30px;
	border-bottom: 1px solid #d9d9d9;
}

.form-nav a,
.form-nav a:focus{
	outline: none;
	color: #666 !important;
	font-size: 1.05em;
	font-weight: bold;
	border:none !important;
}
.form-nav a:hover{
	border-color: transparent !important;
	background: #f9f9f9 !important;
}
.form-nav .active a{
	border: none;
	border-bottom: 1px solid #428bca !important;
	color: #2e6ca3 !important;
}

/** coords **/

.coords-container{
	position: absolute;
	left: 15px;
	right: 15px;
	z-index: 4;
	background: #fff;
	padding: 15px 15px 15px 0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.coords-map-wrapper{
	overflow:hidden;
	height:450px;
	margin-top: 15px;
}
.coords-container > div{
	padding-right: 0;
}

/** formswitch **/

.formswitch{
	width:120px;
	overflow:hidden;
	cursor:pointer;
	background-color: rgb(233, 234, 237);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.498039));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.498039));
	border:1px solid #ccc;
	height:36px;
	padding: 4px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formswitch.disabled{
	opacity: .7;
	pointer-events: none;
}
.formswitch.formswitch-focus{
	border-color: #9fc7e5;
	box-shadow: 0 0 0 3px #d0e3f2;
	z-index: 3;
	position: relative;
}
.formswitch input[type="checkbox"]{
	position:absolute;
	left:-9999px;
}
.formswitch-wrapper{
	width:151%;
}
.formswitch-wrapper.anim{
	transition-delay:0s;
	transition-duration:0.2s;
	transition-property:margin-left;
	transition-timing-function:ease;
}
.formswitch-off .formswitch-wrapper{
	margin-left:-50%;
}
.formswitch-true,
.formswitch-false{
	width:33.3333%;
	float:left;
	line-height:26px;
	text-align:center;
	color:#999;
}
.formswitch-true{
	color:#428bca;
}
.formswitch-empty{
	width:33.3333%;
	height:26px;
	float:left;
	border:1px solid #ccc;
	background-color: rgb(246, 247, 248);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.901961), rgba(255, 255, 255, 0));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.901961), rgba(255, 255, 255, 0));
}
.formswitch.disabled .formswitch-empty{
	background-color: rgb(236, 237, 238);
	background-image: none;
	background-image: none;
}

/** radio group **/

.radio-group{
	margin-top: -5px;
	padding-left: 1px;
	display: flex;
	flex-wrap: wrap;
}
.radio-group > label{
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 5px;
	margin-left: -1px;
	display: block;
	position: relative;
	width: auto !important;
	cursor: pointer;
}
.radio-group.disabled > label{
	background-color: #eee;
	opacity: .65;
	cursor: default;
}
.radio-group > .input-append-checkbox{
	margin-top: 5px;
}
.radio-group input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
.radio-group .checkmark {
	height: 18px;
	width: 18px;
	background-color: #e3e3e3;
	border-radius: 18px;
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	position: relative;
}
.radio-group input:checked ~ .checkmark {
	background-color: #428bca;
}
.radio-group .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: #fff;
}
.radio-group input:checked ~ .checkmark:after {
	display: block;
}


/** htmlarea **/

.htmlarea-container {
	height:auto;
	padding:0px;
	position:relative;
}
.htmlarea-container.htmlarea-focus{
	outline: 0;
	border-color: #9fc7e5;
	box-shadow: 0 0 0 3px #d0e3f2;
}
.htmlarea-toolbar {
	background: #f3f3f3;
	border-bottom: 1px solid #cccccc;
	padding:0px 5px 5px 5px;
}
.htmlarea-toolbar > .btn-group{
	margin-top:5px;
}
.htmlarea-toolbar > .btn-group .caret{
	margin-left:5px;
}
.htmlarea-toolbar button[disabled] {
	opacity: .4;
}
.htmlarea-editor {
	border-top:1px solid #ccc;
}
.htmlarea-container.htmlarea-maximized{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:99;
}
.htmlarea-container iframe{
	height: 400px;
}
.htmlarea-container textarea.inline-source{
	padding:7px 10px;
	border:none;
	outline:0;
	resize:none;
	position:absolute;
	width:100%;
	background: #fff;
	font-family: monospace;
}
.htmlarea-container .ha-panel{
	padding:5px;
	z-index: 2;
}
.htmlarea-container .ha-form{
	padding:10px;
	width:300px;
}
.htmlarea-container .ha-panel-header{
	width:200px;
}
.htmlarea-container .ha-form-group{
	margin:0 0 15px 0;
}
.htmlarea-container .ha-form-btns{
	margin-top: 15px;
	border-top: 1px solid #d9d9d9;
	padding-top: 15px;
}
.htmlarea-container .ha-form-btns .btn{
	outline: none;
}

.htmlarea-container .ha-panel-colorpicker{
	width: 172px;
}
.htmlarea-container .ha-panel-colorpicker .color-none,
.htmlarea-container .ha-panel-colorpicker .item-color{
	width:16px;
	height:16px;
	float: left;
	margin:2px;
	cursor:pointer;
}
.htmlarea-container .ha-panel-colorpicker .color-none{
	font-weight: bold;
	font-size:16px;
	line-height: 14px;
	text-align: center;
}
.htmlarea-container .ha-new-table-container{
	position:relative;
	font-size:18px;
	width:180px;
	height:180px;
	overflow: hidden;
}
.htmlarea-container .ha-table-unhighlighted{
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.htmlarea-container .ha-table-highlighted{
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	cursor:pointer;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.htmlarea-container .link-href-mode,
.htmlarea-container .video-src-mode{
	margin-top: 0px;
}
.htmlarea-container .link-href-mode label,
.htmlarea-container .video-src-mode label{
	margin-bottom:5px;
}

.htmlarea-container .ls-item{
	padding:10px;
	cursor: pointer;
}
.htmlarea-container .ls-item:hover{
	background: #e9e9e9;
}
.htmlarea-resize{
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -20px;
    width: 40px;
    height: 11px;
	background-color: #f3f3f3;
	border:1px solid #e3e3e3;
    line-height: 2px;
    text-align: center;
    border-radius: 3px;
    color: #666;
	cursor: ns-resize;
}

/** multivalue **/

.multivalue .input-group{
	margin-bottom:8px;
}
.multivalue .input-group:last-of-type{
	margin-bottom:0px;
}

/** multicheckbox **/

.multicheckbox-label{
	display: block;
	padding: 5px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}
.multicheckbox-label:hover{
	background-color: #eee;
}
.multicheckbox-label > input{
	float: left;
	margin-right: 7px;
}
.multicheckbox .dropdown-menu{
	width: 100%;
}
.multicheckbox button{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px;
}
.multicheckbox-caret{
	position: absolute;
	right: 10px;
	top: 12px;
	color: #666;
}
.multicheckbox-text{
	height: auto;
	min-height: 36px;
	cursor: default;
    padding: 0 25px 0 5px;
}
.multicheckbox-item-selected{
	background-color: #eee;
	border: 1px solid #ddd;
	cursor: default;
	float: left;
	margin: 5px 5px 0 0;
	padding: 0 5px;
	line-height: 22px;
}

/** multiselect **/

.multiselect .select2-selection--single{
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none !important;
}
.multiselect .select2-container--focus .select2-selection--single {
	border-color: #9fc7e5;
	box-shadow: none !important;
}

.multiselect-items{
	position: relative;
}
.multiselect-item-placeholder,
.multiselect-item{
	display: flex;
	float: left;
	padding: 2px 2px 2px 7px;
	background: #e6e6e6;
	border: 3px dashed transparent;
	margin: 15px 15px 0 0;
	border-radius: 3px;
}
.multiselect-item > div{
	max-width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.multiselect-position-y .multiselect-item > div{
	cursor: move;
}

.multiselect-item-placeholder{
	background: #348fcb10;
	border:3px dashed #348fcb30;
}
.multiselect-item._isDragged{
	position: absolute;
	z-index: 5;
	border: 3px dashed #348fcb50;
	margin-top: 0;
}
.multiselect-add-item{
	color: #666;
	cursor: pointer;
	outline: none;
	position: absolute;
	right: 15px;
	margin-top: -25px;
}
.multiselect-add-item:hover,
.multiselect-add-item:focus{
	color: #428bca;
}
.multiselect-close{
	width: 20px;
	height: 20px;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	margin-left: 10px;
	border-radius: 10px;
}
.multiselect-close:hover{
	box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
}



/** imgselect **/

.imgselect{
	margin-left: -15px;
}
.imgselect-img{
	max-width: 80px;
	margin-left: 15px;
	padding: 5px;
	border: 5px solid transparent;
}
.imgselect-img:hover{
	border-color: #deeaf7;
}

/** relform **/
.relform-head{
	overflow: hidden;
	padding: 0 15px 20px 15px;
}
.relform-head > .btn{
	outline: none !important;
}
.relform-items-container{
	position: relative;
	padding-bottom: 10px;
}
.relform-sep{
	border-top: 1px dashed #ddd;
	margin-bottom: 20px;
}
.relform .form-group{
	margin-bottom: 20px;
}
.relform-action{
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}
.relform-action .btn{
	border-radius: 20px;
}
.relform-item-wrapper._isDragged{
	position: absolute;
	z-index: 5;
	width: 100%;
	box-shadow:0 0 3px 3px rgb(52 143 203 / 30%);
	margin-top: 0;
    background: #f9f9f9;
}
.relform-item-placeholder{
	background: #348fcb10;
	border:2px dashed #348fcb30;
}

/** timepicker **/

.timepicker{
	display: flex;
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}
.timepicker-hours{
	width: 176px;
	border-right: 1px solid #ddd;
	margin-right: 10px;
	padding-right: 10px;
	overflow: hidden;
}
.timepicker-mins{
	width: 80px;
}
.timepicker-mins > span,
.timepicker-hours > span{
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border-radius: 3px;
}
.timepicker-mins > span:hover,
.timepicker-hours > span:hover{
	background: #d9e8f5;
}
.timepicker-label{
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}
.timepicker-mins > span.selected,
.timepicker-hours > span.selected{
	background: #428bca;
	color: #fff;
}
.timepicker-btn-cancel{
	display: inline-block;
	margin-top: 10px;
}
.timepicker-btn-cancel:hover,
.timepicker-btn-cancel:focus{
	text-decoration: none;
}
/*
.timepicker-btns{
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #ccc;
	background: #f3f3f3;
	margin-bottom: -5px;
}
*/

/** fieldupload **/

.fieldupload-container{
	display: flex;
	border:1px solid #ccc;
	background: #fff;
	position: relative;
}
.fieldupload-name{
	flex: 1;
	display: flex;
	align-items: center;
	min-width: 0;
}
.fieldupload-name > span{
	padding: 7px 5px 7px 10px;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.fieldupload-img{
	flex: 1;
	margin-right: 10px;
	display: flex;
	align-items: center;
	height: 60px;
}
.fieldupload-img > img{
	max-height: 54px;
	margin: 3px;
	max-width: 100%;
}
.fieldupload-img .file-preview{
	cursor: pointer;
}
.fieldupload-container button{
	border: none;
}

.fieldupload-progress{
	position: relative;
	margin-top: -20px;
}
.fieldupload-imagelist {
	min-width: 455px;
	max-height: 60vh;
	overflow: auto;
}
.fieldupload-imagelist-browse{
	text-align: center;
	padding-bottom: 10px;
	margin: 5px 15px 15px 15px;
	border-bottom: 1px solid #ddd;
}
.fieldupload-imagelist-item{
	display: inline-block;
	margin:0 4px 4px 0;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	width: 52px;
	height: 52px;
}
.fieldupload-imagelist-item > img{
	width: 100%;
	height: 100%;
}
.fieldupload-imagelist-item:hover{
	border-color: #428bca;
}
.fieldupload-imagelist .accordion-head{
	padding-bottom: 10px;
}
.fieldupload-imagelist .accordion{
	margin-bottom: 5px;
}

/** image editor **/

.imageeditor .image-container{
	margin: 30px auto 0px auto;
}
.imageeditor .image-container img{
	max-width: 100%;
	max-height: 100%;
}
.imageeditor .form-control[readonly]{
	background: #fff !important;
}
.imageeditor .tab-content{
	margin-top: 30px;
}
.imageeditor .btn-save-crop,
.imageeditor .btn-save-resize{
	margin-left: 15px;
}



/** datachart **/

.datachart-filter-date-cst,
.datachart-filter-date-std{
	text-align: center;
	background-color: #f6f6f6;
	padding: 10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.datachart-filter-date-cst{
	padding-top: 0;
	padding-bottom: 0;
}

.datachart-filter-date-cst > button,
.datachart-filter-date-cst > .input-group{
	max-width: 145px;
	margin: 0 10px 10px 10px;
}

.datachart-filter-date-std span{
	margin: 5px 10px;
	cursor: pointer;
}
.datachart-filter-date-std span.active,
.datachart-filter-date-std span:hover{
		text-decoration: underline;
}
.datachart-totals{
	text-align: center;
	background-color: #f6f6f6;
	padding: 5px 5px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.datachart-totals > span{
	display: block;
	margin: 5px 10px;
}
.datachart-totals > span > b{
	font-size: 1.2em;
}


.accordion{
	margin-bottom: 10px;
}
.accordion-head{
	font-weight: bold;
	margin: 0 15px 0 15px;
	padding: 0 15px 15px 0;
	cursor: pointer;
	color: #428bca;
	display: inline-block;
}
.accordion-head:hover,
.accordion-head.active{
	color: #2e6ca3;
}
.accordion-head > .fa{
	margin-right: 2px;
}
.accordion-head.active .fa{
	transform: rotate(90deg);
}
.accordion-content{
	margin: 0 15px;
}
.accordion .collapse{
	margin-bottom: -10px;
}
/*
.curr-lang{
    cursor: pointer;
    width: 24px;
    height: 18px;
    background: #fff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
	position: relative;
	right: 4px;
	bottom: -35px;
	z-index: 1;
}
.curr-lang > img{
	max-width: 18px;
}
.lang-dd-wrap{
	min-width: auto;
}
.btn-lang{
	display: flex !important;
	padding: 7px 10px !important;
}
.btn-lang > img{
	max-width: 20px;
	margin-right: 10px;
}
*/

#alert-ver-changed {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: #faebcc;
	z-index: 99;
	padding: 15px;
	box-shadow: 0px 2px 3px 0 rgb(0 0 0 / 10%);
	border-top: 1px solid #eee;
	text-align: center;
}

@media (min-width: 576px) {
	.dsminline {
		display: inline !important;
	}
	.dsmblock {
		display: block !important;
	}
}

@media only screen and (max-width: 767px) {
	.dataview > .padding,
	.dataform > .padding{
		padding: 10px 0;
	}
	.dataform .form-group{
   		margin-bottom:20px;
	}
	.dataform .fieldgroup,
	.dataform .relform-head{
		border-right:none;
		border-left:none;
	}
}

@media only screen and (min-width: 768px) {
	::-webkit-scrollbar {
		width: 9px;
		height: 9px;
	}
	::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}
	::-webkit-scrollbar-thumb {
		background: #969da5;
		border: none;
		border-radius: 50px;
	}
	::-webkit-scrollbar-track {
		background: #e0dfe5;
		border: none;
	}
	::-webkit-scrollbar-corner {
		background: transparent;
	}
	.dataform .fieldgroup-title{
		padding-left: 0px;
		padding-right: 0px;
	}
	.dflex-sm{
		display: flex;
	}
	.ml30-sm{
		margin-left: 30px;
	}
	.datalist-search {
		max-width: 300px;
		margin-right: 15px;
	}

	.block-zindex-1{
		padding:15px;
	}
	.block-zindex-2{
		padding:30px;
	}
	.block-zindex-3{
		padding:45px 30px 30px 30px;
	}
	.block-zindex-4{
		padding:60px 30px 30px 30px;
	}
	.block-zindex-5{
		padding:45px 30px 30px 30px;
	}
	.block-zindex-6{
		padding:50px 30px 30px 30px;
	}
	.block-zindex-7{
		padding:55px 30px 30px 30px;
	}
	.block-zindex-8{
		padding:60px 30px 30px 30px;
	}
	.datalist-filters{
		min-width: 460px;
	}
	.dataform .form-footer{
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media only screen and (min-width: 992px) {
	.datalist-advsearch .advsearch-field,
	.datalist-advsearch .advsearch-value,
	.datalist-advsearch .advsearch-mode{
		width:200px;
	}
	.dataform .fieldgroup{
		padding:25px 5px 0 5px;
	}
}

@media only screen and (max-width: 1199px) {
	#page-overlay{
		position: fixed;
		left: -100%;
		top: 0;
		bottom: 0;
		width: 100%;
		background-color: rgba(0,0,0,.6);
		z-index: 9;
		opacity: 0;
		transition: opacity 300ms ease;
	}
	#page-overlay.visible{
		opacity: 1;
		left: 0;
	}
	#page-sidebar{
		box-shadow: 0 0 5px 0 rgba(0,0,0, 0.3);
	}
	.sidebar-toggle #page-sidebar{
		left: 0px;
	}
	.sidebar-toggle #page-sidebar.app-mode{
		right: 0px;
		left: auto;
	}
	#page-toolbar .tb-label{
		display: none;
	}
	#page-toolbar.app-mode .tb-label{
		display: inline-block;
	}
}

@media only screen and (min-width: 1200px) {
	.aauth #page-sidebar{
		left: 0px;
	}
	.aauth #page-container{
		margin-left: 210px;
	}
	.sidebar-toggle #page-sidebar{
		left: -210px;
	}
	.sidebar-toggle #page-container{
		margin-left: 0px;
	}
	.aauth .alert2, .aauth .alert{
		margin-left: 100px;
	}
	.sidebar-toggle .alert2, .sidebar-toggle .alert{
		margin-left: 0;
	}
}

@media only screen and (min-height: 450px) {
	#adminis-login-wrap{
		align-items: center;
	}

}