/*

bruin: #a38558;

	
*/
/* START CSS */
html {
    height: 100%;
}
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body{
    /*margin: 0;
    padding: 0;
    */s
    background-position: top center;
    background-repeat: repeat-y;
    height: 100%;
    font-family: Arial;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", Arial, Arial !important;
    padding-bottom: 10px;
    font-weight: normal;
}



thead {
    background-color: #000000;
    color: #FFFFFF;
}

#home {   
    height:100%;  
}

#home_content {
    width:100%;
    height:100%;
    min-height:100%;
    background-image: url('../images/home/valvekens_splash.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#home_content div.wrapper {    
    width: 100%;
    text-align: center;   
}
#home_content div.wrapper img {
	margin-bottom: 20px;
}

#home_content div.bg_trans {    
    display: inline-block;
    text-align: center;   
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.3);
}

#home_a:link, #home_a:visited{  
    color: #000000;   
}

#home_a:active, #home_a:hover{
    color: #000000;
    text-decoration: underline;
}

#home_content a {
	display: block;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}
#home_content a:hover {
	color: #a38558;
	text-decoration: none;
	font-size: 16px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}


a.splashtitle span.title {
	display: inline-block;
}
a.splashtitle:hover span.title {
	display: none;	
}
a.splashtitle span.hovertitle {
	display: none;
}
a.splashtitle:hover span.hovertitle {
	display: inline-block;
}


/*

.bg_contact {
    background-image: url('../images/home/dewallens_contact.jpg') !important;
}

.bg_news{
    background-image: url('../images/home/dewallens_news.jpg') !important;
}

.bg_team {   
    background-image: url('../images/home/dewallens_team.jpg') !important;
}

.bg_praktijkdomeinen {   
    background-image: url('../images/home/dewallens_praktijkdomeinen.jpg') !important;
}
*/
#fixed_header {
    width: 100%;
    position: fixed;    
    height: 455px;
    top: 0;
    z-index:1000;
}

#header_bg {
    position: absolute;
    width: 100%;
    height: 455px;
}

#header_bg_middle {
   
    height: 100%;
    z-index: 1;
}

#header {
	background-image: url("../images/home/valvekens_home.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
    z-index: 1000;
}
#header.bgfoto1 {
	background-image: url("../images/home/valvekens_home.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
    z-index: 1000;
}
#header.bgfoto2 {
	background-image: url("../images/home/valvekens_splash.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
    z-index: 1000;
}



#alliance_logo {
    height: 65px;
    left: 50px;
    position: absolute;
    top: 40px;
    width: 137px;
}

#alliance_logo_2 {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 65px; 
    width: 137px;
    display: none;
    margin-left: 15px;
}

#subcontent {   
    /*    padding-bottom: 20px;
         Fallback for web browsers that don't support RGBa 
        background-color: rgb(255, 255, 255);
         RGBa with 0.6 opacity 
        background-color: rgba(255, 255, 255, 0.8);
         For IE 5.5 - 7
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
         For IE 8
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/   
    /* background-repeat: repeat-y;      */ 

    position: absolute;
    top: 445px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;           
}

.brown {
	color: #a38558 !important;
}

#subheader_content {    
   /* background-image: url(../images/home/bg_transparent.png);
    background-position: top center;   */
    padding-bottom: 25px;
    padding-top: 10px;
}

#subheader .container {
    margin-top: 30px;
}

#subheader_content p {
    /*text-align: justify;*/
}
#subheader_content h2 {
	font-family: "Times New Roman", Times, serif !important;
    /*font-family: Arial, Arial !important;*/
	font-size: 22px;
	/*color: #a38558;*/
	color: #000;
	font-weight: normal;
	margin-top: 0px !important;
}
#subheader ul {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 10px;
    list-style-type: none;    
    width: 100%;   
    min-height: 50px;
    text-align: center;
}

#subheader li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #a38558;
    padding-left: 2px;
    padding-right: 2px;
    font-style: italic;
}
.txt_zwart {
	color: #000 !important;
}

