.nav-header {
    padding: 0 !important;
}

.navbar {
    min-height: 86px !important;
}

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

.resetPassword.middle-box {
    width: auto !important;
    max-width: 600px;
}

.theme-config-box {
    margin-right: -300px;
    z-index: 1000 !important;
}

.skin-setttings {
    width: 300px;
}

.theme-config {
    overflow: inherit !important;
}

.product-imitation {
    padding: 20px !important;
}

.dark {
    color: #333333 !important;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #dd5a43 !important;
}

.red2 {
    color: #e08374 !important;
}

.light-red {
    color: #ff7777 !important;
}


.info {
    color: #23c6c8 !important;
}

.success {
    color: #1c84c6 !important;
}

.primary {
    color: #1ab394 !important;
}

.warning {
    color: #f8ac59 !important;
}

.danger {
    color: #ED5565 !important;
}


.blue {
    color: #478fca !important;
}

.light-blue {
    color: #93cbf9 !important;
}

.green {
    color: #69aa46 !important;
}

.light-green {
    color: #b0d877 !important;
}

.orange {
    color: #ff892a !important;
}

.orange2 {
    color: #feb902 !important;
}

.light-orange {
    color: #fcac6f !important;
}

.purple {
    color: #a069c3 !important;
}

.pink {
    color: #c6699f !important;
}

.pink2 {
    color: #d6487e !important;
}

.brown {
    color: #a52a2a !important;
}

.grey {
    color: #777777 !important;
}

.light-grey {
    color: #bbbbbb !important;
}

.bigger-110 {
    font-size: 110% !important;
}

.bigger-120 {
    font-size: 120% !important;
}

.bigger-130 {
    font-size: 130% !important;
}

.bigger-140 {
    font-size: 140% !important;
}

.bigger-150 {
    font-size: 150% !important;
}

.bigger-160 {
    font-size: 160% !important;
}

.bigger-170 {
    font-size: 170% !important;
}

.bigger-180 {
    font-size: 180% !important;
}

.bigger-190 {
    font-size: 190% !important;
}

.bigger-200 {
    font-size: 200% !important;
}

.bigger-210 {
    font-size: 210% !important;
}

.bigger-220 {
    font-size: 220% !important;
}

.bigger-230 {
    font-size: 230% !important;
}

.bigger-240 {
    font-size: 240% !important;
}

.bigger-250 {
    font-size: 250% !important;
}

.bigger-260 {
    font-size: 260% !important;
}

.bigger-270 {
    font-size: 270% !important;
}

.bigger-280 {
    font-size: 280% !important;
}

.bigger-290 {
    font-size: 290% !important;
}

.bigger-300 {
    font-size: 300% !important;
}

.bigger-115 {
    font-size: 115% !important;
}

.bigger-125 {
    font-size: 125% !important;
}

.bigger-175 {
    font-size: 175% !important;
}

.bigger-225 {
    font-size: 225% !important;
}

.bigger-275 {
    font-size: 275% !important;
}

.smaller-90 {
    font-size: 90% !important;
}

.smaller-80 {
    font-size: 80% !important;
}

.smaller-70 {
    font-size: 70% !important;
}

.smaller-60 {
    font-size: 60% !important;
}

.smaller-50 {
    font-size: 50% !important;
}

.smaller-40 {
    font-size: 40% !important;
}

.smaller-30 {
    font-size: 30% !important;
}

.smaller-20 {
    font-size: 20% !important;
}

.smaller-75 {
    font-size: 75% !important;
}

.table.dataTable thead .sorting_asc:after {
    font-family: 'FontAwesome';
    top: 7px;
    font-size: 18px;
    content: "\f0de" !important;
}

.table.dataTable thead .sorting_desc:after {
    font-family: 'FontAwesome';
    top: 5px;
    font-size: 18px;
    content: "\f0dd" !important;
}

