#main { padding: 0 15px 15px; }

.u-container { padding: 0 15px; }

.u-panel, .u-panel-simple {
    border: 1px solid #ddd;
    padding: 15px;
}

.u-panel .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar { margin-bottom: 15px; }

.breadcrumb { margin-bottom: 15px; }

.panel-heading {
    padding-bottom: 7px;
    padding-top: 8px;
}

.nav.nav-pills > li > a {
    padding-bottom: 8px;
    padding-top: 8px;
}

.u-hide-true, .u-show-false, .u-hide-True, .u-show-False { display: none !important; }

.u-top-nav-sub-title {
    font-size: 9px;
    left: 20px;
    position: absolute;
    top: 30px;
}

.u-off-set-top {
    position: absolute;
    top: -45px;
    right: 0;
}

.u-margin-bottom-no { margin-bottom: 0 !important; }

.u-margin-bottom { margin-bottom: 15px; }

.u-margin-bottom-sm { margin-bottom: 10px; }

.u-margin-bottom-xs { margin-bottom: 5px; }

.u-margin-right-no, .u-margin-horizontal-no { margin-right: 0 !important; }

.u-margin-right { margin-right: 15px; }

.u-margin-right-sm { margin-right: 10px; }

.u-margin-right-xs { margin-right: 5px; }

.u-margin-left-no, .u-margin-horizontal-no { margin-left: 0 !important; }

.u-margin-left { margin-left: 15px; }

.u-margin-left-sm { margin-left: 10px; }

.u-margin-left-xs { margin-left: 5px; }

.u-margin-top { margin-top: 15px; }

.u-margin-top-sm { margin-top: 10px; }

.u-margin-top-xs { margin-top: 5px; }

.u-margin-top-no { margin-top: 0 !important; }

.u-relative { position: relative; }

.u-padding-left { padding-left: 15px; }

.u-padding-left-lg { padding-left: 20px; }

.u-padding-left-xl { padding-left: 30px; }

.u-padding-left-no { padding-left: 0 !important; }

.u-padding-right-no { padding-right: 0 !important; }

.u-padding-right-5 { padding-right: 5px; }

.u-padding-top-no { padding-top: 0 !important; }

.u-padding-top-no.checkbox{ min-height: 0;}

/*Grid search*/

.u-search-container { max-width: 650px; }

.u-search-container .btn.btn-link {
    position: absolute;
    right: -60px;
    top: 0;
}

