body{
    background:#ffffee;
}


.hlred{
    background:linear-gradient(#fcc,#faa); 
    padding:2px;
}

.hlgreen{
    background:linear-gradient(#cfc,#afa); 
    padding:2px;
}

.highlight1{
    background:linear-gradient(#777,#222);
    color:white;
    padding:2px;
}
.highlight1 :hover
{
    background:linear-gradient(#777,#222);
    color:white;
}

.highlight2{
    background:#9e9;       
}


a{
    color:#77f ;
}
a:visited 
{color:#77f ;}

.buttonBIG
{
 font-family: 'Lato', sans-serif; 
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
  -moz-border-radius:10px ;
 -webkit-border-radius: 10px ; 
 border-radius:10px;
background:#ffc425;
 color:white;
 cursor:pointer;
 font-weight:bold;
 font-size:28px;
 text-align:center;
 height:48px;
 vertical-align:middle;
 width:97%;
 border:0px;
 -o-transition: color,background 0.2s ease-in-out;
	-webkit-transition: color,background 0.2s ease-in-out;
	-moz-transition: color,background 0.2s ease-in-out;        
}

.buttonBIG:hover
{
    color: #ffc425;                
       background: white;
       cursor: pointer;    
}



select {
            color: #a2a1a6;
            border: 1px solid #e8e8e8;
            padding: 6px;
            padding-left: 12px;
            font-size: 14px;
            font-family: 'Lato', sans-serif,Verdana;
            background: white;
        }

input {
        height:26px;      
            padding: 6px;
            padding-left: 12px;
            width: 92%;
            font-size: 14px;
            font-family: 'Lato', sans-serif,Verdana;
            border: 1px solid #e8e8e8;
            background: white;
}

.burger div{
    width: 35px;
    height: 5px;
    background-color:white;
    margin: 6px 0;
}

.burger div:hover{
    
}



.button
{
   background:#ffc425;
            color: white;
            -o-transition: color,background 0.2s ease-in-out;
            -webkit-transition: color,background 0.2s ease-in-out;
            -moz-transition: color,background 0.2s ease-in-out;
            font-family: 'Lato', sans-serif,Verdana;
            border: 0px;
            padding: 10px;
            padding-left: 30px;
            padding-right: 30px;
            text-align: center;
            font-weight:bold;
}



.button:hover
{
       color: #ffc425;                
       background: white;
       cursor: pointer;
}



.searchBox
{
    background:#ececec;
    border-bottom:1px solid #ccc;
    height:42px;padding-left:10px;text-align:center;  
    
}

.searchBox input
{
    background :#ececec;
    
}


.dbTable_header
{
    width:100%;
    height:50px;
background:#323232;
 color:#fffffb;
 text-align:left;
font-size:20px;
    text-align:center;     
}


.clsList tr:hover
{
background:#1d92b8;
cursor:pointer;
color:White;
}

.clsList tr:hover td
{
    color:White;
background:#1d92b8;
}


.clsList td:hover
{
color:White;
}



.clsList td
{
    font-family:'Lato', sans-serif;
color:#666;
padding:10px;
border-bottom:1px solid #ddd;
font-size:18px;

padding-left:10px;
width:100%;
height:42px;
vertical-align:top;
text-align:left;
line-height:24px;

}

.clsList tr
{
background:#ffffff;
}


.clsList span
{
color:#333;
font-size:18px;
font-weight:bold;
}

.clsList td:hover span
{
color:White;
}


.clsFormList td
{       padding:10px;               
        border-bottom: 1px solid #ddd;
 }
 
 td .formList_Label
 {
     color:#777;
     font-size:14px;
 }
 
 .formList_Label input
 {
     color:Black;
     font-size:18px;
 }
 
 .clsFormList td .header
 {
     color:#777;
 }
 
 .clsFormList td td
 {     
     padding-top:5px;
     padding-bottom:0px;
     padding-left:20px;
     border:0px;     
     text-align:center;
 }
 
 
 
 
body
{
font-family:'Lato', sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
    
td.IOSForm_Header
{
   background:#ffc425;
    color:white;
    font-family:'Lato', sans-serif;
    font-size:18px;
    font-weight:bold;
    height:40px;   
    text-align:center;        
}

div.IOSForm_body
{
          padding:5px;
    color:Black;
    background:white; 
}
div.IOSForm
{
    border:0px;      
}

.IOSForm_button
{
    text-align:center;
    vertical-align:middle;
    width:20px;
    height:20px;
    padding:10px;
    font-size:24px;
    color:#f1f5fd;
    background:#4a7be1;
    font-family:'Lato', sans-serif;
}

.IOSForm_button:hover
{
    cursor:pointer;
     color:#4a7be1;
    background:#f1f5fd;
    
}


.blur
{
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);

}


.mainMenu td
{
padding-left:10px;
font-weight:bold;
color:#fffffb;
height:50px;
background:#ffc425;
font-family:'Lato', sans-serif;
font-size:18px;
}


.mainMenu div
{
background:#222;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ; 
border-radius:10px;
overflow:hidden;
width:20px;
height:20px;
}

.mainMenu img
{
padding-left:6px;
padding-top:4px;
height:12px;
}

.mainMenu tr:first-child img{
padding-left:4px;
padding-top:4px;
height:12px;
}

table.mainMenu
{
width:270px;
}

.mainMenu tr:hover td
{
background:#ffffee;
color:black;
    cursor:pointer;
}

#divMainMenu
{
background:#ffc425;
-o-transition: width 0.5s,left 0.3s ease-in-out;
	-webkit-transition: width 0.5s,left 0.3s ease-in-out;
	-moz-transition: width 0.5s,left 0.3s ease-in-out;
overflow:hidden;
position:absolute;
top:0px;
left:-1000px;
width:270px;
border:0px;
height:300px;

}

.animSlide
{
    -o-transition: width 0.5s,left 0.3s ease-in-out;
	-webkit-transition: width 0.5s,left 0.3s ease-in-out;
	-moz-transition: width 0.5s,left 0.3s ease-in-out;

}


#mainFrameHeader
{
width:100%;
height:50px;
background:#ffc425;
 color:white;
 text-align:center;
font-size:20px;
padding-left:60px;
}

#mainFrame
{
overflow:hidden;position:absolute;top:0px;left:0px;background:White;
width:100%;height:100%;visibility:hidden;
}

#mainFrame_button
{
position:absolute; 
top:0px;
left:0px;
width:40px;
height:40px;
padding:5px;
overflow:hidden;
}

#mainFrame_button:hover
{
 cursor:pointer
}

#mainFrameDetail
{
    overflow:auto;height:100%;border:0px;
    background:#aaa;

}






ul, li { list-style: none; 
			margin: 0; 
			padding: 0;
	 	}
	 	
	 	li {
			background-color: #fff;
			border-bottom: solid 1px #ACACAC;
			padding: 10px;
		}
		
		
		.switch {
			float: right;
			height: 28px;
			width: 77px;
			border: 1px solid #979797;
			border-radius: 20px;
			margin-top: -5px;
						cursor: pointer;
			overflow: hidden;
		}
	    .switch.on
		{
		    background:#4472b9;
		}
		.switch input[type=checkbox] {
			display: none;
		}
	
		.switch > .thumb {
			display: block;
			width: 26px;
			height: 26px;
			position: relative;
			top: 0;
			border: solid 1px #919191;
			border-radius: 28px;
			box-shadow: inset 0 2px 1px white, inset 0 -2px 1px white;
			background-color: #4472b9;
			background-image: -webkit-linear-gradient(#CECECE, #FBFBFB);
			background-image: -moz-linear-gradient(#CECECE, #FBFBFB);
			background-image: -o-linear-gradient(#CECECE, #FBFBFB);
			-o-transition: all 0.125s ease-in-out;
			-webkit-transition: all 0.125s ease-in-out;
			-moz-transition: all 0.125s ease-in-out;
			-o-transform: translateX(0px);
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translateX(0px);
		}
		.switch.on > .thumb {
			-webkit-transform: translate3d(49px,0,0);
			-o-transform: translateX(49px);
			-moz-transform: translateX(49px);
		}
		.switch:hover > .thumb {
			box-shadow: inset 0 2px 1px #fff, inset 0 -2px 1px #fff;
			background-image: none;
		}
		.switch > .thumb::before {
			content: "";
			display: block;
			height: 14px;
			width: 2px;
			background-color: white;
			box-shadow: 0px -1px 1px #666;
			border: none;
			position: absolute;
			top: 6px;
			left: -24px;
		}
		.switch > .thumb::after {
			content: "";
			display: block;
			height: 10px;
			width: 10px;
			border-radius: 10px;
			border: solid 2px #777;
			position: absolute;
			right: -32px;
			top: 6px;
		}
		
	.clsListHeader td
{
    background:#3d8d6a;
    border-top:1px solid black;
    border-bottom:1px solid black;
    color:White;
    font-weight:bold;
}

    #txtusername{
        font-size:20px;
        width:90%;
    }
    #txtpassword
    {   font-size:20px;
        width:90%;}


div.rounded{
    border-radius: 12px;
    padding: 10px;
    border: 1px solid #aaa;
    width: 100%;
    margin: 5px;
    text-align: left;
    background:white ;
    font-size:16px;

}

span.announcementHeader
{
     font-size:22px;
     font-weight:bold;
}