/*
 *
 *   dotcontent- dotsolutions
 *   version 1.0
 *
*/

body { background-color: #555; font-size: 14px; color:#555; font-weight: lighter;}
h1 {color: #54b721; font-weight: lighter;}
h2,h3,h4,h5,h6 {font-weight: lighter;}
a {color: #269CD7;}
a:focus, a:hover {color:#f39c12;}
h3 { font-size:18px; }

.logo-name{ color: #54b721;}
/* ----- Menu ----- */
.navbar-default li a{ color: #eee; font-size: 16px; }
.nav > li.active {
  border-left: 0px;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus { background:#555555; color: #54b721; }             
.sidebar-collapse .nav li > a { background:#555555; border-left: 4px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; font-weight: lighter; padding: 14px 20px 14px 19px; } 
.sidebar-collapse .nav li.active > a {background:#4c4c4c;  border-left: 4px solid #3d3d3d; color: #54b721;  }
.sidebar-collapse .nav li.active > a:hover { border-left: 4px solid #343434;  }
.sidebar-collapse .nav li > a:hover {background:#4c4c4c;  border-left: 4px solid #4c4c4c; color: #54b721; }
.navbar-default .nav > li > .nav-second-level li a { border-left: 0; }
.logo-element { border-left: 4px solid #4c4c4c }
.nav-header, body.mini-navbar .nav-header{ background: #4c4c4c; padding:19px;}
body.mini-navbar .navbar-default .nav li a i {font-size: 20px; }
#top-search { font-weight: lighter; font-style: italic; }
.mini-navbar .nav-second-level {background-color: #4c4c4c;}
.dropdown-menu > li > a {color: #555;}
.nav-header .text-muted {color: #eee;}
/* ----- Breadcrumb ------*/
.breadcrumb .active {color:#999c9e;} 
.breadcrumb { font-size: 14px; font-weight: normal;}


/*----- Panel ------*/
.panel-default {border-radius: 0; border-top: 2px solid #e7eaec; border-bottom: 1px solid #e7eaec; border-left: none; border-right: none;}
.panel-default .panel-heading{background-color: #fff; border-bottom: 1px solid #e7eaec;}
.panel-primary {border: 0; border-radius: 0;}
.panel-primary .panel-heading {background-color: #fff; border: 0;}
.panel-body input.search-table {min-width: 150px;}
.panel-body {padding: 15px 15px 10px 15px;}

/*------ tabs -------*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #fff; color: #54b721; text-decoration: none; }
.nav-tabs>li>a {border-radius: 0; border-bottom: 1px solid #ddd; background-color: #f3f3f4; color: #555; margin-right:0; text-decoration: none;}
.nav-tabs > li > a:hover {background-color: #f3f3f4; border: 1px solid #f3f3f4;  border-bottom: 1px solid #ddd;}
.page-heading .tab-content {padding-top: 50px}                                                                     
.nav.nav-tabs li { background: none; border: none; border: 1px solid #ddd; margin-right: -1px; border-bottom: 0;}
.nav.nav-tabs li:hover { background: #ebebed; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: 0; margin-top: 2px;}
.wrapper-content .tab-content { background:#fff; padding: 15px; border: 1px solid #ddd; border-top: 0;}
.banner_image img{width: 100px;}
.banner_table td{vertical-align: middle; height: 75px;}

/* ----- Forms ------*/
.form {margin-top: 15px;}
.input-group {margin: 0 15px;}
.input-group.date, .input-group.time {margin: 0; padding-right: 15px;}
.input-group-btn {height: 40px; }
input.form-control { height: 40px;}
.form-control:focus, .single-line:focus {border-color: #269CD7!important;}
.form-horizontal .control-label {text-align: left; font-weight: lighter;}
.form-group, .form-group .col-lg-4, .form-group .date, .form-group .col-lg-6,  .panel-body .col-lg-4, .panel-body .col-lg-3 {padding-left: 0;}
.has-success .form-control {border-color: #269CD7;}
.has-warning .form-control {border-color: #f39c12;}
.has-error .form-control {border-color: #e74c3c;}
form.form-horizontal.menu-item {margin: 15px 0;}
.form-horizontal .control-label {padding-top: 0;}
.groeps_toegang, .formulier {padding-left: 15px;}
#afbeelding .btn-group {margin-top: 5px;}
.samenvatting {padding: 0; margin-bottom: 15px;}
.menu-item .btn{margin-top: 10px;}
.password_forget {margin-top: 10px;}
/* ----- Table -----*/
.table {margin: 15px 0;}
thead th {font-weight: normal;}
.table>tbody>tr>td { border: 0; vertical-align: middle;}

.editor {margin: 15px 0;}

.dropzone a.dz-remove { background-color: #e74c3c; border: 0; padding: 10px 5px;}
.rating { margin-bottom: -50px;}
.dd-list {margin-bottom: 5px;}
.dd-handle {color: #269CD7;}
.dd-handle:hover {font-weight: normal; color:#F39c12; background: none;}
.dd-handle i { margin-top: 2px; color: #999c9e; font-size: 20px; font-weight:lighter;}
.dd-handle i:hover {color: #54b721;}
.dd-handle { display: block; padding: 5px 10px; margin: 0; border-radius: 0; color: #333; border: 0; text-decoration: none; background: #f5f5f5;}
.dd-list .odd {background-color: #fff;}
.dd-list .even { background-color: #f3f3f4}
.dd-list .odd:hover {background-color: #fff;}
.dd-list .even:hover { background-color: #f3f3f4}


/* ---- labels -----*/
.dd-list .label {margin-right: 5px;}
.label-danger {background-color: #E74C3C;}
.label-success {background: #54b721;}
.label-info {background-color: #269CD7;}
.label-warning {background-color: #F1C40F;}

.file-name {  
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}

.footer {height: 40px;}

@media screen and (max-width:767px) {
    .table-responsive { margin-top: 15px; width: 100%; border: 0; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    }


.mini-navbar .nav-second-level {
  width: 250px;
}



.navbar-static-extra {
      position:absolute;
      left:70px;
}

.spacer {
    height:30px;
    clear:both;
}

.input-group {
  margin: 0 !important;
}

.logo-element-2 {
  text-align: center;
  font-size: 18px;
  color: #fff;
  display: none;
}

.dd-empty, .dd-item, .dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  font-size: 14px;
}

.dd-handle {
    display: block;
    padding: 5px 10px;
    margin: 0;
    border-radius: 0;
    color: #333;
    border: 0;
    text-decoration: none;
    background: #f5f5f5;
    padding-top: 14px;
    padding-bottom: 14px;
}
  
.dd-handle .label {
  font-size: 14px;
  font-weight:lighter;
}

.dd-item>button {
  display: block;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 37px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  overflow: hidden;
  border: 0;
  background: 0 0;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}


#project-context {
    padding:20px;
    padding-right:30px;
    display: block;
    color: #bfbfbf;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 1px #fff;
    padding-left: 0;
    text-align: left;
}

#project-context #current-websitename {
    font-weight:bold;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    padding: 0;
    text-align: left;
    font-size: 15px;
}

#project-context #current-websitename:hover {
    cursor:pointer;
    color:#999;
}
#project-context .dropdown-menu {  
    background:#f3f3f4; 
    border:0;    
    max-height: 300px;
    box-shadow:none;
}

#project-context .dropdown-menu > li{
   border:0;                         
   border-left: 1px solid #e7eaec;
   border-bottom: 1px solid #e7eaec;     
}    
                
#project-context .dropdown-menu > li a {
  color: #bfbfbf;
}

#project-context .dropdown-menu > li a:hover {  
  color: #afafaf;
}

.btn-primary:focus {
    background:#4da61f !important;
    border-color:#4da61f !important;
}

.btn-primary:hover {
    background:#489b1d !important;
    border-color:#489b1d !important;
}


.input-lg {
  height: 46px !important;
  padding: 10px 16px !important;
  font-size: 18px;
  line-height: 1.3333333;
}                                                    

.treeview {       
   list-style:none;
   margin:0;
   padding:0; 
padding-top:10px;
padding-bottom:10px;
}   
.treeview > li {
    padding:7px;
    padding-top:10px;
    padding-bottom:10px;
}           
.treeview > li:last-child
{                         
    border-bottom:0;
}

.permalink {
    font-size:12px;
    padding-top:5px;
}

.type_name {
    background:#f3f3f4;
    padding:20px;          
    margin-bottom:20px;
    margin-top:20px;
    text-transform:uppercase;
}      
.type_name:first-child {  
    margin-top:0;
}

.gen-template {

}

.gen-template-top {
    width:100%;
    border:1px solid #DFDFDF; 
    margin-bottom:30px;
}

.gen-template-left {     
    width:100%;
    border:1px solid #DFDFDF;  
}

.gen-template-center {     
    width:100%;
    border:1px solid #DFDFDF;  
}

.gen-template-right {       
    width:100%;
    border:1px solid #DFDFDF; 
}

.gen-template-bottom {     
    width:100%;
    border:1px solid #DFDFDF; 
    margin-top:30px;
}

.gen-drag {
    padding:20px;
}

.gen-drag:hover {
}

.gen-template-h1
{
    margin-bottom:20px;
    color:#E7E7E7 !important;
}

.gen-template-menu
{
    list-style:none;
    margin:0;
    padding:0;
    height:60px;
}

.gen-template-menu li
{
    padding:20px;
    float:left;
    border-right:1px solid #ccc;
}

.btn-drag {
    display:none;
}
.btn-gray {
  background-color: #676767;
  border-color: #676767;
  color: #FFFFFF;
}

.btn-gray:hover 
{
    background-color: #565656;
    border-color: #565656;
    color:#fff;
}

.btn-gray-dark {
    color: #6C6C6C;
}

.btn-gray-dark:hover 
{
    color:#5E5E5E;
}
.account {  background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(36,36,36,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(36,36,36,0.2); box-shadow: 0px 0px 10px 0px rgba(36,36,36,0.2); padding:20px; margin-top:5%;}                
.account_description {  padding:30px; }     
.account_description ul { margin:0; padding:0; margin-left:20px;} 
.account_description ul li { padding-top:3px; padding-bottom:3px;}
.account_content {  padding:15px;  }
.account_title { height:80px; }

.account h3 { font-size:42px; margin:0; padding:0; margin-bottom:25px; }
.error-panel { font-weight:bold; color:#871c1c; padding-top:5px; }
.error-msg { font-weight:lighter; color:#871c1c; padding-top:5px; font-size:12px; display:block;}     
.error-panel:empty { padding-top:0; }

/* TOOLTIPS */
.tooltip-inner {
    background-color: #4c4c4c;
    padding:10px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #4c4c4c;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #4c4c4c;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4c4c4c;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #4c4c4c;
}

.help {
    text-align:right;
}
.help a {     
    color:#fff;
    color:rgba(0, 0, 0, 0.7);
    outline:none;
}
.help a:hover {     
    color:rgba(0, 0, 0, 0.9);
}

.check-box 
{
    margin-bottom:20px;
    color:#fff;
    height:100px;
}

.check-box-title {
    float:left;   
    text-transform:uppercase; 
    font-weight:bold;
    font-size:28px; 
    padding:25px; 
    width:20%;
}
     
.check-box-description {   
    float:left;      
    width:50%;
    padding:25px; 
    padding-left:0;  
}

.check-box-extra {    
    float:left;       
    width:30%;       
    padding:35px; 
    text-align:right; 
    padding-left:0;   
    padding-right:25px; 
}
.check-box-success
{              
    background:#4CAF50;             
    border:2px solid #388E3C;
}


.check-box-warning
{
    background:#FF9800;             
    border:2px solid #F57C00;
}


.check-box-danger
{       
    background:#FF5722;             
    border:2px solid #E64A19;
}

.check-box-warning .check-box-btn
{    
    background:#EF6C00;             
    border:1px solid #E65100;     
    border-bottom: 2px solid #BB4301;
    border-right: 2px solid #BB4301;
    padding:20px;     
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
}


.check-box-warning .check-box-btn:hover
{  
    border:2px solid #BB4301;     
    border-bottom: 1px solid #E65100;
    border-right: 1px solid #E65100; 
	-webkit-transition: all 1.0s;
	-moz-transition: all 1.0s;
	-o-transition: all 1.0s;
	transition: all 1.0s;
}

.check-box-danger .check-box-btn 
{ 
    background:#D84315;             
    border:2px solid #BF360C;       
    padding:20px;
    font-size:18px;
    color:#fff;    
    text-transform:uppercase;

}

.contact-information {
    text-align:center;
    font-size:24px;
}

.loginColumns { max-width:432px; }

.search { 
    margin:20px;}
                                                                                   
.modules { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ececec;}
.modules:first-child { border-top:1px solid #ececec;}
.text-top { vertical-align:top !important; }                                                           
.no-weight { font-weight:normal !important; }
.group { margin-bottom:30px; }

.fa-mobile { font-size:28px !important;}

.alert-margin-top { margin-top:30px; }

.selectAll { font-size:12px; margin-top:10px; display:inline-block; }


#sidebar {
    width: 255px;
    background: #ebebed;
    border-left:1px solid #D7D9DA;
    padding: 10px 20px;
    position: absolute;
    top: 160px;
    right: 0;
    bottom: 0;
    z-index:9999;
    overflow:auto;
}

.nav-label { font-size:14px; }

   .jstree-open > .jstree-anchor > .fa-folder:before {
        content: "\f07c";
    }

    .jstree-default .jstree-icon.none {
        width: 0;
    }


    .normal { font-weight:normal !important; }

            .icon{
            background-position: center center;
            background-size: auto;
        }

            .CodeMirror  { min-height:100% !important; height:100% !important;}






/*sort other*/
.sort_items {clear: both;list-style: none;margin: 0px;padding: 0px;}
.sort_items li ul:nth-of-type(2n+1) {margin: 10px;}
.sort_items li ul:nth-of-type(2n+1) li {background: #1a1a1a;}
.sort_items li {display: block;padding: 10px;margin: 0px; margin: 10px 0px; border: 1px solid #ccc;background: #f9f9f9;}
.sort_items span{margin-right: 20px;cursor: move;}

.nosort_items {clear: both;list-style: none;margin: 0px;padding: 0px;}
.nosort_items li ul:nth-of-type(2n+1) {margin: 10px;}
.nosort_items li ul:nth-of-type(2n+1) li {background: #1a1a1a;}
.nosort_items li {display: block;padding: 10px;margin: 0px; margin: 10px 0px; border: 1px solid #ccc;background: #f9f9f9;}

.modal .modal-body {max-height: 450px;overflow-y: auto;}