@import url('/fonts/montserrat.css');

html,body  
    {
    width:100%;
    height: 100%;
    margin:0;
    padding:0;
    font-family: "Montserrat",Helvetica,Arial, sans-serif;
    background-color: #EEEEEE;
    color:#444444;
	}

a   
    {
    color:#444444;
    }
#overlay
    {
    position: absolute;
    top:0px;
    width:100%;
    height:100%;
   
    z-index:50;
    display: none;
    }
 .ol-bg
    {
    position: absolute;
    top: 0px;
    background-color: #333333;
    opacity:0.85;
    width:100%;
    height:100%;
    }

.ol-dialog
    {
    position: relative;
    z-index:100;
    width:600px;
    border-radius: 25px;
    top:20%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;

    }
#header
    {
    position: absolute;
    width:100%;
    height:120px;
    background-color: #FFFFFF;
    color:#666666;
    }

#page
    {
    position: relative;
    top:120px;
    max-width: 1125px;
    margin-left: auto;
    margin-right: auto;
    font-size:15px;
    }

#page input[type="text"], input[type="password"], input[type="date"], select
    {
    border:1px solid #CCCCCC;
    border-radius: 20px;
    padding:5px;
    color:#333333
    }

input[type="submit"], input[type="button"]
    {
    font-family: "Montserrat",Helvetica,Arial, sans-serif;
    
    }
#headerlinks
    {
    float:right; 
    }

#headerlinks a  
    {
    display: block;
    color:#666666;
    text-decoration: none;
    margin-left:30px;
    min-width:80px;
    float:left;
    }


#loginpage
    {
    position: absolute;
    width:100%;
    height: 100%;
    background-image: url('/images/login-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }

#loginoverlay
    {
    position: absolute;
    width:100%;
    height: 100%;
    background-color: #7daedd;
    opacity: 0.7;
    z-index:5;
    }

#loginbox
    {
    position: relative;
    top:20%;
    max-width: 300px;
    margin-right:auto;
    margin-left:auto;
    background-color: #FFFFFF;
    border-radius: 32px;
    z-index:20;
    padding:25px;
    font-size: 11px;
    }

#loginbox input[type=text],#loginbox input[type=password]
    {
    width:90%;
    border:0px;
    padding:10px;
    background-color: #f2f3f8;
    border-radius:20px;
    margin:6px;

    }

h3
    {
    color:#7daedd;
    font-size:14px;
    font-weight: bold;
    }
h4
    {
    color:#7daedd;
    font-size:18px;
    font-weight: bold;
    }

 h5
    {
    color:#7daedd;
    font-size:12px;
    font-weight: normal;
    margin-bottom:4px;
    }

.mainbtn
    {
    background-color:#7daedd;
    padding:6px;
    border:0px;
    color:#FFFFFF;
    border-radius: 20px;
    min-width: 100px;
    font-weight: bold;
    width:90%;
    cursor: pointer;
    }

 .bbtn
    {
    background-color:#7daedd;
    display:block;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    border:0px;
    color:#FFFFFF;
    border-radius: 20px;
    min-width: 100px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-size:15px;
    }
 
.sbtn
    {
    background-color:#7daedd;
    margin:2px;
    padding:8px;
    padding-left:12px;
    padding-right:12px;
    border:0px;
    color:#FFFFFF;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    }

.okmsg, .errmsg
    {
    position: absolute; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    background-color:#FFFFFF; 
    top:130px; 
    min-width:300px;
    text-align: center; 
    overflow:visible; 
    padding:20px; 
    z-index:40; 
    border-radius:15px; 
    }

.okmsg  
    {
    color:#22AA22;    
    border:2px solid #22AA22;  
    }

.errmsg
    {
    color:#AA2222;  
    border:2px solid #AA2222;
    }

.dlnmbox
    {
    width:165px; 
    text-align:center; 
    float:left; 
    font-size:13px;
    color:#999999;
	
    }

.grey12
    {
    color:#999999;
    font-size: 12px;
    }
.grey14
    {
    color:#999999;
    font-size:14px;
    
    }

.mtbl,.stbl
    {
    width:100%;
    border-spacing:0px;

    }
.mtbl td   
    {
    border-bottom:1px solid #7daedd;
    padding-top:8px;
    padding-bottom: 8px;
    color:#999999;
    margin:0;
    font-size:15px;
    }
.mtbl th, .stbl th
    {
    color:#BBBBBB;
    font-size:12px;
    text-align:left;
    font-weight: normal;
    }


 .stbl td   
    {
    border-bottom:1px solid #7daedd;
    padding-top:2px;
    padding-bottom: 2px;
    color:#999999;
    margin:0;
    font-size:13px;
    }
.hx
    {
    cursor:pointer;
    }
.hx:hover, .hx:hover td
    {
    background-color:#7daedd;
    color:#FFFFFF;
    }

.tpage, .tpage_visited
    {
    float:left; 
    border-radius:10px; 
    width:35px; 
    height:15px;
    border:1px solid #BBBBBB;   
    font-size:12px;
    text-align: center;
    margin-top:2px;
    margin-bottom:5px;
    margin-right: 2px;
    cursor: pointer;
    }


.tpage_visited
    {
    background-color:#7daedd;
    color:#FFFFFF;
    }


.tpage
    {
    background-color: #DDDDDD;
    color:#999999;
    }

.tpage:hover, .tpage_visited:hover
    {
    background-color: #FFFFFF;
    color:#7daedd;
    }

.tpinfo
    {
    display:none;
    position: relative;
    top:0px;
    font-size:12px;
    border:1px solid #BBBBBB;
    background-color: #7daedd;
    color:#FFFFFF;
    text-align: left;
    padding:5px;
    border-radius: 15px;
    }

.blk_full, .blk_pad
    {
    border:1px dotted #BBBBBB; 
    border-radius:25px; 
    background-color:#FFFFFF; 
    color:#7daedd;
    float: left;
    
    box-shadow: 3px 3px 4px #DDDDDD;
    
    }

.blk_pad 
    {
    padding:15px; 
    }

.blk_head
    {
    background-color:#7daedd; 
    color:#FFFFFF;
    border-radius:25px 25px 0px 0px; 
    padding:15px;
    }

.blk_full a
    {
    text-decoration: none;
    
    }

.blk_cont
    {
    padding:15px; 
    padding-left:20px; 
    color:#999999;
    }

#userstatus_change
    {
    display: none;
    }


#sortable div {float:left; border:1px solid #EFEFEF; padding:6px; margin-right:5px; border-radius: 15px; cursor:grab; background-color:#EFEFEF;}
#availdiv div {float:left; border:1px solid #EDEDED; padding:6px; margin-right:5px; border-radius: 15px; background-color: #EDEDED;}
#availdiv div span {font-size:1.5em;} 
.reptable {font-size:1.2em;}
#infobox {display:none; font-size:1.1em; background-color:#EEEEEE; border:1px solid #BBBBBB;}
#introbox {font-size:1.1em;}


@media all and (max-width: 1125px)
	{
    .blk_full, .blk_pad
        {
        width:90%;
        margin-top:30px;
         }
   .dlnmbox
        {
        width:300px; 
        }
    }

    
@media all and (min-width: 1125px)
    {
    .blk_full, .blk_pad 
        {
        margin:15px;
        }
    .dp35
        {
        width:350px;
        float:right;
        
        }
    .dp50
        {
        width:500px;
        }
    .dp65
        {
        width:650px;
        }
    .dp70
        {
        width:700px;
        }
    }