.table.dataTable thead .sorting:after {
    font-family: 'FontAwesome';
    top: 5px;
    font-size: 18px;
    content: "\f0dc" !important;
}

.btn-grey,
.btn-grey:focus {
    background-color: #a0a0a0 !important;
    border-color: #a0a0a0;
    color: #ffffff;
}

    .btn-grey:hover,
    .btn-grey:active,
    .open .btn-grey.dropdown-toggle {
        background-color: #888888 !important;
        border-color: #a0a0a0;
        color: #ffffff;
    }

    .btn-grey.no-border:hover,
    .btn-grey.no-border:active {
        border-color: #888888;
    }

    .btn-grey.no-hover:hover,
    .btn-grey.no-hover:active {
        background-color: #a0a0a0 !important;
    }

    .btn-grey.active {
        background-color: #949494 !important;
        border-color: #828282;
    }

    .btn-grey.no-border.active {
        background-color: #8c8c8c !important;
        border-color: #8c8c8c;
    }

    .btn-grey.disabled,
    .btn-grey[disabled],
    fieldset[disabled] .btn-grey,
    .btn-grey.disabled:hover,
    .btn-grey[disabled]:hover,
    fieldset[disabled] .btn-grey:hover,
    .btn-grey.disabled:focus,
    .btn-grey[disabled]:focus,
    fieldset[disabled] .btn-grey:focus,
    .btn-grey.disabled:active,
    .btn-grey[disabled]:active,
    fieldset[disabled] .btn-grey:active,
    .btn-grey.disabled.active,
    .btn-grey[disabled].active,
    fieldset[disabled] .btn-grey.active {
        background-color: #a0a0a0 !important;
        border-color: #a0a0a0;
    }

.btn-purple,
.btn-info > a,
.btn-purple:focus {
    background-color: #9585bf !important;
    border-color: #9585bf;
    color: #ffffff !important;
}

    .btn-purple:hover,
    .btn-purple:active,
    .open .btn-purple.dropdown-toggle {
        background-color: #7461aa !important;
        border-color: #9585bf;
        color: #ffffff;
    }

    .btn-purple.no-border:hover,
    .btn-purple.no-border:active {
        border-color: #7461aa;
    }

    .btn-purple.no-hover:hover,
    .btn-purple.no-hover:active {
        background-color: #9585bf !important;
    }

    .btn-purple.active {
        background-color: #8573b5 !important;
        border-color: #705ca8;
    }

    .btn-purple.no-border.active {
        background-color: #7c69af !important;
        border-color: #7c69af;
    }

    .btn-purple.disabled,
    .btn-purple[disabled],
    fieldset[disabled] .btn-purple,
    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    fieldset[disabled] .btn-purple:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    fieldset[disabled] .btn-purple:focus,
    .btn-purple.disabled:active,
    .btn-purple[disabled]:active,
    fieldset[disabled] .btn-purple:active,
    .btn-purple.disabled.active,
    .btn-purple[disabled].active,
    fieldset[disabled] .btn-purple.active {
        background-color: #a0a0a0 !important;
        border-color: #a0a0a0;
        color: #ffffff;
    }

.btn-pink,
.btn-pink:focus {
    background-color: #d6487e !important;
    border-color: #d6487e;
    color: #ffffff;
}

    .btn-pink:hover,
    .btn-pink:active,
    .open .btn-pink.dropdown-toggle {
        background-color: #b73766 !important;
        border-color: #d6487e;
        color: #ffffff;
    }

    .btn-pink.no-border:hover,
    .btn-pink.no-border:active {
        border-color: #b73766;
    }

    .btn-pink.no-hover:hover,
    .btn-pink.no-hover:active {
        background-color: #d6487e !important;
    }

    .btn-pink.active {
        background-color: #c74072 !important;
        border-color: #af3462;
    }

    .btn-pink.no-border.active {
        background-color: #be386a !important;
        border-color: #be386a;
    }

    .btn-pink.disabled,
    .btn-pink[disabled],
    fieldset[disabled] .btn-pink,
    .btn-pink.disabled:hover,
    .btn-pink[disabled]:hover,
    fieldset[disabled] .btn-pink:hover,
    .btn-pink.disabled:focus,
    .btn-pink[disabled]:focus,
    fieldset[disabled] .btn-pink:focus,
    .btn-pink.disabled:active,
    .btn-pink[disabled]:active,
    fieldset[disabled] .btn-pink:active,
    .btn-pink.disabled.active,
    .btn-pink[disabled].active,
    fieldset[disabled] .btn-pink.active {
        background-color: #a0a0a0 !important;
        border-color: #a0a0a0;
        color: #ffffff;
    }

