/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* SRS Font Styles */

.srs-text-bold {
    font-weight: bold;
}

.srs-pc-text-bold {
    font-weight: bold;
}

/* SRS Custom Margins */

/* Left */

.srs-ml-0 {
    margin-left: 0px;
}

.srs-ml-sm-5 {
    margin-left: 5px;
}

.srs-ml-md-5 {
    margin-left: 10px;
}

.srs-ml-lg-5 {
    margin-left: 15px;
}

/* SRS Custom Paddings */

/* All sides */

.srs-p-sm-5 {
    padding: 5px;
}

.srs-p-md-5 {
    padding: 10px;
}

.srs-p-lg-5 {
    padding: 12px;
}

.srs-p-xl-5 {
    padding: 20px;
}

/* Left */
.srs-pl-sm-5 {
    padding-left: 5px;
}

.srs-pl-md-5 {
    padding-left: 10px;
}

.srs-pl-lg-5 {
    padding-left: 15px;
}

/* Right */

.srs-pr-sm-5 {
    padding-right: 5px;
}

.srs-pr-md-5 {
    padding-right: 10px;
}

.srs-pr-lg-5 {
    padding-right: 15px;
}

/* Top */

.srs-pt-sm-5 {
    padding-top: 5px;
}

.srs-pt-md-5 {
    padding-top: 10px;
}

.srs-pt-lg-5 {
    padding-top: 15px;
}

/* Bottom */

.srs-pb-sm-5 {
    padding-bottom: 5px;
}

.srs-pb-md-5 {
    padding-bottom: 10px;
}

.srs-pb-lg-5 {
    padding-bottom: 15px;
}

.srs-mb-sm-5 {
    margin-bottom: 5px;
}

.srs-mb-md-5 {
    margin-bottom: 10px;
}

.srs-mb-lg-5 {
    margin-bottom: 14px;
}

/* The ribbons */

.box {
    width: 5px;
    height: 5px;
    position: relative;
    background: #ffffff;
}

/* Left Ribbon */

.LribbonNew {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .LribbonNew span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#79A70A 0%, #79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        left: -21px;
    }

        .LribbonNew span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .LribbonNew span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #79A70A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

/* Right Ribbon */

.RribbonNew {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .RribbonNew span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#79A70A 0%, #79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .RribbonNew span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .RribbonNew span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #79A70A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

/* Left Ribbon */

.LribbonExp {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .LribbonExp span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#F70505 0%, #F70505 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        left: -21px;
    }

        .LribbonExp span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #F70505;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #F70505;
        }

        .LribbonExp span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #F70505;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #F70505;
        }

/* Right Ribbon */

.RribbonExp {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .RribbonExp span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#F70505 0%, #F70505 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .RribbonExp span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #F70505;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #F70505;
        }

        .RribbonExp span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #F70505;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #F70505;
        }

.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
    position: relative;
    float: right !important;
    width: auto;
    bottom: 25px;
    right: 10px;
    margin-top: 0;
}

.errorMessageDiv {
    border-right: #dd3c10 1px solid;
    border-top: #dd3c10 1px solid;
    border-left: #dd3c10 1px solid;
    border-bottom: #dd3c10 1px solid;
    background-color: #ffebe8;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: none;
}

.infoMessageDiv {
    border-right: #e2c822 1px solid;
    border-top: #e2c822 1px solid;
    border-left: #e2c822 1px solid;
    border-bottom: #e2c822 1px solid;
    background-color: #fff9d7;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: none;
}

.errorMessageLabelInDiv {
    color: red;
}

.btn-outline-ambersrs {
    color: #ffc107;
    border-color: #ffc107;
    background-color: transparent;
    background-image: none;
}

    .btn-outline-ambersrs:hover {
        color: #fff;
        border-color: #ffc107;
        background-color: #ffc107;
    }

    .btn-outline-ambersrs:focus,
    .btn-outline-ambersrs.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(255, 145, 73, .5);
        box-shadow: 0 0 0 .2rem rgba(255, 145, 73, .5);
    }

    .btn-outline-ambersrs.disabled,
    .btn-outline-ambersrs:disabled {
        color: #ff9149;
        background-color: transparent;
    }

    .btn-outline-ambersrs:not(:disabled):not(.disabled):active,
    .btn-outline-ambersrs:not(:disabled):not(.disabled).active,
    .show > .btn-outline-ambersrs.dropdown-toggle {
        color: #fff;
        border-color: #ffc107;
        background-color: #ffc107;
    }

        .btn-outline-ambersrs:not(:disabled):not(.disabled):active:focus,
        .btn-outline-ambersrs:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-ambersrs.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(255, 145, 73, .5);
            box-shadow: 0 0 0 .2rem rgba(255, 145, 73, .5);
        }

.badge-amber {
    background-color: #ffc107;
}

    .badge-amber.badge-glow {
        -webkit-box-shadow: 0 0 10px #ffc107;
        box-shadow: 0 0 10px #ffc107;
    }

    .badge-amber[href]:hover,
    .badge-amber[href]:focus {
        background-color: #ffc107;
    }

.btn-outline-secondarymute {
    color: #6b6f82;
    border-color: #6b6f82;
    background-color: transparent;
    background-image: none;
}

    .btn-outline-secondarymute:hover {
        color: #6b6f82;
        border-color: #6b6f82;
        background-color: #dddddd;
    }

    .btn-outline-secondarymute:focus,
    .btn-outline-secondarymute.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(107, 111, 130, .5);
        box-shadow: 0 0 0 .2rem rgba(107, 111, 130, .5);
    }

    .btn-outline-secondarymute.disabled,
    .btn-outline-secondarymute:disabled {
        color: #6b6f82;
        background-color: transparent;
    }

    .btn-outline-secondarymute:not(:disabled):not(.disabled):active,
    .btn-outline-secondarymute:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondarymute.dropdown-toggle {
        color: #6b6f82;
        border-color: #6b6f82;
        background-color: #dddddd;
    }

        .btn-outline-secondarymute:not(:disabled):not(.disabled):active:focus,
        .btn-outline-secondarymute:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondarymute.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(107, 111, 130, .5);
            box-shadow: 0 0 0 .2rem rgba(107, 111, 130, .5);
        }

@media (max-width: 1200px) {
    .srs-HideInMT {
        display: none;
    }
}