@media (min-width: 992px) {
    .admin .table {
        font-size: 12px;
    }

    .portalsMenu {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .navbar-brand img {
        max-width: 120px;
        margin-top: 7px;
    }
}

@media (max-width: 479px) {
    .portalsMenu, .ace-nav {
        display: inline-block !important;
    }

}

.step-content .step-pane:not(.active) {
    display: none;
}

.signup-box .wizard {
    background-color: #eee;
    -webkit-box-shadow: 2px 2px 5px #888888;
    -ms-box-shadow: 2px 2px 5px #888888;
    box-shadow: 2px 2px 5px #888888;
}

/** Re-style file input*/
.bootstrap-filestyle .btn {
    border-width: 1px;
}


/*Panels*/


.panel-blue {
    border-color: #6fb3e0;
}

    .panel-blue > .panel-heading {
        border-color: #6fb3e0;
        color: white;
        background-color: #6fb3e0;
    }

    .panel-blue > a {
        color: #6fb3e0;
    }

        .panel-blue > a:hover {
            color: #4f99c6;
        }

.panel-darkblue {
    border-color: #2c5976;
}

    .panel-darkblue > .panel-heading {
        border-color: #2c5976;
        color: white;
        background-color: #2c5976;
    }

    .panel-darkblue > a {
        color: #2c5976;
    }

        .panel-darkblue > a:hover {
            color: #4f99c6;
        }

.panel-green {
    border-color: #87b87f;
}

    .panel-green > .panel-heading {
        border-color: #87b87f;
        color: white;
        background-color: #87b87f;
    }

    .panel-green > a {
        color: #87b87f;
    }

        .panel-green > a:hover {
            color: #629b58;
        }

.panel-red {
    border-color: #d15b47;
}

    .panel-red > .panel-heading {
        border-color: #d15b47;
        color: white;
        background-color: #d15b47;
    }

    .panel-red > a {
        color: #d15b47;
    }

        .panel-red > a:hover {
            color: #b74635;
        }

.panel-yellow {
    border-color: #ffb752;
}

    .panel-yellow > .panel-heading {
        border-color: #ffb752;
        color: white;
        background-color: #ffb752;
    }

    .panel-yellow > a {
        color: #ffb752;
    }

        .panel-yellow > a:hover {
            color: #e59729;
        }


a.summary-link {
    color: #fff;
    font-size: 110%;
}

    a.summary-link .fa-3x {
        position: relative;
        left: -30px;
    }

    a.summary-link div {
        font-size: 115%;
    }

.list-link .pull-left {
    font-size: 110%;
}

.list-link .pull-right {
    font-size: 115%;
}

.summary .panel-footer {
    background-color: #fff;
}

/*Auto Complete*/

.bc-wrapper {
    position: relative;
}

    .bc-wrapper .bc-menu {
        position: absolute;
        z-index: 1000;
        width: 100%;
        display: none;
    }

.input-group .bc-wrapper .bc-menu {
    top: 38px;
}

.bc-wrapper .list-group-item {
    padding: 5px;
}

    .bc-wrapper .list-group-item:hover {
        background: #4f99c6;
        color: #ffffff;
    }



/*fix input group with input*/
.has-input .input-group-addon {
    padding: 0;
    border: 0;
}

.dropzone {
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: .28571429rem;
}

    .dropzone .dz-preview {
        margin: 0;
    }

        .dropzone .dz-preview .dz-image {
            border-radius: 0;
        }

            .dropzone .dz-preview .dz-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

    .dropzone .dz-details {
        display: none;
    }


/*Form*/
.form-title {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    font-size: 15px;
    font-weight: 300;
    color: #478fca;
    margin-bottom: 15px;
}



/*Override form settings*/

.control-label {
    font-size: 16px;
}

.page-header h1 {
    font-size: 30px;
}

.form-title {
    font-size: 18px;
}

.form-horizontal .control-label {
    padding-top: 4px;
}

.form-control-static {
    padding-top: 6px;
}

.number {
    max-width: 150px;
}

.modal-body .bold-label .form-group > div.col-sm-8:not(.col-md-4) {
    padding-top: 0;
}

.input-group .bootstrap-select {
    z-index: 4;
}

.bold {
    font-weight: 600 !important;
}

.vscroll {
    overflow-y: auto;
}

.max-height100 {
    max-height: 100px;
}

.max-height150 {
    max-height: 150px;
}

.max-height200 {
    max-height: 200px;
}


.debit {
    color: #b90707
}

.credit {
    color: #0e7e0b
}

.awaiting-balance .title {
    font-size: 12px;
    display: block;
    line-height: 12px;
    margin-top: 10px;
}

.awaiting-balance .value {
    font-size: 22px !important;
}

.awaiting-balance {
    font-weight: bold;
    line-height: 40px;
    box-shadow: #555 10px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.2) 0 10px 10px inset;
}

    .awaiting-balance a {
        color: #fff;
    }

.menu-min .awaiting-balance {
    display: none;
}

.box {
    border-top: solid 5px #6fb3e0;
    /*border-bottom: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    border-left: solid 1px #e3e3e3;*/
    padding: 20px;
}

    .box .row {
        line-height: 30px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

        .box .row:not(:last-child) {
            border-bottom: solid 1px #e3e3e3;
        }

.form-horizontal .radio-inline:first-child {
    padding-left: 0;
    padding-right: 0;
}

.ltr {
    direction: ltr;
    text-align: right;
}

.label-green {
    background-color: #008000;
    color: #fff;
    min-width: 50px;
    font-weight: 700;
    display: inline-block;
    padding: 3px;
}

.label-yallow {
    background-color: #f1c500;
    color: #fff;
    min-width: 50px;
    font-weight: 700;
    display: inline-block;
    padding: 3px;
}

.hide-check .datatable-check {
    display: none;
}

.hide-action .datatable-action {
    display: none;
}


/**Floating Action Button**/

.actionfly-fab {
    display: inline-block;
    height: 40px;
    width: 50px;
    line-height: 36px;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    transition: .2s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    cursor: pointer;
    color: #fff;
}

    .actionfly-fab:hover {
        border-color: black;
        border-width: 1px;
        border-style: dotted;
        background-color: #5ea5ce !important;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    }


.actionfly-btn-main {
    margin-left: 4px;
}

.actionfly-btn-sm {
    width: 118px !important;
    margin-right: 5px;
}

.actionfly-menu {
    list-style: none;
    float: right;
}
    .actionfly-menu li {
        display: inline-block;
    }


.scale-transition {
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

    .scale-transition.scale-out {
        transform: scale(0);
        transition: transform 0.2s !important;
    }

    .scale-transition.scale-in {
        transform: scale(1);
    }

.mf_tooltip {
    position: relative;
    display: inline-block;
}

    .mf_tooltip .mf_text {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: white;
        text-align: left;
        border-radius: 6px;
        padding: 2px;
        position: absolute;
        z-index: 1;
        bottom: 115%;
        left: 50%;
        margin-left: -60px;
    }

.mf_text {
    word-wrap: break-word !important;
    white-space: normal;
    text-align: center !important;
}

.mf_tooltip .mf_text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.mf_tooltip:hover .mf_text {
    visibility: visible;
}

.product-list-thumb {
    max-width: 50px;
    max-height: 50px;
}

.switch {
    position: relative;
    display: inline-block;
    /* width: 60px;
    height: 34px;*/
    width: 35px;
    height: 20px;
    margin-top: 8px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
       /* height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;*/
        background-color: white;
        transition: .4s;
        height: 15px;
        width: 15px;
        left: 1px;
        bottom: 2.5px;
    
    }

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: #2196F3;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.colorTheme {
    height: 50px;
}

.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}