#subheader a {
    padding-left: 8px;
    padding-right: 8px;
}

#subheader a:link, #subheader a:visited{  
    /*color: #a38558; */
    color: #000000;  
    font-style: normal;
}

#subheader a:active, #subheader a:hover{
    text-decoration: none;
    /*color: #e1ba7f;*/
    color: #a38558;
    font-style: normal;
}

.subheader_margin_li {
    margin-left: 15px;
}

.selected_teamlid a {
    color: #a38558 !important;
}

#subheader li:hover {
    color: #a38558;
}

.subcontent2 {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 325px !important;
}

.subheader2 {
    background-color: rgba(255, 255, 255, 0.4);
    display: none !important;
    min-height: 75px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1000;
}


.header_bg2 {
    height: 325px !important;
}

.fixed_header2 {
    height: 325px !important;
}


#navbar {
    background-color: #FFFFFF;
    position: relative;
    z-index: 1000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	color: #ac7d36;
	
}

#header{  
    color: #000000;
    text-align: center;    
    /*padding-top: 60px;*/
    /*height: 149px;*/
	height: 284px;
	box-shadow: inset 0 0 46px rgba(0, 0, 0, .6);
	/*box-shadow: 0px 16px 16px rgba(0, 0, 0, .25);*/
}

#header img {
    margin: 0 auto;
    z-index: 1000;
}

#header h1 {
	color: #fff;
	margin-top: -66px;
	font-weight: 200 !important;
	font-family: "Open Sans", Arial, Arial !important;
	text-transform: uppercase;
	font-size: 18px;
}

#menu_ul {  
    position:relative;
    float: none;
    margin:0 auto;    
    width: 1080px;
    text-align: center;
}

#subheader {   
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 75px;   
    /* Fallback for web browsers that don't support RGBa */
    /*background-color: rgb(255, 255, 255);*/
    /* RGBa with 0.6 opacity */
    /*background-color: rgba(255, 255, 255, 0.4);*/
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
    z-index: 1000;
}

#subheader div {   
    min-height: 60px;   
}

.subcontentteam1 {
	top: 400px !important;
}

.subheaderteam1 {
	min-height: 50px !important;   
}
.subcontentexpertise {
	top: 400px !important;
}

.subheaderexpertise {
	min-height: 50px !important;   
}




/* FOOTER */
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -120px;
  /* Pad bottom by footer height */
  padding: 0 0 120px;
}

/* Set the fixed height of the footer here */
.footer {
  height: 60px;
}

/*
html {
    min-height: 100%;
    position: relative;
}
*/
.footer {
    /*background-color: #333;  */  
    background-image: url("../images/home/valvekens_home.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
    /*height: 120px;*/
    /*position: absolute;*/
    width: 100%;   
    
    box-shadow: inset 0 0 46px rgba(0, 0, 0, .6); 
}

.footer.bgfoto1 {
	background-image: url("../images/home/valvekens_home.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
}
.footer.bgfoto2 {
	background-image: url("../images/home/valvekens_splash.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
}


.navbar-header {
    z-index: 1000;
}

.footer {
	display: block;
	/*margin-top: 60px;*/
	margin-bottom: 60px;
    /*background-color: #333;*/
    background-image: url("../images/home/valvekens_home.jpg");
    background-position: center top;      
    background-repeat: repeat-y;
    color: #FFFFFF;
    
   
}

.footer .larger_container {
	
}

.footer a:link, .footer a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

.footer a:active, .footer a:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

.larger_container {
   /* width: 1080px;
    margin-left: auto;
    margin-right: auto;*/
    /*background-color: #000000;*/
    color: #ffffff;
    padding-top: 10px;
    font-size: 90%;
}

#footer_left {
    float: left;
    padding-right: 5px;
}

#footer_right {
    float:right;
}

.footer .text-left, .footer .text-right {
	text-align: center !important;
}
.footer .text-left {
	padding-top: 3px;
}
.footer .text-right {
	padding-top: 7px;
}
.taal {
    cursor: pointer;  
}
.pad15 {
	padding-left: 15px;
    padding-right: 15px;  
}

.selected_lang {
    color: #16a1a8;
}

table th {
    color: #FFFFFF;
    background-color: #000000;
}

/*     MENU     */
#menu{     
    background-color: #000000;    
}

