@font-face {
  font-family: AinoHeadline;
  src: url(../fonts/Aino-Headline.woff2);
}

.aino-headline {
	font-family: AinoHeadline;
}

pre {
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 10px 16px;
	background: #f9f9f9;
}

.ads-loading{
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	height: 100vh;
	width: 100vw;
	background: rgba(0,0,0,0.2);
}

.dropdown-item .fa{
	vertical-align: -2px;
}

div.modal-footer:empty {
  display: none;
}

div.modal-header:empty {
  display: none;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none !important;
}

table.rTable tbody tr {
    background-color: transparent;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 2px dotted #337ab7;
}

table.rTable thead th, table.rTable thead td {
	border-bottom: 2px dotted #337ab7;
}

table.rTable tbody td:not(:last-child) {
	border-right: 1px dotted #ccc;
}


/*table.rTable > thead > tr > td, 
table.rTable > thead > tr > th,*/
table.rTable > tbody > tr > td, 
table.rTable > tbody > tr > th, 
table.rTable > tfoot > tr > td, 
table.rTable > tfoot > tr > th {
	border-top: 1px dotted #ccc;
}

table.rTable thead .sorting,
table.rTable thead .sorting_asc,
table.rTable thead .sorting_desc {
	background: none;
}

table.rTable thead .sorting::after,
table.rTable thead .sorting_asc::after,
table.rTable thead .sorting_desc::after {
	padding-top: 5px !important;
}

.table-params  tbody td:first-child:not([colspan="2"]) {
	text-align: right;
}
/****** cTable *****/

.cTable{
	border-collapse:collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	amargin: 0 -1px;
	margin-left: -1px;
}
.cTable > thead > tr > th, .cTable > tbody > tr > th, .cTable > tfoot > tr > th {
	padding: 7px 10px;
	text-align: left;
}
.cTable > thead > tr > td, .cTable > tbody > tr > td, .cTable > tfoot > tr > td  {
	padding: 5px 5px 5px 5px;	
}
.cTable td.no_pad, .cTable th.no_pad  {
	padding: 0;	
}

table.cTable,
table.cTable > thead,
table.cTable > tbody,
table.cTable > tbody > tr, table.cTable > thead > tr, table.cTable > tbody > tr, table.cTable > tfoot > tr,
table.cTable > tbody > tr > td, table.cTable > thead > tr > td, table.cTable > tbody > tr > td, table.cTable > tfoot > tr > td, 
table.cTable > tr > th, table.cTable > thead > tr > th, table.cTable > tbody > tr > th, table.cTable > tfoot > tr > th
{
	vertical-align: top;	
}
.cTable > thead > tr > th {
	border-bottom: 1px solid #eee;
	background-color: #008FD5 /*var(--primary)*/ !important;
	color: white;
}
.cTable > thead > tr > th:not(last-child) {
	border-right: 1px solid #FFF;
}
.cTable > tbody > tr:not(last-child) > td {
	border-bottom: 1px solid #eee;
}
.cTable > tbody > tr:hover > td:not([colspan="100%"]){
	background: #EBF5FC;
}

.cTableSmall > td, .cTableSmall > tbody > tr > td, .cTableSmall > thead > tr > td, .cTableSmall > tfoot > tr > td{
	font-size: 0.9rem;
	padding: 3px 5px;	
}
.cTableSmall > th, .cTableSmall > tbody > tr > th, .cTableSmall > thead > tr > th, .cTableSmall > tfoot > tr > th{
	font-size: 0.9rem;
	padding: 6px 6px;
}
.cTableSmall > tbody > tr > td:not(:last-child), .cTableSmall > thead > tr > td:not(:last-child), .cTableSmall > tfoot > tr > td:not(:last-child) {
	border-right: 1px solid #eee;
}
table.cTableSmall,
table.cTableSmall > thead,
table.cTableSmall > tbody,
table.cTableSmall > tbody > tr, table.cTableSmall > thead > tr, table.cTableSmall > tbody > tr, table.cTableSmall > tfoot > tr,
table.cTableSmall > tbody > tr > td, table.cTableSmall > thead > tr > td, table.cTableSmall > tbody > tr > td, table.cTableSmall > tfoot > tr > td, 
table.cTableSmall > tr > th, table.cTableSmall > thead > tr > th, table.cTableSmall > tbody > tr > th, table.cTableSmall > tfoot > tr > th
{
	vertical-align: top;	
}

