@import url('normalise.css');
@import url('forms.css');
/*
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/mont.ttf) format('truetype');
}
*/
body {
    font-family: Arial, sans-serif;
}

:root {    
    --form-border: #AAAAAA;
    --form-bg: #FEFEFE;
    --form-text: #4D4D4D;
    --pop-bg: #F1F1F1;
    --foot-height: 80px;
    --border-col: #78000B;
    --obs-border: #333;
}

.columnWrap:before,.columnWrap:after{content: "";   display: table;}
.columnWrap:after{clear: both;}
.columnWrap{zoom: 1;}

.error-state {
    -webkit-box-shadow: 0px 0px 22px 2px rgba(255,5,5,0.6);
    -moz-box-shadow: 0px 0px 22px 2px rgba(255,5,5,0.6);
    box-shadow: 0px 0px 22px 2px rgba(255,5,5,0.6);
}

.mess-div {
    display: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    padding: 4px 0;
}


.fl-left { float: left }
.fl-right { float: right }
.am-inline { display:inline-block; }

.pColumn {
    float: left;
    width: 50%;
    box-sizing: border-box;    
}

#waiting-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-image: url(images/cal-wait-bg.png);
    z-index: 9999;
}

#waiting-inner {
    background-image: url(images/cal-wait.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}


.select-link, .select-link:active, .select-link:visited {
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    color: #555555;
    background-color: #FFFDEE;
    border-bottom: 1px solid #C8C5B1;
}

.select-link:hover {
    background-color: #C8C5B1;
    color: #000000;
}


@media screen and (max-width: 500px){
    .pColumn { width: 100% }
}


.m10 { margin-left:  10px !important }
.m11 { margin-left:  11px !important }
.m12 { margin-left:  12px !important }
.m13 { margin-left:  13px !important }
.m14 { margin-left:  14px !important }
.m15 { margin-left:  15px !important }
.m16 { margin-left:  16px !important }
.m17 { margin-left:  17px !important }
.m18 { margin-left:  18px !important }
.m19 { margin-left:  19px !important }
.m20 { margin-left:  20px !important }
.m21 { margin-left:  21px !important }
.m22 { margin-left:  22px !important }
.m23 { margin-left:  23px !important }
.m24 { margin-left:  24px !important }
.m25 { margin-left:  25px !important }
.m26 { margin-left:  26px !important }
.m27 { margin-left:  27px !important }
.m28 { margin-left:  28px !important }
.m29 { margin-left:  29px !important }
.m30 { margin-left:  30px !important }
.m31 { margin-left:  31px !important }
.m32 { margin-left:  32px !important }
.m33 { margin-left:  33px !important }
.m34 { margin-left:  34px !important }
.m35 { margin-left:  35px !important }
.m36 { margin-left:  36px !important }
.m37 { margin-left:  37px !important }
.m38 { margin-left:  38px !important }
.m39 { margin-left:  39px !important }
.m40 { margin-left:  40px !important }
.m41 { margin-left:  41px !important }
.m42 { margin-left:  42px !important }
.m43 { margin-left:  43px !important }
.m44 { margin-left:  44px !important }
.m45 { margin-left:  45px !important }
.m46 { margin-left:  46px !important }
.m47 { margin-left:  47px !important }
.m48 { margin-left:  48px !important }
.m49 { margin-left:  49px !important }
.m50 { margin-left:  50px !important }
.m51 { margin-left:  51px !important }
.m52 { margin-left:  52px !important }
.m53 { margin-left:  53px !important }
.m100{ margin-left: 100px !important }
.m200{ margin-left: 200px !important }

#messages {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center;    
    font-weight: bold;
}


.mess-good { background-color: #009809; color: #fff; }
.mess-bad { background-color: #C3000B; color: #fff; }
.mess-blah { background-color: rgb(238, 150, 36); color: #fff; }

#notifier {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 400px;
    height: 0px;
    background-color: #BC75C3;
    z-index: 9998;
}


#close-notifier, #close-notifier:active, #close-notifier:visited {
    float: right;
    display: block;
    width: 50px;
    height: 22px;
    background-image: url(images/close_on.svg);
    background-position: right 5px top 5px;
    background-repeat: no-repeat;
    background-size: 17px;
    text-decoration: none;
    color: #F1F1F1;
    text-align: right;
    padding: 5px 30px 0 0;
    z-index: 9999;
}

#close-notifier:hover {
    background-image: url(images/close_off.svg);
    color: rgb(223, 210, 226);
}

#alarm-img {
    float: left;
    width: 60px;
    height: 60px;
    background-image: url(images/alarm.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 4px;
}

#nofifier-message {
    float: left;
    width: calc( 100% - 80px );
    padding: 4px;
    text-align: center;
    color: #ffeb01;
}

.noti-row {    
    border-bottom: 1px solid #4D4D4D;
}

.noti-link, .noti-link:active, .noti-link:visited {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #4D4D4D;
    background-color: #F1F1F1;
    padding: 7px;
    margin-bottom: 3px;
    font-size: .85em;
}

.noti-link:hover {
    background-color: #C8C5B1;
}