/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

.sidebar {
    margin:0px;
    padding:0px;
}

.container {
    padding-top:0px!important;

}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
/*
.sidebar {
    display: none;
    width:200px;
    font-size:12px;
}
*/

.sidebar a {
    color: #b7b7b7;
}
@media (min-width: 768px) {
    .sidebar, .sidebar-offcanvas, .nav-sidebar {
        position: fixed;
        top: 50px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 0px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #2b2b2b;
        border-right: 1px solid #eee;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
/*
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
*/

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #b7b7b7;
    background-color: #2b2b2b;
}

.sidebar-offcanvas {
    color: #b7b7b7;
    background-color: #2b2b2b;
    height:100%;
    padding-left:10px;
}

.nav-sidebar > .active > li {
    color: #b7b7b7;
    background-color: #4b4b4b;
}

.sidebar ul li a:hover {
    color: #d7d7d7;
    background-color: #0f6ac5;
}

.sidebar > .active > ul li:active {
    color: #d7d7d7;
    background-color: #0f6ac5;
}

.dropdown ul {
    background-color: #4b4b4b;
}

.sidebar.dropdown ul > .active {
    background-color: #0f6ac5;
}

.dropdown li a{
    padding-left:35px;
}

.dropdown ul li a:active{
    color:#fff;
    background-color: #0f6ac5;
}
.dropdown li a:hover{
    color:#fff;
    background-color: #0f6ac5;
}

.dropdown .nav li {
    display: inline;
}


/*
 * Main content
 */

.main {
    /*padding: 20px;*/
}
@media (min-width: 768px) {
    .main {
        padding-right: 00px;
        padding-left: 00px;
    }
}
.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

.sidebar hr {
    padding:0px;
    margin:0px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2b2b2b;

}

.errorBlock, .successBlock {
    padding:10px;
    border-radius:5px;
    width:100%;
}

/* dashicons */
.dashicon {
    padding:10px;
    color:#fff;
    font-size:20px;
    border-radius:2px;
    text-align:center;
    vertical-align: middle;

}
.dashicon-sm {
    padding:5px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    text-align:center;
    vertical-align: middle;

}
.dkblue {
    background-color:#002a80;
}

.blue {

    background-color: #0f6ac5;
}

.green {
    background-color: #00CC00;
}

.orange {
    background-color: #f88e11;
}

.red {
    background-color: #ff0000;
}

.redfore {
    color: #ff0000;
}

.greenfore {
    color: #00CC00;
}


.navbar-fixed-top a {
    color:#fff!important;
}

.checkmark {
    color:#fff;
}

input[type="checkbox"].right-margin {
    margin-right: 15px;
}

#file_uploader {
    border: 3px dashed #c1c3c5;
    min-height: 250px;
    padding: 25px;
}
#file_uploader p { text-align: center;  }
#file_uploader p.big { font-size: 32px; padding: 10px; margin: 0;  color: #b1b3b7;}
#file_uploader input[type="file"] {text-align: center; margin: 0 auto;}

#file_uploader.hover { border: 3px dashed #818385; }

.add_price { margin-top: 10px;}
.add_price span {  color: #333; font-size: 15px; cursor: pointer;}
.delete_price {color: #333;font-size: 15px;  margin-left: 5px; cursor: pointer}


.checkLabel { border: 1px solid #333; margin: 0 5px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
.checkButton { position:absolute;clip:rect(0 0 0 0); }
.checkButton:checked + label {background-color: #009fdf;}
.full_back { position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none;}

/* LOADING GRAPHIC */
#loading {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.75) 1px 1px 31px -3px;
    color: #000;
    display: block;
    left: 50%;
    height: 70px;
    margin-left: -140px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 250px;
    z-index: 99999;
}

#loadingbg {
    background-color:#ccc;
    height:100%;
    left:0px;
    opacity:0.8;
    position:fixed;
    top:0px;
    width:100%;
    z-index:1000;
}

body.loading {
    pointer-events:none;
    overflow:hidden;
}