/* --- end cTable --- */


/***** general *****/

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }


.no-wrap { white-space: nowrap; }

.selectboxes{
	max-height: 125px;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 0px 15px 15px 10px;
}

.row_hgroup {margin-bottom: 10px;}
.row_hgroup label{
	font-weight: normal;
}
.row_hgroup label {
	margin-bottom: 0px;
	display: inline-block;
}


fieldset {
	border: 1px solid #ddd !important;
	margin: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	padding-left:10px!important;
}	

legend{
	font-size:1rem;
	font-weight:bold;
	margin-bottom: 0px; 
	width: 35%; 
	border: 1px solid #ddd;
	border-radius: 4px; 
	padding: 5px 5px 5px 10px; 
	background-color: #fafafa;
	font-weight: 450;
}

span.asterisk::before{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f069";
	font-size: 1rem;
	display: inline-block;
	margin-left: 5px;
}

.input-sm{
	height: 32px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.dataTable tr.filterRow th {
	padding: 6px 18px;
}

.dataTable th.dtFilterCell { padding: 2px 0 2px 5px !important; }

.dataTable select.dtFilter{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 0.8rem;
    height: 30px;
    line-height: 30px;
    padding: 2px 3px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 75%;
    width: calc(100% - 5px);
	font-weight: normal;
	max-width: 100px;	
}

table.dataTable th select {
    font-weight: normal;
}

/*--------------------------- */

.text-bigger {
	font-size: 1.15rem;
}

.text-big {
	font-size: 1.3rem;
}

.text-smaller {
	font-size: 0.85rem; 
}

.text-small {
	font-size: 0.7rem;
}


.ib {
	display: inline-block;
	vertical-align: top;
}

.b{
	display: block;
}

/*
.border {
	border: 1px solid #e9ecef !important;
}

.border-0 {
	border: 0 !important;
}

.border-top-0 {
	border-top: 0 !important;
}

.border-right-0 {
	border-right: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-left-0 {
	border-left: 0 !important;
}

.border-primary {
	border-color: #007bff !important;
}

.border-secondary {
	border-color: #868e96 !important;
}

.border-success {
	border-color: #28a745 !important;
}

.border-info {
	border-color: #17a2b8 !important;
}

.border-warning {
	border-color: #ffc107 !important;
}

.border-danger {
	border-color: #dc3545 !important;
}

.border-light {
	border-color: #f8f9fa !important;
}

.border-dark {
	border-color: #343a40 !important;
}

.border-white {
	border-color: #fff !important;
}
.rounded {
	border-radius: 0.25rem !important;
}

.rounded-top {
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}

.rounded-right {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
	border-top-left-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}
*/
.pointer {
	cursor: pointer;
}

/* qtip style */

.qtip-style{
    background-color: #F2FAFF;
    border-color: #009DFF;	
	padding: 10px 15px;
	color: #333;
}

.qtip-style .qtip-content{
    font-size: 1.2rem;
	padding: 0;
	line-height: 110%;
}

.qtip-content img {
	margin: -25px;
	padding: 0;
}

@media screen and (max-width: 768px) {

	table.table-stacked {awidth:100%;}
	table.table-stacked thead {display: none; overflow:hidden;}
	table.table-stacked tr:nth-of-type(2n) {background-color: inherit;  }
	table.table-stacked tr td:first-child, table.table-stacked tr th:first-child{
		abackground: #f0f0f0; 
		afont-weight:bold;
		width: auto;
		text-align: left !important;
		
		
		border-top: 1px dotted #ccc;
	
	}

	table.table-stacked tr td:last-child, table.table-stacked tr th:last-child{
		
		border-bottom: 1px dotted #888;
		margin-bottom:10px;
	}


	
	table.table-stacked tbody td, table.table-stacked tfoot th {
		display: block;  
		text-align:left; 
		padding-left: calc(25% + 10px) !important; 
		position:relative; 
		min-height: 25px; 
		overflow: hidden;
		border-left: 1px dotted #ccc;
		border-right: 1px dotted #ccc;
		atop: 50%;
		amargin-top: -8px;
		amargin-bottom: -8px;
		font-size: 1rem;

	}
	
	table.table-stacked tbody td:not([data-th]), table.table-stacked tfoot th:not([data-th]){
		padding-left: 15px !important;
	}
	
	table.table-stacked tbody td:before, table.table-stacked tfoot th:before { 
		content: attr(data-th);
		afont-weight: 200 !important; 
		display: block;
		text-align:right;  
		font-size: 1rem;
		font-weight: 400;
		aline-height: 20px;
		font-weight: bold;
		color: var(--gray);
		left: 0;
		atop: 40%;
		amargin-top: -12px;
		width: 25%;
		amin-width: 150px;
		position: absolute;	
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
}

/* images */

.thumb-cropped-link{
	width: 100%;	
}

.thumb-center-cropped {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 100%;
}

.ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ajaxFormOverlay{
	aposition:relative;
	background: #fefefe;
	padding:1px;
	height: 30px;
	top:0px;
	opacity:0.65;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #f6f6f6;
	z-index: 10;
}

.ajaxFormOverlay .loading{
	position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}

.center {
	position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}

/* begin - bootstrap 3 submenu */ 

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#bbb;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-imageradius:6px 0 6px 6px;
}

/* end - bootstrap 3 submenu */ 
@media only screen and (min-width: 992px) { /* lg */
	.pull-left-desktop{float:left;}
	.pull-right-desktop{float:right;}	
	
	.m-none-desktop{margin:0 !important;}	
	.p-none-desktop{padding:0 !important;}	
	
	.text-right-lg{text-align: right;}	
	.text-left-lg{text-align: left;}
	
	.b-sm{ display: block !important;}	
	.ib-sm{ display: inline-block !important;}	

	.w-lg-50 { width:50%!important; }
	.w-lg-100 { width:100%!important; }
}
@media only screen and (max-width: 991.98px) {/* md */
	.pull-left-md{float:left;}
	.pull-right-md{float:right;}
		
	.m-none-md{margin:0 !important;}	
	.p-none-md{padding:0 !important;}	
	
	.text-right-md{text-align: right;}	
	.text-left-md{text-align: left;}
	
	.b-md{ display: block !important;}	
	.ib-md{ display: inline-block !important;}	

	.w-md-50 { width:50%!important; }
	.w-md-100 { width:100%!important; }
}
@media only screen and (max-width: 767.98px) { /* sm */
	.pull-left-sm{float:left;}
	.pull-right-sm{float:right;}
		
	.m-none-sm{margin:0 !important;}	
	.p-none-sm{padding:0 !important;}	
	
	.text-right-sm{text-align: right;}	
	.text-left-sm{text-align: left;}	
	
	.b-sm{ display: block !important;}	
	.ib-sm{ display: inline-block !important;}	

	.w-sm-50 { width:50%!important; }
	.w-sm-100 { width:100%!important; }
}

ul.divide{
	margin:0;
	padding: 0;
}
ul.divide li{
	list-style: none;
	display: inline-block;
}
ul.divide > li + li:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}