.btn-info,
.btn-info > a,
.btn-info:focus {
    background-color: #6fb3e0 !important;
    border-color: #6fb3e0;
    color: #ffffff !important;
}

    .btn-info:hover,
    .btn-info:active,
    .open .btn-info.dropdown-toggle {
        background-color: #4f99c6 !important;
        border-color: #6fb3e0;
        color: #ffffff;
    }

    .btn-info.no-border:hover,
    .btn-info.no-border:active {
        border-color: #4f99c6;
    }

    .btn-info.no-hover:hover,
    .btn-info.no-hover:active {
        background-color: #6fb3e0 !important;
    }

    .btn-info.active {
        background-color: #5fa6d3 !important;
        border-color: #4396cb;
    }

    .btn-info.no-border.active {
        background-color: #539fd0 !important;
        border-color: #539fd0;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #a0a0a0 !important;
        border-color: #a0a0a0;
        color: #ffffff;
    }

button.btn-info.dim {
    box-shadow: inset 0 0 0 #6fb3e0, 0 5px 0 0 #6fb3e0, 0 10px 5px #999;
    background-color: #fff !important;
    color: #6fb3e0 !important;
}

    button.btn-info.dim:hover {
        background-color: #4f99c6 !important;
        color: #fff !important;
    }

    button.btn-info.dim:active {
        box-shadow: inset 0 0 0 #6fb3e0, 0 2px 0 0 #6fb3e0, 0 5px 3px #999 !important;
        background-color: #fff !important;
        color: #6fb3e0;
    }

button.btn-success.dim {
    box-shadow: inset 0 0 0 #1c84c6, 0 5px 0 0 #1c84c6, 0 10px 5px #999;
    background-color: #fff !important;
    color: #1c84c6 !important;
}

    button.btn-success.dim:hover {
        background-color: #4f99c6 !important;
        color: #fff !important;
    }

    button.btn-success.dim:active {
        box-shadow: inset 0 0 0 #1c84c6, 0 2px 0 0 #1c84c6, 0 5px 3px #999 !important;
        background-color: #fff !important;
        color: #1c84c6;
    }


.btn-success,
.btn-success > a,
.btn-success:focus {
    color: #ffffff !important;
}

    .btn-success.btn-outline {
        color: #1c84c6 !important;
    }

        .btn-success.btn-outline:hover {
            color: #ffffff !important;
        }

