/** body **/
body{
	zoom: 90%;
}

/** global css **/
.relative{
	position: relative;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.mt-3{
	margin-top: 3px;
}
.mr-10{
	margin-right: 10px;
}
.tb-label{
	width: 35%;
}
.tb-value{
	width: 65%;
}
.green{
	color: green;
}
.red{
	color: red;
}
[readonly]{
	cursor: not-allowed;
}
/* Remove the up and down arrows (spinners) from input number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

/** svg styles **/
.graysvg{
	filter: invert(31%) sepia(0%) saturate(1302%) hue-rotate(150deg) brightness(97%) contrast(83%);
}
.blacksvg{
	filter: invert(0%) sepia(89%) saturate(1203%) hue-rotate(282deg) brightness(102%) contrast(109%);
}
.whitesvg{
	filter: invert(100%) sepia(0%) saturate(7495%) hue-rotate(82deg) brightness(100%) contrast(103%);
}
.menusvg-container .menusvg{
	filter: invert(0%) sepia(89%) saturate(1203%) hue-rotate(282deg) brightness(102%) contrast(109%);
}
.menusvg-container a:hover .menusvg{
	filter: invert(100%) sepia(0%) saturate(7495%) hue-rotate(82deg) brightness(100%) contrast(103%);
}
.pointer{
	cursor:pointer;
}

/** data table **/
.search-container-new [type='search']{
	padding-left: 35px;
	background: #F5F5F5;
}
.search-icon{
	position: absolute; 
	height: 12px;
	top: 10px;
	left: 10px;
}
.search-divider{
	position: absolute; 
	top: 10px;
	left: 28px;
	font-size: 10px;
}
.showhidefilter{
	width: 25px;
	text-align: center;
}
.headerfilter{
	width: 100% !important;
}
.dataTables_wrapper table.dataTable{
	margin-top: 0px !important; 
}
.dataTables_wrapper table.dataTable thead th{
	color: var(--main-color);
	font-weight: bold !important;
}

/** select2 **/
.select2{
	min-width: 100% !important;
}
.filters-head .select2-selection__rendered {
  line-height: 32px !important;
}
.filters-head .select2{
	width: 100% !important;
}
.filters-head .select2-selection {
  height: 34px !important;
  min-height: 34px !important;
}
.filters-head .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}
.filters-head .select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-top: -5px;
}
.selectionloading{
	height: 44px;
	padding: 12px !important;
	white-space: nowrap;
	width: 100% !important;
	overflow: hidden;
}
.dataTable .selectionloading{
	height: 34px;
	padding: 8px !important;
	white-space: nowrap;
	width: 100% !important;
	overflow: hidden;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #ffffff !important;
    cursor: not-allowed;
}

/* swal */
.swal2-confirm, .swal2-confirm:hover, .swal2-confirm:focus, .swal2-confirm:active{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
	
}
.swal2-styled.swal2-confirm{
	font-size: 14px !important;
}
.swal2-html-container{
	font-size: 14px !important;
}
.swal2-shown{
	padding-right: 0px !important;
}
.swal2-styled.swal2-confirm:focus{
	box-shadow: none !important;
}

/** panels, buttons ui/ux **/
.am-top-header{
	-webkit-box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.75);
}
.main-header{
	padding-left:0px;
}
.main-title-container{
	color: white; 
	font-size: 23px; 
	padding-left:33px;
	padding-top:5px;
}
.main-title{
	text-transform: uppercase;
}
.main-content{
	padding: 10px;
}
.main-panel-heading{
	border: 0px;
	padding-bottom: 0px;
}
.main-nav-tabs{
	margin-top: 20px;
}
.main-panel-body{
	padding-top: 0px;
}
.main-tab-content{
	padding: 0px;
	padding-top: 20px;
}
.panel-heading .panel-title, .panel-heading .title, .panel-heading > h1, .panel-heading > h2, .panel-heading > h3, .panel-heading > h4, .panel-heading > h5, .panel-heading > h6{
	font-size: 20px;
}
.btn-green, .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}
.btn-save, .btn-save:hover, .btn-save:focus, .btn-save:active, .btn-save[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}
.btn-add, .btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}
.modal-body p{
	font-size: 16px;
}
button.ab{
	margin-bottom: 3px;
}
.invi{
	visibility: hidden;
}
.form-group{
	background: #fafafa;
	padding: 10px;
	border-radius: 8px;
}
.form-group label{
	font-weight: 500;
	font-size: 13px;
}
.icon-crud-container{
	margin: auto;
	width: 100px;
}
.defaultactions{
	width: 100px;
}
.defaultcounter{
	color: #cccccc;
	text-align: center;
}

/* page add nav tabs */
.tab-container .nav-tabs{
	margin-top: 10px;
}
.nav-table-title{
	width: 500px;
}
.nav-table-logo{
	width:100px;
}
.nav-table-text{
	width: 400px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-radius: 0px;
}

/** loader */
.loadingoverlay{
	width: 100% !important;
	height: 100% !important;
	position: fixed;
}
	body{
		zoom: 90% !important;
	}