/* text style for buttons and link buttons used in the portal admin pages */
@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Lato:300,400,700');

* {
  font-family:'Lato';
  font-size: 18px;
}

h2, .content h2, h3 {
  font-family: 'Bree Serif', serif;
  font-size:30px;
  color:#000;
  font-weight:300;
}

.content h2 {
  padding: 10px 0 10px 0px;
  background-color:#fff;
}

.CommandButton     {
  background-color: #000080;
  padding: 5px 10px;
  color: white;
}
.footer{
background: #403E3F;
}

.footer img {
  display:none;
}

.LoginPanel .dnnSecondaryAction {
    background: #d2dfe8;
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 20px;
    transition: all ease-in 200ms;
}

.LoginPanel .dnnPrimaryAction {
    background: #0d458d;
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 20px;
    transition: all ease-in 200ms;
}

.ndLogin .dnnLoginService input {
  width: 250px;
}

#dnn_ctr7915_Login_Login_DNN_cmdCancel{
  display: none;

}

.lim .basket_confirm button {
  display: inline-block !important;
}
/*dnn fix: added in an update.*/


.fu-container.ui-dialog-content.ui-widget-content, .ui-dialog-content.ui-widget-content{
    height: 100% !important;
}

.ndLogin {
  width: 280px!important;
}

@media only screen and (max-height: 800px)
.ndLogin {
  width: 280px !important;
}
}


.LoginPanel .dnnSecondaryAction {
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 20px;
    transition: all ease-in 200ms;
}

.LoginPanel .dnnPrimaryAction {
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 20px;
    transition: all ease-in 200ms;
}

.ndLogin .dnnLoginService input {
  width: 250px;
}

.ndLogin .dnnFormItem:nth-child(4) {
  margin-top: 0 !important;
}

.hiddentable td{
    color: black;
    font-size: 12px;
}

.hiddentable td input{
    margin: 10px !important;
}

.hidden { display: none !important; }

.ndFm input{
  	border: thin solid rgba(0, 0, 0, 0.05);
  	padding: 5px;
}

.CommandButton, .CommandButton a{
  	color: white !important;
}


.ndLogin :nth-child(5).dnnFormItem{
  margin-top: -95px !important;
}


.sidebar ul li ul li a {
  height: auto !important;
  font-size:16px !important;
}

p.info{
  margin: 0 !important; padding: 0;
}

.content ul{
  margin: 0 !important;
}

.dnnFormMessage.dnnFormSuccess{
  display: block !important;
}

a.lim_a{
  color: white !important;
}

#dnn_ctr7915_Login_Login_DNN_cmdCancel{
  display: none;

}

.lim .basket_confirm button {
  display: inline-block !important;
}
/*dnn fix: added in an update.*/


.fu-container.ui-dialog-content.ui-widget-content, .ui-dialog-content.ui-widget-content{
    height: 100% !important;
}

.ndLogin {
  width: 280px!important;
}

@media only screen and (max-height: 800px)
.ndLogin {
  width: 280px !important;
}
}

.dnn_contentPane h2 {
  color: black !important;
  background-color: #5c7b86 !important;
}



.contheader h2 {
  background-color: #fff !important;
  color: #000;
  padding: 10px 0 10px 20px;
}

.basketconfirm_confirm {
    font-size: 12px !important;
    padding-right: 10px !important;
    background-color: rgb(0, 151, 176) !important;
  border: 0;
  padding: 10px 15px !important;
  color: white;
  border-radius: 10px;
}

.basketconfirm_confirmmessage {
  background-color: rgba(0, 255, 0, 0.3) !important;
  color: #006400 !important;
  border: 1px solid #006400 !important;
  padding: 15px !important;
  margin-bottom: 10px !important;
}

.basketconfirm_deelnemers {
  margin-top: 15px !important;
}

.lim .basket_block_container{
  font-size: 12px !important;
  line-height: 14px; 
}

.lim .basket_opleiding_naam{
  margin-top: 5px;
}

.content .item{
  width: 100%;
}

.basketconfirm_confirm{
  border-radius: 0;
}

.raDiv, .RadAjax .raColor {
    width: 50vw !important;
    height: 75vh !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}



#dialog { background-color: white; 
 padding: 15px;
  z-index: 1;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid rgb(89, 89, 89);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.ui-widget-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0);
    z-index: 9;
}

.ui-dialog {
  z-index: 10;
}

.dialog a {
    color: #90BB37 !important;
}

.Print {
  border: 1px solid #787878 !important;
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(230,230,230,1);
-moz-box-shadow: inset 2px 2px 2px 0px rgba(230,230,230,1);
box-shadow: inset 2px 2px 2px 0px rgba(230,230,230,1);
  border-radius: 5px;
}