.btn-yellow {
    color: #996633;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
}

    .btn-yellow,
    .btn-yellow:focus {
        background-color: #fee188;
        border-color: #fee188;
    }

        .btn-yellow:hover,
        .btn-yellow:active,
        .open .btn-yellow.dropdown-toggle {
            background-color: #f7d05b;
            border-color: #fee188;
        }

        .btn-yellow.no-border:hover,
        .btn-yellow.no-border:active {
            border-color: #f7d05b;
        }

        .btn-yellow.no-hover:hover,
        .btn-yellow.no-hover:active {
            background-color: #fee188;
        }

        .btn-yellow.active {
            background-color: #fbd972;
            border-color: #f9cf4f;
        }

        .btn-yellow.no-border.active {
            background-color: #fad463;
            border-color: #fad463;
        }

        .btn-yellow.disabled,
        .btn-yellow[disabled],
        fieldset[disabled] .btn-yellow,
        .btn-yellow.disabled:hover,
        .btn-yellow[disabled]:hover,
        fieldset[disabled] .btn-yellow:hover,
        .btn-yellow.disabled:focus,
        .btn-yellow[disabled]:focus,
        fieldset[disabled] .btn-yellow:focus,
        .btn-yellow.disabled:active,
        .btn-yellow[disabled]:active,
        fieldset[disabled] .btn-yellow:active,
        .btn-yellow.disabled.active,
        .btn-yellow[disabled].active,
        fieldset[disabled] .btn-yellow.active {
            background-color: #a0a0a0 !important;
            border-color: #a0a0a0;
            color: #ffffff;
        }

.field-validation-error {
    color: #ED5565;
}

.drag-grip {
    display: inline-block;
    width: 8px;
    min-height: 24px;
    margin-bottom: -6px;
    cursor: move;
    background-image: url('plugins/dataTables/bg-grippy.png');
}

.btn.sharp {
    border-radius: 0 !important;
}

.chosen-container {
    border: 1px solid #e5e6e7;
}

.chosen-container-active,
.chosen-container-active.chosen-with-drop,
.chosen-single {
    border: 1px solid #1ab394 !important;
}

.chosen-choices, .chosen-single {
    border: 0 !important;
}

.chosen-container-single .chosen-single {
    border-radius: 0 !important;
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: #999999 !important;
    padding-left: 12px !important;
}

.table-bordered > tbody > tr > td {
    border: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #e7eaec !important;
    border-bottom: 1px solid #e7eaec !important;
    border-left: 0 !important;
}

.table-bordered > tbody > tr > th {
    background-color: #19aa8d !important;
    color: #ffffff !important;
}

.table-bordered > thead > tr > th {
    background-color: #19aa8d !important;
    color: #ffffff !important;
}

.sorting_1 {
    background-color: #f3f3f4;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*Fix to modal-lg style which was overridden by summernote*/
@media (min-width: 992px) {
    .modal-lg {
        width: 900px !important;
    }
}

.tooltip {
    z-index: 2002 !important;
}

@media ( min-width: 768px ) {
    .truncate {
        width: 112px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


@media (min-width: 768px) {
    .truncate {
        width: 112px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 992px) {
    .truncate {
        width: 112px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 1200px) {
    .truncate {
        width: 216px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.wrapping-dl .dl-horizontal dt {
    float: none;
    text-align: left !important;
    display: block;
}

.wrapping-dl .dl-horizontal dd {
    margin-left: 0px !important;
    display: block;
}


.left-aligned-dl .dl-horizontal dt {
    text-align: left !important;
}

.left-aligned-dl .dl-horizontal dd {
    margin-left: 170px !important;
}

.left-aligned-dl-currency .dl-horizontal dt {
    text-align: left !important;
}

.left-aligned-dl-currency .dl-horizontal dd {
    margin-left: 170px !important;
    text-align: right;
}


.table-bordered > tfoot > tr > th,
.table-hover > tfoot > tr > th {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

/* -------------------------------------
    INVOICE
    Styles for the billing table
------------------------------------- */
.invoice {
    margin: 40px auto;
    text-align: left;
    width: 80%;
}

    .invoice td {
        padding: 5px 0;
    }

    .invoice .invoice-items {
        width: 100%;
    }

        .invoice .invoice-items td {
            border-top: #eee 1px solid;
        }

        .invoice .invoice-items .total td {
            border-top: 2px solid #333;
            border-bottom: 2px solid #333;
            font-weight: 700;
        }

.fileinput-filename {
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    width: 200px;
}

.simple_tag_title {
    color: inherit;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 12px;
    display: inline-block;
    font-weight: bold;
}

.intl-tel-input .country-list {
    z-index: 3 !important;
}