/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/* Portlet */

.page-content {
    overflow-y: auto;
    background-color:  #F6F6F6 ;
}

/* Login  */

.login .content {
    width: 500px;
}

.login .content .form-actions .btn {
    font-weight: 600;
    padding: 10px 60px !important;
}

.login .content h3 {
    font-weight: 100 !important;
    text-align: left;
    color: #4A4A4A;

}

.progress {
    height: 20px;
    margin-bottom: 4px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.btn.default:not(.btn-outline) {
    color: white;
    background-color: #9B9B9B;
    border-bottom-color: #9B9B9B;
}

.btn.green:not(.btn-outline) {
    color: white;
    background-color: #34AA46;
    border-bottom-color: #34AA46;
}

.portlet > .portlet-body.red,
.portlet.red {
    background-color: #b30f25;
}

.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-body {
    border: 0;
    color: white;
}

.portlet.solid.red > .portlet-title > .caption > i {
    color: white;
}

.portlet.box.red {
    border: 1px solid #b30f25;
    border-top: 0;
}

.portlet.box.red > .portlet-title {
    background-color: #b30f25;
}

.portlet.box.red > .portlet-title > .caption > i {
    color: white;
}

.portlet.box.red > .portlet-title > .actions .btn-default {
    background: transparent !important;
    border: 1px solid #ea9f96;
    color: #efb3ab;
}

.portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active {
    border: 1px solid #f3c6c0;
    color: #f7dad6;
}

.red-intense {
    background-color: #b30f25 !important;
}

.red-intense .more {
    background-color: #e30f25 !important;
}

table.table-lang-nl > thead {

    background: #EEEEEE;
}

td.center-object {

    text-align: center;
    vertical-align: middle;
}

table.inspectionDetail {

    width: 100% !important;
    border-collapse: collapse;
}

table.inspectionDetail > td {

    padding: 5px;
}

table.inspectionDetail td, table.inspectionDetail th {

    border: 1px solid black;
}

/*Dossier CSS*/

.nav-pills > li {
    padding-left: 0px;
    padding-right: 0px;
}

.nav-pills > li > a {
    padding-left: 0px;
    padding-right: 0px;
}

.nav-pills > li + li {
    margin-left: 0px;

}

.nav-pills > li.active > a {
    background-color: white;
}

.nav-pills > li.active > a:focus {
    background-color: white;
}

.nav-pills > li.active > a:hover {
    background-color: white;
}


.nav-pills > li > a:focus {
    background-color: white;
}
.nav-pills > li > a:hover {
    background-color: white;
}


/*ctext color of inactive step*/
.mt-element-step .step-line .mt-step-number {
    color: #95A5A6 !important
}

.mt-element-step .step-line .done .mt-step-number {
    color: #95A5A6 !important;
    border-color: #2E549D !important;
}

/*subtitle color of current step*/
.mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title {
    color: #2E549D !important;
}

/*color of active step*/
.mt-element-step .step-line .active .mt-step-number {
    color: #2E549D !important;
    border-color: #2E549D !important;
}

/*text color of done step*/
.mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title {
    color: #95A5A6 !important
}

/*lijne color of current step*/
.mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
    background-color: #2E549D;
}

/*line color of done step */
.mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
    background-color: #2E549D !important;
}

/*datatables action buttons */
.table-scrollable .dataTable td .btn-group, .table-scrollable .dataTable th .btn-group {
    position: relative;
}

/*dossier file input */

.fileinput {
    margin-bottom: 0px;
}

.fileinput.list-item {
    list-style: none;
}

.fileinput.fileinput-new {
    display: block;
}

.fileinput.fileinput-exists {
    display: block;
}

.fileinput .namelabel label {
    display: block;
}

.fileinput-preview.fileinput-exists.thumbnail{
    width: 100%;
    height: 7vw;
}

.fileinput-new.thumbnail {
    width: 100%;
    height: 7vw;
}



.ms-container {
    width: 100%;
}

li.ms-hover {
    list-style: none;
}

/*style of next and previous in add risk*/
#form-actions-dossier {
    background-color: inherit;
}

/*width multi select*/
.ms-container .ms-selectable, .ms-container .ms-selection {
    width: 48%;
}

/*center ad risk button*/
#add_risks {
    margin: 0 auto;
    display: block;
}

#dossier_create_previous {
    width: 40%;
    float: left;
}

#dossier_create_next {
    width: 40%;
    float: right;
}

#dossier_create_submit {
    width: 40%;
    float: right;
}

/*dossier step 4: image */
.dossier-sight-image {
    width: 100%;
}

#cvs3 {
    border-radius: 5px;
    border: 1px solid #C7C7CD;
}

#marker_description_list {
    padding-left: 0px;
}

.dossier_maps_description_item {
    font-family: 'Open Sans';
    list-style: none;
    margin-bottom: 5px;
    color: #4A4A4A;
}

/*view image caption*/

.cbp-caption-active .cbp-caption-activeWrap
{
    position: absolute;
}



/*PDF CSS*/

.pdf-pagebreak {
    page-break-after: always;
    height: 1024px;
    position: relative;
}

.divider {
    height: 1px;
    background-color: #eef1f5;
    margin-left: 0px;
    margin-right: 0px;
}



.pdf-divider {
    height: 1px;
    background-color: #eef1f5;
    margin-left: 0px;
    margin-right: 0px;
}

.pdf-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.pdf-risk-photo {
    height: 25%;
    width: 48%;
    border: 1px solid lightgrey;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    float: left;
}


/* override green form color*/
.form-group.form-md-line-input.has-success .form-control{
    border-bottom: 1px solid #3069AA;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label:after, .form-group.form-md-line-input.has-success .form-control.form-control-static~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static~label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label:after
{
    background: #3069AA ;
}


.form-group.form-md-line-input .form-control.edited:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input .form-control.edited:not([readonly])~label:after, .form-group.form-md-line-input .form-control.focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input .form-control.focus:not([readonly])~label:after, .form-group.form-md-line-input .form-control:focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly])~label:after
{
    background: #3069AA ;
}


.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.help-block, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~i, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label, .form-group.form-md-line-input.has-success .form-control.form-control-static~.help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static~i, .form-group.form-md-line-input.has-success .form-control.form-control-static~label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label, .form-group.form-md-line-input.has-success label
{
    color: #888;
}

a#dossier_create_next {
    border-color: #34AA46;
    color: white;
    background-color: #34AA46;
}

a#dossier_create_previous {
    background-color: #9B9B9B;
    color: white;

}


/* login css*/

#pswd_info {
    display:none;
    margin-top: -85px;
    margin-left: 470px;
    margin-right: 10px;
    padding: 10px;
    position: fixed;
    background: #fefefe;
    font-size: .875em;
    z-index: 999;
    width: 220px;
    height: 186px;

}

#pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #4A4A4A;
}

#pswd-arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -10px;
    position: absolute;
    top: 95px;
    border-right:10px solid white;
}

/* breadcrumb background color*/
.breadcrumb {
    background-color:  #EEEEEE;
}


.dashboard-stat.green {
    background-color: #3A9D2E;
}

.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-24 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-24 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-24 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-24 {
        width: 20%;
        float: left;
    }
}