@import 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,900';


/* Bootstrap Theming */
 
.modal-content{ box-shadow: none; border-radius: 0; border: none; }

    .modal-content .white { margin-top: 0; }

.modal-dialog { border-left: 2px solid #000; border-right: 2px solid #000; background: rgba(245,245,240,1); padding:0; margin-top:100px; width:1000px;  }
 
.dialog-small { width:500px;}

     .modal-body-iframe {padding-bottom:0;}

.modal-title { font-family:Taviraj, serif; font-size:26px;}
.modal-content {padding:0 25px; background:transparent; }

 

.modal-header { border: none;  }
    .modal-header .close { font-family: Taviraj, serif; }

    .modal-dialog hr {margin:8px 0; border-color:#ccc;}

.modal-body h3 { font-size: 16px; line-height:32px; }
    .modal-body h3 > span { font-size: 20px; font-weight: 900; margin-right: 10px;}
.modal-footer { border: none; }

.btn { border-radius: 0; padding: 3px 6px; }
  .btn-default {background:#fff;}

.btn-success { background-color:rgba(1, 33, 104, .7); border-color:rgba(1, 33, 104, .7);}
.btn-success:hover, .btn-success:active, .btn-success.hover {background-color:rgba(1, 33, 104, 1); border-color:rgba(1, 33, 104, 1);}
  
.hidden {opacity:0;}

input[type=number] { padding-right:0;}
/*.btn-primary { background-color:rgba(1, 33, 104, .7); border-color:rgba(1, 33, 104, .7);}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {background-color:rgba(1, 33, 104, 1); border-color:rgba(1, 33, 104, 1);}*/


.btn-primary { background: #000; border-color: #000; transition: all .2s ease-in-out; }
    .btn-primary:hover { background-color: #fff; border-color: #000; color: #000; }
           
.form-control, .input-group-addon {  border-radius:0;border:1px solid #ccc; font-size:12px; line-height:22px; height:22px; padding:0 6px; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: 0; }

.form-group-checkbox .control-label {text-align:left;}
.control-label { font-size:11px;font-weight:400;}
.field-validation-error {font-size:11px; line-height:14px;}

.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a { background: rgba(1, 33, 104, .7) none repeat scroll 0 0; color: #fff; }
.sidebar-menu .treeview-menu > li > a { font-size: 12px }
.skin-black-light .treeview-menu > li > a { color:#BBB; }

.sidebar-menu .divider { border-bottom: 1px solid #ccc; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; }
.h2 {font-size:26px; margin-right:15px; }
.h3 {font-size:20px; }


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #000;
    border-color: #000;
    color: #ffffff;
}

/* Set padding to keep content from hitting the edges */

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

select.select-lg {max-width:none; width:95%;}

b, bold, skin-black-light .sidebar-menu > li.active > a {
    font-weight: 900;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #a7a7a7;
    border-color:#666;
}

/*End Bootstrap Theming */
   .dataTables_length {display:none;}


body { font-family: 'Lato', sans-serif;  font-size:12px}
a { color:rgba(1, 33, 104, .7); }
  select {margin-left:5px;}

  ul.no-list li {list-style:none;}
.logo-lg {background: url('../Img/logo.png')  no-repeat 0 12px;  background-size:100%; text-indent:-100em;}
.logo-fsks { background-image: url('../Img/logo-fsks.png'); }
.logo-iks { background-image: url('../Img/logo-iks.png'); }

.skin-black-light .main-header > .logo {border:none;}
.skin-black-light .main-header .navbar > .sidebar-toggle {color:rgba(1, 33, 104, 1); border:none;}
.main-sidebar, .left-side {width:190px;}
.content-wrapper, .right-side, .main-footer { margin-left: 190px; }

.pointer {cursor:pointer}
.content-wrapper { padding:30px 20px;}

.pointer span {color: #05c875; }

#page-header { margin-bottom:20px; }
    #page-header .btn { margin-top: -10px; }

.white {background :#FFF; box-shadow:rgba(0,0,0,0.1) 0 0 5px; padding:20px; margin: 10px 0;}
.white .header {line-height:20px; border-bottom:1px solid #ccc; padding-bottom:6px;}
    .white .header span { text-transform: uppercase; }
    .white .header > span:first-child {font-size:15px; margin-right:5px; color:#CCC;}
    .white .header input, .white .header select {display:inline; margin-left:15px;}

    #pnFacturen .header {border-bottom:none; }
    #tbFacturen_wrapper {margin-top:-30px;}

.form-control-xsmall { max-width: 50px; }
.form-control-small { max-width: 120px; }
.form-control-large { max-width: 1000px; }
.form-control-inline {display:inline-block;}
.form-control-int {padding-right:1px; }
#main {border:none;}
#main th {background :rgba(1, 33, 104, .7);  color :#fff; border:none;}
          

.delete {padding:3px; transition: transform .3s ease-in-out; cursor:pointer;}
    .delete:hover { transform: rotate(90deg); color:#F00; }
                                    
/* Bedrijf : Details*/
#modalEditContract .control-label {text-align:left;}
#modalEditContract .modal-dialog { margin:10px auto; box-sizing:border-box ; width:98%;  background:#eee;}
#modalEditContract select {padding-left:10px !important; margin-left:0px !important;}

#modalCreateFactuur .modal-dialog {margin:10px auto; box-sizing:border-box ; width:98%;  background: #eee;}
#modalCreateFactuur select {padding-left:10px !important; margin-left:0px !important;}


#modalCreateCreditnota .modal-dialog {margin:10px auto; box-sizing:border-box ; width:98%;  background: #eee;}
#modalCreateCreditnota select {padding-left:10px !important; margin-left:0px !important;}


#tbTotal {background: #eee; margin-top:25px;}
#tbTotal td{line-height:1.2em; border-color:#aaa;}
                 #tbTotal tr td:last-child {text-align:right;}
#tbTotal tr.total {background:#000; color:#fff;}

.unlock-price {cursor:pointer; }
.panel-unlock { }


@media (max-width: 768px) {

    .main-header .logo { display: none; }
    .content-wrapper { margin-left:0;}
    .right-side, .main-footer {margin-left: -40px;}
}



#uitvoeren { position:fixed; left:0; right:0; bottom:0; padding: 10px 15px; background : #eee; border-top:1px solid #ccc; width:100%; opacity:0; transition:opacity .7s ease-in;}
#uitvoeren p {margin:5px 0;}
#uitvoeren-home { padding:10px 15px;  opacity:0; transition : opacity .7s ease-in; }
    #uitvoeren.in, #uitvoeren-home.in {opacity:1;}
    
.loading-spinner {
    max-width: 25px;   
}