@import url(https://fonts.googleapis.com/css?family=Oswald:700);

body,html
{
    height: 100%;
    width: 100%;
}

textarea
{
    resize: none;
}

.container
{
    width: 100%;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.row
{
    margin-right: 0px;
    margin-left: 0px;
}

.main-row
{
    min-height: 95%;
    /*height: auto;*/
    -webkit-transition: height 1s ease-in;
    -moz-transition: height 1s ease-in;
    -o-transition: height 1s ease-in;
    transition: height 1s ease-in;
}

.row-footer
{
    height: 5%;
}

.footer-container
{
    height: 100%;
}

.col-footer
{
    height: 100%;
    background-color: #a9713a;
    padding-right: 0px;
    padding-left: 0px;
}

.footerinner
{
    width: 100%;
    height: 10px;
    background: #3FA9F5;
}


.pagetitle
{
    height: 80px;
    width: 100%;
    font-family: 'Oswald', sans-serif;
    background: #a9713a;
    color: white;
    border-bottom: 3px solid #3FA9F5;
}

@media(max-width: 1193px){
.pagetitle
{
    height: 120px;
}
}

.pagetitletext
{
    position: relative;
    display: inline;
    margin: 0;
    top: 15px;
}

.navbar
{
    width: 100%;
    height: 80%;
    border: none;
    margin-bottom: 0px;
    background-color: white;
    padding: 0 10px;
}

.navbar-nav
{
    margin: 0px;
}

.navbar-default .navbar-nav > li
{
background-color: white;
width: 100%;
font-size: 16px;
border-bottom: 1px solid #3FA9F5;
-webkit-transition: background-color 0.75s ease-in;
-moz-transition: background-color 0.75s ease-in;
-o-transition: background-color 0.75s ease-in;
transition: background-color 0.75s ease-in;
}

.navbar-nav > ul
{
   list-style: none;
   background-color: #a9713a;
   padding: 0px;
}

.navbar-nav > ul > li
{
   font-size: 16px;
   border-bottom: 1px solid #3FA9F5;
}

.navbar-button
{
    width: 100%;
    min-height: 50px;
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: bolder;
    color: #3FA9F5;
    -webkit-transition: color 0.6s ease-in;
    -moz-transition: color 0.6s ease-in;
    -o-transition: color 0.6s ease-in;
    transition: color 0.6s ease-in;
}

.submenu
{
   list-style: none;
   /*f0c598*/
   background-color: #e7c39d;
   padding: 0px;
}

.navbar-sublink
{
    padding: 5px 0px;
    border-bottom: 1px solid #3FA9F5;
    -webkit-transition: background-color 0.6s ease-in;
    -moz-transition: background-color 0.6s ease-in;
    -o-transition: background-color 0.6s ease-in;
    transition: background-color 0.6s ease-in;
}

.navbar-sublink:focus,
.navbar-sublink:hover
{
    background: #3FA9F5;
}

.navbar-sublink > a
{
    color: #a9713a;
    text-decoration: none;
    font-weight: bold;
}

.navbar-default .navbar-nav > li:focus,
.navbar-default .navbar-nav > li:hover
{
    background-color: #a9713a;
    color: white;
}

.navbar-default .navbar-nav > li > button:hover
{
    color: white !important;
    -webkit-transition: color 0.6s ease-in;
    -moz-transition: color 0.6s ease-in;
    -o-transition: color 0.6s ease-in;
    transition: color 0.6s ease-in;
}

.menuactive
{
    background-color: #a9713a !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #a9713a; 
}

.col-md-3
{
    min-height: 100%;
    background-color: white;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-transition: height 1s ease-in;
    -moz-transition: height 1s ease-in;
    -o-transition: height 1s ease-in;
    transition: height 1s ease-in;
}
.col-md-6
{
    min-height: 100%;
    background-color: white;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-transition: height 1s ease-in;
    -moz-transition: height 1s ease-in;
    -o-transition: height 1s ease-in;
    transition: height 1s ease-in;
}

.col-maincontent
{
    min-height: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.image-col
{
    /*max-height: 25%;*/
    position: relative;
}

.bannerimg
{
    /*min-height: 100%;*/ /*height: auto;*/
    /*position: fixed;*/
    min-width: 100%;
    background: black;
    min-height: 100%;
	max-width:200% !important;
}

.bannerimglogo
{
    position: absolute;
    max-width: 75%;
	left:14%;
	top:25px;
}
.image-container
{
   position: fixed;
   max-width: 25%; /*Added*/
   min-height: 100%; /*height: auto;*/
   overflow: hidden;
}

/*Na styling fixes maken voor tablets*/
@media(max-width: 1024px){

}

@media (max-width: 767px){

}

@media (max-width: 991px){

}


.menu-container
{
min-height: 100%;
}


@media(max-width: 991px){
    .mobilemenu-col
    {
     position: fixed;
     height: 100%;
     left: -650px;
     z-index: 999;
     background: white;
     padding-left: 0px;
     padding-right: 0px;
     overflow: scroll;
     /*overflow: scroll;*/
     -webkit-transition: left 1s ease-in;
     -moz-transition: left 1s ease-in;
     -o-transition: left 1s ease-in;
     transition: left 1s ease-in;
    }

    .mobilemenu-col-toggled
    {
      left: 0;
    }

    .navbar
    {
        padding: 0px;
    }

}




.content-container
{
min-height: 100%;
padding-left: 5%;
padding-right: 5%;
word-wrap: break-word;
}

.body-container
{
    min-height: 100%;
    -webkit-transition: height 1s ease-in;
    -moz-transition: height 1s ease-in;
    -o-transition: height 1s ease-in;
    transition: height 1s ease-in;
}


.content-header
{
    /*margin-top: 5%;*/
    color: #a9713a;
    font-weight: bold;
}

.content-header a
{
    text-decoration: none !important;
}

.info-link
{
    background: transparent;
    border: none;
    color: #A9713A;
    font-weight: bolder;
    -webkit-transition: color 1s ease-in;
    -moz-transition: color 0.5s ease-in;
    -o-transition: color 0.5s ease-in;
    transition: color 0.5s ease-in;
}

.info-link:hover
{
  color: #3FA9F5;
}

.contback-link
{
    color: #3FA9F5;
    font-weight: bolder;
    -webkit-transition: color 0.5s ease-in;
    -moz-transition: color 0.5s ease-in;
    -o-transition: color 0.5s ease-in;
    transition: color 0.5s ease-in;
}
.contback-link:focus,
.contback-link:hover
{
    color: #a9713a;
}

.divline
{
    margin-bottom: 2.5%;
    width: 100%;
    height: 3px;
    background: #3FA9F5;
}

.divlineone, .divlinetwo, .divlinethree
{
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    width: 100%;
    height: 3px;
    background: #3FA9F5;  
}

/*.contact-col-left
{

}
.contact-col-right
{

}*/

.content-contactinfo
{
    color: #a9713a;
    font-weight: bold;
    font-size: 16px;
}

.content-times
{
    color: #a9713a;
    font-weight: bold;
    font-size: 16px;
}

.timeshead
{
   font-weight: bold;
}

/*.times-col-left
{

}
.times-col-right
{

}*/

.content-current, .content-history
{
    color: #a9713a;
    font-weight: bold;
    font-size: 16px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th 
{
    border-top: none;
}
.table tr 
{
    border-bottom: 1px solid #3FA9F5;
}
.table th 
{
    text-align: center;    
}



.content-historyinput
{
    color: #a9713a;
    font-weight: bold;
    font-size: 16px;
}

.historyinput
{
    width: 166px;
    display: inline-block;
}

.form-control
{
    color: #3FA9F5;
    border: 1px solid #3FA9F5;
}

.form-control:focus {
  border-color: #3FA9F5;
  box-shadow: inset 0 5px 5px rgba(169, 113, 58, 0.075), 0 0 15px rgba(169, 113, 58, 0.6);
}
/*//////////////////////////DATEPICKER///////////////////////////////////*/
.ui-datepicker
{
    background: #3FA9F5;
}

.ui-datepicker-header
{
    background: #a9713a;
    color: #FFFFFF;
}
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
	
	background-color: transparent !important;
    background-image: none !important;
    border: 0 none !important;
}
.ui-datepicker-header a:hover span{
    background-image: url("/components/jquery/jquery-ui-1.11.1.custom/images/ui-icons_222222_256x240.png") !important;
}
.ui-datepicker-prev {
    float: left;
    margin-top: 1.5px;
    background-position: center -30px;
}
.ui-datepicker-next {
    float: right;
    margin-top: 1.5px;
    background-position: center 0px;
}

/*SELECTED DATE*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: #a9713a;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

/*CURRENT DATE*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{   
	background: #a9713a none repeat scroll 0 0 !important;
    border: 1px solid #a9713a;
    color: #fff;
}
.ui-datepicker-calendar .ui-state-default.ui-state-hover{
	background-color:#BFB1A2 !important;
	background-image: none;
    border: 1px solid #a9713a;
    color: #a9713a;
}

/*CHANGED DATE*/
.active a.ui-state-default, .ui-datepicker-calendar .active a.ui-state-default
{
    background: #3fa9f5;
    border: 1px solid #ffffff;
    color: white;
}
/* HOVER */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    border: 1px solid #a9713a;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    color: #a9713a;
}

/*//////////////////////////END DATEPICKER///////////////////////////////////*/

/*//////////////////////////MODAL///////////////////////////////////*/
#newAantal
{
    width: 100%;
}

.ui-widget-header
{
    background: #3FA9F5;
    border: #a9713a;
}

.btn-opslaan, .btn-anuleer
{
    color: #000000;
    background: #3FA9F5;
    -webkit-transition: background 0.5s, color 0.5s ease-in;
    -moz-transition: background 0.5s, color 0.5s ease-in;
    -o-transition: background 0.5s, color 0.5s ease-in;
    transition: background 0.5s, color 0.5s ease-in;
}

.btn-opslaan:hover, .btn-anuleer:hover
{
    color: #FFFFFF;
    background: #256593;
}

.ui-dialog-titlebar-close
{
    display:none;
}
.ui-dialog-title
{
    text-align: center;
    padding-left: 25px;
}

/*//////////////////////////END MODAL///////////////////////////////////*/

.table-title
{
    font-weight: bolder;
    color: #764f28;
}

.history-row
{
    display: none;
    opacity: 0;
    -webkit-transition: display 1s, opacity 1s ease-in;
    -moz-transition: display 1s, opacity 1s ease-in;
    -o-transition: display 1s, opacity 1s ease-in;
    transition: display 1s, opacity 1s ease-in;
}

.history-row-display
{
    display: block;
    opacity: 1;
}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
}


@media(min-width:992px){
        .pull-right-md {
        float: right;
    }
}

.top-buttons
{
    padding-right: 0px;
    padding-left: 0px;
}
.noLeftRightPadding{
    padding-right: 0px;
    padding-left: 0px;	
}
.noLeftPadding{
    padding-right: 0px;
}
.noRightPadding{
    padding-left: 0px;	
}