/* FONTS */
@font-face {
  font-family: "PT Serif Caption";
  font-style: normal;
  font-weight: 400;
  src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url('../fonts/PT-Serif-Caption.woff') format('woff');
}
@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: 300;
  src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url('../fonts/Open-Sans-Light.woff') format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url('../fonts/Open-Sans.woff') format('woff');
}
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url('../fonts/Open-Sans-Bold.woff') format('woff');
}


/* All custom css added here*/
html{
  position:relative; 
}
body { 
    font-family: "Segoe UI", "Open Sans", sans-serif, serif;
    /*font-size: 0.735rem; */
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    background: #eee;
}

.main-container {
    padding: 25px 30px 20px;
    background: #ffffff;
}

#back-to-top {
    display: none;
    text-align: center;
    position: fixed;
    bottom: 2em;
    right: 1.5em;
    width: 48px;
    height: 48px;
    font-size: 32px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 */
    filter: alpha(opacity=75); /* IE 5-7 */
    opacity: 0.75; /* Modern Browsers */
    cursor: pointer;
}


.text-semibold {
  font-style: normal;
  font-weight: 500;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-bottom30 {
    margin-bottom: 30px !important;
}

.margin-bottom40 {
    margin-bottom: 40px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-top30 {
    margin-top: 30px !important;
}

.margin-top40 {
    margin-top: 40px !important;
}

.pointer {
    cursor: pointer;
}

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

.cell-tile {
    height: 200px;
    border: 1px solid #fff;
    cursor: pointer;
}

.cell-tile:hover {
    border-color: #2e2e2e;
}

.cell-tile .icon {
    position: absolute;
    width: 64px;
    height: 64px;
    font-size: 64px;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -32px;
    text-align: center;
}

.cell-tile .tile-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: .45rem .825rem;
    z-index: 999;
}

.cell-tile .tile-label {
    position: absolute;
    bottom: 0px;
    left: 0.62rem;
    padding: .425rem .25rem;
    z-index: 999;
}
/*
.input-control { 
    min-height: 1.65rem; 
    height: 1.65rem; 
    min-width: 5rem
}
*/
.input-control input, .input-control textarea, .input-control select { 
    border: 1px solid #d9d9d9;
}
.input-control textarea {
    min-height: 4.25rem !important;
}
.button-holder button.button {
    margin: 15px 10px 0px;
}

input[readonly], select[readonly], textarea[readonly],
.input-control input:disabled, .input-control textarea:disabled, .input-control select:disabled {
  cursor: not-allowed;
  background-color: #EBEBEB;
}
 .checkbox {
    line-height: 1;
    min-height: 0;
    height: auto;
}
label.error, label.errors, .text.input-control > label.error { 
    color: #ce352c; 
    margin-left: 5px; 
    font-size: 85% !important;
}

.dialog {min-width: 350px; padding: 10px; /*box-shadow: 0px 2px 4px rgba(0,0,0,0.35);*/ border: 1px solid #aaa}
.dialog div.inform { min-width: 300px; }
.dialog h3, .dialog h4 { /*text-decoration: underline; */margin-top: 0; margin-bottom:0 }
.dialog p { padding: 0; line-height: 1.1rem; margin-bottom: 20px !important;}
.dialog-overlay { cursor: not-allowed; background-color: #000; opacity: 0.5;}

.button > [class*="mif-"] {
	margin-top: -2px !important
}

#btnHome a > [class*="mif-"] {
	margin-top: -5px !important
}

.dataTables_filter {
	margin-top: 0 !important;
}

.dt-button-abs {
    position: absolute; top: 0px; left: calc(50% - 77px)
}

@media screen and (max-width: 640px) {
    .dataTables_filter {
	    float: none !important;
        margin-top: 15px !important;
    }

    .dt-button-abs {
        position: unset !important;
        margin-bottom: 15px !important;
    }

    div.dt-buttons {
	    display: none !important;
    }
}

.dataTable-holder { padding-bottom: 40px; overflow:hidden; overflow-x: auto }
.dataTable thead td, .dataTable thead th {
    font-weight: 500;
}

.chart-holder {height: 350px;}
.chart-holder .preloader-holder { margin: auto; padding: 50px 0; width: 60px; text-align: center; line-height: 30px }

.highcharts-credits { display: none !important }
.highcharts-legend-box {
    background: yellow;
    width: 50px !important;
    text-overflow: ellipsis;

    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}