html,body{font-family: 'Roboto', sans-serif !important;}
table td{padding:5px;}
.top_body_back{background-image:url(../images/topbg.png); background-repeat:no-repeat; background-size:100% 100%;}
.logo{ text-align:center;}
.logo img{width:100%; max-width:150px;}
.h2,.h3{ font-size:22px; text-align:center; padding:5px;border:0px; background-color:#ffd9b3 !important; color:#ffffff;
-webkit-box-shadow: 0 3px 3px 2px rgba(0,41,75,0.50);
box-shadow: 0 3px 3px 2px rgba(0,41,75,0.50);
   border-radius: 30px;}
   a{color:#555 !important; font-size:12px;}
.thumbnail{border-color:#0056a3 !important;}
.icon-cog {
  color: red;
}
.fa {
  color: #ff6600 !important;
}

.jumbotron{font-size:28px !important; padding-left:10px !important; background:transparent !important; text-align:center;}
.mainnav{ background-image:url('../images/ispr-logo-back.png'); background-repeat:no-repeat; background-size:35s0px; background-position:left center; background-color:#0056a3 !important; padding-top:5px; padding-bottom:5px;}
.paddingleftright{padding-left:0px; padding-right:0px;}
.paddingtop{padding-top:10px;}
.paddingright{padding-right:0px;}
.marginbottom{margin-bottom:200px;}
.margintop{margin-top:0px;}
.quiz{height:250px; overflow:auto;}
.borderall{border:1px solid #e2e2e6; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}
.panel{border-radius: 30px 30px 0 0;}
.panel-default >.panel-heading{background-color:#0056a3 !important; color:#ffffff;
-webkit-box-shadow: 0 3px 3px 2px rgba(0,41,75,0.50);
box-shadow: 0 3px 3px 2px rgba(0,41,75,0.50);
   border-radius: 30px;
}
.heading_style{border:0px; padding-left:10px; background-color:#0056a3 !important; color:#ffffff;
-webkit-box-shadow: 0 3px 3px 2px rgba(0,41,75,0.50);
box-shadow: 0 3px 3px 2px rgba(0,41,75,0.50);
   border-radius: 30px;}

.varticalalign{border:0px solid #f00;}
.footer{background-color:#0056a3; color:#ffffff; position:fixed; bottom:0px; width:100%;}
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
  
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}