.loading {
	display:none;
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: #fff;
	z-index:100000;
	opacity: 0.75;
}
.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .6em solid rgba(218, 219, 223, 1);
    border-left: .6em solid rgba(58, 166, 165, 1);
    animation: spin 1.25s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.tooltip{
  z-index: 999999 !important;
}

.cursorPointer {
    cursor: pointer;
}

.h-100 {
    height: 100% !important;
}

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

.modalFront {
    z-index: 50000 !important;
}

.hidden {
	display:none;
}

.modal-xxl {
	max-width:	1400px;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.infoDivBox {
  width:200px;
  text-align:center;
  border: 2px solid black;
  padding:10px;
  position:absolute;
  display: none;
z-index:100;
}

.fontControl {
	padding: 2px;
	line-height:25px;
    background:#033C73;
    text-align:center;
	transition:.25s ease-out;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none;
}
.fontControl a {
	font-size:24px;
    color:#aaa;
    font-weight:bold;
	padding: 5px;
}

.fontControl a:hover {
	color:#fff;
    background:#2FA4E7;
	transition:.25s ease-out;
	padding:5px;
}
.fontControl .extrasmall{ font-size:10px !important;}
.fontControl .small 	{ font-size:12px !important;}
.fontControl .medium    {  font-size:14px !important;}
.fontControl .large     {  font-size:16px  !important;}
.fontControl .extralarge {  font-size:18px  !important;}
.fontControlSelected { background:#2FA4E7; color:#fff !important;}


.noWrap td{
	white-space: nowrap;
}

.table td, .table th {
	padding: 0.4em;
}

label {
	margin-bottom: 0.3rem;
}

.form-group {
	margin-bottom: 0.6rem;
}

.btn-xs {
	margin-top: -3px;
	padding: 0.3rem;
	font-size: 0.85rem;
	line-height: 0.6;
	border-radius: 0.2rem;
}


.fillPlaceHolderVariable {
	cursor:pointer;	
}
.fillPlaceHolderVariable:hover {
	text-decoration:underline;	
}

.bg-yellow {
	background-color:yellow;
}
.bg-yellow.odd {
	background-color:#ffff80 !important;
}
.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 80px 0px 80px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  
 	pointer-events: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(/images/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 0px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}