#menu ul{    
    list-style-type: none;    
    width: 960px;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;   
}

#linkedin {
    position: absolute;
    top: 0;
    right:110px;
}

#linkedin img {
    width: 25px;
    height: 25px;

}

#linkedin a {
    padding-top: 13px;
}

#taalkeuze {
    position: absolute;
    top: 15px;
    right:40px; 
}

.taal:hover {
    color: #a38558;
}

.selected_lang {
    color: #a38558;
}


/* SITEMAP */

#sitemap {

}

#sitemap li {

}


/* HOME - nieuws */


.block {
	display: block !important;
}
.inline-block {
	display: inline-block !important;
}
.center {
	margin-right: 0 !important;
	margin: 0 auto !important;
}

.home_news_item:first-child {
    margin-top: 20px;
}

.home_news_item h1 {    
}

.home_news_item p {

}

.home_news_item .bold {
    display: inline-block;
    padding-right: 10px;
}


.home_news_item a:link, .home_news_item a:visited{
    color: #a38558;
    text-decoration: none
}

.home_news_item a:active, .home_news_item a:hover{
    text-decoration: underline;
    color: #a38558;
}
a.mb-10 {
	display: inline-block;
	margin-bottom: 10px;
}
.mb-30 {
	margin-bottom: 30px;
}

.mb-10 {
	margin-bottom: 10px !important;
}

#paging{
    display: block;
}

#pagingtable{
    list-style-type: none;
}

#pagingtable li{
    float:left;
    margin: 0px 5px;
    cursor: pointer;   
}

#pagingtable a:link, #pagingtable a:visited{
    padding: 3px 4px;
    background-color: #81e5ff;
    color: #FFFFFF;
    text-decoration: none;
}

#pagingtable a:active, #pagingtable a:hover{
    padding: 3px 4px;
    background-color: #ff7e00;
    color: #FFFFFF;
    text-decoration: none;
}

#pagingtable .selected{
    font-weight: bold;
}



/* PUBLICATIES */
#publicaties_front {
    margin-top:20px;
}

.publicatie_item {
    padding-top: 10px;
    padding-bottom: 5px;
}

/* PRAKTIJKDOMEINEN */

.selected_praktijkdomein {
    color: #a38558 !important;    
    text-decoration: none !important;
}



/* TEAM */


#team {
    padding-top:25px;
    margin-bottom: 40px;
}

#team div {
   /* padding: 0;*/
}


#team div:first-child img {
    margin-right: 10px;   
    /*float:left;*/
}

#team_intro {
    margin-bottom: 15px;
}

#team a:link, #team a:visited{  
    color: #a38558; 
    text-decoration: none;
}

#team a:active, #team a:hover{
    color: #a38558;
    text-decoration: underline;
}

#team p {
    margin-top: 20px;
}

#team h3 {
    margin: 0;
}

.teamleden a {
    padding: 0 !important;
}

.owl_carousel {
    display: none !important;
}


.selected_teamlid {
    margin-left: 15px;
    border-left:;
}

.teamtekst {
	border: 1px solid #e3e7e6;
	height: 100% !important;
}

.eqheight {
	display: table;
}

.eqheight > [class*="col-"] {
	float: none;
    display: table-cell;
    vertical-align: top;
}


.team1 {
	margin-bottom: 30px;
}

.team1 a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.team1 a:hover {
	font-weight: normal;
	color: #a38558;
    text-decoration: none;
}


.team1 h4.team1caption {
	text-align: center;
	/*border-left: 1px solid #e3e7e6;
	border-right: 1px solid #e3e7e6;
	border-bottom: 1px solid #e3e7e6;*/
	margin: 0px !important;
	padding: 20px;
	font-family: Arial !important;
    font-size: 14px;
    font-weight: bold;
}

