/** custom style sheet goes here **/
body {background-color:#fff; font:16px Helvetica, Arial, sans-serif; color:#4d4d4d;}
html, body {
 height: 100%;
 margin: 0;
 min-height: 100%;
 overflow-x: hidden;
}
#leftSidebar {
background: rgb(49,49,109);
color: white;
padding: 0px 10px;
}
ul.sidebarMenu {
 list-style-type: none;
}
ul.sidebarMenu li a {
color: white;
padding: 3px 0px 8px 17px;
background: transparent url(/ext/img/linkArrow2.png) no-repeat -2px 5px;
display: block;
text-decoration: none;
}
ul.sidebarMenu li a:hover {
 text-decoration: underline;
 cursor: pointer;
}
#rightSidebar {
 background-color: #e6e6e6;
padding: 0px 35px;
padding-top: 58px;

}
#rightSidebar img {
 padding-bottom:1px;
}
#rightSidebar form label {
 margin-bottom:0px;
}
.btn-ekis {
 color: #fff;
 background-color: rgb(49,49,109);
 border-color: rgb(49,49,109);
 border-radius:0px;
 padding: 1px;
}
.btn-outline-ekis {
 color: rgb(49,49,109);
 background-color: white;
 background-image: none;
 border-color: rgb(49,49,109);
 border-radius:0px;
 padding: 1px;
}
.btn-outline-ekis:hover,.btn-ekis:hover{
 background-color: #77adec;
 border-color: #77adec;
}
#content .logos {
 position: absolute;
 bottom: 0px;
}
#content a {
color:rgb(49,49,109);
}
#content .subcontent {
font-size: 14px;
 }
@media (max-width: 1450px){
  .koolide {
   font-size: 30px;
  }
  ul.sidebarMenu{
   padding-left: 5px;
  }
  #rightSidebar {
  padding: 0px;
  }
}
@media (max-width: 577px){
 #content .logos {
  position: static;
  bottom: 0px;
 }
}
@media (min-width: 992px){
  #rightSidebar {
   padding-top: 58px;
   }
 }