@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700);

html { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight:400; text-align: left; font-size: 13px; text-decoration: none; }
body {	padding-top: 40px; padding-bottom: 40px;font-size: 13px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; overflow-y: scroll;  overflow-x: hidden;background-attachment: fixed; width: 100%;}
td{  vertical-align: top;}
h1{    margin-top: 0;}

.canvas{
	background-color: #fff;
    color: #0F1238;
    letter-spacing: 0; /*-0.6px;*/
	margin: 0 -30px;
    padding: 70px 30px 30px;
	position: relative;
    xfloat: left;
	margin-bottom: 70px;
	width: auto;
	box-sizing: border-box;
}

.objectives-table {
	
	width:100%;
	
}

h2.sub-header {
	
	float: left;
    margin-top: 0px;
	
}

.objectives-table td:first-child {
	
	width:50%;
	
}

.objective-save-button {
	
	float:right;
	
	
}


.canvas h1 {float: left;}
.logo{float: right; height: 55px; width: 220px; }
.nonproduction{background: linear-gradient(to bottom, green 50%,green 50%,green 100%); background-color: green;}
input, button, .form-control, .panel, .nav-tabs>li>a, .navbar , .tooltip-inner, .label,.input-group-addon, .alert, .jumbotron, .navbar-nav>li>.dropdown-menu,
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span, .modal.fade .modal-dialog, .modal-content,
.cke_toolgroup,.cke_combo_button, .cke_ltr .cke_button:first-child, .cke_rtl .cke_button:last-child, .btn,.list-group, .list-group-item:first-child, .list-group-item,.list-group-item:last-child { border-radius: 0!important; }
.clear{clear: both;}
.form-control::-webkit-input-placeholder { /* WebKit browsers */    color:    #ccc;}
.form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:    #ccc;}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */    color:    #ccc;}
.form-control::-ms-input-placeholder { /* Internet Explorer 10+ */    color:    #ccc;}
/* .form-control:focus { border-color: #4375BC;} */

.form-group {    margin-bottom: 5px;}
.waiting * {    cursor: progress;}
.text-danger { color: #DF0101;}
.jumbotron{    background-color: #fff;}

.normal{ font-weight: normal;}
label.control-label{	line-height: 34px;	margin-bottom: 0;	white-space: pre-line;}
.form-checkbox{ width: 20px; height: 20px; color: green;}
a:hover, .btn-group a{text-decoration: none;}
.rightmargin{margin-right:5px;}
ul.errors{list-style: none; font-size: 12px;}
.has-error{border-color: #A94442;}
.singleline{white-space: nowrap;}
.none { display: none;}
.lineheight34 {line-height: 34px;}
input[type=checkbox].multicheckbox-control, input[type=radio].multicheckbox-control{margin-right: 5px; float: left; margin-top: 1px; height: 16px; width: 16px;}
.largbtn{ width: 220px; }
.text-note{ font-style: italic;}
.form-control-small{width: 90%; margin: 0 14px; height: 21px;}
.fileinfos{float: left; margin-right: 10px;}
label.control-label.nowrap,.nowrap{white-space: nowrap;}
.width80{ width: 80%; }
.subtable td{padding: 3px;}
.greyline{border-top: 1px solid #DDD;}
.printonly{display: none;} 

/** adjustment colors bootstrap **/
a{ color: #1e5799}
.btn-primary {
  background-image: none;
  background-color: #0F1238;

  background-repeat: repeat-x;
  border-color: #245580;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #0F1238 0%, #286090 100%);
  background-image:      -o-linear-gradient(top, #0F1238 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0F1238), to(#286090));
  background-image:         linear-gradient(to bottom, #0F1238 0%, #286090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c365c', endColorstr='#ff286090', GradientType=0);
  background-repeat: repeat-x;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #0F1238 0%, #2b669a 100%);
  background-image:      -o-linear-gradient(top, #0F1238 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0F1238), to(#2b669a));
  background-image:         linear-gradient(to bottom, #0F1238 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c365c', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #0F1238 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #0F1238 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0F1238), to(#2e6da4));
  background-image:         linear-gradient(to bottom, #0F1238 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c365c', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}

/** menu  **/
a.navbar-logo:link, .navbar-logo:visited{ font-size: 22px; color: #fff; line-height: 3.2; text-transform: uppercase;}
    
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background-color: #e8e8e8;
    background-image: none;
}

@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top: 23px;
    padding-bottom: 19px;
}
.navbar-right > li:hover > .dropdown-menu {
    display: block;    
	    padding: 0;
}

.dropdown-header, .dropdown-menu>li>a{
	padding: 8px 20px;
}
}
.navbar-right {

    font-size: 14px;
}
.navbar-right .username{ padding: 0 5px; font-style: italic;}    
.navbar-right .caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
}
.navbar-toggle{
	margin-top: 18px;
	border: 0;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
		background-image: none;
    background-color: rgba(28, 54, 92, 0.49);
	-webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,.25);
    box-shadow: inset 0 2px 6px rgba(0,0,0,.25);
}




.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
  -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	    
}
/** breadcrumbs **/

.breadcrumb{
	padding: 0;
    background-color: #fff;
    border-radius: 0;
    text-transform: uppercase;
	font-weight: bold;
	clear: left;
	margin-bottom: 30px;
	letter-spacing: 0;
}
.breadcrumb>li+li:before{
    color: #0F1238;
    content: "";
    font-size: 11px;
    position: absolute;
    left: -22px;
    top: 4.5px;
    height: 0px;
    margin: 0 10px;
    border-top: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #0F1238;
}
.breadcrumb>li>a{
	font-weight:normal;
	text-decoration: underline;
}
.breadcrumb>li+li{
    position: relative;
    margin-left: 18px;
}
.breadcrumb>.active{
color: #0F1238;
}

/** table & nav **/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #0F1238;
    border-color: #0F1238;
}

/** btn */
.btn-default, .btn-primary{
	background-image: none;
	border: 0;
	text-shadow: none;
	box-shadow: none;
}
.btn-primary{
	color: #fff;
	background-color: #0F1238;
}
.btn-primary:focus, .btn-primary:hover{
	background-color: rgba(28, 54, 92, 0.49);
	text-shadow: none;
}
.btn-default:focus, .btn-default:hover{
	text-shadow: none;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{
	color: #fff;	
}
.btn-default .fa, .btn-primary .fa{
    padding-right: 3px;
}
.addbtn{position: absolute; right: 30px; top: 135px; }

@media (min-width: 768px){
	.modal-dialog {
	    width: 760px;
	}
	.modal-dialog.modal-sm {
    	width: 250px;
	}
}

/** alerts */ 
.alert-info{	background-color: #f9f9f9;	border-color: #d1d9e5;	background-image: none;    box-shadow: none;    text-shadow: none;    font-weight: normal;    font-size: 20px;	color: #088A08;}
.alert-dismissable .close, .alert-dismissible .close{line-height: 30px}
.errors{ color: #980000;}
ul.errors{ float: right;   list-style: none;  color: #980000;}

/** colorpicker fix **/
.colorpicker:after,.colorpicker:before{ top: 0;display: none;}
.colorpicker-right:before,.colorpicker-right:after{display: grid;}
.colorpicker-element.input-group input.form-control {width: 25%;}
.colorpicker-element.input-group .input-group-addon{width: 34px; height: 34px; }

/** file upload */
.hint {line-height: 22px;    font-size: 12px;}
.imgupload {float: right;}
.imgdel { padding-bottom: 3px; float: right; margin-top: -6px; margin-right: -6px;}
.imgupload{ border: 0px solid #428BCA; max-width: 400px; max-height: 100px; float: right;}

/** datables */
.dataTables_wrapper .dataTables_paginate .paginate_button{ border-radius: 0; padding: 0; margin:0}
table.dataTable tbody td:last-child, table.dataTable tbody th:last-child{ padding-right: 0;}
.pagination{border-radius: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{ border: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button{ border: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ border: 0;}
.pagination>li>a{z-index: 3;}

/**tabs */
.tab-content{position: relative; padding-top: 50px;     padding-right: 1px;}
.tab-content .addbtn{top: 0px; right: 0px;}
.tab-content.nopadding{padding-top: 0px;      }
/** multi checkbox */
.multicheck input{ float: left; margin-right: 5px; margin-top: 10px; }
.multicheck label{ display: block; float: left; width: 23%;  white-space: nowrap; overflow: hidden; margin-right: 10px; box-sizing: border-box;}
.fl { float: left;}
.fr { float: right;}

/** nav filter */

.form-group label.control-label span{width: 25%; float: left;}
.form-group label.control-label input{width: 75%; float: left;}

.form-inline .control-label{
	text-transform: uppercase;
	margin-right: 3px;
}
.form-inline { 	margin-bottom: 6px;}
.form-inline.pull-right .form-group{ float: right; clear:right;}
.form-inline.pull-right .form-group select { width: 200px;}
    .form-inline .form-control {xheight: 28px; xpadding: 0; xmargin-bottom: 2px;}

input[type=checkbox], input[type=radio] {    margin: 4px 4px 0 0;}

.notifications{ color: #000; padding: 5px; white-space: nowrap; border-bottom: 1px solid #C0C0C0;}
.notifications .text{padding-left: 20px;}
.form-group-vragen{height:270px;}
.form-control-vragen{height:200px !important;}
dd {    padding-left: 20px;}

table.dataTable tbody td, table.dataTable tbody th {
    padding: 4px 10px;
}
.tooltip-inner{text-align: left}

body { padding-top:100px; }
.app { display: flex; min-height: 100vh; flex-direction: column; }
.app-content { flex: 1; }
.app-footer { padding-bottom: 1em; }
.navbar-brand{ padding: 25px 25px 25px 10px}
.sign-avatar{    float: left;    margin-left: 20px;}

fieldset{ width: 100%;}
fieldset.form-group.row{ margin: 6px 0 0 0; border-bottom: 1px solid #e5e5e5;}
legend{    text-transform: uppercase; font-weight: bold; font-size: 15px;}
.form-group label {display: grid;}
.form-group.col-sm-1,
.form-group.col-sm-2,
.form-group.col-sm-3,
.form-group.col-sm-4,
.form-group.col-sm-5,
.form-group.col-sm-6,
.form-group.col-sm-7,
.form-group.col-sm-8,
.form-group.col-sm-9,
.form-group.col-sm-10,
.form-group.col-sm-11,
.form-group.col-sm-12,
.form-group.col-md-1,
.form-group.col-md-2,
.form-group.col-md-3,
.form-group.col-md-4,
.form-group.col-md-5,
.form-group.col-md-6{     padding: 0 6px 0 0;min-height: 70px;}

.form-group label span{line-height: 18px; }
.form-group .del{ margin-top: 18px;}


.form-group ul.errors{ float: right;   list-style: none;  color: #980000; margin-top: -5px;     margin-bottom: 0;}
.input-error{border: 1px solid #980000;     background-color: #98000010;}
.form-inline label{ width: 100%;}
.form-inline label span { width:  25%; float: left;}
.form-inline label input.form-control,
.form-inline label textarea.form-control,
.form-inline label select.form-control{ width: 75%; float: left;}

.addcollection{ border-bottom: 1px solid #e5e5e5; height: 46px; padding: 6px 0;}
.top10{ margin-top: 10px; }
.right10{ padding-right: 10px; }
.left10{ padding-left: 10px; }
.bottom10divider{ padding-bottom: 10px; border-bottom: 1px solid #e5e5e5 }

.form-group .del, .form-group .add {    width: 34px; }
.control-label{ position: relative;}
.form-group  .form-control-feedback{margin-top: 18px;}

.customer > fieldset { width: 50%; float: left; }
.sign-avatar img { width: 195px;}
.text-large {    font-size: 125%;}
table.dataTable tbody td, table.dataTable tbody th {
    line-height: 20px;
}

table.dataTable tbody td a .fa { padding: 5px;}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    float: none;
}
div.dataTables_wrapper div.dataTables_filter { margin-right: -1px;}
div.dataTables_wrapper div.dataTables_filter label{ width: auto;}
.nopadding{padding: 3px 0;}

.navbar-default .navbar-nav>li>a.active{font-weight: bold}

.alert{ float: left; width: 100%; margin-top: 10px;}
.panel{box-shadow: none; border-bottom: 1px solid #ececec; padding-bottom: 10px;}

.form-inline.left-notes{			width: 50%;  			float: left;		}

.addcollection.pull-right { border-bottom: 0; clear: right;}
.collection.floatright{ float: right}

.form-inline.doublefield {
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width: 768px) {
    .form-inline.doublefield {
        padding-left: 0;
        width: 50%;
        padding-right: 0;
    }

    .right15 span {
        padding-right: 15px;
        text-align: right;
    }

    .form-inline.first label input.form-control, .form-inline.first span {
        width: 50%;
    }
}