body {
}

/*PADDING*/
.no-pad {
    padding: 0 !important;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-bot-0 {
    padding-bottom: 0px;
}

.pad-bot-10 {
    padding-bottom: 10px;
}

.pad-topbot-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pad-topbot-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-left-15 {
    padding-left: 15px;
}

/*MARGIN*/
.no-mar {
    margin: 0;
}

.mar-top-15 {
    margin-top: 15px;
}

.mar-bot-10 {
    margin-bottom: 10px;
}

.field-validation-error {
    margin: 0px !important;
}

    .field-validation-error > span {
        margin: 5px 0px !important;
        color: #FF0000 !important;
    }

.login-wrapper .login-panel {
    padding: 30px 40px;
}

.account .tab-data .dp img {
    width: 100px;
    height: 100px;
}

.divuser_details {
    float: left;
    padding-top: 12px;
    /* width: 100%; */
    width: 90%;
}

.leftside_detail {
    float: left;
    font-size: 13px;
    width: 150px;
    text-align: left;
    font-weight: bold;
    padding: 9px 15px;
    display: block;
}

.rightside_detail {
    float: left;
    font-size: 13px;
    color: #383838;
    font-weight: 500;
}

.validation_input {
    width: 300px;
    background-color: #fafafa;
    box-shadow: none;
    height: 34px;
    padding: 6px 2px;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.disableproduct {
    background: #fff;
    opacity: 0.6;
}

/*MultiSelect*/
.multiselect {
    display: block;
}

    .multiselect > .btn-group {
        min-width: 100%;
    }

    .multiselect .btn {
        width: 100%;
        background-color: #FFF;
    }

        .multiselect .btn.has-error {
            border: 1px solid #a94442 !important;
            color: #db524b;
        }

    .multiselect .dropdown-menu {
        max-height: 300px;
        min-width: 200px;
        overflow-y: auto;
    }

        .multiselect .dropdown-menu .filter > input {
            width: 99%;
        }

        .multiselect .dropdown-menu .filter .glyphicon {
            cursor: pointer;
            pointer-events: all;
        }

    .multiselect .dropdown-menu {
        width: 100%;
        box-sizing: border-box;
        padding: 0px;
    }

    .multiselect > .btn-group > button {
        padding-right: 20px;
    }

        .multiselect > .btn-group > button > .caret {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 6px solid #555;
            right: 5px;
            top: 45%;
            position: absolute;
        }

    .multiselect .dropdown-menu > li > a {
        padding: 3px 10px;
        cursor: pointer;
    }

        .multiselect .dropdown-menu > li > a i {
            margin-right: 8px;
            font-size: 15px;
        }

.glyphicon-none:before {
    content: "\e013";
    color: transparent !important;
}

.multiselect .btn-default, .multiselect .btn-default:hover {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-radius: 0px;
    padding: 7px 0px;
    color: #555;
    font-size: 14px;
    background: none;
}

    .multiselect .btn-default.active, .multiselect .btn-default:active, .multiselect .open > .dropdown-toggle.btn-default {
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-radius: 0px;
        padding: 7px 0px;
        color: #555;
        font-size: 14px;
        background: none;
    }

        .multiselect .btn-default.active.focus, .multiselect .btn-default.active:focus, .multiselect .btn-default.active:hover, .multiselect .btn-default:active.focus, .multiselect .btn-default:active:focus, .multiselect .btn-default:active:hover, .multiselect .open > .dropdown-toggle.btn-default.focus, .multiselect .open > .dropdown-toggle.btn-default:focus, .multiselect .open > .dropdown-toggle.btn-default:hover {
            border: none;
            border-bottom: 1px solid rgba(0,0,0,0.2);
            border-radius: 0px;
            padding: 7px 0px;
            color: #555;
            font-size: 14px;
            background: none;
        }

.multiselect .btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.multiselect ul.dropdown-menu {
    margin: 0px;
    border-radius: 0px;
}

    .multiselect ul.dropdown-menu > li > a {
        font-size: 16px;
        padding: 6px;
    }

        .multiselect ul.dropdown-menu > li > a:hover {
            background: #12aad9;
            color: #fff;
            font-size: 16px;
        }

.account .tab-name li a {
    padding: 7px 15px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.green {
    color: #3c763d;
}

.red {
    color: #a94442;
}

.profileimg {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    margin-right: 10px;
    padding: 0px !important;
}

.main-section {
    /*background: #f68a42 url(../images/bgnew.jpg) center center repeat;*/
}

.header-wrapper {
    background: #ffffff;
}