.clearfix, .clear {
    clear: both;
    content: "";
}

.elm-clearfix {
  overflow: auto;
  zoom: 1;
}

input[readonly] {
    background-color: #eee !important;
    opacity: 1;
}

.top-navigation .navbar-brand {
    padding: 15px 10px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding-left: 10px;
    padding-right: 10px;
}

/*
body {
    background: none;
}
*/

body .navbar-default {
    background-color: #2f4050;
}

body.mini-navbar .nav-header {
    background: transparent;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    z-index: 2001;
}

/*
.body-small #page-wrapper {
    margin-bottom: 62px !important;
}

.body-small.mini-navbar .navbar-static-side {
    padding-bottom: 62px !important;
}
*/

/*.minimalize-styl-2 {
    margin: 10px 5px 5px 14px;
}*/

.footer {

}

.footer .section-left {
    text-align: left;
}

.footer .section-right {
    text-align: right;
}

.footer.fixed {
    padding: 10px 15px;
    z-index: 0;
}

.footer.fixed .section-left {
    margin-left: 0;
    padding-left: 0;
}

.footer.fixed .section-right {
    margin-right: 0;
    padding-right: 0;
}

.footer .section-right a:last-child {
    margin-right: 0;
}

@media (max-width: 991px) {
    .footer .section-left,
    .footer .section-right {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
}

label {
    cursor: pointer;
}

.label {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}

.label, .badge {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
    -webkit-border-radius: 0.75em;
    -moz-border-radius: 0.75em;
    border-radius: 0.75em;
}

.help-block {
    color: #999999;
    font-weight: normal;
    font-style: italic;
}

.active_account,
.active_module {
    color: limegreen;
    font-size: 14px;
}

.inactive_account,
.blacklisted_account {
    color: red;
    font-size: 14px;
    margin-left: 5px;
}

.inactive_module {
    color: darkgray;
    font-size: 14px;
    margin-left: 5px;
}

.active_account,
.inactive_account,
.blacklisted_account {
    margin-left: 5px;
}

.wrapper-content .clearfix,
.sweet-alert.sa-custom .sa-content .clearfix,
.wrapper-content .clear,
.sweet-alert.sa-custom .sa-content .clear {
    height: 1px;
    line-height: 1px;
}

.form-control.error {
    border-style: solid;
}

.errorMessage {
    color: #cc5965;
    text-align: left;
    font-size: 90%;
}

/* LOGIN BOX */
/*.loginscreen.middle-box {
    width: auto;
}*/

.middle-box h1 {
    font-size: 48px;
    letter-spacing: 0;
}

.loginBox .errorMessage {
    margin-top: 5px;
}

.loginBox .alert {
    margin-left: 0;
    margin-right: 0;
}

.loginBox img {
    width: 100%;
}

/* ALERT */
.alert {
    color: inherit;
    margin: 15px 20px 0 20px;
    border: 1px solid transparent;
}

.wrapper.wrapper-content .alert {
    margin: 0 0 20px 0;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

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

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

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger,
.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-danger hr,
.alert-error hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link,
.alert-error .alert-link {
    color: #843534;
}

.column-2-right {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    /*border-bottom: 0;*/
    padding: 30px 20px 28px 20px;
}

.column-2-right h1,
.column-2-right h2,
.column-2-right h3,
.column-2-right h4,
.column-2-right h5,
.column-2-right h6 {
    margin-top: 0;
}

.column-2-right .grid-view {
    border: 0;
    padding: 0;
}

a:not(.navbar-minimalize):not(.btn-alone) i.fa,
button:not(.navbar-minimalize):not(.btn-alone) i.fa {
    /*margin-right: 8px;*/
}

/*a:not(.navbar-minimalize):not(.btn-alone).btn {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}*/

ul.nav.navbar-top-links.navbar-right {
    padding-top: 10px;
    height: 0;
}

ul.nav.navbar-top-links.navbar-right li a:link,
ul.nav.navbar-top-links.navbar-right li a:active,
ul.nav.navbar-top-links.navbar-right li a:visited,
ul.nav.navbar-top-links.navbar-right li a:hover {
    color: #999c9e;
    font-size: 13px;
    font-weight: normal;
    min-height: inherit;
    text-decoration: none;
}

ul.nav.navbar-top-links.navbar-right li a:hover {
    text-decoration: underline;
}

ul.nav.navbar-top-links.navbar-right li .dropdown-menu a:hover {
    text-decoration: none;
}

.minimalize-styl-2 {
    margin: 10px 5px 5px 10px;
}

/* GRID VIEW */
.grid-view {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.grid-view > .table {
    margin-bottom: 0;
}

.grid-view .legend {
    margin-bottom: 10px;
}

.grid-view .legend-left {

}

.grid-view .legend-left label {
    font-weight: normal;
}

.grid-view .legend-left select.page_size {
    margin: 0 5px;
}

.grid-view .legend-right {
    text-align: right;
}

.grid-view .legend-left .summary {
    display: inline-block;
    margin-left: 5px;
}

table.items th a .caret {
    display: none !important;
    margin-left: 5px !important;
}

table.items th a.desc .caret {
    display: inline-block !important;
}

table.items th a.asc .caret {
    display: inline-block !important;
    border-bottom: 4px solid #000;
    border-top: none;
}

.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.table > thead > tr > th.number-field {
    width: 5%;
    text-align: center;
}

.table > tbody > tr > td.number-field {
    width: 5%;
    text-align: center;
}

/* PAGINATION */
.pagination {
    height: 36px;
    margin: 0
}

.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    padding: 0;
}

.pagination li {
    display: inline
}

.pagination a, .pagination span {
    float: left;
    padding: 0 10px;
    line-height: 23px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination .active a, .pagination .active span, .pagination a:hover {
    background-color: #f5f5f5
}

.pagination .active a, .pagination .active span {
    color: #999;
    cursor: default
}

.pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.pagination li:last-child a, .pagination li:last-child span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    margin: 18px 0;
    list-style: none;
    text-align: center
}

.pager:after, .pager:before {
    display: table;
    content: "";
    line-height: 0
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next a {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a, .pager .disabled a:hover {
    color: #999;
    background-color: #fff;
    cursor: default
}

/* SUB-MENU NAVIGATION */
.col-additional-menu {
    padding-left: 0;
    padding-right: 0;
}

.col-additional-menu .mailbox-content {
    padding-top: 0;
    padding-left: 0;
}

.col-additional-menu .mailbox-content ul.folder-list {
    padding-left: 0;
}

.col-additional-menu .mailbox-content ul.folder-list li.nav-header {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
    text-transform: uppercase;
}

.col-additional-menu .mailbox-content ul.folder-list li.nav-header:first-child {
    margin-top: 0;
    padding: 0 5px;
    margin-bottom: 10px;
}

.col-additional-menu .mailbox-content ul.folder-list li a {
    padding: 0 5px;
}

body .navbar-minimalize i {
    margin: 0;
}

.nav > li > a {
    padding: 5px 10px;
}

ul.nav.nav-list li {
    background: none;
}

ul.nav.nav-list li a {
    font-weight: normal;
    padding: 5px 10px;
}

ul.nav.nav-list li.active a {
    font-weight: 600;
}

ul.nav.nav-list li a i {
    margin-right: 8px;
    color: #3d4d5d;
}

ul.nav.nav-list li a {
    line-height: 25px;
}

ul.nav.nav-list li a .label {
    padding: 2px 5px;
}

ul.nav.nav-list li a .label > i {
    margin-right: 0;
}

ul.nav.nav-list li a .label.label-info > i,
ul.nav.nav-list li a .label.label-warning > i {
    color: #FFFFFF;
}

ul.nav.nav-list li.nav-header {
    border: none;
    font-size: 12px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

ul.nav.nav-list li.nav-header:first-child {
    margin-top: 5px;
}

ul.nav.nav-list li.active {
    border-bottom: 1px solid #e7eaec;
    border-left: none;
    color: #666666;
}

ul.nav.nav-list li.active a {
    color: #666666;
    background-color: #eee;
}

ul.nav.nav-second-level li.active,
ul.nav.nav-third-level li.active {
    border-left: none;
}

.nav-second-level li a {
    font-weight: normal;
    padding-left: 18px;
}

.nav-third-level li a {
    font-weight: normal;
    padding-left: 28px;
}

.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
    padding: 7px 10px 7px 25px;
}

.canvas-menu.mini-navbar .nav-third-level li a,
.fixed-sidebar.mini-navbar .nav-third-level li a {
    padding: 7px 10px 7px 52px;
}

.mini-navbar .nav-second-level li a span,
.mini-navbar .nav-third-level li a span {
    display: inline !important;
}

.mini-navbar:not(.fixed-sidebar) #side-menu.nav > li > a {
    text-align: center;
}

.mini-navbar:not(.fixed-sidebar) #side-menu.nav .nav-second-level li a
.mini-navbar:not(.fixed-sidebar) #side-menu.nav .nav-third-level li a {
    text-align: left;
}

/* PANEL */
.panelType {
    padding: 5px;
    background: #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
    font-family: Arial;
}

.panelType span {
    font-weight: bold;
    text-transform: uppercase;
}

.generated_soon {
    color: #999;
    font-style: italic;
    text-align: center;
    padding: 5px 50px;
}

div.panel {
    border-radius: 0;
    border: 0;
}

div.panel .panelHeader,
div.panel .panel-heading {
    padding: 0;
    margin: 0;
}

div.panel .panelHeader div.title,
div.panel .panel-heading .panel-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;

    font-size: 14px;
    font-weight: 600;
}

div.panel .panelHeader .right {
    float: right;
    margin-right: 1px;
}

div.panel .panelContent,
div.panel .panel-body {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

/* FORM */
div.form table tbody tr td.column-label {
    vertical-align: middle;
    width: 20%;
}

td.column-action .btn i.fa {
    margin-right: 0;
}

div.form table tbody tr td input[type=text],
div.form table tbody tr td input[type=email],
div.form table tbody tr td input[type=tel],
div.form table tbody tr td input[type=password],
div.form table tbody tr td textarea,
div.form table tbody tr td select,
.filter-container input[type=text],
.filter-container input[type=email],
.filter-container input[type=tel],
.filter-container input[type=password],
.filter-container select,
.wrapper.wrapper-content input[type=text],
.wrapper.wrapper-content input[type=email],
.wrapper.wrapper-content input[type=tel],
.wrapper.wrapper-content input[type=password],
.wrapper.wrapper-content select {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 0px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;
}

div.form table tbody tr td input[type=text][disabled],
div.form table tbody tr td input[type=email][disabled],
div.form table tbody tr td input[type=tel][disabled],
div.form table tbody tr td input[type=password][disabled],
div.form table tbody tr td textarea[disabled],
div.form table tbody tr td select[disabled],
.filter-container input[disabled],
.filter-container select[disabled] {
    background-color: #eee;
    opacity: 1;
}

div.form table tbody tr td select {
    height: 33px;
}

div.form table tbody tr td input[type=text]:not([class^="col-"]),
div.form table tbody tr td input[type=email]:not([class^="col-"]),
div.form table tbody tr td input[type=tel]:not([class^="col-"]),
div.form table tbody tr td input[type=password]:not([class^="col-"]),
div.form table tbody tr td textarea:not([class^="col-"]),
div.form table tbody tr td select:not([class^="col-"]),
.filter-container input:not([class^="col-"]),
.filter-container select:not([class^="col-"]) {
    width: 100%;
}

label.checkbox,
label.radio {
    margin-left: 20px;
    font-weight: normal;
    cursor: pointer;
}

label.radio.inline {
    margin-left: 50px;
}

label.radio.inline:first-child {
    margin-left: 20px;
}

/* TOOLBAR */
.page-heading {
    padding-bottom: 0;

}

.title-action {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 0;
}

.title-action .btn {
    margin-right: 5px;
    margin-bottom: 5px;
}

.title-action .btn:last-child {
    margin-right: 0;
}

.title-action .btn:not(.btn-success):not(.btn-primary):not(.btn-default):not(.btn-info):not(.btn-danger):not(.btn-warning) {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

select.form-control,
select.form-control option {
    color: #555555;
}

select.form-control {
    padding: 4px 12px 6px 12px !important;
}

/* CHOSEN */
.chosen-container {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    position: relative;
    box-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    line-height: normal;

    color: #555555;
    background: #FFFFFF none;
    border: 1px solid #e5e6e7;
    border-radius: 0;
    display: block;
    padding: 6px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.chosen-container-single .chosen-single div b {
    background: url(../plugins/chosen/chosen-sprite.png) no-repeat 0 8px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px;
}

.chosen-container-multi .chosen-choices {
    min-height: 34px;
    background: none;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #e5e6e7;
    line-height: 34px;
    /*padding: 0;*/
}

.chosen-container-multi .chosen-choices li.search-field {
    padding-top: 2px;
}

.chosen-container .chosen-drop,
.chosen-container-multi .chosen-choices,
.chosen-container-single .chosen-single,
.chosen-container-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #e5e6e7;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid #cccccc;
    margin: 5px 5px 0 0;
}

.disk-icon {
    display: none;
    color: #d2d6de;
}

.input-group {

}

.input-group .input-group-addon {
    background-color: #eee;
    border-left: none;
    border-right: none;
    font-weight: normal;
}

.input-group .input-group-addon:first-child {
    background-color: #eee;
    border-left: 1px solid #e5e6e7;
    border-right: none;
}

.input-group .input-group-addon:last-child {
    background-color: #eee;
    border-right: 1px solid #e5e6e7;
    border-left: none;
}

.input-group .form-control.error,
.input-group .form-control.error + .input-group-addon {
    border: 1px solid #cc5965;
}

.icheck > label {
    padding-left: 20px;
}

/* SELECT2 */
.select2-container .select2-choice {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 6px 12px;

    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d6de;
}

.select2-container .select2-choice .select2-arrow {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: 1px solid #d2d6de;
}

.select2-container.select2-dropdown-open a,
.select2-drop.select2-drop-active {
    border: 1px solid #d2d6de;
}

.select2-drop.select2-drop-active {
    padding: 10px 5px 5px 5px;
}

.select2-drop .select2-results .select2-no-results,
.select2-drop .select2-results .select2-searching,
.select2-drop .select2-results .select2-selection-limit {
    background: #FFFFFF;
    padding: 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2-result-repository {
    padding-top: 4px;
    padding-bottom: 3px;
}

.select2_result_data_avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.select2_result_data_avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.select2_result_data_meta {
    margin-left: 70px;
}

.select2_result_data_title {
    color: black;
    font-weight: bold;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px;
}

.select2_result_data_description {
    font-size: 13px;
    color: #999999;
    margin-top: 4px;
}

.select2_result_data_statistics > div {
    margin-right: 1em;
    display: inline-block;
    color: #999999;
    font-size: 11px;
}

.select2_result_data_statistics > div i.fa {
    margin-right: 5px;
}

.select2-results .select2-highlighted .select2_result_data_title {
    color: #FFFFFF;
}

.select2-results .select2-highlighted .select2_result_data_description,
.select2-results .select2-highlighted .select2_result_data_statistics > div {
    color: #FFFFFF;
}

/* DASHBOARD */
.dashboard {

}

.dashboard .dashboard_header {
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
    background-repeat: repeat-x;

    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;

    padding: 0;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.dashboard .dashboard_header .background {
    padding: 10px;
}

.dashboard .dashboard_header .background img.photo {
    width: 128px !important;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.dashboard .dashboard_header .background h1 {
    color: #039BE5;
    margin: 0;
    padding: 0;
    font-size: 36px;
}

.dashboard .dashboard_header .background h2 {
    color: #039BE5;
    margin: 5px 0;
    padding: 0;
    font-size: 30px;
}

.dashboard .dashboard_header .background h3 {
    color: #039BE5;
    margin: 5px 0;
    padding: 0;
    font-size: 24px;
}

.dashboard .dashboard_header .background h4 {
    color: #039BE5;
    margin: 5px 0;
    padding: 0;
    font-size: 18px;
}

.dashboard .dashboard_header .background h5 {
    color: #039BE5;
    margin: 5px 0;
    padding: 0;
    font-size: 14px;
}

.dashboard .dashboard_header .background h6 {
    color: #039BE5;
    margin: 5px 0;
    padding: 0;
    font-size: 12px;
}

.dashboard .dashboard_header .background .label {
    font-size: 75%;
}

.dashboard .dashboard_header .background .label i.fa {
    margin: 0 5px 0 0;
}

.dashboard .dashboard_header .background .customer_icons {
    font-size: 14px;
    line-height: 25px;
}

.dashboard .dashboard_header .background .customer_icons i {
    margin-right: 5px;
}

.dashboard .dashboard_header .background .customer_icons.customer_icon_email {
    color: #999;
}

.dashboard .dashboard_header .background .type_container {
    margin-top: 10px;
}

.dashboard .dashboard_header .background .type_container .type_wrapper {
    display: inline-block;
    margin-right: 5px;
}

.dashboard .dashboard_data {
    margin-top: 10px;
}

.dashboard .dashboard_data table {
    /*border: 1px solid #cccccc;*/
    width: 100%;
    border: none;
}

.dashboard .dashboard_data thead tr th {
    /*background: #f3f3f3;
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;*/

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.dashboard .dashboard_data tbody tr td {
    /*border: 1px solid #cccccc;*/
    /* font-size: 12px;*/
    padding: 5px 20px;

    background-color: #ffffff;
    color: inherit;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.dashboard .dashboard_data tbody tr td.field_name {
    font-weight: bold;
    width: 20%;
}

.dashboard .dashboard_data tbody tr td.field_value {
    font-weight: normal;
    width: 80%;
}

/* RECOPY */
div.form-recopy {
    margin-top: 10px;
}

div.form-recopy:first-child {
    margin-top: auto;
}

div.form-recopy .row {
    margin-top: 5px;
}

div.form-recopy .row:first-child {
    margin-top: 0;
}

.btn-recopy-remove {
    margin-top: 5px;
}

@media (max-width: 1200px) {
    /*.title-action {
        text-align: left;
    }*/
}

@media (max-width: 991px) {
    .title-action {
        text-align: left;
    }
}

/* UPLOAD */
.group-span-filestyle .buttonText {
    margin-left: 10px;
}

/* MEDIA MANAGER */
.media-manager .panel-body {
    padding: 10px !important;
}

.media-manager .caret {
    color: #999999;
}

.media-menu.dropdown-menu > li > a:hover i {
    color: #000000;
}

/* MOBILE */
body.body-small .title-action .btn {
   /* display: block;*/
    width: 100%;
}

body.body-small .title-action .btn.btn-hide-mobile {
    display: none;
}

body.body-small .pagination {
    display: block;
    width: 100%;
}

body.body-small .pagination ul {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 10px;
}

body.body-small .pagination ul li.previous,
body.body-small .pagination ul li.next {
    display: none;
}

body.body-small .pagination ul li a {
    border: none;
}

body.body-small #customer-grid.grid-view .button-column .btn {
    display: none;
}

body.body-small #customer-grid.grid-view .button-column .btn.btn-view-mobile {
    display: inherit;
}

.form.settingform .subcategory-title td {
    padding: 2px 0;
}

.form.settingform .subcategory-title .divider {
    background: linear-gradient(to bottom, #b6e026 0%, #abdc28 100%);
    height: 5px;
}

.table tr td label {
    margin-top: 0px;
}

.column-2-right .grid-view {
    margin-top: 10px;
}

/* LOGIN PAGE */
.login-wrapper > * {
    height: 100%;
    color: #FFFFFF;
}

.login-wrapper .errorMessage,
.login-wrapper .errorSummary {
    background: red;
    padding: 3px 10px 5px 10px;
    color: #FFFFFF;
}

.login-wrapper input,
.login-wrapper i.fa {
    color: #555555;
}

.login-wrapper .bg-pic {
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.login-wrapper .bg-pic > img {
    width: 100%;
    height: 100%;
    opacity: 0.9;
    vertical-align: middle;
}

.login-wrapper .bg-caption {
    padding: 20px;
    max-width: 500px;
}

.login-wrapper .bg-caption h2 {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 25px;
}

.pull-bottom {
    position: absolute !important;
    bottom: 0;
}

.text-white {
    color: #FFFFFF !important;
}

.login-wrapper .logo-name,
.login-wrapper label.checkbox,
.login-wrapper .text-muted,
.login-wrapper a:link,
.login-wrapper a:active,
.login-wrapper a:visited,
.login-wrapper a:hover {
    color: #FFFFFF;
}

.login-wrapper .ibox-content {
    background: transparent;
    border: none;
}

.login-wrapper a.btn.btn-white:link {
    color: #676a6c;
}

.white-bg {
    background: #FFFFFF;
}

.grid-view {
    border: none;
}

/* SUB HEAD */
.subhead.subhead-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

    background-color: #2f4050;
}

.subhead h2 {
    margin: 11px 0;
}

.subhead h2 span.label {
    display: inline-block;
    font-size: 12px !important;
    padding: 2px 5px;
}

.subhead h2 span.label.pull-left {
    float: none !important;
}

.subhead.subhead-fixed h2 {
    color: #FFFFFF;
    margin: 0;
    padding: 11px 0;
}

.subhead .title-action {
    margin: 10px 0;
    padding: 0;
}

.title-action .btn.pull-left {
    float: right !important;
}

.subhead.subhead-fixed .title-action {
    margin: 10px 0;
    padding: 0;
}

.subhead.subhead-fixed .title-action .hidden-xs {
    /*display: none;*/
    /* Disabled by heru3 because there is bug when open report*/
}

.subhead.subhead-fixed .title-action .hidden-lg {
    display: block !important;
}

.subhead .btn {
    font-size: 12px;
    padding: 5px 7px;
    margin-bottom: 0;
}

.subhead.subhead-fixed .btn {
    font-size: 12px;
    padding: 5px 7px;
    margin-bottom: 0;
}

.subhead.subhead-fixed .btn i,
.subhead.subhead-fixed .btn i.fa {
    margin-right: 3px;
}

body.body-small .subhead .mv-side-space {
    padding: 0;
}

body.body-small .subhead h2 {
    text-align: center;
}

body.body-small .subhead .title-action .btn {
    margin-bottom: 5px;
}

div.mce-fullscreen {
    z-index: 2005;
}

.filter-container > select {
    padding-left: 5px;
    padding-right: 1px;
}

.feed-activity-list .feed-element:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

div.select2-container.form-control {
    padding: 0;
    border: 0;
}

.filter-container select {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 0px;
    color: inherit;
    display: block;
    height: 34px;
    line-height: 1.42857143;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;
    width: 100%;
}

.wrapper.wrapper-content .btn-group-small > .btn,
.wrapper.wrapper-content .btn-small {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

#printed_id_input .checkbox {
    margin-bottom: 0;
    margin-top: 5px;
}

body:not(.body-small) #page-wrapper .page-heading .mv-side-space {
    padding: 0;
}

body:not(.body-small) #page-wrapper .row > div {
    padding-left: 10px;
    padding-right: 10px;
}

body:not(.body-small) #page-wrapper .wrapper-content {
    padding: 10px 0 40px;
}

body:not(.body-small) #page-wrapper .wrapper-content .grid-view {
    padding: 0;
}

/* HORIZONTAL MENU */
.top-navigation .navbar-brand {
    background-color: #2f4050;
}

.top-navigation .nav.navbar-nav > li:hover,
.top-navigation .nav.navbar-nav > li a:hover,
.top-navigation .nav.navbar-nav > li.active,
.top-navigation .nav.navbar-nav > li.active:hover,
.top-navigation .nav.navbar-nav > li.active > a,
.top-navigation .nav.navbar-nav > li.active:hover > a,
.top-navigation .nav.navbar-nav .dropdown-submenu.open > a,
.top-navigation .navbar-nav .dropdown-menu > .active > a,
.top-navigation .nav.navbar-nav .dropdown-submenu > .dropdown-menu li.active > a {
    background-color: #eee;
    color: #777777;
}

.top-navigation .nav > li > a {
    padding: 15px 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
    width: 190px;
}

.top-navigation .navbar-nav .open .dropdown-menu > li > a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
    border-radius: 0;
    padding: 5px 10px 5px 15px;
    white-space: normal;
}

.top-navigation .dropdown-menu > li > a {
    background-color: #FFFFFF;
    border-radius: 0;
    color: #777777;
    border-bottom: 1px solid #EFEFEF;
}

.top-navigation .menu_float_right {
    right: 0;
    left: auto;
}

/*.top-navigation .menu_float_right li:not(.dropdown-submenu) a:before {
    content: "";
    padding-left: 15px;
}*/

.top-navigation .menu_float_right .dropdown-submenu > a:before {
    content: "";
    float: left;
    margin-top: 8px;
    margin-right: 10px;
    border-right: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.top-navigation .menu_float_right .dropdown-submenu > a:after {
    display: none;
}

.top-navigation .dropdown-submenu .dropdown-menu {
    top: -1px;
}

.top-navigation .menu_float_right .dropdown-submenu .dropdown-menu {
    left: auto;
    /*right: 158px;*/
    right: 188px;
    border-radius: 0;
}

.top-navigation .dropdown-submenu > a:after {
    margin-top: 8px;
    margin-right: 0;
    position: absolute;
    right: 10px;
}

.top-navigation.body-small .navbar-default .navbar-toggle {
    background-color: #FFFFFF;
}

.top-navigation.body-small .dropdown-menu,
.top-navigation.body-small .dropdown-submenu,
.top-navigation.body-small .dropdown-header {
    background-color: #FFFFFF;
}

.top-navigation.body-small .divider {
    color: #777777;
}

.top-navigation.body-small .dropdown-submenu > a:after {
    margin-top: 0;
}

/* REVISION */
.top-navigation .navbar,
.top-navigation .navbar-brand {
    background-color: #2f4050;
    border-radius: 0;
}

.top-navigation .navbar .nav > li > a {
    color: #FFFFFF;
}

.top-navigation .nav.navbar-nav > li.dropdown.open > a,
.top-navigation .nav.navbar-nav > li:hover,
.top-navigation .nav.navbar-nav > li a:hover,
.top-navigation .nav.navbar-nav > li.active,
.top-navigation .nav.navbar-nav > li.active:hover,
.top-navigation .nav.navbar-nav > li.active > a,
.top-navigation .nav.navbar-nav > li.active:hover > a,
.top-navigation .nav.navbar-nav .dropdown-submenu.open > a,
.top-navigation .navbar-nav .dropdown-menu > .active > a,
.top-navigation .nav.navbar-nav .dropdown-submenu > .dropdown-menu li.active > a {
    background-color: #152738;
    color: #FFFFFF;
}


table.items img.product-image,
table.items .small-pic img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}