@font-face{
    font-family:'IsoNorm';
    src:url('../fnt/isonorm-mn.eot');
    src:url('../fnt/isonorm-mn.eot') format('embedded-opentype'),
        url('../fnt/isonorm-mn.woff') format('woff'),
        url('../fnt/isonorm-mn.ttf') format('truetype');		
    font-weight:normal;
    font-style:normal
}

h1,h2,h3,h4,h5,h6 {
    position:relative;
    font-family: 'IsoNorm', sans-serif;
    color: var(--accent-text-color);
}


h2 {
    margin-bottom:10px;
}

h1 {
    font-size: 2em;
}

body {
    font-family: 'IsoNorm', 'Verdana', 'Arial', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0!important;
    margin: 0!important;
}


.ui-widget {
    font-size:13px;
}

span#easyswim_logo {    
    background: transparent url(../sys/core/splash-logo.svg) no-repeat; 
    width:250px;
    height:30px;
    margin-top:11px;    
    display: inline-block;
}
span#custom_logo {
    
    height:55px;    
    display: inline-block;
}
span#easyswim_login_logo {
    background: transparent url(../sys/core/splash-logo.svg) no-repeat;
    max-width:250px;
    height:35px;
    margin-top: 10px;
    display: inline-block;
    background-size: contain;    
    background-position: center;
}
span.easyswim_custom_login_logo {
    background: transparent url(../sys/core/splash-logo.svg) no-repeat;
    background-repeat: no-repeat;
    width:250px;
    height:65px;    
    display: inline-block;
    background-size: contain;    
    background-position:center;
}


/* dashboard */
div.office_missing_reports {
    border-color: #D1007E;
}


button,
select,
input[type=number],
input[type=email],
input[type=text] {
    font-family: 'IsoNorm', 'Verdana', 'Arial', sans-serif;
    font-size:16px;
}
input[type=number] {
    height:25px;
    padding: 2px 4px;
}
input:read-only {
    color: #999;
    background-color: #EDEDED;
}

select {
    padding: 2px 4px;
    padding-top:2px;	
}

button, input[type=submit], input[type=button] {
    padding-top:0px; padding-bottom:0px;	
}

button.noglyph{
    padding-top:0px;
    padding-bottom:0px;
    padding-left:10px;
    padding-right:10px;
}

table.dayplan_header th{
    font-weight: bold;
    color: var(--accent-text-color);
}

.nav {
    font-size:14px;
}

#menu-content {
    font-size:14px;
}

div.planning_item {
    font-family: Verdana, Arial, sans-serif;
}

div.header {
    background-color: var(--button-background-color);
}
div.subheader {
    background-color: #2e89b6;
    border-top-color: #39abe4;
}

table.grid tr th {
    background-color: var(--button-background-color);
}
table.grid tr:last-child td {
    border-color: var(--button-border-color);
}
table.grid {
    border-color: var(--button-border-color);
}
table.grid thead > tr:first-child > th {
    border-top: 1px solid var(--button-border-color);
}
table.grid tbody > tr > td:first-child {
    border-left: 1px solid var(--button-border-color);
}
table.grid thead > tr > th:first-child {
    border-left: 1px solid var(--button-border-color);
}
table.grid thead > tr > th:last-child {
    border-right: 1px solid var(--button-border-color);
}
table.grid tbody > tr > td:last-child {
    border-right: 1px solid var(--button-border-color);
}
table.grid tbody > tr:last-child > td {
    border-bottom: 1px solid var(--button-border-color);
}

table.grid tbody > tr[changed='1'] td {
    background-color: #dcf4ff;
}
table.grid tbody > tr[valid='0'] td {
    background-color: var(--invalid-row-marker);
}


table.grid tbody > tr > td {
    position:relative;
    vertical-align: top;
}

table.grid tbody > tr > td.icon {
    text-align: left;
}

table.grid thead tr.light-header th {
    background-color: #44AADD;
}

table.grid tbody.total > tr > td {
    border-color: white;
}
table.grid tbody.total > tr:hover td {
    background-color: transparent;
}


div.error_table table.grid {
    border-color: #D1007E;
}

div.error_table table.grid thead tr th{
    background-color: #D1007E;
}


div.office_missing_reports  table th{
    background-color: #D1007E;
}

p.dashboard_message {
    background-color: #D1007E;
    padding:5px;
    margin:5px 0px;
    border-radius: 3px;
}