/* mobile side menu */

#mm-sidebar {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	width: 250px;
	z-index: 1030;
	transition: width 0.1s ease-out 0s, opacity 0.5s ease-out 0s;
	overflow: hidden;	
}

#mm-sidebar.collapsing {
  opacity: 0.2;
  width: 0px;
  display: block;  
}

#mm-overlay{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1029;
}

#mm-sidebar .nav-link {
	acolor: white;
}

#mm-sidebar .nav-link.active {
	background: initial;
}

#mm-sidebar .nav-item {
	padding: 5px 10px;
	border-bottom: 1px solid #e1e1e1;
}

#mm-close{
	
}

#mm-sidebar.mm-top {		
	position: static;
	width: auto;
	max-width: none !important;
	white-space: nowrap;
	overflow-x: auto;
}

#mm-sidebar.mm-top .flex-row{
	flex-wrap: nowrap;
}

#mm-sidebar.mm-top ul.nav{
	margin: 0 auto !important;				
}
#mm-sidebar.mm-top .nav-link{				
	font-size: 11px;
	white-space: normal;
	abackground: red;
	text-overflow: clip;
	padding: 0.6rem;			
	text-align: center;
}
#mm-sidebar.mm-top .nav-item{
	margin: 0 !important;
	padding: 0.0rem;	
	margin-left: 0.1rem !important;
	border: none;
	background: white;
}
#mm-sidebar.mm-top .nav-item:hover{
	background: var(--blue);
	color: white !important;
}
#mm-sidebar.mm-top .nav-item:hover .nav-link{
	color: white !important;
}
#mm-sidebar.mm-top .nav-item .fa-caret-right{
	display: none;
}

