@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Kreon|Roboto|Lato:400,700);

body, .profile-skills .progress .progress-bar, .tree .icon-plus[class*="icon-"]:first-child:before, small { font-family:"museo-sans", sans-serif; font-weight: 100;}
h1, h2, h3, h4, h5, h6 { font-family:"museo-slab", serif; font-weight:500 }

.nav-search .nav-search-input { width: 250px;}

.checkbox-margin{ margin-top: -5px!important; }

#formfilter { width: 200px !important;}

#formfilter #filtersubmit { margin-left:5px !important; }

label.yesno {margin-top:5px; margin-bottom:0px;}

.col-sm-4, .col-sm-12 {
  padding-left: 8px;
  padding-right: 12px;
}

.label-info, .label.label-info, .badge.badge-info, .badge-info, .label-success, .badge-success {
    background-color: transparent !important;
    color: #393939;
    font-weight: 200;
}

.navbar { background-color:#2C2C2C }

.navbar .navbar-brand span {
	font-size: 10px;
	color: #fefefe;
	padding-top: 0;
}

.nav-list > li > a {
    padding: 17px 10px;
    min-height: 50px;
}

.input-group > .btn {
    border-radius: 4px !important;
}

.btn {
    text-shadow: none;
}

img.ftlogo { height: 40px; }

.clearboth { clear: both; height: 0px !important;}

.user-info {
    max-width: 200px;
}

.ace-nav > li > a {
   min-width: 150px;
}

.ace-nav .icon-caret-down {
	margin-top: 5px;
    vertical-align: top;
}

.space {
  min-height: 2px;
}

.list-group { margin-top:40px;}

.list-group .list-group-item { padding: 20px; margin:10px 0; background-color:#01cd66 !important; border-color:#01cd66; height: auto; }

.omwisselingen .form-group { margin:5px 0 !important;}

.list-group .list-group-item.newitem {background-color:#01cd66 !important;}

.list-group .list-group-item.zitplaats 			{ background-color:#fcc63c !important; border-color:#fcc63c !important; }
.list-group .list-group-item.comfortcouchette 	{ background-color:#01cd66 !important; border-color:#01cd66 !important; }
.list-group .list-group-item.economycouchette 	{ background-color:#FF595E !important; border-color:#FF595E !important; }

.list-group .list-group-item.zp 				{ background-color:#fcc63c !important; border-color:#fcc63c !important; }
.list-group .list-group-item.cc 				{ background-color:#01cd66 !important; border-color:#01cd66 !important; }
.list-group .list-group-item.ec 				{ background-color:#FF595E !important; border-color:#FF595E !important; }


.list-group .list-group-item .posbuttons { width: 100px; float: left;}
.list-group .list-group-item .posbuttons.leeg { min-width: 100px; float: left; color: #FFFFFF; font-size:14px;}
.list-group .list-group-item .positionnumber { color: #FFFFFF; font-size:20px; height: 20px; margin:0 10px; float: left; width: 20px; text-align: right;}
.list-group .list-group-item .carriagelabelinput { margin-right: 20px; float: left;}
.list-group .list-group-item .carriagetypeselect { margin-right: 20px; float: left; height: 30px; width: 300px; padding: 5px 4px 6px; background-color: #FFFFFF;}
.list-group .list-group-item label.txt { color: #FFFFFF; font-size:14px; height: 20px; margin:0 10px; float: left; }
.list-group .list-group-item .slct {  font-size:14px; margin-right: 20px; height: 30px; padding: 5px 4px 6px; width: 80px; float: left; }

table.whitebackground tbody { background-color: #FFFFFF !important;}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

	.list-group .list-group-item { padding: 10px; margin:5px 0;}
	.list-group .list-group-item .posbuttons { width: 80px;}
	.list-group .list-group-item .posbuttons.leeg { min-width: 80px; ffont-size:12px;}
	.list-group .list-group-item .positionnumber { font-size:16px; height: 16px; margin:0 5px; width: 16px;}
	.list-group .list-group-item .carriagelabelinput { margin-right: 10px; width: 50px; height: 24px;}
	.list-group .list-group-item .carriagetypeselect { margin-right: 10px; height: 24px; width: 240px; }
	.list-group .list-group-item label.txt { font-size:12px; height: 16px; margin:0 5px; }
	.list-group .list-group-item .slct {  font-size:12px; margin-right: 10px; height: 24px; width: 70px; }
	
}


#tabsheetSelected { display: none; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: none !important;
}

.btn-success, .btn-success:focus { background-color:#01cd66 !important; border-color:#01cd66; border-radius: 4px; border-bottom: 4px solid #01b459; } /* green */
.btn-info, .btn-info:focus { background-color:#2C2C2C !important; border-color:#2C2C2C; border-radius: 4px; border-bottom: 4px solid #01b459; } /* grey */
.btn-warning, .btn-warning:focus { background-color:#ffc700!important; border-color:#ffc700; border-radius: 4px; border-bottom: 4px solid #ffd710;} /* yellow */
.btn-danger, .btn-danger:focus { background-color:#ff585e !important; border-color:#ff585e; border-radius: 4px; border-bottom: 4px solid #ff585e; } /* orange */

.btn-success:hover { background-color: #01b459 !important; border-color:#01b459; border-radius: 4px; border-bottom: 4px solid #01b459; }
.btn-info:hover { background-color:#a9a9a9 !important; border-color:#a9a9a9 }
.btn-warning:hover { background-color:#ffd710 !important; border-color:#ffd710 }
.btn-danger:hover { background-color:#fe8710 !important; border-color:#fe8710 }

.btn.btn-app.gt-bigger{ max-width: 110px; font-size: 12px;}

.nav-list>li.active>a,.nav-list>li.active>a:hover,.nav-list>li.active>a:focus,.nav-list>li.active>a:active, .nav-list>li .submenu>li.active>a, .menu-min .nav-list>li.active>a, .page-header h1, .breadcrumb > li > a { color:#4b4b4b !important; }

.page-header h1 {
	margin: 0 8px;
    font-size: 24px;
    font-weight: inherit !important;
}

.btn-rounded {border-radius: 6px; padding:3px 9px 0px 9px;}

a {color: #4b4b4b; }

a:hover { color:#ffc700 !important; }

a.btn:hover { color: #FFFFFF !important; }

.page-header.pulled {border-bottom:0px; margin-bottom:20px;}

.nav-list > li > a > [class*="fa-"]:first-child {
	min-width:30px;
	text-align: center;
}

.no-skin .nav-list > li.active::after {
	border-color: #01cd66 !important;
}
.no-skin .nav-list li.active > a::after {
    -moz-border-right-colors: #01cd66 !important;
    border-right-color: #01cd66 !important;
}
.nav-list li.active > a::after {
    border-right-color: #01cd66 !important;
}

.widget-main [class*="fa-"] {
    min-width: 30px;
    text-align: center;
}

.infobox-container {
  text-align: left;
  margin-top: 1rem;
}

.fa-stack {
    width: auto;
}

.fa-stack-1x, .fa-stack-2x {
    position: inherit;
    margin-right: 5px;
    width: auto;
}

.wysiwyg-editor {overflow:scroll;min-height:380px;}

.widget-header, .widget-box.transparent > .widget-header {
color: #393939;
background: #f7f7f7;
}

.transparent .widget-toolbar > .nav-tabs > li.active > a { border-top-color:#ff9900 }

.tab-content, .nav-tabs>li>a,.nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus, .tabs-below>.nav-tabs, .tabs-below>.nav-tabs>li>a,.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus, .tabs-below>.nav-tabs>li.active>a,.tabs-below>.nav-tabs>li.active>a:hover,.tabs-below>.nav-tabs>li.active>a:focus, .tabs-left>.nav-tabs, .tabs-left>.nav-tabs>li>a,.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li.active>a,.tabs-left>.nav-tabs>li.active>a:focus,.tabs-left>.nav-tabs>li.active>a:hover, .tabs-right>.nav-tabs, .tabs-right>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li.active>a,.tabs-right>.nav-tabs>li.active>a:focus,.tabs-right>.nav-tabs>li.active>a:hover, .nav-tabs.tab-color-blue, .nav-tabs.background-blue, .tabs-below .nav-tabs.tab-color-blue, .transparent .widget-toolbar>.nav-tabs>li.active>a, .transparent .widget-toolbar>.nav-tabs>li.active>a, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li.ui-state-default>a, .ui-tabs .ui-tabs-nav li.ui-tabs-active>a, .ui-tabs .ui-tabs-panel { border-left-color:#eff0f0; border-right-color:#eff0f0 }

.widget-box.transparent > .widget-header { border-color:#eff0f0 }

.widget-box {
margin: 0px;
}

.alert-success { color:#01cd66; background-color:#f5ffcf; border-color:#f5ffcf }
.green { color:#01cd66 !important }
.btn-app.btn-warning, .btn-app.btn-warning.no-hover:hover, .btn-app.btn-warning.disabled:hover { background:none !important; background-color:#ff9900 !important }

.ace-nav > li.grey > a { background-color:#2C2C2C }
.ace-nav > li.grey > a:hover, .ace-nav > li.grey > a:focus { background-color:#a9a9a9 }
.ace-nav > li.purple > a { background-color:#ff9900 }
.ace-nav > li.purple > a:hover, .ace-nav > li.purple > a:focus { background-color:#ffa910 }
.ace-nav > li.green > a { background-color:#90c000 }
.ace-nav > li.green > a:hover, .ace-nav > li.green > a:focus { background-color:#a0d010 }

.nav-list > li.active:after { border-right:none }
.nav-list li.active > a:after { border-right-color:#01cd66; }

.label-grey, .badge-grey, .label-primary, .badge-primary { background-color:#2C2C2C !important }
.label-important, .badge-important { background-color:#ee7700 !important }
.label-success, .badge-success { background-color: transparent;}
.label-danger, .label.label-danger, .badge.badge-danger, .badge-danger {background-color: #ff585e;}
.ace-nav > li.light-blue > a { background-color:#2C2C2C !important }
.ace-file-input  {
  height: 25px;
}

.ace-file-input .ace-file-container {
position: inherit;
}

.nav-list>li>a:hover:before { background-color:#ff9900 !important }

.login-layout { background-color:#eff0f0; color:#2C2C2C }
.login-layout .widget-box { background:none }
.login-layout .widget-box .widget-main { background-color:#ffffff }
.login-container { width:500px; background-image:url('img/ft-logo.png'); background-position:left centre; background-repeat:no-repeat; height:69px; margin-top:20px }
.login-container h1 { font-size:60px; line-height:69px; text-transform:capitalize; margin:0px; text-align:right; padding-right:5px }
.login-box .toolbar, .forgot-box .toolbar, .signup-box .toolbar { border:none; background-color:#2C2C2C }
.login-box .toolbar { padding:9px 18px }
.login-box .forgot-password-link, .login-box .user-signup-link, .forgot-box .back-to-login-link, .signup-box .back-to-login-link { color:#ffc700; text-decoration:none !important }
.login-box .forgot-password-link { font-size:14px; font-weight:bold; text-shadow:1px 0px 1px rgba(0, 0, 0, 0.25) }

.w11-lightgrey { color:#eff0f0 !important }
.w11-grey { color:#2C2C2C !important }
.w11-darkgrey { color:#2C2C2C !important }

.w11-yellow { color:#ffc700!important }
.w11-orange { color:#ff4e00 !important }

.w11-lime { color:#c0ee0c !important }
.w11-green { color:#01cd66 !important }
.w11-darkgreen { color:#01cd66 !important }

::-webkit-input-placeholder { text-transform: none; font-style: italic; }
::-moz-placeholder { text-transform: none; font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { text-transform: none; font-style: italic; } /* ie */
input:-moz-placeholder { text-transform: none; font-style: italic; }

input.longfield { min-width: 300px;}

input.ace.ace-switch.ace-switch-5[type="checkbox"]:checked + .lbl:before{background-color: #btn13cd65;}

input.switchbox { margin-left:10px !important;}

.viphelper { top: -10px; position: relative;}

.header-color-orange { background-color:#ff4e00 !important;border-color:#ff4e00 !important; }
.header-color-orange h6 { color: #FFFFFF !important;}

.header-color-blue { background-color:#fcc63c !important;border-color:#fcc63c !important; }
.header-color-blue h6 { color: #FFFFFF !important;}

.header-color-green { background-color:#01cd66 !important;border-color:#01cd66 !important; background: #01cd66 linear-gradient(to bottom, #4b9520 0%, #01cd66 100%) repeat-x scroll 0 0; }

.header-color-green h6 { color: #FFFFFF !important;}


.header-color-grey { background-color:#f2f2f2 !important }
.header-color-grey h6 { color: #000000 !important;}

.header-color-orange+.widget-body {border-color:#ff4e00 !important; }
.header-color-green+.widget-body {border-color:#01cd66 !important; }
.header-color-blue+.widget-body {border-color:#fcc63c !important; }

.gteditblob { border: 1px solid #ccc !important;}
.gteditsimpleblob { border: 1px solid #ccc !important; height: 100px;}

.datepicker .clear:hover {cursor: pointer}

#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
 }

.profile-info-name {
    padding: 6px 10px 6px 1rem;
    text-align: left;
}

.profile-info-name a {
    color:orange;
}

.btn .btn-app .btn-success .gt-bigger {
    background: #96cf75 !important;
    color: white !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.btn.btn-app {
  border-radius: 4px;
}
  
.btn-app.btn-inverse {
  box-shadow: none !important;
  text-shadow: none !important;
  color: #9e9e9e !important;
  background: #daf5e2 !important;
  border: 1px solid #dddddd;
}

.btn-app.btn-inverse:hover {
  background: #01cd66 !important;
  border: #01cd66 solid 1px;
}

.btn-primary {
  background-color: #fcc63c !important;
  border-color: #fcc63c;
}
  
.btn-primary:hover {
  background-color: #fcc63c !important;
}
     
#preloader_status  {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

#googlemaps {
    min-height: 300px;
    width: 100%;
    position: absolute;
    top: 50px;
}

.generate-hash {
	margin-left: 1rem;
}

select[disabled], input[disabled] {
	cursor: default !important;
	color: #848484 !important;
	background-color: #EEE !important;
}

.c-navigation-primary__settings {
	display: inline-block;
	float: right;
	position: relative;
}

.c-navigation-primary__language__item {
	display: inline-block;
	position: relative;
	border: 0 !important;
}

.c-navigation-primary__language__item:nth-child(odd):before {
	content: '/';
	position: absolute;
	right: -3px;
	top: 4px;
}

.c-navigation-primary__language {
	list-style: none;
	padding: 0.25rem;
	display: none;
}

.c-navigation-primary__settings__item {
	border-radius: 0.313rem;
	border: 1px solid #d6d6d6;
	display: inline-block;
	list-style: none;
	padding: 0.25rem;
	margin: 6px 22px 0 12px;
	line-height: normal;
}

.c-navigation-primary__language__link {
	color: #3f4542;
	display: block;
	padding: 0.5rem 0.5rem;
	font-size: 12px;
	font-weight: bold;
}

.btn-white.btn-info {
    padding: 9px 30px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px;
    border-bottom-width: 4px !important;
    border: 1px solid #d6d6d6;
    color: #4a4a4a !important;
}

.blue {
	color: inherit !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    font-weight: 100;
}

.nav-tabs > li > a {
	padding: 12px 20px 12px;
}

.profile-user-info-striped .profile-info-name {
    color: #858585;
    text-transform: capitalize;
}

.note-editor.note-frame .note-editing-area .note-editable {
    text-transform: initial;
} 

.profile-user-info-striped .profile-info-name {
    background-color: #01cd6633;
}

.btn-white.btn-info {
	width: 100%;
	margin-top: 1rem;
}

.btn-white.btn-info:hover {
    background-color: whitesmoke !important;
    border: 1px solid #7c7c7c;
    color: inherit !important;
	}

.profile-user-info {
    display: table;
    width: 98% !important;
    margin: 3rem 0px 1rem;
}

.bigger-120 {
	font-size: 100% !important;
}

button, html input[type="submit"] {
	padding: 6px 24px;
}

.btn-group > .btn-xs {
  width: inherit;
  padding: 1rem;
  margin-right: 0.5rem !important;
}


.btn.btn-app > .ace-icon{
  font-size: 32px;
}
  
    
.btn-info {
  background-color: transparent !important;
  border-color: #dddddd !important;
  color: #7e7e7e !important;
  text-shadow: none !important;
}

.btn-info:hover, .btn-info:focus:hover, .btn-info:focus:active, .btn-info:active:hover {
  background-color: #01cd66 !important;
}

.widget-main > form {
    margin-bottom: 5.5rem;
}

@media only screen and (min-width: 990px) {
	.sidebar { width: 290px;}							/*origineel is 190px; */
	.sidebar + .main-content { margin-left:290px;}	/*origineel is 190px; */
	.profile-info-name { width: auto;}				/*origineel is 110px; */
}

@media only screen and (min-width: 1450px) {
	.btn-white.btn-info {
		padding: 9px 19px;
		width: inherit;
		margin-top: inherit;
	}
	
	.widget-main > form {
    margin-bottom: 0rem;
    }
}