body {
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    background-color: #383838;
    font-weight: 200;
    overflow: hidden;
}

/*
    Common */

.cfix { zoom: 1; }

.cfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}

h1, h2 { font-weight: 200; }

h1 {
    font-size: 2em;
    line-height: 2em;
}

h2 {
    font-size: 1.8em;
    line-height: 1.6em;
}

p {
    font-size: 1em;
    line-height: 1.4em;
}

/*
    Layout setup */

.fillh {
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 
    Alerts */


.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

.alert,
.alert h4 { color: #c09853; }

.alert h4 { margin: 0; }

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    color: #FFFFFF;
    background-color: #27AE60;
    border-color: #d6e9c6;
}

.alert-success h4 { color: #468847; }

.alert-danger,
.alert-error {
    color: #FFFFFF;
    background-color: #e74c3c;
    border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 { color: #b94a48; }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info h4 { color: #3a87ad; }

.alert-block {
    padding-top: 24px;
    padding-bottom: 24px;
}

.alert-block > p,
.alert-block > ul { margin-bottom: 0; }

.alert-block p + p { margin-top: 5px; }

.loader,
.page-alert {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    overflow: hidden;
    font-size: 2em;
    /*height: 40px;*/
    padding: 30px 0;
}

.page-alert .close {
    float: right;
    line-height: 20px;
    cursor: pointer;
    /*padding: 24px;*/
}

.loader {
    background-color: #F1C40F;
    padding: 25px 0;
}

.loader i { font-size: 2em; }

/* 
    Validation errors (MVC default html output) */

.validation-summary-errors {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    margin-bottom: 20px;
    padding: 14px;
}

.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 
    Toolbar */

.toolbar {
    background-color: #232323;
    color: #a7a7a7;
    padding: 10px 6px;
}

.toolbar-strip { padding: 10px 0!important; }

.toolbar h3 {
    padding: 6px;
    color: #FFFFFF;
    font-size: 1.4em;
}

.toolbar h3 .circle { margin-right: 10px; }

.toolbar .search {
    float: left;
    border: solid 1px #1B7D5A;
    background-color: #FFFFFF;
}

.toolbar .button {
    padding: 7px 0;
    border: 1px solid #2e2e2e;
    background-color: #232323;
    min-width: 50px;
    float: left;
    color: #a7a7a7;
    text-align: center;
}

.toolbar input[type=text],
.toolbar input[type=search]
 {
    padding: 11px 6px;
    background-color: #3c3c3c;
    color: #F7F7F7;
    border: 0;
    float: left;
}

.toolbar .info {
    display: inline-block;
    padding: 12px;
    min-width: 65px;
    font-size: 1.1em;
    float: left;
    color: #a7a7a7;
    text-align: center;
    font-weight: 700;
}

.toolbar .button i { font-size: 18px; }

.toolbar .button:hover,
.toolbar .button.active {
    color: #FFFFFF!important;
    background-color: #2E2E2E;
}

.toolbar .button[disabled],
.toolbar .button[disabled]:hover {
    background-color: #232323!important;
    color: #414040!important;
    cursor: default;
}

.toolbar-group {
    float: left;
    margin-right: 10px;
}

.toolbar-group .button { margin-left: -1px; }

.toolbar-group .button:first-child { margin-left: 0px; }

.toolbar-group.right { float: right; }

.toolbar-group .field { float: left; }

/*.toolbar-group input[type="text"]
{
    border: 0;
    background-color: #FFFFFF;
    padding: 7px;
    margin: 0;
    float: left;
    height: 22px;
    vertical-align: middle;
}*/

.toolbar .search button { border: 0px; }


/* Sidebar */

.sidebar { background-color: #232323; }

.sidebar .toolbar-group .button { color: #86c5e4!important; }

.sidebar .toolbar-group .button:hover,
.sidebar .toolbar-group .button.active { color: #FFF!important; }

.sidebar .inner { color: #FFFFFF; }



.sidebar h3 {
    line-height: 1.2em;
    font-size: 1.4em;
}

.sidebar .nav { list-style: none; }

.sidebar .nav li a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #d5d3d3;
    font-size: 1.1em;
    border-bottom: 1px solid #232323;
}

.sidebar .nav li a:hover {
    background: #333333;
    color: #FFFFFF;
}

.sidebar .nav li.active a,
.sidebar .nav li.active a:hover {
    font-weight: 700;
    color: #FFFFFF;
    background-color: #18bc9a;
}

.sidebar .nav li i { float: right; }

.sidebar .nav li.active a i,
.sidebar .nav li.active a:hover i { /*border: solid 1px #4cab89;*/ }

.sidebar .nav .search-box {
    position: relative;
    height: 30px;
}

.sidebar .nav li hr {
    margin: 4px 5px;
    background-color: #292929;
    border-color: #292929;
    color: #292929;
}

.sidebar .nav .search-box input {
    position: absolute;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar .nav .search-box > i {
    position: absolute;
    top: 7px;
    right: 10px;
    color: black;
}

/* 
    Progress bar */

div.progress {
    background-color: #292929;
    display: block;
    padding: 0;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

div.progress .bar {
    display: inline-block;
    height: 10px;
    width: 0%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.progress.large .bar {
    height: 44px;
    line-height: 1em;
    padding-top: 20px;
}

/* 
    Upload */

.upload table {
    background-color: #232323;
    color: #FFFFFF;
}

.upload table th,
.upload table td {
    border-top: 0px solid #383636;
    padding: 12px 8px;
}

.upload .table-striped tbody > tr:nth-child(2n + 1) > td,
.upload .table-striped tbody > tr:nth-child(2n + 1) > th { background-color: #1f1f1f; }

/* 
    Colors */

.green {
    background-color: #1b7d5a!important;
    border-color: #1b7d5a!important;
    color: #FFFFFF!important;
}

.magenta {
    background-color: #6a5a8c!important;
    border-color: #6a5a8c!important;
    color: #FFFFFF!important;
}

.orange {
    background-color: #de8650!important;
    border-color: #de8650!important;
    color: #FFFFFF!important;
}

.darkblue {
    background-color: #28545b!important;
    border-color: #28545b!important;
    color: #FFFFFF!important;
}

.blue {
    background-color: #5a9aa8!important;
    border-color: #5a9aa8!important;
    color: #FFFFFF!important;
}

.lightblue {
    background-color: #0d8bc8!important;
    border-color: #0d8bc8!important;
    color: #FFFFFF!important;
}

.pink {
    background-color: #8c5d79!important;
    border-color: #8c5d79!important;
    color: #FFFFFF!important;
}

.dark {
    background-color: #232323!important;
    border-color: #232323!important;
    color: #FFFFFF!important;
}

.light {
    background-color: #F7F7F7!important;
    border-color: #F7F7F7!important;
    color: #232323!important;
}

.lightred {
    background-color: #e56c69!important;
    border-color: #e56c69!important;
    color: #FFFFFF!important;
}


/* 
    Stats */

.stats-overview { padding: 15px 0; }

.stats-overview .inner { }

.stats-overview .inner .title,
.stats-overview .inner .subtitle {
    text-align: center;
    display: block;
    padding: 8px;
    text-transform: uppercase;
    line-height: 1.1em;
}

.stats-overview .inner .subtitle { font-size: .8em; }

.stats-overview .inner .numbers {
    text-align: center;
    display: block;
    font-size: 2.2em;
    padding: 10px;
}

.stats-overview .inner .numbers i { font-size: 2.5em; }

/* 
    Statuses */

.status-live {
    background-color: #18bc9a!important;
    color: #FFFFFF!important;
}

.status-archived {
    background-color: #6a5a8c!important;
    color: #FFFFFF!important;
}

.status-pending {
    background-color: #e56c69!important;
    color: #FFFFFF!important;
}

.status-draft {
    background-color: #232323!important;
    color: #FFFFFF!important;
}

/* 
    Gridster */

.gridster {
    width: 100%;
    margin: 0 auto;
}

/* 
    Widgets */

.widget-button.active {
    background-color: #2E2E2E!important;
    border-color: #2E2E2E!important;
}

.button-widget.q-popover {
    background-color: #2E2E2E;
    margin-top: -1px;
    padding: 10px;
}


.button-widget.q-popover input,
.button-widget.q-popover select
{
    padding: 6px;
    background-color: #3c3c3c;
    color: #F7F7F7;
    border: 0;
}

.no-data {
    text-align: center;
    color: #888;
    font-size: 2em;
    padding: 20px 0;
}

/* 
    Inputs */

.qusion-checkbox {
    background: #FFFFFF url('images/checkbox.png') no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.qusion-checkbox-hover { background-position: 0 -22px; }

.qusion-checkbox-checked { background-position: 0 -44px; }

.qusion-radio {
    background: url('images/radio.png') no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.qusion-radio-hover { background-position: 0 -22px; }

.qusion-radio-checked,
.qusion-radio-checked.qusion-radio-hover { background-position: 0 -44px; }

/* 
    Combo */

.qusion-combo {
    background: #FFFFFF;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.qusion-combo:focus { border-color: #1b7d5a; }

.qusion-combo .input {
    padding: 10px 10px 9px 10px;
    vertical-align: middle;
    min-width: 30px;
    display: inline-block;
}

.qusion-combo .select {
    background: url(images/combo.png) no-repeat center 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border-left: solid 1px #f4f4f4;
}

.qusion-combo:hover .select,
.qusion-combo .select.ui-state-active { background-position: center -32px; }

.qusion-combo-popover {
    min-width: 120px;
    background-color: #1b7d5a;
}

.qusion-combo-popover a {
    padding: 10px;
    display: block;
    color: #FFFFFF;
    cursor: pointer;
}

.qusion-combo-popover a:hover { background-color: #2e9f77; }

.qusion-combo-menu {
    list-style: none;
    overflow: auto;
    overflow-x: hidden;
}

.qusion-combo-menu .ui-state-active { background-color: #2e9f77; }

.qusion-combo-popover a.qusion-combo-command { border-top: solid 1px #2e9f77; }

.qusion-combo-popover a i {
    margin: 0 6px 0 0;
    display: none;
}

.qusion-combo-menu .ui-state-active i,
.qusion-combo-popover .qusion-combo-command i { display: inline-block; }

.qusion-combo-menu .jspDrag { background-color: #35af84; }


.empty-list {
    margin: 30px;
    text-align: center;
}

.empty-list h2 {
    font-weight: bold;
    font-size: 2em;
    text-shadow: 0 2px 3px #222;
    color: #999;
}

.clickabile { cursor: pointer; }

ul.tree {
    list-style: none;
}

.tree li {
    padding: 4px;
}

.tree ul {
    margin-left: 10px;
}
.indenter {
    -moz-user-select: none;
    float: left;
    padding: 10px 5px;
    text-align: right;
    width: 19px;
}

