#mainmenu{
text-align:right;
width:100%;
display:block;
margin-bottom:0px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}

#mainmenu a{
display:inline-block;

text-decoration:none;
}

#mainmenu a.logout{
    color:#666;
    padding-left:20px;
    background-size:auto 90%;
    background-position:left;
    padding-right:10px;
    background-image:url(gfx/logut.svg); 
    border-bottom:1px solid #CCC;
    transition:0.5s all;
}

#mainmenu a.logout:hover{
    color:#c20005;
    border-bottom:1px solid #C00;
}

#home{
background-color:#005f88;
background-image:url(gfx/house.png) !important;
background-size:70% 70% !important;
background-repeat:no-repeat !important;
background-position:center center !important;
width:25px;
height:25px;
border-radius:30px;
margin-right:30px;
margin-bottom:-10px;
}

#tomyaccount{
    background-image:url(gfx/userIcon.svg);
    background-size:auto 80%;
    background-position:left;
    color:#009ce0;
    padding-left:25px;
    margin-right:20px;
}

#tomyaccount:hover{
    background-size:auto 96%;
}

.mainMbutton{
    padding:2px;
    transition:0.3s all;
    border-bottom:1px solid #CCC;    
}


.mainMbutton:hover{
border-bottom:1px solid #009ce0;
}#slideContent form input, 
#slideContent form textarea,
#slideContent form select
{
    width:90%;
}

#slideContent form textarea{
    height:240px;
}.apiSetupI{
    display:block;
    padding:4px;
    margin-bottom:8px;
    background-color:rgba(255,255,255,0.8);
    box-shadow:0px 0px 4px #999;
}

.apiSetupI p{
    margin:0px;
    margin-bottom:15px;
}

.apiSetupI p strong{
    font-size:80%;
    color:#999;
    display:block;
    margin-bottom:-3px;
}.topForm h2{
    margin-top:0px;
}

.topForm{
    position:fixed;
    top:100px;
    width:100%;
    padding:30px;
    background-color:#369;
    background-image: linear-gradient(45deg, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
    display:block;
    font-size:120%;
    color:#FFF;
    box-shadow:0px 0px 4px #000, 0px 0px 20px #000 ;
}

.topForm label strong{
    display:block;
}

.topForm label{
    margin-bottom:20px;
}

.topForm a{
    text-decoration:none;
    color: rgba(255,255,255,0.6);
    display:inline-block;
    border-bottom:2px solid rgba(255,255,255,0.6);
}

.topForm a:hover{
    color: rgba(255,255,255,0.6);    
    border-bottom:2px solid rgba(255,255,255,0.9);    
}.formarea{
    background:rgba(19,147,201,0.1);
    padding:10px;
}.icon{
    background-repeat:no-repeat;
}#slider{
    display:block;
    width:400px;
    transition:all 0.5s;
    background:rgba(255,255,255,0.95);
    box-shadow:0px 0px 3px rgb(100,100,100);
    position:fixed;
    top:60px;
    right:0px;
    overflow:auto;
}

.slideclose{
    text-decoration:none;
    background-color:#35c9f3;
    padding:2px;
    display:block;
    color:rgba(255,255,255,0.6);
    transition:all 0.5s;
    font-size:80%;
    position:fixed;
    top:40px;
    width:40px;
    height:40px;
    border-radius:400px;
    right:6px;
}

.slideclose>span{
    display:block;
    width:100%;
    text-align:center;
    transition:all 0.4s;
}

.slideclose>span:first-child{
    font-size:422%;
    margin-top:-6px;
    margin-bottom:-8px;
    position:relative;
    left:0px;
    margin-top:-14px;
    margin-bottom:-25px;
}

.slideclose:hover>span:first-child{
    left:6px;
}


.slideclose>span:nth-child(2){
    font-size:111%;
}


.slideclose:hover{
    color:rgba(255,255,255,0.8);
}

#slideContent{
    text-align:left;
    font-size:16px;
    padding:10px;
    margin-top:20px;
}

#slideContent label{
    margin-bottom:10px;
}

#slideContent label strong{
    display:block;
}

#slideContent h2{
    color:rgba(0,0,0,0.4);
    font-size:180%;
}

.slideclose{
    
}

.slidegroup{
    display:block;
    margin-top:10px;
    margin-bottom:15px;
}html,body{
margin:0px;
padding:0px;
}

h1,h2{
font-weight:normal;
}

span,div,iframe,form, label{
box-sizing: border-box;
}