.ndtblock{
  padding: 0 20px !important; 
}

.ndSearch {
    margin: 15px 0 !important;
}

#ndMovable{
  margin: 15px 0 !important;
}

.ProfilePhoto {
  display: none;
}

.content-fullwidth #ndMovable .item.body{
  width: 100% !important;
}

.profileImg {
  display: none;
}

.imgR {
    display:none;
    width: 130px;
    height: 130px;
    overflow: hidden;
    text-align: center;
    border-radius: 75px;
    border: 3px solid white;
    background-image: url(/Portals/90/Images/Portaal_meisje_carolien.jpg);
    background-size: cover;
}

.CommandButton2 {
    background-color: #1A9ACB;
    font-family:'Bree Serif', serif;
    padding: 5px 10px;
    color: white !important;
    border-radius: 10px;
    margin: -15px 0px !important;
    cursor: pointer !important;
}

.CommandButton2 a:hover {
  color: white !important;
}

.CommandButton2:hover {
  opacity: 0.7 !important;
}

.ndtblock .item {
	background-color: white !important;
	border: none !important;
	margin: 0 !important;
}
	
.content .item.head {
  color: #1A9ACB;
}

.item h2 {
  background-color: white !important;
  color: #000 !important;
}  
.item h3 {
 color: #5c7b86 !important;
}

.navBar {
  background:#403E3F !important;
}

.navBar::before {
  background:none;
}

#MainNav {
  background-color:#403E3F;
}

#MainNav li a {
  font-size: 12px;
  font-family: arial;
}

.basket_confirm {
  display: none;
}

@media only screen and (max-width: 767px){
.footer .arrow img {
    width: 25px;
    margin-top: -70px;
}
}

.ndtblock .item.head i, .ndtblock .item.head h3, .ndtblock .item.head h2{
 color: black;
}

.Moodle {
    background-color: #0097b0;
    color: white !important;
    padding: 8px 15px 8px 45px;
    line-height: 20px;
    border-radius: 5px;
    position: relative;
    -moz-transition: background-color ease-in 200ms;
    -o-transition: background-color ease-in 200ms;
    -webkit-transition: background-color ease-in 200ms;
    transition: background-color ease-in 200ms;
    width: 35px;
    margin: auto;
    cursor: pointer;
    margin: 2px;
}

.Moodle:before {
    font-family: 'Material Icons';
    content: '\E80C';
    position: absolute;
    left: 8px;
    font-size: 24px;
}

.content .nddetail>ul>li>ul li {
  list-style-type: disc;
    list-style-position: initial;
    line-height: 16px;
    margin-left: 15px;
  font-size: 12px;
}

.content .nddetail>ul>li {
  font-size: 12px;
}

#company a img {
  height:70px;
}

.header .companytxt h2 {
  padding-top:35px;
}

#SideNav li > a {
  font-family: arial;
  font-size: 16px;
  background-color: #1A9ACB;
  color: #fff;
}

#SideNav li.active > a {
  background-color: #1778AB;
  color: #fff;
}

#SideNav li ul li a {
  background-color: #1A9ACB;
  color: #fff;
  border-left: thick solid #1A9ACB;
}

table.ndtable th {
  font-family:'Bree Serif', serif;
  font-size:14px !important;
  color: #1B9BCA !important;
  text-transform: none;
}

table.ndtable tbody td{
  font-family:'Lato', sans serif;
  font-size: 14px;
  color: #404040;
}

.ndtable tr.l1::after {
  background-color: #1A9ACB !important;
}

.innoform main ul li>label {
  color: #1A9ACB !important;
  font-weight: 700 !important;
  font-family: 'Lato';
  font-size:12px !important;
}

.innoform main input[type=checkbox]+label, .innoform main input[type=radio]+label {
 font-size:12px !important; 
}

.innoform input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(23,36,64,.5);
    font-style: italic;
    font-size:11px;
}

.innoform input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(23,36,64,.5);
   opacity:  1;
  font-style: italic;
  font-size:11px;
}

.innoform input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(23,36,64,.5);
   opacity:  1;
  font-style: italic;
  font-size:11px;
}

.innoform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(23,36,64,.5);
  font-style: italic;
  font-size:11px;
}

.innoform input::-ms-input-placeholder { /* Microsoft Edge */
   color: rgba(23,36,64,.5);
  font-style: italic;
  font-size:11px;
}

.innoform input::placeholder { /* Most modern browsers support this now. */
   color: rgba(23,36,64,.5);
  font-style: italic;
  font-size:11px;
}

.sidebar li a.active {
  background-color: #1778AB !important;
  border-left: thick solid #1778AB !important;
}

.limBtn {
 display:none; 
}
.innoform main ul li>label.error {
    color: #ff5858 !important;
}