.u-search-container .input-group-btn .e-simple-search {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn.btn-primary.e-simple-search {
    padding-left: 15px;
    padding-right: 15px;
}

.btn.btn-primary { position: relative; }

.u-dropdown-form {
    padding: 15px;
    width: 650px;
    z-index: 1000000;
}

.u-dropdown-form.dropdown-menu-right {
    min-width: 200px;
    width: auto;
}

.e-dropdown-form-container > ul > form > li.divider {
    margin-left: -15px;
    margin-right: -15px;
}

.simple-search,
.simple-search-control { zoom: 1; }

.u-toolbar .e-toggle-all {
    left: 12px;
    position: absolute;
    top: 4px;
    z-index: 1020;
}

.u-display-block { display: block; }

.u-radio-group .radio:first-child, .u-checkbox-group .checkbox:first-child { margin-top: 0 !important; }

.u-radio-group .radio:last-child, .u-checkbox-group .checkbox:last-child { margin-bottom: 0 !important; }

/*Event class*/

.e-ajax-form,
.e-ajax-modal,
.e-ajax-manipulation,
.e-cascade-trigger,
.e-batch-operation,
.e-grid-clear-all-filters-btn,
.e-grid-ajax-delete,
.e-modal-form-submit,
.e-display-trigger,
.e-value-trigger,
.e-simple-search-control { zoom: 1; }

/*override*/

.top-navigation .wrapper.wrapper-content { padding: 15px 0 55px; }

/*loading*/

.u-loading-wrapper {
    background-color: #fff;
    background-image: url('/Content/images/loading.gif');
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1021;
}

.u-loading-wrapper.u-img-uploading {
    height: 79px;
    width: 79px;
}

.u-loading-wrapper.u-loading-wrapper-xs {
    /*background-color: #428bca;*/
    background-image: url('data:image/gif;base64,R0lGODlhEgASAMQaAHl5d66urMXFw3l5dpSUk5WVlKOjoq+vrsbGw6Sko7u7uaWlpbm5t3h4doiIhtLSz4aGhJaWlsbGxNHRzrCwr5SUkqKiobq6uNHRz4eHhf///wAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAaACwAAAAAEgASAAAFaqAmjmRplstyrkmbrCNFaUZtaFF0HvyhWRZNYVgwBY4BEmFJOB1NlYpJoYBpHI7RZXtZZb4ZEbd7AodFDIYVAjFJJCYA4ISoI0hyuUnAF2geDxoDgwMnfBoYiRgaDQ1WiIqPJBMTkpYaIQAAIfkEBQoAGgAsAQABABAAEAAABWSgJo4aRZEoeaxHOiqKFsyBtizopV9ynfwJ0o43MhgNKAYjZbGQJBLXKBLRIK4IaWFbEHgFUoKYoPFKRZUK6fFIORwojBxDytgzpDkdANDc8SQTExp8fBoQEGcDiwNnJA0NLiEAACH5BAUKABoALAEAAQAQABAAAAVloCaOmqKQKHmtVzpKksa2FIUiOKIxjHb8B5JgKCAFjgHUMHUkPR6u0WKhwVgx0YQ2ccW6DGCDZjKJiiwWEgCQikRQ6zWpQC+QBviBxuHQEP4EKA0NGhmGGRoVFWaHiGYjEBAuIQAAIfkEBQoAGgAsAQABABAAEAAABWSgJo6aJJEoiaxIOj6PJsyCpigopmNyff0X0o43AgZJk0mKwSABAK4RhaJ5PqOH7GHAHUQD4ICm0YiKwCSHI7VYoDLwDClBT5Di8khEY+gbUBAQGgWEBRoWFmYEiwRmJBUVLiEAACH5BAUKABoALAEAAQAQABAAAAVloCaO2vOQKImtWDoCgMa2koTCsDZNGuIjpIFwQBIYBahGI2UkORyukUKhyVgz0Yv2csW6thcNBBIVMRikSCRFoaAK8ALpQD+QCHiCZrHQBP4BKBUVGgmGCX6BUQaMBmUkFhYuIQAAIfkEBQoAGgAsAQABABAAEAAABWagJo4aAJAoaZrp6DjaIA/a86BZnmlNo2FADEm3GwWFJAgkNZmQIpHWSCLRFK4FKWKLIHgJUoFYoKlUpCIxabFIKRSohDxButgvJIPeoKFQNHd4JBYWGgeHBxoMDGgBjgFoJI4tIQAAIfkEBQoAGgAsAQABABAAEAAABWSgJo6a45Aoma1ZOkaRxrYAgBZ4oUGQVtckgpBAGhgHqEol1WiQFgvX6PHQJK4JKWaLMXgNWq7GYpGKJhMShZKSSFCH+IGEqCNIgXxAo1BoBIACKHkaF4YXf4JSh4hmIwwMLiEAACH5BAUKABoALAEAAQAQABAAAAVloCaOWhSRKFmsRToui0bMhOY4aKInWlVpmWCGZCgaSMIhyWJJQSAkCsU1AgA0h+yBarUGvgHqYDzQfKmiRoOkUKQeD9RlfiFh7hgSvS6RaPB5JAwMGgiGCBoTE2gCjQJoJI0uIQAAOw==') /*/Content/images/loading-xs.gif*/;
    background-position: center center;
}

.u-loading-wrapper-placeholder {
    position: relative;
    min-height: 150px;
}

/*Validation*/

.field-validation-error {
    color: #E95C41;
    font-style: italic;
}

.col-md-6 > .field-validation-error,
.col-sm-6 > .field-validation-error { line-height: 2em; }

.field-validation-valid { display: none; }

.input-validation-error {
    background-color: #FFEEEE !important;
    border: 1px solid #E95C41;
}

.validation-summary-errors {
    color: #E95C41;
    font-weight: bold;
}

.validation-summary-errors ul { padding-left: 15px; }

.validation-summary-valid { display: none; }

.form-horizontal .col-sm-4 > .field-validation-error { line-height: 30px; }

label.u-required:before {
    color: #dd0000;
    content: "* ";
}

/* ERROR & LOGIN & LOCKSCREEN*/

.middle-box {
    margin: 0 auto;
    max-width: 400px;
    padding-top: 40px;
    z-index: 100;
}

.lockscreen.middle-box {
    padding-top: 110px;
    width: 200px;
}

.loginscreen.middle-box { width: 300px; }

.loginColumns {
    margin: 0 auto;
    max-width: 800px;
    padding: 100px 20px 20px 20px;
}

.passwordBox {
    margin: 0 auto;
    max-width: 460px;
    padding: 100px 20px 20px 20px;
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0;
}

.u-login-or-container{
    position: relative;
    text-align:center;
    height: 20px;
    margin-bottom: 10px;
}

.u-login-or-text {
    display: block;
    position: absolute;
    text-align: center;
    width: 40px;
    background-color: white;
    left: 42%;
    z-index: 10;
}

.u-login-or-hr {
    display: block;
    position: absolute;
    height: 1px;
    border-top: 1px #777 solid;
    left: -15px;
    right: -15px;
    top: 10px;
    z-index: 1;
}

.middle-box h1 { font-size: 170px; }

.wrapper .middle-box { margin-top: 140px; }

.lock-word {
    left: 50%;
    margin-left: -470px;
    position: absolute;
    top: 110px;
    z-index: 10;
}

.lock-word span {
    color: #e9e9e9;
    display: inline-block;
    font-size: 100px;
    font-weight: 600;
}

.lock-word .first-word { margin-right: 160px; }

.u-small .checkbox, .u-small .radio {
    min-height: 34px !important;
}

input[data-role="autocomplete"],
input[data-role="combobox"] { width: 100% !important; }

.fa.fa-remove { color: #dd0000; }

/*Sortable*/

.two-way-list-container .panel-body { padding: 0; }

.two-way-list-container .list-group { margin-bottom: 0; }

.two-way-list-container .list-group li { border-radius: 0; }

.two-way-list-container .sortable-list li { cursor: move; }

li.sortable-hint {
    background-color: #52aef7;
    color: #fff;
    width: 210px;
}

li.sortable-hint .pull-right { display: none; }

li.sortable-placeholder {
    background-color: #dceffd;
    color: #52aef7;
    text-align: right;
}

.list-group-item-content { width: 85%; }

.e-grid-filed-add,
.e-grid-filed-delete,
.e-input { zoom: 1; }


/*Bootstrap*/

.modal-body { overflow-y: auto; }

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn,
.btn-group-sm > .btn, .btn-sm {
    font-size: 14px;
    line-height: 18px;
}

.tab-content {
    padding-top: 15px;
}

/*Widget Date Range Picker*/

.u-date-range-picker .k-datepicker { width: 7.7em; }

.u-date-range-picker .dropdown-menu > li > a {
    line-height: 24px;
    padding: 3px 20px 3px 8px;
}

.u-date-range-picker .field-validation-error {
    display: inline-block;
    padding-left: 26px;
}

.u-date-range-picker span[role='menuitem'] {
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    padding: 3px 20px 3px 8px;
    width: 100%;
}

.u-date-range-picker *[role='menuitem'] .glyphicon { width: 14px; }

.u-date-range-picker span[role='menuitem']:hover { background-color: #f5f5f5; }

.u-date-range-picker .dropdown-menu {
    padding-bottom: 15px;
    width: 340px;
}

.u-date-range-picker .dropdown-menu .divider { margin-top: 1px; }

.u-date-range-picker .e-btn-apply { margin-left: 26px; }

.u-option-menu {
    cursor: pointer;
}

div > .checkbox-inline:first-child {
    padding-left: 0;
}

.huge {
    font-size: 40px;
}

.u-margin-bottom .panel {
    margin-bottom: 0;
}

.u-box {
    max-width: 300px;
}

.u-labels .label {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
}

.u-text-gray {
    color: #aaa;
}

.u-text-sm {
    font-size: 11px;
}
.u-text-xs {
    font-size: 9px;
}

.u-text-xs.table th, .u-text-xs.table td {
    padding: 2px;
}

.u-horizonal {
    overflow-x: scroll;
}

/*Js tree*/
.vakata-context, .vakata-context ul {
    z-index: 1000000;
}

a[protocol] .jstree-icon {
    background-position: -200px -4px;
}

div[js-tree] {
    overflow-y: scroll;
    overflow-x: scroll;
}

.u-scroll-no {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.u-scroll-y-auto {
    overflow-y: auto;
}

/***********************/
/*       Buttons       */
/***********************/
.btn-inverse {
    color: white;
    background-color: #555555;
    border-color: #3c3c3c;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse.focus, .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
    color: white;
    background-color: #3c3c3c;
    border-color: #1d1d1d;
}
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
    background-image: none;
}
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {
    background-color: #555555;
    border-color: #3c3c3c;
}
.btn-inverse .badge {
    color: #555555;
    background-color: white;
}