.drop-up-left .dropdown-menu * {
	text-overflow: ellipsis;
	overflow: hidden;
}

#mm-sidebar.mm-top .nav-link .feather{ 
	display: block;	
	margin: 0 auto 0 auto !important;
}

/* scrollbar */
#mm-sidebar.mm-top::-webkit-scrollbar {height: 10px;}			
#mm-sidebar.mm-top::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}			
#mm-sidebar.mm-top::-webkit-scrollbar-thumb {background: grey;}

.body ::-webkit-scrollbar {width: 10px;}			
.body ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}			
.body ::-webkit-scrollbar-thumb {background: grey;}

.align-self-even{ /*at footer */
	flex-basis: 100%;
}

/*<div class="lds-ripple"><div></div><div></div></div>*/
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid var(--primary);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

.max-height{
	min-height: max-content;
}
.max-width{
	min-width: max-content;
}

.edit-language{
	outline: 1px solid orange;
	color: #444;
}

.no-decoration, .no-decoration:hover, .no-decoration:active{
	text-decoration: none !important;
	acolor: var(--dark);
	color: inherit;
}

.no-shadow{
	box-shadow: none !important;
}

.main_get_messages{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 1500;
}
.main_get_messages .alert{
	border-radius: 0;
}

.scroll-y {
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 0;
}

.scroll-x {
	overflow-x: auto;
	overflow-y: hidden;
}

[v-cloak] > *, [div-cloak] > * { 
	display: none!important; 
}
[v-cloak]::before, [div-cloak]::before{ 
	content: "loading…"; 
	color: #777;
	display: block;
	height: max-content;
	width: max-content;
	margin: auto;
}

.pageApp{
	word-break: break-word;
}

.break-word{
	word-break: break-word;
}

.overflow-hidden{
	overflow: hidden;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .35rem .4rem;
  font-size: .875rem;
  line-height: .6;
  border-radius: .2rem;
}


.templateContainerInner{
	 counter-reset: section;
}

.templateElement .templateCounter::before{
	counter-increment: section;
 	content: counter(section);
}

.border-grey{
	border-color: #ced4da !important;
}





/*
<label class="form-check-toggle">
	<input class="form-check-input" type="checkbox" checked="checked"/><span>You can also add support text.</span>
</label>
*/


.form-check-toggle {
  position: relative;
  padding-left: 0;
  line-height: 30px;
}

.form-check-toggle input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.form-check-toggle input + span {
  cursor: pointer;
  user-select: none;
  height: 30px;
  margin-left: 70px;
  display: block;
}
.form-check-toggle input + span:empty{
  margin-left: 50px;
}

.form-check-toggle input + span:before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 30px;
  width: 50px;
  background: #FFF;
  border: solid 1px #ccc;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border-radius: 15px;
}

.form-check-toggle input + span:after {
  width: 28px;
  height: 28px;
  margin-top: 1px;
  margin-left: 1px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: #FFF;
  transition: margin-left 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  text-align: center;
  font-weight: bold;
  content: '';
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.5);
}

.form-check-toggle input:checked + span:after {
  content: '';
  margin-left: 21px;
  box-shadow: none;
}

.form-check-toggle input:checked + span:before {
  background-color: #86be4e;
  border-color: #86be4e;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.form-check-toggle input:disabled + span:before {
	background: lightgrey;
	border-color: grey;
}

/*
<input type="password" id="password" class="form-control" required>
<label class="form-control-placeholder" for="password">Password</label>
*/

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
  cursor: text;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  cursor: default;
}

/*

<div class="form-label-group">
	<input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">
	<label for="inputPassword">Password</label>
</div>
*/

:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}
.form-label-group > input, .form-label-group > textarea, .form-label-group > select, .form-label-group > .form-control {
	height: auto;
	line-height: 1.5;
}
.form-label-group > input, .form-label-group > textarea, .form-label-group > select, .form-label-group > .form-control,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group > label {
  cursor: text;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block !important;
  max-width: 100%;
  margin-bottom: 0; 
  line-height: 1.5;
  color: #888; 
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group > input::-webkit-input-placeholder, .form-label-group > select::-webkit-input-placeholder, .form-label-group > .form-control::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group > input:-ms-input-placeholder, .form-label-group > select:-ms-input-placeholder, .form-label-group > .form-control:-ms-input-placeholder {
  color: transparent;
}

.form-label-group > input::-ms-input-placeholder, .form-label-group > select::-ms-input-placeholder, .form-label-group > .form-control::-ms-input-placeholder {
  color: transparent;
}

.form-label-group > input::-moz-placeholder, .form-label-group > select::-moz-placeholder, .form-label-group > .form-control::-moz-placeholder {
  color: transparent;
}

.form-label-group > input::placeholder, .form-label-group > textarea::placeholder, .form-label-group > select::placeholder, .form-label-group > .form-control::placeholder {
  color: transparent;
}

/* placeholder not shown, pushed to top */
.form-label-group > input:not([value=""]),
.form-label-group > input:focus,
.form-label-group > textarea:not([value=""]),
.form-label-group > textarea:focus,
.form-label-group > select,
.form-label-group > .form-control:not([value=""]),
.form-label-group > .form-control:focus {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)) !important;
  padding-bottom: calc(var(--input-padding-y) / 3) !important;
}
/* eraldi sest placeholder-shown teeb IE katki */
.form-label-group > input:not(:placeholder-shown),
.form-label-group > textarea:not(:placeholder-shown),
.form-label-group > .form-control:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)) !important;
  padding-bottom: calc(var(--input-padding-y) / 3) !important;
}

.form-label-group > input:not([value=""]) ~ label,      
.form-label-group > input:focus ~ label, 
.form-label-group > textarea:not([value=""]) ~ label,     
.form-label-group > textarea:focus ~ label,  
.form-label-group > select ~ label,
.form-label-group > .form-control:not([value=""]) ~ label,     
.form-label-group > .form-control:focus ~ label {
  padding-top: calc(var(--input-padding-y) / 3) !important;
  padding-bottom: calc(var(--input-padding-y) / 3) !important;
  font-size: 12px;
  color: #777;
  z-index: 3;
}
/* eraldi sest placeholder-shown teeb IE katki */
.form-label-group > input:not(:placeholder-shown) ~ label,
.form-label-group > textarea:not(:placeholder-shown) ~ label,
.form-label-group > .form-control:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3) !important;
  padding-bottom: calc(var(--input-padding-y) / 3) !important;
  font-size: 12px;
  color: #777;
  z-index: 3;
}

.form-label-group > .btn {
	z-index: 4;
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}


[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease; 
  opacity: 0;
}

div.stars {
  width: 270px;
  display: inline-block;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

.icon_choice {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 5px;
}
.icon_choice input:checked + label {
  border: 1px solid #bbb;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
  background: #f6f6f6;
  transition: box-shadow 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
}

.icon_choice input + label {
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 50%; 
  padding: 10px;
  aheight: 40px;
  awidth: 40px;
  aline-height: 40px;
  avertical-align: middle;
  cursor: pointer;
}






.text-transparent{
	color: transparent;
}
		


body.dark {
	background: #222 !important;
	color: #ccc!important;
}
.dark .text-muted{
	color: #ccc !important;
}
.dark .text-dark{
	color: #fff !important;
}
.dark .bg-light{
	background: #444 !important;
}
.dark .bg-white{
	background: #000 !important;
}
.dark .card{
	background: #222 !important;
	border-color: #666 !important;
}
.dark .border{
	aaaborder-color: #eee !important;
}
.dark .body .sidebar{
	    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .5) !important;
}
.dark .body .sidebar .nav-link:not(.active){
	color: #eee;
}			
.dark .body .sidebar .nav-item{
	/*background: #000 !important;*/
}
.dark .body .sidebar .active{
	background: #222 !important;
}
.dark .logo-dark {display:none;}
.dark .logo-light {display:inline !important;}