h4.team1caption span.functie {
	display: block;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}

/* TEAMLID */
#teamlid .row {
    padding-bottom: 5px;
}

#teamlid img{
    /*float: right;*/
}
.teamfoto {
	text-align: left;
}

.teamfoto h4 {
	color: #a38558; 
	margin-top: 20px;
}

/* DOMEIN */
#beheer_domein .row {
    padding-bottom: 5px;
}

.grid-item {
	margin-bottom: 30px;
}

div.border {
	border: 1px solid #e3e7e6;
	padding: 20px;
}

.grid-item .news_item_datum {
	font-family: Arial, Arial !important;
	font-size: 12px;
	color: #a38558; 
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}
.grid-item h2 {
	/*color: #a38558;*/
	/*color: #000000; */
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}


.news {
	padding-top: 40px;
}

/* CONTACT */

#contact {
	margin-top: 40px;
}

#contact div:first-child img {
    margin-left: 10px;   
    float:right;
}
#contact h2 {
	font-family: Arial, Arial !important;
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
}
#contact_intro {
    margin-bottom: 15px;
}

#contact a:link, #contact a:visited{  
    color: #a38558; 
    text-decoration: none;
}

#contact a:active, #contact a:hover{
    color: #a38558;
    text-decoration: underline;
}
div.bordercontact {
	border: 1px solid #e3e7e6;
	padding: 20px 0 0 0;
}


#contact input {
	display: block;
	width: 100%;
	border: none;
	background-color: #ededed;
	border-radius: 0px;
}
#contact textarea {
	display: block;
	width: 100%;
	border: 0;
	background-color: #ededed;
	border-radius: 0px;
	height: 122px;
}

.padcontactleft {
	padding-left: 10px;
	padding-right: 0px;
}

.padcontactright {
	padding-left: 10px;
	padding-right: 10px;
}


#maps {
	min-height: 400px;
}
#contact_map {
	padding-left: 0px;
	padding-right: 0px;
}

.btn-color-big {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	padding: 10px 40px;
	text-align: center;
	background-color: #a38558;
	color: #fff;
}

.btn-color-big:hover {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	padding: 10px 40px;
	text-align: center;
	background-color: #e1ba7f;;
	color: #fff;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-20 {
	margin-top: 20px !important;
}
.mt-40 {
	margin-top: 40px;
}


/* BEHEER CONTACT */
#beheer_contact .row {
    padding-bottom: 5px;
}


/* BEHEER NIEUWS */

#beheer_nieuws_item .row {
    padding-bottom: 5px;
}


/* NIEUWS OVERZICHT */
#nieuws_beheer td:nth-child(3), #nieuws_beheer td:nth-child(4) {
    width: 40px;
}


/* BEHEER TEKSTEN */

#beheer_tekst_item .row {
    margin-bottom: 5px;
}



/* NEWS */

.news_item_datum {
    color: #a38558;
}

.news_item_locatie {
    color: #a38558;
}

.news_item_gebruiker {
    color: #a38558;
}

#news_icons a {
    float:left;
    margin-right: 10px;
}

#news_icons div {
    float:left;
    margin-right: 10px;
    width: 27px;
}

.news_item {
    margin-bottom: 40px;
}



/* CLASSES */ 

.bold {
    font-weight: bold;
}

.dark_blue {
    color: #a38558;
}

.menu_right {
    float:right;
}

.cms_icon_20 {
    width: 20px;
    height: 20px;    
}


.cms_icon_25 {
    width: 25px;
    height: 25px;    
}

.cms_icon_35 {
    width: 35px;
    height: 35px;   
    margin-left: 5px;
}

.cms_icon_17_24 {
    width: 17px;
    height: 24px;
}

.pointer {
    cursor: pointer;
}

.fout {
    color:red;
}

.selected_menu {
    color: #a38558 !important;    
}

.knop_publicaties {
    padding: 15px 20px;
    background-color: #000;
    color:#FFFFFF;
    cursor: pointer;
}

.knop_publicaties i{
    vertical-align: middle;
    margin-right: 15px;
}