body{
text-align:center;
background:rgba(0,0,0,0.05);
}

body,input,select,option{
font-family: 'Rajdhani', sans-serif;
font-size:14px;
font-weight:400;
color:#666;
}

strong{
    font-weight:500;
}


.btn{
border-radius:4px;
}

.btn:hover{
box-shadow:0px 0px 4px rgba(0,0,0,0.5);
}
#slider{
    z-index:99999;
}.termsigned{
    display:inline-block;
    width:100%;
    max-width:410px;
    padding:5px;
    background:rgba(0,0,0,0.04);
    margin:4px;
    vertical-align:top;

}

.termsigned div{
text-align:left;
}.aTermBlock{
    display:inline-block;
    padding:10px;
    max-width:400px;
    vertical-align:top;
border-radius:0px;
transition:1s all;
background:rgb(255,255,255,0);
}

.aTermBlock.open{
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}

.aTermBlock.ispubbed .opTog{
box-shadow:0px 0px 4px #10ad00;

}

.termEditTxt{
    text-align:left;
}#appStage iframe{
width:100%;
border:0px;
}

.minicon{
width:140px;
}#orgLvls{
    display:inline-block;
    padding:20px;
    width:99%;
    max-width:600px;
    
}


.ounit{
    display:block;
    text-align:left;

}

.subUnits{
    display:block;
    border-left:4px solid #CCC;
    margin-bottom:4px;
    margin-left:5px;
}

.oHead{
    display:block;
    background-color:rgba(255,255,255,0.7);
    padding:4px;
    color:#666;
    margin-bottom:4px;    
}.tabs a{
display:inline-block;
vertical-align:top;
padding:2px;
margin:3px;
border-bottom:2px solid #CCC;
text-decoration:none;
font-size:110%;
color:#999;
}

.tabs a.current{
border-bottom:0px solid #0b9fd0;   
color:#0b9fd0;
position:relative;
top:5px;
}

.boxes{
display:block;
}

.boxes a{
text-decoration:none;
width:200px;
height:150px;
vertical-align:top;
background:rgba(0,156,224,0.2);
color:#009ce0;
display:inline-block;
font-size:25px;
transition:all 0.5s

}

.boxes a>span{
display:table-cell;
width:200px;
height:130px;
text-align:center;
vertical-align:middle;
}

.boxes a:hover{
background:#009ce0;
color:#FFF;
}


.boxes.apps>a>span{
background-position:center center  !important;
background-size:contain !important;
background-repeat: no-repeat !important;
text-shadow:0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF,0px 0px 3px #FFF;
}

.boxes.apps>a{
background:rgba(255,255,255,0.8);
box-shadow: 0px 0px 2px #009ce0;
margin:10px;
transition:all 0.5s;
background-image:url(gfx/appbg.svg), url(gfx/circle.svg);
background-size:auto 190%, 2% auto;
background-position:center center, center, center;
background-repeat:repeat,no-repeat;
}

.boxes.apps>a:hover{
background-color:rgba(255,255,255,1);
box-shadow: 0px 0px 7px #009ce0;
background-size:auto 230%,  162% auto;
}

.boxes.apps>a>span{
width:170px;
position:relative;
left:15px;
top:10px;
height:130px;
transition:all 0.5s;
}

.boxes.apps>a:hover>span{
width:180px;
position:relative;
left:10px;
top:5px;
height:140px;
color:#009ce0;
}.termcontainer{
    display:inline-block;
    width:90%;
    max-width:600px;
    text-align:left;
    border-top:2px solid #0b9fd0;     
}

h1 .smaller{
    color:#999;
    display:block;
    font-size:80%;
}#loginlog{
    height:300px;
    overflow:auto;
    background:rgba(0,0,0,0.05);
}

 .logip{
    display:block;
    font-size:80%;
}

#epw{
    padding:10px;
}.filterform .label, .filterform label{
display:inline-block;
margin-right:20px;
}

.filterform{
background:#1393c9;
padding:5px;
color:#FFF;
}

.accessListItem{
    display:inline-block;
    width:200px;
    padding:5px;
    vertical-align:top;
    background: rgba(255,255,255,0.5);
    margin:5px;
    border-left: 4px solid #1393c9;
}

.accessListItem>span{
    display:block;
    margin-top:5px;
    margin-bottom:5px;
}

.accessListItem>span>strong{
    display:block;
    margin-bottom:-4px;
}

#aUform{
    display:inline-block;
    width:400px;
    text-align:left;
}


#aUform label{
    display:block;
    margin-bottom:9px;
}form label{
display:block;
}