.dark .no-decoration, .dark .no-decoration:hover, .dark .no-decoration:active{
	color: white;
}
.dark .dropdown-item{
	color: #eee;
}
.dark .dropdown-item:hover {
    color: #fff;			   
    background-color: #444;
}
.dark .dropdown-menu{
	background: #333;
}
.dark .modal-content{
	background: #000;
	border-color: #eee;
}
.dark .form-control, .dark textarea{
	background: #111 !important;
	color: #fff !important;
}
.dark .modal .close{
	color: white !important;
}
.dark .table {
	color: #fff;
}
.dark .menu-col .nav-item.active {
    background: #333;
}
.dark .input-group-text {
    background: #111;
}
.dark .menu-col .nav-link{
	color: #ccc;
}
.dark .custom-control-label::before{
	background: #111;
}
.dark .select2-container--default .select2-selection--multiple, .dark .select2-container--default .select2-selection--single{
	background: #111;
}
.dark .select2-dropdown, .dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #333;
}
.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ccc;
}
.dark .select2-search__field {
	background: #444;
	color: #bbb;
}
.dark {
	--light: #333;
}
.cc {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width: 1200px) {
	.cc {
		max-width: 1300px;
	}
}


html, body {
    min-height: 100vh;
}

.pre{
	white-space: pre;
}

.page-content{
	max-width: 100vw;
}

.text-xs{font-size: 0.6rem;line-height:0.7rem;}
.text-sm{font-size: 0.8rem;line-height:0.9rem;}
.text-md{font-size: 1rem;line-height:1.1rem;}
.text-lg{font-size: 1.3rem;line-height:1.4rem;}
.text-xlg{font-size: 1.7rem;line-height:1.8rem;}
.text-xl{font-size: 2rem;line-height:2.1rem;}

.not-allowed {cursor: not-allowed!important;}

.table th{
	border-top:none;
}

body {
  counter-reset: section;                      
}

.counter-box{

}
.row-counter:after {
  counter-increment: section;                   
  content: counter(section);                                             
}

*[data-href] {
	cursor: pointer;
}
*[data-cut]{
	display: none;
}

.required-focus{
	background: rgba(255, 0, 70, 0.15) !important;
}
/*
.form-label-group.required-focus > *{
	background: rgba(255, 0, 70, 0.15);
}
*/
.container-content,
.content-root,			
.mh-0,			
.x{
	min-height: 0;				
}

.page-content, .page-container {
	min-width: 0;
}
.select2-container .select2-selection--single {
	height: 50px;				
}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple {
	outline: none;
	border-color: #ced4da;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--multiple .select2-selection__rendered{
	padding-top: 18px;
	padding-left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after{
	content: "\f078";
	font: normal normal normal 12px/1 FontAwesome;
	display: block;
	border: none;
	height: 12px;
	width: 12px;
	position: absolute;
	top: 50%;
	margin: -6px auto auto;
	left: auto;
	
}

main, .page-container {
	max-width: 100% !important;
}

.custom-file-label::after{
	height: 100%;
	vertical-align: middle;
	line-height: 200%;
	white-space:nowrap;
	text-overflow: ellipsis;
}
td.i, th.i {
	background-color: var(--light);
	color: var(--gray);
	text-align: right;
}

.height-100vh {
	min-height: 100vh;
}

textarea, select, input, button,
textarea:focus, select:focus, input:focus, button:focus 
{ outline: none !important}

input, textarea {
	font-size: initial !important;
}

html body { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;					
}

.four_zero_four_bg{
	background: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif)  center no-repeat;
	abackground-attachment: fixed;
	height: 500px;
}

*.form-control, .select2 .select2-selection, .input-group:not(.finput-view) {
	box-shadow: 0 0 0 3px #B4DCFF; /* hard outline */
}

.input-group{
	border-radius: .25rem;	
}

.input-group *.form-control {
	box-shadow: none; 		
}

*.form-control.finput-view{
	box-shadow:none!important;
	border: 1px solid #c9c9c9;
}

.flashing {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}