/*## SPACINGS ##*/
.p0 {
    padding-left: 0;
    padding-right: 0;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.p15 {
    padding: 15px;
}

.mr0 {
    margin-right: 0;
}

.ml0 {
    margin-left: 0;
}

.mt-5 {
    margin-top: -5px;
}

.mt5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: -10px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt-25 {
    margin-top: -25px;
}

.mt30 {
    margin-top: 30px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

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

.ml5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: -10px;
}

.ml10 {
    margin-left: 10px;
}

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

.ml15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: -20px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt50 {
    padding-top: 50px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

/*COLORS*/
.black {
    color: #000;
}

.bgBlack {
    background-color: #333e48;
}

.white {
    color: #fff;
}

.bg-white {
    background-color: #fff !important;
}

.green {
    color: green;
}

.red {
    color: red;
}

.pink {
    color: #ed5564;
}

.grey {
    color: grey;
}

.lightGrey {
    color: #ccc;
}

.lightRed {
    color: #e94646;
}

.orange {
    color: orange;
}

.colorDark {
    color: #000;
}

.colorLight {
    color: #777;
}

.colorYellow {
    color: #f9ae38;
}

.colorDarkGrey {
    color: #999;
}

.colorLightBlue {
    color: #65cbe1;
}

.colorBlue {
    color: #6495e2;
}

.colorLightGreen {
    color: #5bd5b7;
}

/*## Paging ##*/
.dvPagination {
    float: right;
    bottom: 0;
    z-index: 9;
    padding: 0px 0px 10px 0px;
}

    .dvPagination ul.pagination {
        margin: 0;
        color: #ff3434;
    }

        .dvPagination ul.pagination li:last-child {
            margin: 7px 0 0 0;
            float: right;
            padding-left: 10px;
        }

    .dvPagination .red {
        color: red;
    }

    .dvPagination .blue {
        color: #184872;
    }

    .dvPagination .green {
        color: green;
    }

.pgrec {
    color: #ffffff;
    cursor: pointer;
    background: #65cbe1;
    padding: 5px;
    border-radius: 3px;
}

/*Menu bar*/
.sidebar-menu > li > ul > li {
    /*padding: 5px;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

    .sidebar-menu > li > ul > li > a {
        width: 100%;
        float: right;
    }

        .sidebar-menu > li > ul > li > a:hover {
            color: #fff;
        }

    .sidebar-menu > li > ul > li > ul {
        color: #fff;
        display: table;
        padding: 5px 0px 5px 20px;
    }

        .sidebar-menu > li > ul > li > ul > li > a:hover {
            color: #fff;
        }

/*Loader*/

.clr {
    clear: both;
}

.my-alert {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    margin: 0;
}

.hideMsg {
    display: none;
    z-index: 10000;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 30em;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    min-height: 55px;
    padding: 15px 60px;
    margin-top: -9em;
    margin-left: -15em;
}

.ErrorMsg {
    display: none;
    z-index: 2;
    position: fixed;
    text-align: left;
    top: 50%;
    left: 50%;
    width: 30em;
    background-color: #fad3d6;
    border-color: #d6e9c6;
    color: red;
    min-height: 40px;
    padding: 10px;
    margin-top: -9em;
    margin-left: -15em;
}

    .ErrorMsg td {
        padding: 3px;
    }

.bg-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    background: rgba(255,255,255,0.7);
    text-align: center;
}

.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218, 219, 223, 1);
    /*border-left: .8em solid rgba(58, 166, 165, 1);*/
    border-left: .8em solid rgba(60, 141, 188, 1);
    animation: spin 1.1s infinite linear;
}

    .loader, .loader:after {
        border-radius: 50%;
        width: 4em;
        height: 4em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em;
    }

.font-bb {
    font-weight: bold;
}

.font-nm {
    font-weight: normal;
}

#btnTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
}

.border-grey {
    border-color: #e5e6e6;
}

.Iscroll {
    height: 100px;
    overflow: auto;
    padding-left: 15px;
}

input:invalid {
    color: red;
}

.cursor-hand {
    cursor: pointer;
}

.BigModal {
    width: 70%;
}

.autocomplete {
    height: 200px;
    overflow-y: scroll;
    font-size: 13px;
    text-align: left;
}

@media (max-width: 320px) {
}

@media (max-width: 415px) {
    /*responsive table start*/
    .panel table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .panel .table > tbody + tbody {
        border-top: none;
    }

    .panel table tr {
        display: block;
        margin-bottom: .625em;
    }

    .panel table td {
        display: block;
        font-size: 12px;
        text-align: right;
    }

        .panel table td::before {
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }



    .panel-heading {
        display: inline-block;
        width: 100%;
    }

    /*end*/

    .content-header > h1 {
        font-size: 18px;
    }

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

@media screen and (max-width: 600px) {
    .hidden-sm {
        display: none !important;
    }

    .BigModal {
        width: auto;
    }
}

@media (max-width: 750px) {
    /*responsive table start*/
    .panel table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .panel .table > tbody + tbody {
        border-top: none;
    }

    .panel table tr {
        display: block;
        margin-bottom: .625em;
    }

    .panel table td {
        display: block;
        font-size: 12px;
        text-align: right;
    }

        .panel table td::before {
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }

    .panel-heading {
        display: inline-block;
        width: 100%;
    }

    /*end*/

}

@media (min-width: 768px) {
    .sidebar-collapse .sidebar-menu > li {
        display: none;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}