.center_align {
    display: block;
    margin-left:auto;
    margin-right: auto;
}

.div_200 {
    float:left;
    width: 200px;
}

.gallerij_parent_div {      
    margin: 10px;
}

.gallerij_parent_div div {
    margin-bottom:5px;
}

.clear{
    margin: 0; padding: 0; clear: both; display: block; height: 1px; overflow: hidden;
}

.filter_zoekstring {
    width: 300px;
    margin-bottom: 5px;
}


.backbtn {
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
}
.backbtn img {
	display: block;
	margin-right: 0px !important;
}

@media (max-width: 576px) { 
	#fixed_header {
        height: 530px;       
        top: 0;
        width: 100%;
        z-index: 2000;   
        position: static;
    }

    #subcontent {
        bottom: 0;
        left: 0;
        overflow: auto;        
        right: 0;
        top: 530px;
        position: static;
    }   
	


}



@media(max-width: 768px) {
    #contact_hoofd {
        float:left !important;
    }

    #team_tekst {
        padding-right: 0px !important;
    }

    #fixed_header {
        height: 540px;       
        top: 0;
        width: 100%;
        z-index: 2000;   
        position: static;
    }

    #subcontent {
        bottom: 0;
        left: 0;
        overflow: auto;        
        right: 0;
        top: 500px;
        position: static;
    }   
    

}


@media (min-width: 768px) {
    #menu_ul {
        position:relative;
        width: 100%;
    }

    #team_tekst {
        padding-right: 25px;
    }
    #fixed_header {
        height: 500px;       
        top: 0;
        width: 100%;
        z-index: 1000;   
        position: static;
    }

    #subcontent {
        bottom: 0;
        left: 0;
        overflow: auto;        
        right: 0;
        top: 470px;
        position: static;
    }   
    
    .contentlaag #fixed_header {
		height: 420px;
	}
    
	.footer .text-left {
		text-align: left !important;
		padding-top: 0px;
	}
	.footer .text-right {
		text-align: right !important;
		padding-top: 0px;
	}
	.larger_container {
	    padding-top: 23px;
	}
		
	



}

@media (min-width: 992px) {
	#contact.eqheight {
		display: table;
	}
	
	#contact.eqheight > [class*="col-"] {
		float: none;
	    display: table-cell;
	    vertical-align: top;
	}
	#contact_map {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 1080px) {
    .larger_container {
       /* width: 100%;*/
    }

    #team_tekst {
        padding-right: 25px;
    }

}

@media (max-width: 960px) {
    #alliance_logo {
        display: none;
    }

    #alliance_logo_2 {
        display: block;
    }
}

@media (min-width: 1080px) {
    #menu_ul {
        position:relative;
        width: 1080px;
    }   

}

@media (max-width: 605px) {    
    #footer_right {
        float:left;
    }
    #subheader {
        background-color: rgba(255, 255, 255, 1);
    }

    #subcontent h2:first-child{
        padding-top: 45px;
    }

    #subcontent h3:first-child{
        padding-top: 45px;
    }
    
    .home_no_padding {
        padding: 0 !important;
    }

}

@media (max-width: 767px) {
    #menu_ul {
        width: 100%;
    }

    #menu_ul li {
        width: 100%;
    }

    #linkedin {
        position: relative;   
        display: block;
        width: 100%;
        top:0;
        right:0;
    }

    #taalkeuze {
        position: relative;
        display: block;
        width: 100%;
        top:0;
        right:0;

    }

    #team_hoofd {
        float: left !important;
        margin-bottom: 20px;
    }
 }

@media (max-width: 991px) {
 	#contact.eqheight {
		display: block;
	}

	#contact.eqheight > [class*="col-"] {
		float: none;
	    display: block;
	    vertical-align: top;
	}
	.padcontactleft {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.padcontactright {
		padding-left: 10px;
		padding-right: 10px;
	}

}







/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.15.35
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
    background-color: #FFFFFF !important;
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #ffffff;
    color: #000000;
}
.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}