table{
display:inline-block;
width:90%;
max-width:800px;
}

table td{
border: 1px solid #333;
}@keyframes buzzAni{
0%   {  left:5%; width:5px; height:5px; }
25%   {  width:9px; height:9px;  }
50%   {  left:95%; width:5px; height:5px; }
75%   {  width:9px; height:9px;  }
100%  {left:5%; width:5px; height:5px;  }
}

.buzzani{
    display:none;
}

.buzzing .buzzani{
    display:block;
    width:100%;
    height:9px;
}

.buzzer{
display:block;
width:5px;
height:5px;
position:relative;
left:0%;
background:#0b9fd0;
 animation: buzzAni 2s infinite;
}@keyframes welcAni{
0%   {border-radius:200px;  opacity:0;}
100%  {border-radius:0px;  opacity:1;}
}

.idWelcome{
    display:inline-block;
    width:120px;
    height:120px;
    animation-name: welcAni;
    animation-duration: 3s;
    overflow:hidden;
}

.idWelcome span{
    display:block;
    width:120px;
    height:120px;
    
    background-size:contain;
    background-repeat:no-repeat;
}

.welcome1{
    background-image:url(gfx/asid_p1.svg);
    margin-bottom:-120px;
}

.welcome2{
    background-image:url(gfx/asid_p2.svg);

}

@keyframes welcAni1{
0%   {background-size: 4700% 1000%; background-position:-1900px -225px;}
25%  {background-size: 4700% 1000%; background-position:-1900px -225px;}
100%  {background-size:100% 100%; background-position:0px 0px;}
}

.idWelcome .welcome2{
    animation-name: welcAni1;
    animation-duration: 2s;
}



#login, #login input{
font-size:150%;
}

.logoframe{
width:100%;
height:40px;
border:1px solid #000;
}

#login{
display:inline-block;
color:#666;
text-align:center;
width:90%;
max-width:500px;
padding:5%px;
background-position:top center;
background-size: contain;
background-repeat:no-repeat;
}

#loginfeedback, #loginfeedbackC{
display:block;
}

#loginfeedbackC{
margin-top:60px;
}

#login label{
display:block;
width:100%;
margin-bottom:40px;
margin-top:20px;
}

#login label input{
width:95%;
display:inline-block;
font-weight:500;
color:#999;
border:0px;
background:none;
max-width:300px;
margin:0px;
padding:0px;
text-align:center;
}

#login label:not(.focus)::after {
  content: '';
  background-color: #CCC;
  display:inline-block;
  width:100%;
  height:2px;
  max-width:300px;
  position:relative;
  top:-15px;
}

#login label.focus::after {
  content: '';
  background-color: #2e94c7;
  display:inline-block;
  width:100%;
  height:4px;
  max-width:300px;
  position:relative;
  top:-15px;
  
}

#login input{
    outline:none;
}

#login strong{
    display:block;
}


iframe.logout{
width:3px; 
height:3px;
}


@keyframes formAni{
0%   {  opacity:0;}
50%   {  opacity:0;}
100%  {opacity:1;}
}

#theform{
    animation-name: formAni;
    animation-duration: 3s;
}

#loginSubmit{
    display:none;
}


#doLogin{
    display:inline-block;
    background:url(gfx/GoLogin.svg);
    width:100px;
    height:33px;
    background-size:auto 30px;
    background-position:right 2px;
    padding-right:20px;
    text-decoration:none;
    background-repeat:no-repeat;
    color:#0b9fd0;
    transition:0.4s all;
    padding-top:4px;
}

#doLogin:hover{
    font-size:120%;
    text-shadow:0px 0px 5px #0b9fd0;
    padding-top:0px; 
    padding-right:30px;
}

.buzzW{
    display:inline-block;
    width:100%;
    max-width:300px;
}

.portalName{
    width:100%;
    padding:10px;
    display:inline-block;
    max-width:400px;
    color:#6f96ac;
}.btn{
display:inline-block;
padding:5px;
color:rgba(255,255,255,0.9);
background: rgb(0,183,234);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
background: radial-gradient(ellipse at center, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=1 );
transition:0.3s all;
border-radius:4px;
box-shadow:0px 0px 2px rgba(0,0,0,0.3);
margin:4px;
text-decoration:none;
}

.btn:hover{
 color:rgba(255,255,255,1);   
 box-shadow:0px 0px 4px rgba(0,163,214,0.9);
}

.btn.fullw{
    display:block;
    text-align:center;
}