@font-face {
    font-family: 'fontBold';
    src: url('../font/weblysleekuisbBold.woff') format('woff');
}
@font-face {
    font-family: 'fontNormal';
    src: url('../font/weblysleekuislNormal.woff') format('woff');
}
@font-face {
    font-family: 'fontLight';
    src: url('../font/weblysleekuilLight.woff') format('woff');
}


/*#region SCROLLBAR*/

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(178, 230, 252, 0.80); 
    -webkit-box-shadow: inset 0 0 6px rgba(19, 164, 219, 0.50); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(19, 164, 219, 0.40); 
}
/*#endregion SCROLLBAR*/

/*#region HTML,BODY,COMMON_ELEMENTS*/

input[type="text"]:disabled, select:disabled , img:disabled {
    background: rgba(205, 193, 193, 0.30);
}
button:disabled{
    background-color: rgba(205, 193, 193, 0.60);
}
button:disabled:hover {
    background-color: rgba(205, 193, 193, 0.60);
}
html{
          font-size:3.8mm;/*once this is changed this will change settings on various deices*/
          
          scrollbar-base-color: rgba(178, 230, 252, 0.80); 
          scrollbar-3dlight-color: rgba(178, 230, 252, 0.80); 
          scrollbar-highlight-color: rgba(178, 230, 252, 0.80); 
          scrollbar-track-color: #f8f8f8; 
          scrollbar-arrow-color: rgba(19, 164, 219, 0.50); 
          scrollbar-shadow-color: rgba(178, 230, 252, 0.80); 
          scrollbar-darkshadow-color: rgba(178, 230, 252, 0.80);
          
}

body, body * {
    /*font-size: 1rem;*/
    /*#font-family: fontNormal;
    color: midnightblue;*/
    padding: 0;
    margin: 0;
}

/*table {
    overflow: auto;
    white-space: nowrap;
}*/ 

body {

}

input {
    border: 1px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}

label {
    border: 0px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}

select {
    border: 1px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}
#imgViewerPanel {
    display: none;
    background-color: rgba(78, 62, 62, 0.49);
    z-index: 99999;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    top: 0rem;
    height: 100%;
    text-align: center;
}
#imgViewer {
    border: 0.25rem solid darkred;
    background-color: #f8f8f8;
    width: 80%;
    height: 70%;
    margin: 4rem auto;
    text-align: center;
    position: relative;
    font-weight: bolder;
    font-size: 4rem;
    overflow: auto;
}
#divViewer {
   
}

#alertMessagePanel, #divWarningPanel {
    display: none;
    background-color: rgba(78, 62, 62, 0.49);
    z-index: 99999;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    top: 0rem;
    height: 100%;
    text-align: center;
}
#divAlert, #divWarning {
    border: 0.25rem solid darkred;
    background-color: #f8f8f8;
    width: 25rem;
    height: auto;
    margin: 10rem auto;
    text-align: center;
    position: relative;
    font-weight: bolder;
    font-size: 4rem;
}
#divAlertMessage, #divWarningMessage {
    padding: 1rem;
}
#divAlertHeaderCaption, #divWarningHeaderCaption {
    color: white;
    font-weight: bolder;
    vertical-align: middle;
    display: inline-block;
    height: 1.5rem;
    width: auto;
}

#divAlertHeader, #divWarningHeader {
    background-color: darkred;
    width: 100%;
    height: 2rem;
    text-align: left;
    position: relative;
    font-weight: bolder;
}
#loadingPanel {
    display: none;
    background-color: rgba(255, 255, 255, 0.63);
    z-index: 99999;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    top: 0rem;
    height: 100%;
    text-align:center;

}
    #loadingPanel div {
        background-color: rgba(248, 244, 244, 0.00);
        width: 20rem;
        height: 20rem;
        margin: 10rem auto;
        text-align: center;
        position: relative;
        font-weight:bolder;
        font-size:1.5rem;
    }
.lblOther {
    border-style: none;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}
#btnRefreshCaptcha {
    background-color: #fff;
    border-color: #fff;
}
#btnRefreshCaptcha:hover {
    background-color: white;
    color: white;
    cursor:pointer;
}


button {
    background-color: rgba(19, 164, 219, 0.50);
    border: 1px;
    border-style: solid;
    border-color: lightblue;
    border-radius: 2px 2px;
    height: 2.3rem;
    margin: 0;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 400;
    /*background-image: url('../img/btn/ok.png');*/
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position-x: 0.25rem;
    margin-left: 0.25rem;
    /*box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);*/
}
button:hover{
    background-color:#840707;
    color:white;
    border-color: darkred;
}

.buttonSmall {
    border-radius: 1px;
    height: 2rem;
    padding: 0.3rem;
    padding-left: 2rem;
    font-weight: 300;
    background-size: 1.5rem 1.5rem;    
}



table {
    /*border:0;*/
    /*border-collapse:collapse;*/
}

/*tr{
    margin-top:0.5rem;
    padding-bottom:2rem;
}*/

/*#endregion HTML,BODY*/

/*#region CUSTOM ELEMENTS*/
.imgButton {
    background-color: #e3edf2;
    width:2.5rem !important;
    height:2.5rem !important;
    background-position:center;
    background-repeat:no-repeat;
}
.imgButton:hover{
    background-color:#840707;
    color:white;
    border-color: darkred;
}

/*#endregion CUSTOM ELEMENTS*/


/*#region ROTATE DIV*/

.newhomeMainBtn {
    margin-right:1.2rem;
    /*z-index: 999;*/
    /*display: inline-block;*/
    font-size: 1.5rem;
    cursor: pointer;
    background-color: white;
    height: 6rem;
    width: 6rem;
    margin-top: 4rem;
    border: 1px solid #efefef;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    transition: background-color 1s, color 1s,height 0.5s,width 0.5s;
    transform: rotate(45deg);
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}
    .newhomeMainBtn img {
        transform: rotate(-45deg);
        height: 4rem;
        width: 4rem;
        margin-top: 1rem;
        margin-left: 1rem;

    }
    .newhomeMainBtn:hover { 
        height: 7rem; 
        width: 7rem; 
    }
 
.popupHeader {
    color:red; 
    font-weight:600;
    font-size:1.2rem;
}.popupDetails {
    color:black; 
}


.formHeader {
    font-weight: 900;
    font-size: 1.5rem;
    font-family: fontBold;
    border-bottom: 1px solid red;
}

.formSubHeader {
    font-weight: 900;
    font-size: 1.1rem;
    font-family: fontBold;
    border-bottom: 1px solid #e0eaf1;
    color: #075da5;
}

.bolderText {
    font-weight: 900;
    font-size: 1rem;
    font-family: fontBold;
}

/*#endregion  ROTATE DIV*/