div.filtergroup > button.switchbutton.active {
    background-color: #2a7ea8;

}

table.basin_header tr.basin_code th {
    background-color: var(--button-background-color);
}

div.login button {
    padding:10px;
}

div.login span.dialog_title {
    background-color: var(--button-background-color);
    text-align:center;
    overflow: hidden;
}

div.login p.dialog_sub_title {
    background-color:#32a8cf;	
}

button.glyphiconbuttontext {        
    height:34px;
    padding:0px;    
    padding-left:33px;
    padding-right:10px;
    display:inline-block;        
}
button.shopiconbuttontext {        
    height:34px;
    padding:0px;    
    padding-left:38px;
    padding-right:10px;
    display:inline-block;    
}
button.glyphiconbuttontext.searchbutton {
    height:25px;
}
button.glyphiconbuttontext>span.glyphicon {
    position:absolute;
    margin-right:10px;
    font-size:20px;
    top:6px;
    font-weight: lighter;
}

button.glyphiconbuttontext.searchbutton>span.glyphicon {
    font-size:15px;
}

button.glyphiconbuttontext>span.flaticon {
    position:absolute;
    margin-right:0px;
    font-size:16px;
    top:11px;
    left: 4px;
    font-weight: lighter;
}
button.glyphiconbutton>span.flaticon {
    position:absolute;
    margin-right:0px;
    font-size:20px;
    top: 5px;
    left: 3px;
    font-weight: lighter;
}
button.glyphiconbuttontext.image-right {    
    padding-right: 33px;
    padding-left: 10px;
}
button.glyphiconbuttontext.image-right > span.glyphicon {
    position:absolute;
    left: initial;
    right: 3px;
    padding-left:6px;
    font-size:20px;
    top:6px;
    font-weight: lighter;
}


table.form thead tr th {
    background-color: var(--button-background-color);
}

div.survey_page_title {
    font-size:20px;
    font-weight: bold;
    color: var(--accent-text-color);
}

div.question_block p {

}


div.software-version-release {    
    position:relative;
    display: block;
    padding:10px;
    margin:2px;    
    margin-bottom:10px;
    background-color: #E8DE96;    
    border: 1px solid #BEB67B;
    padding-right:190px;
}

div.software-version-release p {
    margin:0;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    padding-left:30px;
    
}
div.software-version-release span.glyphicon {
    font-size:20px;
    position:absolute;
    top: 10px;
}

div.software-version-release p a {
    
    display: inline-block;
    text-decoration: none;
    color: #333;
}

div.software-version-release div.buttons {
    position: absolute;
    right:10px;
    top:10px;
}

div.software-version-release button.release-button {
    margin:0;
    padding:0px 5px;
    font-size:12px;
    height: 20px;
    border-radius: 2px;
    background-color: #ECE4A9;
    border-color: #BEB67B;
    color: #888;
}
div.software-version-release button.release-button:hover {
    background-color:#F2EDC5; 
}


ul.downloads {
    display: block;
}
ul.downloads li {
    height: 2em;
    line-height: 2em;
}

tr.difference td {
    background-color: #ffcccc;
}


@media screen and (max-device-width: 768px) and (orientation: portrait){
    
    select.quarterwidth {
        width:100%;
    }        
    
}

div.dialog-loader-overlay {
    position:absolute;
    z-index: 300001;
    background-color: rgb(255,255,255);
    left: 0rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;    
    opacity: 0.7;
    display: none;
}

div.dialog-loader-overlay span.loader-animation {
    position:absolute;
    left: 50%;
    top: 50%;
    width: 6rem;
    height: 6rem;
    margin-left: -3rem;
    margin-top: -3rem;
    background: url(../../res/img/big-ajax-loader.gif);
    background-size: contain;
}


.text-red {
    color: red;
}
.text-green {
    color: #16cf13!important;
}

span.alerter {
    position:absolute;
    top: 5px;
    left: -2px;
    width: 14px;
    height: 14px;
    background-color: red;
    border-radius: 50%;    
    opacity: 1;    
    /*z-index: 20;    */
    -webkit-animation: alerter 1.2s linear infinite;
    -moz-animation: alerter 1.2s linear infinite;
    animation: alerter 1.2s linear infinite;    
    transform-origin: 50% 50%;
    color: red;
    z-index:5;
}

@keyframes alerter {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
    100% {
        opacity: 0;        
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -o-transform: scale(3.5);
        transform: scale(3.5);
    }
}

span.variable {    
    font-weight: bold;
}


span.jax-pop {
    position:absolute;
    width: 55px;
    height: 45px;    
    right: 10px;
    bottom: -45px;        
    animation-name: jaxpop; 
    animation-duration: 10s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}

span.jax-pop span.jax-head {
    position:absolute;
    width: 55px;
    height: 45px;    
    left: 0px;
    top: 0px;
    background-image: url(../sys/core/jax/jax-no-eyes.png);
    background-repeat: no-repeat;
}
span.jax-pop span.jax-eyes {
    position:absolute;
    width: 55px;
    height: 45px;    
    left: 0px;
    top: 0px;
    background-image: url(../sys/core/jax/jax-eyes.png);
    background-repeat: no-repeat;
    animation-name: jaxeyes;
    animation-duration: 10s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}

@keyframes jaxpop {
    0% {
        bottom: -45px;
    }
    10% {
        bottom: 0px;
    }
    28% {
        bottom: 0px;        
    }
    40% {
        bottom: -45px;
    }
    100% {
        bottom: -45px;
    }
}

@keyframes jaxeyes {
    0% {
        left: 0px;
    }
    10% {
        left: 0px;
    }
    12% {
        left: -2px;
    }
    18% {
        left: -2px;
    }    
    20% {
        left: 2px;
    }
    26% {
        left: 2px;        
    }
    28% {
        left: 0px;
    }
    40% {
        left: 0px;
    }
    100% {
        left: 0px;
    }
}

.client-info-indicator.data-set {
    background-color: #3fb714!important;
    border-color: #54a300!important;
}



div.global-message {    
    position:relative;
    display: block;
    padding:10px;
    margin:2px;    
    margin-bottom:10px;
    background-color: #96cfe8;    
    border: 1px solid #3b91b7;
    padding-right:190px;
    font-size: 1rem;
}

div.global-message.info {
    background-color: #96cfe8;    
    border: 1px solid #3b91b7;
}

div.global-message.warning {
    background-color: #f8e196;    
    border: 1px solid #d6b85a;
}

div.global-message.important {
    background-color: #f59095;    
    border: 1px solid #f59095;
    color: white;
}


div.global-message p {
    margin:0;
    display: inline-block;
    line-height:  1.5rem;
    vertical-align: middle;
    padding-left:2rem;
    
}
div.global-message span.glyphicon {
    font-size:20px;
    position:absolute;
    top: 10px;    
}

div.global-message p a {
    
    display: inline-block;
    text-decoration: none;
    color: #333;
}

select#workactivity:disabled {
    color: red;
}

span.replacement-activity-level-name {
    color: var(--accent-text-color);
}

table.medical-info {
    width:100%;
    table-layout: fixed;
}
table.medical-info td {
    margin: 0.25rem;
}
table.medical-info td label {
    display: inline-block;
    margin: 0;
    margin-left: 0.5rem;
}

div.tooltip-block {
    max-width: 300px;
    text-align: left;    
}


span.pos-monitor-variable {
    display: inline-block;
    padding: 0rem 0.25rem;
    background-color: #d9f3ff;
    border:1px solid #00aeff;
    margin-right: 0.5rem;
    border-radius: 3px;
    margin-top: 0.25rem;
}

p.error {
    display: block;
    background-color: #ffe3e3;
    border: 1px solid red;
    padding: 0.5rem;
    color: red;
}

span.error {
    color: red;
}

div.tabs ul.ui-tabs-nav li.field-error a {
    /*color :red;*/
    padding-right: 2rem;
}

div.tabs ul.ui-tabs-nav li.field-error a:after {    
    font-family: flaticon!important;
    color: red;
    /*content: ' •'; */
    content: "\f14c";
    font-size:13px;    
    position:absolute;
    right: 10px;
    top: 7px;
}

span.inherited-program {
    position:absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 3px;
    background-color: #d0eefd;
}

.flaticon.tooltip-icon:before {
    font-size: 10px;
    margin-right: 5px;
    margin-left: 0px;
}

a.icon,
a.icon:visited {
    text-decoration: none;
    color: var(--accent-text-color);
    cursor: pointer;
}


span.debtor-note, span.creditor-note {
    color: red;
    font-weight: bold;
}