/*@font-face {
    font-family: 'SamsungOne';
    src: url(../fonts/samsung-fonts/SamsungOne-400.eot);
    src: url(../fonts/samsung-fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(../fonts/samsung-fonts/SamsungOne-400.woff2) format("woff2"), url(../fonts/samsung-fonts/SamsungOne-400.woff) format("woff"), url(../fonts/samsung-fonts/SamsungOne-400.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SamsungOne';
    src: url(../fonts/samsung-fonts/SamsungOne-700.eot);
    src: url(../fonts/samsung-fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(../fonts/samsung-fonts/SamsungOne-700.woff2) format("woff2"), url(../fonts/samsung-fonts/SamsungOne-700.woff) format("woff"), url(../fonts/samsung-fonts/SamsungOne-700.ttf) format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'SamsungSharpSans';
    src: url(../fonts/samsung-fonts/SamsungSharpSansBd.eot);
    src: url(../fonts/samsung-fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(../fonts/samsung-fonts/SamsungSharpSansBd.woff2) format("woff2"), url(../fonts/samsung-fonts/SamsungSharpSansBd.woff) format("woff"), url(../fonts/samsung-fonts/SamsungSharpSansBd.ttf) format("truetype");
    font-weight: bold;
    font-style: normal
}*/

html, body {
    margin: 0;
    height: 100vh;
    min-height: 100vh;
}

body {
    /*font-family: 'SamsungOne' !important;*/
    font-size: 13px;
    height: 100% !important;
    background: #f5f5f5;
}
/*body::-webkit-scrollbar{
    display:none !important;
}*/

.bg_login_dark {
    background-color: #f5f5f5;
}
.wrapper {
    min-height: 100%;
}
.hide {
    display:none;
}
.mainbody {
    /*display: flex;*/
    align-items: stretch;
}

.main-content {
    min-height: 100vh;
    transition: all 0.3s;
}

    .main-content.card {
        margin-bottom: 15px;
        padding: 15px;
    }

.form-control:focus {
    border-color: #007bff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group.group1 {
    margin: 0px !important;
}
/*******Headings *********/
h1, h2, h3, h4, h5, h6, b {
    font-family: 'SamsungSharpSans';
}
/*******End of Headings *********/

.bg-dark {
    background-color: #0072B1;
}

/********Footer**************/
.Grs_Footer_mdl {
    text-align: center;
}

.grs_footer_rightImage_leftContent {
    display: inline-flex;
}

    .grs_footer_rightImage_leftContent p {
        margin-bottom: 0px;
        font-size: 14px !important;
        text-align: left;
        margin-left: 8px;
    }

    .grs_footer_rightImage_leftContent span {
        color: #377C9B;
        border: 1px solid #377C9B;
        border-radius: 100%;
        height: 30px;
        width: 30px;
        line-height: 27px;
        text-align: center;
    }

    .grs_footer_rightImage_leftContent p:last-child {
        color: #377C9B;
        font-weight: bold;
    }

.grs_footer_mdl_pContainer {
    margin-top: -3px;
}

.Grs_privacylocy ul {
    list-style-type: none;
    float: right;
    margin-bottom: 0px;
    padding: 10px !important;
}

    .Grs_privacylocy ul li {
        width: auto;
        display: -webkit-inline-box;
        color: #A8A8A8;
        display: -ms-inline-flexbox;
        font-size: 13px;
    }

.Grs_privacylocy a {
    color: #A8A8A8;
}

.Grs_privacylocy p:first-child {
    margin-right: 5px;
}

.Grs_privacylocy p:last-child {
    margin-left: 5px;
    float: right;
}

footer p {
    color: #968b8b;
    margin-bottom: 0px;
    font-size: 13px;
}

footer {
    background: #E8E8E8;
    padding: 2%;
    width: 100%;
}
/***********Footer****************/

/*-------------------------------------------------scroll top--------------------------------------------------------------*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #555;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

    #myBtn:hover {
        background-color: black;
    }

/*------------------------------------End of scroll top------------------------------------*/
 
/*******Top Navigation *********/
.navigation-bar .bg-dark {
    background-color: #f5f5f5 !important;
    padding: 8px !important;
    border-radius: 0px;
    color: #000;
    border-bottom: solid 1px #f5f5f5;
}

.navbar-dark .navbar-nav .nav-link {
    color: #555 !important;
}

.navbar-brand {
    padding: 5px 0 3px !important;
}

    .navbar-brand figure {
        margin: 0px;
    }

.navigation-bar .navbar-toggler {
    padding: 3px;
    font-size: 12px;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #007bff !important;
    border-radius: 2px;
}

.navigation-bar .row {
    width: 100%;
}

.header-list {
    width: 100%;
    float: left;
}

.pipe {
    color: #3aa7d6;
    padding: 7px;
    font-size: 25px;
}

.header-list a {
    color: #fff;
    padding: 7px 10px;
    font-size: 13px;
}

    .header-list a.dropdown-item {
        color: rgba(255,255,255,.5);
    }

        .header-list a.dropdown-item:hover {
            color: #fff;
            border-radius: 0px;
            background-color: #0072b1;
        }

.header-list .dropdown-divider {
    border-top: 1px solid #0072b1;
}

.header-list a:hover,
.navbar-dark .navbar-nav .active > .nav-link {
    color: #4272d7 !important;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
}

.header-list a.dropdown-item i {
    margin-right: 10px;
}

.user-icon {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-top: -5px;
}

.header-list .navbar-nav li {
    padding: 0;
}

.header-list .navbar-nav .dropdown-menu {
    /*background: #077ebf;*/
    /* color: #fff !important; */
}
.dropdown-menu {
    margin: 0.5rem 0 0 !important;
}
.navbar-dark .navbar-nav .nav-link {
    font-size: 15px;
    padding: 10px 15px;
    /* border-radius: 0;*/
}

.navigation-bar .nav-item.dropdown {
    width: 200px !important;
    text-align: center !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 0px;
    border-radius: 0px;
}
/**************End of top  Navigation ***************/

.card-head {
    margin-bottom: 15px;
}

h4.page-title {
    color: #0072b1;
    font-size: 17px;
}

.breadcrumb {
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    float: right;
    background: transparent;
}

    .breadcrumb li a {
        font-size: 12px;
    }

.breadcrumb-item.active {
    font-size: 12px;
    margin-top: 2px;
}

/***********Main Filter Search***************/
/*8th October*/

.filterContainer .search-list li {
    width: 14%;
    padding: 5px;
    display: inline-block;
    float: left;
}

    .filterContainer .search-list li:nth-child(1) {
        width: 16%;
    }

    .filterContainer .search-list li .form-group label {
        width: 100%;
    }

.filterContainer .search-list.search-list-25 li {
    width: 25% !important;
}

.filterContainer .right-btns .filter-btns {
    margin-top: 25px;
}

.filterContainer .RadComboBox_Bootstrap {
    width: 100% !important;
    /* width: auto !important; */
}

.filterContainer .RadPicker_Bootstrap {
    width: 100%;
}

.filterContainer .RadPicker .rcSelect {
    position: absolute;
    bottom: 1px;
    right: 1px;
    top: 1px;
    overflow: hidden;
    background: transparent !important;
}

.filterContainer .RadComboBox .rcbActionButton {
    height: auto !important;
    width: auto !important;
    background-color: transparent !important;
}

.filterContainer .accordion-section {
    position: absolute;
    width: 100%;
    top: -10px;
}

.filterContainer .RadPicker.RadPicker_Bootstrap .RadInput_Bootstrap .riTextBox {
    border-color: #ccc !important;
    background: transparent;
    margin: 0px !important;
    padding: 5px 5px !important;
    height: 30px !important;
}

.filterContainer {
    padding: 15px;
}

    .filterContainer > ul {
        max-width: 2000px;
        margin: 0px;
        /*overflow-x: scroll !important;*/
        white-space: nowrap;
    }

    .filterContainer .nav-tabs {
        border: none !important;
    }

    .filterContainer > ul > li {
        width: auto;
        float: left;
        position: relative !important;
    }

    .filterContainer .tab-content > .tab-pane ul {
        float: left;
        margin: 0px;
    }

        .filterContainer .tab-content > .tab-pane ul li {
            width: auto;
            float: left;
            padding: 0 10px 10px;
            display: block;
            position: relative;
        }

    .filterContainer .error-msg {
        top: 30px;
    }

    .filterContainer .nav-tabs .nav-link {
        border-radius: 0px !important;
        border: none !important;
        margin: 0px !important;
        font-family: 'SamsungOne' !important;
        color: #777;
        padding: 8px 10px 8px;
        margin-bottom: 8px !important;
        border-bottom: solid 2px transparent !important;
    }

        .filterContainer .nav-tabs .nav-link.active,
        .filterContainer .nav-tabs .nav-link.active.show {
            border: none !important;
            color: #118dd1;
            font-family: 'SamsungSharpSans' !important;
            border-bottom: solid 2px #1b94d8 !important;
            transition: ease 0s;
        }

            .filterContainer .nav-tabs .nav-link.active:before,
            .filterContainer .nav-tabs .nav-link.active.show:before {
                content: "";
                position: absolute;
                border-left: solid 7px transparent;
                border-top: solid 7px transparent;
                border-bottom: solid 8px #1b94d8;
                border-right: solid 7px transparent;
                bottom: 0px;
                left: 42%;
                text-align: center;
            }

        .filterContainer .nav-tabs .nav-link:focus,
        .filterContainer .nav-tabs .nav-link:hover {
            border: none !important;
            background: transparent;
            color: #118dd1;
        }

    /*.filterContainer .RadComboBox_Bootstrap {
        max-width: 250px !important;
        width: auto !important;
    }*/

    .filterContainer .RadComboBox_Bootstrap .RadComboBoxDropDown {
        width: 500px !important;
    }
    /*.filterContainer .RadComboBox_Bootstrap .RadComboBoxDropDown .rcbList>li {
    text-transform: capitalize !important;
    font-size: 12px !important;
}*/
    .filterContainer .RadComboBoxDropDown .rcbList > li.rcbItem {
        font-size: 12px !important;
        text-transform: capitalize;
    }

    .filterContainer input {
        border-radius: 0px !important;
        padding: 3px 5px;
        height: 30px;
        border: solid 1px #ccc;
    }

    .filterContainer .RadComboBox_Bootstrap .rcbInner {
        height: 30px !important;
        padding: 3px 5px;
    }

    .filterContainer .RadPicker .RadInput {
        height: 30px !important;
        padding: 0px;
    }

    .filterContainer .RadComboBox_Bootstrap .rcbInput {
        font-size: 13px;
        padding-right: 25px;
    }

    .filterContainer span.RadInput.RadInput_Bootstrap {
        border: solid 1px #ccc !important;
    }

    .filterContainer .filter-txt {
        height: 28px !important;
        border: none !important;
        box-shadow: none !important;
    }

    .filterContainer .bg-primary {
        padding: 3px 8px !important;
    }

    .filterContainer .RadButton_Bootstrap.rbButton.rbIconOnly {
        padding: 2px 2px 4px 6px !important;
        height: 30px !important;
    }

.filter-btns {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    align-items: !important;
    position: relative;
    /*bottom: -30px !important;*/
    right: 5px;
}

    .filter-btns li {
        width: auto;
        float: right;
        text-align: right;
        padding: 5px 0px 0px 5px;
    }

/*ul.list-unstyled.filter-btns button {
    background: #0072b1 !important;
    color: #fff !important;
    border-color: #1795db !important;
}

    ul.list-unstyled.filter-btns button:hover {
        background-color: #1795db !important;
        border-color: #0072b1 !important;
    }*/
.filter-btn-green .bg-primary {
    color: #92d840 !important;
    border: solid 1px #8BC34A !important;
    background: #fff !important;
    /*padding: 2px 2px 4px 6px !important;*/
}

    .filter-btn-green .bg-primary:hover {
        color: #fff !important;
        background: #92d840 !important;
        border: solid 1px #8BC34A !important;
    }

.filter-btn-orange .bg-primary {
    color: #FF9800 !important;
    border: solid 1px #FF9800 !important;
    background: #fff !important;
    /*padding: 2px 6px 4px 6px !important;*/
}

    .filter-btn-orange .bg-primary:hover {
        color: #fff !important;
        background: #FF9800 !important;
        border: solid 1px #FF9800 !important;
    }

.filter-btn-light-blue .bg-primary {
    color: #0072b1 !important;
    border: solid 1px #0072b1 !important;
    background: #fff !important;
    /*padding: 2px 2px 4px 6px !important;*/
}

    .filter-btn-light-blue .bg-primary:hover {
        color: #fff !important;
        background: #0072b1 !important;
        border: solid 1px #0072b1 !important;
        transition: ease 1s;
        -webkit-transition: ease 1s;
        -moz-transition: ease 1s;
        -ms-transition: ease 1s;
        -o-transition: ease 1s;
    }

.filterContainer .tab-content .RadPicker.RadPicker_Bootstrap,
.filterContainer .tab-content .RadComboBox.RadComboBox_Bootstrap {
    width: 185px !important;
}

/***********End of Main Filter Search***************/
.bg-primary {
    color: #fff !important;
    background: #0072b1 !important;
    border: solid 1px #118dd1 !important;
    padding: 7px 15px !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #1795db !important;
}

.RadButton .rbText {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.RadButton .rbIcon {
    width: 22px;
    height: 24px;
    vertical-align: -2px;
    background-repeat: no-repeat;
    position: relative;
    font-size: 20px !important;
}

.RadButton .rbPrimaryIcon {
    margin: 0 5px 0 0;
    /* font-size: 12px !important; */
    margin-right: 0px;
}

.RadButton_Bootstrap.rbButton.rbIconOnly {
    padding: 5px 5px 5px 10px !important;
    height: 38px !important;
}
/*************Card Table***************/

.grid-scroll .rgDataDiv {
    height: auto !important;
    /*max-height: 150px !important;*/
}

.grid-scroll .rgHeaderDiv {
    margin-right: 0px !important;
}

/*************Card Table***************/
/************** Left Navigation ***************/
.menu-btn {
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
    padding: 3px 7px 2px;
    margin: 19px 14px 20px 10px;
    float: left;
}

    .menu-btn:hover {
        background-color: #118dd1;
        border-color: #0c699c;
    }

    .menu-btn span {
        color: #fff;
    }

.navbar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

a, a:hover, a:focus {
    text-decoration: none;
    transition: all 0.3s;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    min-width: 200px;
    max-width: 242px;
    background: #fff;
    color: #fff;
    /*  transition: all 0.3s;*/
    /*height: 100vh;*/
    width: 325px;
    margin-right: 15px;
    float: left;
    border-right: solid 1px #CCC;
    z-index:9999999 !important;
}

    #sidebar.active {
        min-width: 50px;
        max-width: 50px;
        text-align: center;
        margin-right: 15px;
        float: left;
    }

    #sidebar ul li {
        color:#000;
    }

        #sidebar ul li a {
            text-align: left;
        }

    #sidebar.active ul li a {
        padding: 14px;
        text-align: center;
        font-size: 13px;
        /*transition: all 100s;*/
        color:
    }

        #sidebar.active ul li a .submenu-txt {
            display: none;
        }

        #sidebar.active ul li a i {
            margin-right: 0;
            display: block;
            font-size: 18px;
            margin-bottom: 0;
        }

    #sidebar.active ul ul a {
        padding: 10px !important;
    }

    #sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {
        top: auto;
        bottom: 5px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: #0072b1;
    }

        #sidebar .sidebar-header strong {
            display: none;
            font-size: 1.8em;
        }
.panelSidemenu {
/*background:#555;*/
}
.parentMenu {
    /*font-weight: bold;*/
}

#sidebar ul li a {
    padding: 12px;
    font-size: 13px;
    display: block;
    color: #555;
}

        #sidebar ul li a:hover {
            color: #ffffff;
            /* background: #118dd1;*/
        }

        #sidebar ul li a i {
            margin-right: 10px;
            font-size: 17px;
        }

    #sidebar ul li.active > a, a[aria-expanded="true"] {
        color: #4272d7 !important;
        /*background: #118dd1;*/
    }

a[data-toggle="collapse"] {
    position: relative;
}
/**************End of Left  Navigation ***************/
/***************************************************************************************/
/***************Rotating icons******************/
.icon-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}

.icon-rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.grid-scroll .RadGrid_Bootstrap .rgFilter {
    background-position: -112px -4510px !important;
}
/*************** / Rotating icons******************/
/*************************/
.error-msg {
    color: #f61818;
    font-size: 10px;
    position: absolute;
    font-family: 'SamsungSharpSans';
    letter-spacing: 0.5px;
    background: #fbe5db;
    padding: 7px;
    z-index: 1;
    border-radius: 2px;
    border: solid 1px #ffcfb9;
    position: absolute;
    top: 45px;
    -webkit-animation: expand 0.2s;
    left: 10px !important;
}

.errorMsg {
    color: #e02424 !important;
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
}

@-webkit-keyframes expand {
    0% {
        height: 0px;
    }

    100% {
        height: 30px;
    }
}

.error-msg::before {
    content: "";
    position: absolute;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px #ffcfb9;
    top: -9px;
    left: 11px;
}

.error-msg::after {
    content: "";
    position: absolute;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px #fbe5db;
    top: -7px;
    left: 11px;
}
/*****************End Of Error Msg*******************/
/****************Dashboard*****************/
/* Infobox ===================================== */
.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

    .info-box .icon {
        display: inline-block;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.12);
        width: 80px;
    }

        .info-box .icon i {
            color: #fff;
            font-size: 50px;
            line-height: 80px;
        }

        .info-box .icon .chart.chart-bar {
            height: 100%;
            line-height: 100px;
        }

            .info-box .icon .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box .icon .chart.chart-pie {
            height: 100%;
            line-height: 123px;
        }

            .info-box .icon .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box .icon .chart.chart-line {
            height: 100%;
            line-height: 115px;
        }

            .info-box .icon .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box .content {
        display: inline-block;
        padding: 7px 10px;
        width: 74%;
    }

        .info-box .content .text {
            font-size: 14px;
            color: #555;
        }

        .info-box .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

        .info-box .content p {
            width: 100% !important;
            float: right !important;
            margin-top: -7px;
        }

    .info-box.hover-zoom-effect .icon {
        overflow: hidden;
    }

        .info-box.hover-zoom-effect .icon i {
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .info-box.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 80px;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-2 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-2 .icon {
        display: inline-block;
        text-align: center;
        width: 80px;
    }

        .info-box-2 .icon i {
            color: #fff;
            font-size: 50px;
            line-height: 80px;
        }

    .info-box-2 .chart.chart-bar {
        height: 100%;
        line-height: 105px;
    }

        .info-box-2 .chart.chart-bar canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .chart.chart-pie {
        height: 100%;
        line-height: 123px;
    }

        .info-box-2 .chart.chart-pie canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .chart.chart-line {
        height: 100%;
        line-height: 115px;
    }

        .info-box-2 .chart.chart-line canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .content {
        display: inline-block;
        padding: 7px 10px;
    }

        .info-box-2 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-2 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-2.hover-zoom-effect .icon {
        overflow: hidden;
    }

        .info-box-2.hover-zoom-effect .icon i {
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .info-box-2.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-2.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-2.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-3 .icon {
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: center;
    }

        .info-box-3 .icon i {
            color: rgba(0, 0, 0, 0.15);
            font-size: 60px;
        }

    .info-box-3 .chart {
        margin-right: 5px;
    }

        .info-box-3 .chart.chart-bar {
            height: 100%;
            line-height: 50px;
        }

            .info-box-3 .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box-3 .chart.chart-pie {
            height: 100%;
            line-height: 34px;
        }

            .info-box-3 .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box-3 .chart.chart-line {
            height: 100%;
            line-height: 40px;
        }

            .info-box-3 .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box-3 .content {
        display: inline-block;
        padding: 7px 16px;
    }

        .info-box-3 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-3 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-3.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info-box-3.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-3.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-3.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-4 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-4 .icon {
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: center;
    }

        .info-box-4 .icon i {
            color: rgba(0, 0, 0, 0.15);
            font-size: 60px;
        }

    .info-box-4 .chart {
        margin-right: 5px;
    }

        .info-box-4 .chart.chart-bar {
            height: 100%;
            line-height: 50px;
        }

            .info-box-4 .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box-4 .chart.chart-pie {
            height: 100%;
            line-height: 34px;
        }

            .info-box-4 .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box-4 .chart.chart-line {
            height: 100%;
            line-height: 40px;
        }

            .info-box-4 .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box-4 .content {
        display: inline-block;
        padding: 7px 16px;
    }

        .info-box-4 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-4 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-4.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info-box-4.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-4.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-4.hover-expand-effect:hover:after {
        width: 100%;
    }

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

    .bg-red .content .text,
    .bg-red .content .number {
        color: #fff !important;
    }

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

    .bg-pink .content .text,
    .bg-pink .content .number {
        color: #fff !important;
    }

.bg-purple {
    background-color: #9C27B0 !important;
    color: #fff;
}

    .bg-purple .content .text,
    .bg-purple .content .number {
        color: #fff !important;
    }

.bg-deep-purple {
    background-color: #673AB7 !important;
    color: #fff;
}

    .bg-deep-purple .content .text,
    .bg-deep-purple .content .number {
        color: #fff !important;
    }

.bg-indigo {
    background-color: #3F51B5 !important;
    color: #fff;
}

    .bg-indigo .content .text,
    .bg-indigo .content .number {
        color: #fff !important;
    }

.bg-blue {
    background-color: #2196F3 !important;
    color: #fff;
}

    .bg-blue .content .text,
    .bg-blue .content .number {
        color: #fff !important;
    }

.bg-light-blue {
    background-color: #03A9F4 !important;
    color: #fff;
}

    .bg-light-blue .content .text,
    .bg-light-blue .content .number {
        color: #fff !important;
    }

.bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
}

    .bg-cyan .content .text,
    .bg-cyan .content .number {
        color: #fff !important;
    }

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

    .bg-teal .content .text,
    .bg-teal .content .number {
        color: #fff !important;
    }

.bg-green {
    background-color: #4CAF50 !important;
    color: #fff;
}

    .bg-green .content .text,
    .bg-green .content .number {
        color: #fff !important;
    }

.bg-light-green {
    background-color: #8BC34A !important;
    color: #fff;
}

    .bg-light-green .content .text,
    .bg-light-green .content .number {
        color: #fff !important;
    }

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

    .bg-lime .content .text,
    .bg-lime .content .number {
        color: #fff !important;
    }

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

    .bg-yellow .content .text,
    .bg-yellow .content .number {
        color: #fff !important;
    }

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

    .bg-amber .content .text,
    .bg-amber .content .number {
        color: #fff !important;
    }

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

    .bg-orange .content .text,
    .bg-orange .content .number {
        color: #fff !important;
    }

/****************End of Dashboard*****************/
/*******************Supplier Master******************/

/****Filter****/
.RadComboBox .rcbActionButton {
    height: auto !important;
    width: auto !important;
    background-color: #fff !important;
}

#SupplierMasterFilter {
    border-radius: 0px !important;
    height: 40px !important;
}


    #SupplierMasterFilter:hover {
        border-radius: 0px !important;
        background-color: #0072B1 !important;
        color: white !important;
        box-shadow: none !important;
        border-color: transparent !important;
    }

        #SupplierMasterFilter:hover input {
            color: white !important;
        }

#SupplierMasterFilter {
    border-radius: 0px !important;
}

.RadComboBox_Bootstrap .rcbInner {
    box-shadow: none !important;
    /* height: 40px !important;*/
}

    .RadComboBox_Bootstrap .rcbInner:focus {
        box-shadow: none !important;
        outline: none;
    }

#regreshGrid {
    border-radius: 0px !important;
}

    #regreshGrid:hover {
        border-radius: 0px !important;
        background-color: #0072B1 !important;
        color: white !important;
        box-shadow: none !important;
        border-color: transparent !important;
    }

.RadComboBox_Bootstrap .rcbInner {
    border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    width: 100% !important;
}

    .RadComboBox_Bootstrap .rcbInner:hover {
        border-radius: 0px !important;
        border-radius: 0px !important;
    }

.rgFilterRow {
    background-color: #f9f9f9 !important;
}

.RadGrid_Bootstrap .rgFilterRow > td {
    border-bottom: 1px solid #dedede;
    padding: 5px 0px !important;
}

.rgFilterRow input:focus {
    outline: none !important;
    border: 1px solid #CCCCCC !important;
}

.rgFilterRow input {
    border-radius: 0px !important;
    border: 0px solid white !important;
    border-bottom: 1px solid #0072b1 !important;
    width: 70% !important;
    color: #0072b1 !important;
    height: 25px !important;
}

    .rgFilterRow input:focus {
        border-radius: 0px !important;
        border: 0px solid white !important;
        border-bottom: 1px solid #0072b1 !important;
    }


.RadGrid_Bootstrap .rgFilter:hover, .RadGrid_Bootstrap {
    border-radius: 0px !important;
}

    .RadGrid_Bootstrap .rgFilter {
        border-radius: 0px !important;
        border: 0px solid white !important;
        border-bottom: 1px solid #0072b1 !important;
        background-color: #0072b1 !important;
        height: 11px !important;
        padding: 3px 3px 9px !important;
    }

    .RadGrid_Bootstrap .rgFilter {
        border-left: 0px !important;
    }

    .RadGrid_Bootstrap .rgFilterRow > td {
        text-align: center !important;
    }

#SupplerList {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

*
/*.rgMasterTable {
            padding: 5px;
        }*/
.rgFilterRow .p-icon:before, .t-icon:before, .t-font-icon:before, .t-efi:before {
    display: block;
    color: white !important;
}

.NextPrevAndNumeric .p-icon:before, .t-icon:before, .t-font-icon:before, .t-efi:before {
    display: block;
    color: black !important;
}

.rgFilterRow .t-font-icon:before {
    color: #fff !important;
}

.rgFilterRow input::placeholder {
    color: #4787ab;
    opacity: 1; /* Firefox */
}

.rgFilterRow input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

.rgFilterRow input::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

.addButton {
    text-align: right;
    margin: 10px 10px 10px 10px !important;
}

    .addButton button {
        border-radius: 0px !important;
        height: 40px !important;
        background: #0072b1 !important;
        color: white !important;
        border: 0px !important;
    }

/*****18/05/2018*****/

.RadGrid .RadGrid_Bootstrap .rgHeader {
    border-bottom: 1px solid #118dd1 !important;
    border-left: 1px solid #118dd1 !important;
}

.NextPrevAndNumeric .rgAdvPart .rcbInner {
    height: 34px !important;
}

.RadGrid .rgPagerCell {
    padding: 10px;
}

.NextPrevAndNumeric .RadGrid_Bootstrap .rgPagerCell .rgNumPart a {
    height: 20px !important;
}
/*.NextPrevAndNumeric .RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage {
    height: 20px !important;
}*/

/*****18/05/2018*****/

.RadGrid .rgMasterTable tbody td {
    font-size: 13px !important;
}

.RadGrid .RadGrid_Bootstrap .rgHeader {
    border-bottom: 1px solid #118dd1 !important;
    border-left: 1px solid #118dd1 !important;
}

.NextPrevAndNumeric .rgAdvPart .rcbInner {
    height: 34px !important;
}
/*****18/05/2018*****/

.rgFilterRow td input:last-child {
    width: 25px !important;
    height: 13px !important;
    border-bottom: 2px solid #0072b1 !important;
    color: white !important;
    background-position: -112px -4510px;
}

.rgFilterRow td input:first-child {
    height: 25px !important;
}
/*.rgFilterRow td input:last-child .t-icon:before, .t-font-icon:before, .t-efi:before {
    color: black !important;
}*/
.rgFilterRow td input:last-child .t-font-icon:before {
    color: white !important;
}

/***********End Of Supplier Master**************/
/***********Rad Window Popup**************/
.RadWindow_Bootstrap {
    width: 70% !important;
    margin: 0 auto !important;
    /*left: 15% !important;
    top: 8% !important;*/
    height: 520px !important;
}

    .RadWindow_Bootstrap .rwContent.rwExternalContent {
        height: 480px !important;
    }

    /*Supplier Window & Location Master Window*/
    .RadWindow_Bootstrap.supplier-window, .RadWindow_Bootstrap.location-master-window {
        width: 50% !important;
        margin: 0 auto !important;
        left: 25% !important;
        top: 2% !important;
        height: 635px !important;
    }

        .RadWindow_Bootstrap.supplier-window .rwContent.rwExternalContent {
            height: 592px !important;
        }

    .RadWindow_Bootstrap.location-master-window {
        height: 618px !important;
    }

        .RadWindow_Bootstrap.location-master-window .rwContent.rwExternalContent {
            height: 577px !important;
        }
    /*End of Supplier Window & Location Master Window*/
    /*Promotion Master Window*/
    .RadWindow_Bootstrap.promotion-master-window {
        height: 559px !important;
    }

.promotion-master-window .rwContent.rwExternalContent {
    height: 520px !important;
}

.RadWindow_Bootstrap.promotion-master-window-ViewPromotionImage .rwContent.rwExternalContent {
    height: 350px !important;
}

.RadWindow_Bootstrap.promotion-master-window-ViewRCenters,
.RadWindow_Bootstrap.promotion-master-window-ViewModels,
.RadWindow_Bootstrap.promotion-master-window-ViewModelCodes {
    height: 380px !important;
}

    .RadWindow_Bootstrap.promotion-master-window-ViewRCenters .rwContent.rwExternalContent,
    .RadWindow_Bootstrap.promotion-master-window-ViewModels .rwContent.rwExternalContent,
    .RadWindow_Bootstrap.promotion-master-window-ViewModelCodes .rwContent.rwExternalContent {
        height: 340px !important;
    }
/*End of Promotion Master Window*/
/*Item Group master Window*/
.RadWindow_Bootstrap.itemgroup-master-window {
    height: 480px !important;
}

.itemgroup-master-window .rwContent.rwExternalContent {
    height: 440px !important;
}
/*End Of Item Group master*/

/*Purchase Order Window*/
.RadWindow_Bootstrap.purchase-order-window {
    height: 540px !important;
}

.purchase-order-window .rwContent.rwExternalContent {
    height: 503px !important;
}
/*End Of Purchase Order Window*/
/*GRN Window*/
.RadWindow_Bootstrap.grn-window {
    height: 550px !important;
}

.grn-window .rwContent.rwExternalContent {
    height: 515px !important;
}
/*End Of GRN Window*/
.RadWindow_Bootstrap.item-master-window {
    height: 545px !important;
}

.item-master-window .rwContent.rwExternalContent {
    height: 506px !important;
}

/* Transfer Out Approval Window*/
.RadWindow_Bootstrap.transferout-approval-window {
    height: 585px !important;
}

.transferout-approval-window .rwContent.rwExternalContent {
    height: 552px !important;
}
/* End of Transfer Out Approval Window*/

/* Transfer Out Request Window*/
.RadWindow_Bootstrap.transferout-request-window {
    height: 504px !important;
}

.transferout-request-window .rwContent.rwExternalContent {
    height: 470px !important;
}
/* End of Transfer Out Request Window*/

/*Transfer Out Window*/
.RadWindow_Bootstrap.transfer-out-window {
    height: 585px !important;
}

.transfer-out-window .rwContent.rwExternalContent {
    height: 552px !important;
}
/*End Of Transfer Out Window*/
/* Transfer Out Approval Window------cancel/request*/
.RadWindow_Bootstrap.transferout-cancel-request-window {
    height: 550px !important;
}

.transferout-cancel-request-window .rwContent.rwExternalContent {
    height: 516px !important;
}
/* End of Transfer Out Approval Window------cancel/request*/

/* User Master Window------cancel/request*/
.RadWindow_Bootstrap.user-master-window {
    height: 480px !important;
    width: 70% !important;
    margin: 0 auto !important;
    left: 15% !important;
    top: 10% !important;
}

.user-master-window .rwContent.rwExternalContent {
    height: 440px !important;
}
/* End of User Master Window------cancel/request*/
/*Confirm Window*/
.RadWindow_Bootstrap.confirm-window {
    width: 30% !important;
    margin: 0 auto !important;
    left: 35% !important;
    top: 25% !important;
}
/*End of Confirm Window*/
/* delete window/Small Windows*/
.RadWindow_Bootstrap .rwContent {
    border: none !important;
}

.RadWindow_Default .rwTitleBar {
    border-color: #0072b1 !important;
    color: #fff !important;
    background-color: #0072b1 !important;
    background-image: none !important;
}

.RadWindow_Default {
    color: #333;
    background-color: #fff !important;
    border-radius: 4px;
    border: none !important;
}

.RadWindow.RadWindow_Default h6.rwTitle {
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-family: 'SamsungSharpSans' !important;
}

.RadWindow_Default .rwTitleWrapper {
    padding: 10px !important;
    height: 2.428571em !important;
}

.RadWindow_Default .rwContent {
    border: none !important;
    background-color: transparent !important;
}

.RadWindow .rwDialogContent {
    min-height: 50px !important;
    padding: 10px !important;
    font-size: 14px;
    text-align: center !important;
}

.RadWindow_Default .rwConfirmDialog .rwOkBtn {
    border-color: #1667b7 !important;
    color: #fff !important;
    background-color: #0072b1 !important;
    background-image: none !important;
    padding: 5px 16px !important;
}

.RadWindow_Default .rwDialogButtons .rwCancelBtn {
    border-color: #0072b1 !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #0072b1 !important;
    padding: 5px 16px !important;
}

.RadWindow .rwDialogButtons {
    padding: 10px !important;
    text-align: center !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 1px !important;
}
/*End of small windows*/
/*12july*/
.RadWindow_Bootstrap.promotion-master-window .popup-content .RadWizard .rwzContent {
    height: 425px !important;
}


/*12july*/
.TelerikModalOverlay {
    width: 100% !important;
    overflow-y: inherit !important;
}

.RadWindow_Bootstrap .RadInput_Bootstrap, .RadWindow_Bootstrap .RadInputMgr_Bootstrap {
    font-family: 'SamsungOne' !important;
}

.RadWindow_Bootstrap.confirm-window {
    width: 30% !important;
    margin: 0 auto !important;
    left: 35% !important;
    top: 25% !important;
}

.RadInput_Bootstrap .riEmpty, .RadInput_Empty_Bootstrap, .RadComboBox .rcbEmptyMessage {
    color: #aaa !important;
    font-style: normal !important;
}

.RadWindow_Bootstrap .rwTitleWrapper {
    padding: 10px;
    /*height: 2.428571em !important;*/
    background: #0072b1;
}

.RadWindow.RadWindow_Bootstrap h6.rwTitle {
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-family: 'SamsungSharpSans' !important;
}

.RadWindow.RadWindow_Bootstrap span.rwCommandButton.rwCloseButton::before {
    color: #fff !important;
}

.RadWindow.RadWindow_Bootstrap .rwCommandButton:hover {
    border-color: #0482c8;
    color: #333;
    background-color: #0482c8;
}

.RadWindow.RadWindow_Bootstrap.rwShadow {
    box-shadow: 0 1px 4px #0072b1b0 !important;
    border-radius: 0px !important;
    border-color: #0072b1 !important;
    background: #ebf4f9;
}

.RadInput_Bootstrap .riTextBox, .RadInput_Bootstrap .riSelect, .RadInput_Bootstrap .rcSelect, .RadInputMgr_Bootstrap {
    border-color: #b5def5 !important;
}

.RadPicker.RadPicker_Bootstrap .RadInput_Bootstrap .riTextBox {
    border-color: #ccc !important;
}

ul.wizardStepStyles .RadPicker.RadPicker_Bootstrap .RadInput_Bootstrap .riTextBox {
    border-color: #b5def5 !important;
    padding: 6px;
    box-shadow: none !important;
}

.RadInput_Bootstrap.RadInputHovered .riTextBox, .RadInput_Bootstrap.RadInputHovered .riSelect, .RadInput_Bootstrap.RadInputHovered .rcSelect, .RadInput_Hover_Default {
    border-color: #3fb2f1 !important;
}

.RadWindow.RadWindow_Bootstrap .RadComboBox_Default {
    width: 100% !important;
}

.popup-content .customText {
    position: relative;
}

.customText span.rcbInner,
.customText span.RadInput.RadInput_Bootstrap {
    width: 100% !important;
}

.customText .RadComboBox_Bootstrap {
    width: 100% !important;
}

.popup-content .wizardStepStyles .customText .RadPicker {
    width: 100% !important;
}

    .popup-content .wizardStepStyles .customText .RadPicker.RadPicker_Bootstrap .RadInput_Bootstrap .riTextBox {
        border-color: #b5def5 !important;
    }

.customText .rcbInner {
    width: 100% !important;
    height: 35px !important;
}

.customText .RadComboBox_Default,
.customText .RadComboBox_Bootstrap {
    width: 100% !important;
}

    .customText .RadComboBox_Default .rcbInner, .RadComboBox_Bootstrap table,
    .customText .RadComboBox_Bootstrap .rcbInner {
        border-color: #b5def5 !important;
    }

.popup-content .map-styles .wizardStepStyles {
    width: 70% !important;
}

.popup-content .map-styles .RadListBox {
    width: 230px !important;
}

.popup-content .wizardStepStyles .customText .RadPicker.RadPicker_Bootstrap .RadInput_Bootstrap.RadInputFocused {
    box-shadow: none !important;
}

.popup-content .wizardStepStyles .customText .RadPicker_Bootstrap .rcCalPopup {
    border: none !important;
}

.popup-content .wizardStepStyles .customText .RadPicker .rcSelect {
    border-left: solid 1px #cd3232;
}

.customText .RadComboBox_Default .rcbActionButton,
.customText .RadComboBox_Bootstrap .rcbActionButton {
    border-color: #b5def5 !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #36a0db !important;
}

.customText .RadComboBox_Bootstrap .rcbFocused {
    box-shadow: none !important;
}

.customText .RadComboBox .rcbActionButton {
    padding: 6px !important;
}

.popup-content .RadComboBoxDropDown_Default .rcbHovered,
.popup-content .RadComboBoxDropDown_Bootstrap .rcbHovered {
    color: #000 !important;
    background-color: #f0f7fa !important;
}

.gray-bg.popup-content .fs-title, .dsb-title {
    font-size: 15px !important;
    text-transform: capitalize !important;
    color: #0072b1 !important;
    margin: 0 !important;
    padding: 5px 13px 12px !important;
    background: transparent !important;
    border-bottom: dotted 1px #0072b1 !important;
    margin-bottom: 15px !important;
}

.gray-bg.popup-content .fs-icon {
    float: left !important;
    font-size: 14px;
}

/*.gray-bg.popup-content {
    background: rgb(235, 244, 249) !important;
}*/

.RadWindow.RadWindow_Bootstrap .rwContent.rwExternalContent iframe body {
    background: rgba(0, 114, 177, 0.08) !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzText:before {
    background: #acd9f2 !important;
}

/**************Consumer Redemption Popup**************** */
.RadWizard_Material {
    background: #ebf4f9 !important;
}

.RadWindow_Bootstrap .rwContent.rwExternalContent[id*=alert] {
    background: #ebf4f9 !important;
}

.RadWizard.RadWizard_Material {
    background: #ebf4f9 !important;
    padding: 15px !important;
    height: auto !important;
    border-bottom: solid 2px #ebf4f9;
}

.RadWizard_Material.rwzVertical .rwzContentWrapper {
    left: auto !important;
    /*  background: #fff !important;
    padding: 15px !important;*/
}
/**Left steps***/
.rwzVertical .rwzBreadCrumb {
    margin-right: 10px !important;
}

.RadWizard_Material .rwzBreadCrumb {
    background: transparent !important;
    box-shadow: none !important;
    width: 20% !important;
}

.popup-content .rwzVertical .rwzBreadCrumb .rwzLI {
    min-width: auto !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzLI {
    padding: 10px 0 !important;
}

.RadWizard_Material .rwzSelected .rwzLink .rwzText:before {
    background: #0072b1 !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzText:before {
    left: 0px !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzLink {
    padding-left: 32px !important;
}

.RadWizard_Material.rwzVertical .rwzBreadCrumb .rwzLink:before, .RadWizard_Material.rwzVertical .rwzBreadCrumb .rwzLink:after {
    left: 12px !important;
}
/**************End of Consumer Redemption Popup**************** */
/**************GRN****************/
/*.RadWindow_Bootstrap {
    height:430px !important;
}
.RadWizard.RadWizard_Material {
    height: 390px !important;
}*/

.rcbSlide, .rcbScroll {
    height: auto !important;
    max-height: 180px !important;
}

.popup-content .RadWizard .rwzContent {
    overflow: auto;
    /*height: 300px !important;
    height: 100% !important;*/
    height: 88vh !important;
}

.popup-content .rwzNav li:last-child {
    float: left !important;
}

.popup-content .save-btn, .popup-content .save-btn1 {
    position: absolute;
    float: right;
    right: 0;
    bottom: 10px;
    color: #fff;
    background: #0072B1 !important;
    padding: 8px 25px;
    border: 0;
    border-radius: 2px;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.2);
    text-transform: uppercase;
    transition: .2s color ease-in-out,0.2s background ease-in-out;
}

.popup-content .save-btn1 {
    position: relative !important;
    margin-top: 25px !important;
    right: auto !important;
    left: 0px !important;
    float: left;
}

.popup-content #itemsGrid_GridData {
    background: transparent !important;
    height: auto !important;
}

#RadWindowWrapper_GrnItemsScan {
    height: 377px !important;
    border: solid 1px #0072b1;
    border-radius: 0px;
}

    #RadWindowWrapper_GrnItemsScan .rwIcon {
        display: none;
    }

    #RadWindowWrapper_GrnItemsScan .ListBoxContainer {
        margin-top: 10px;
    }

.popup-content .wizardStepStyles label {
    font-weight: 500 !important;
}

.popup-content .wizardStepStyles li .RadComboBox,
.popup-content .wizardStepStyles li .RadPicker.RadPicker_Bootstrap {
    width: 100% !important;
    border-radius: 0px !important;
    margin-bottom: 10px !important;
}

.popup-content .wizardStepStyles {
    list-style-type: none;
    width: 90% !important;
    padding: 0px !important;
    margin: 0px auto !important;
}

.popup-content ul.wizardStepStyles.customText {
    margin-bottom: 10px !important;
}

.popup-content .RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell,
.popup-content .RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight,
.popup-content .RadComboBox_Bootstrap .rcbInputCell,
.popup-content .RadComboBox_Bootstrap .rcbArrowCell {
    border: solid 1px #b5def5 !important;
    box-shadow: none !important;
}

.popup-content .RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight,
.popup-content .RadComboBox_Bootstrap .rcbArrowCell {
    border-left: none !important;
}

    .popup-content .RadComboBox_Bootstrap .rcbArrowCell a {
        background-position: -59px -59px !important;
    }

.popup-content .RadComboBox_Bootstrap .rcbFocused .rcbArrowCell,
.popup-content .RadComboBox_Bootstrap .rcbHovered .rcbArrowCell {
    background-color: #fff !important;
}

.popup-content .RadComboBox_Bootstrap .rcbFocused .rcbInputCell,
.popup-content .RadComboBox_Bootstrap .rcbHovered .rcbReadOnly .rcbInputCell {
    background-color: transparent !important;
}

.popup-content .RadComboBox_Bootstrap .rcbInput,
.popup-content .RadComboBoxDropDown_Bootstrap {
    font-size: 13px !important;
}

.hrControls.po-list li {
    width: 28% !important;
    float: left;
    text-align: center;
    background: #fff;
    margin: 5px;
    padding: 10px;
    border: solid 1px #acd9f2;
    border-radius: 3px;
}

.hrControls.po-list .po-txt {
    display: block;
    color: #339BFF;
}

.hrControls.supplier li {
    width: 48% !important;
    float: left;
    text-align: center;
    background: #fff;
    margin: 5px;
    padding: 10px;
    border: solid 1px #acd9f2;
    border-radius: 3px;
}

.hrControls.supplier .info-txt {
    display: block;
    color: #339BFF;
}

ul.chkList {
    display: block;
    float: left;
    width: 80%;
    margin-left: 6px;
}

.chkList li {
    width: 100% !important;
}

.chkList label {
    font-weight: normal !important;
    margin-left: 5px;
    margin-right: 15px;
}

.popup-content .ruBrowse {
    padding: 5px 25px !important;
    height: auto !important;
    border: solid 2px !important;
}

.popup-content .RadUpload_Default .ruSelectWrap .ruButton {
    background-color: transparent !important;
    background-image: none;
    border-radius: 3px;
    color: #0072b1;
}

    .popup-content .RadUpload_Default .ruSelectWrap .ruButton.ruButtonHover {
        background: #0072b1 !important;
        color: #fff !important;
        border: solid 2px #0072b1 !important;
    }

.customText .riSingle .riTextBox {
    width: 100%;
    border-radius: 4px !important;
}

.customText .riSingle {
    width: 100% !important;
}
/*.popup-content .RadWizard .rwzContent+.rwzNav {
    float: left !important;
    margin-top: -40px !important;
}*/
/************************************************************************************/

/*.wizardStepStyles li span {
                width: 80% !important;
            }
*/ .popup-content .wizardStepStyles li {
    position: relative;
}

.popup-content .error-msg {
    top: 58px;
    left: 0px !important;
    width: auto !important;
}

.popup-content .wizardStepStyles table span {
    width: 100% !important;
}

.popup-content .wizardStepStyles textarea {
    width: 100% !important;
    height: 100px !important;
}

.popup-content .wizardStepStyles li span input {
    border: 1px solid #CCCCCC !important;
    margin-bottom: 10px !important;
    border-radius: 0px !important;
    box-shadow: 0px !important;
    box-shadow: none !important;
}

.popup-content .wizardStepStyles .rcCalPopup {
    margin-bottom: 10px !important;
    border: 1px solid black !important;
}

.popup-content .wizardStepStyles textarea {
    margin-bottom: 10px !important;
    border: 1px solid black !important;
    border: 1px solid #b5def5 !important;
    border-radius: 3px !important;
}

    .popup-content .wizardStepStyles textarea:focus {
        outline: none !important;
    }
/*.wizardStepStyles textarea{
				border:solid 1px #008;}*/
.popup-content .wizardStepStyles .ruSelectWrap {
    width: 50% !important;
    margin-bottom: 10px !important;
}

.popup-content .wizardStepStyles .RadPicker_Bootstrap .rcCalPopup {
    border: 1px solid #CCCCCC !important;
}

.popup-content .RadWizard_Material .rwzNext, .popup-content .RadWizard_Material .rwzFinish {
    background: #0072B1 !important;
    text-transform: capitalize;
    border-radius: 5px;
    padding: 7px 0px;
}

.popup-content .RadWizard_Material .rwzPrevious {
    text-transform: capitalize;
    padding: 7px 0px;
    border-radius: 5px;
}

.hrControls li {
    width: 100% !important;
    text-align: left;
}

    .hrControls li label {
        font-size: 13px;
        display: block;
        font-family: "SamsungSharpSans";
    }

    .hrControls li span {
        font-size: 16px;
        margin-left: 2px !important;
    }

    .hrControls li label span {
        float: left !important;
    }

.popup-content .gridInputstxt {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.popup-content .gridInputNumber {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: right;
}

.popup-content .gridColumnsHeader {
    width: 100px !important;
}

.popup-content .itemsGrid_GridHeader .rgRow td {
    width: 100px !important;
}

.popup-content .iconsStyles {
    color: #0072B1 !important;
    font-size: 20px !important;
    margin-right: 10px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.popup-content #GrnItemsScan_C_ScanedCodeToList {
    height: 37px !important;
}

.upload-btn {
    position: relative;
}

.ubtn-position {
    position: absolute;
    top: -35px;
    left: 15%;
}

.upload-btn .upload-icon {
    position: absolute;
    color: #fff !important;
    top: 10px !important;
    left: 18px;
}

/*.upload-btn .ubtn {
    background: #0072B1;
    border: 1px solid #0072B1;
    color: white;
    border-radius: 3px;
    padding: 6px 15px 6px 39px;
    margin-left: 3px;
}*/
.upload-btn .ubtn {
    background: #0072B1;
    border: 1px solid #0072B1;
    color: white;
    border-radius: 3px;
    padding: 6px 15px 6px 39px;
    margin-left: 8px;
    margin-top: -2px;
}

.dw-template {
    display: block !important;
    padding: 15px 5px !important;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}

.rwzFinish {
    display: none !important;
}

.grnDetailsSummary {
    list-style-type: none !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
}

    .grnDetailsSummary span {
        color: #0072B1 !important;
        margin-right: 5px !important;
    }

    .grnDetailsSummary li label:last-child {
        float: right;
    }

    .grnDetailsSummary li {
        width: auto !important;
    }

.rcbTemplate {
    background-color: white !important;
    border-bottom: 1px dashed #CFD8DC;
}

    .rcbTemplate:hover {
        background-color: #555 !important;
    }

.supplier_deliveryto_adcity {
    margin-left: 8px !important;
    font-size: 12px !important;
    display: block !important;
    color: #9c9c9c !important;
}

.locationpin {
    color: #0072B1;
    margin-left: 5px;
    font-size: 15px;
}

.RadPicker_Bootstrap .rcCalPopup {
    background-position: -60px -4207px !important;
}

    .RadPicker_Bootstrap .rcCalPopup:hover {
        background-position: -110px -4207px !important;
    }

.rgClipCells .RadPicker_Bootstrap .rcCalPopup {
    background-position: -60px -4212px !important;
}

    .rgClipCells .RadPicker_Bootstrap .rcCalPopup:hover {
        background-position: -110px -4212px !important;
    }



.RadPicker_Bootstrap .rcCalPopup:hover,
.RadPicker_Bootstrap .rcTimePopup:hover {
    background-color: #0072b1 !important;
    color: #fff;
}

/************End Of GRN***************/
/************************Purchase Order**********************/
.popup-content .RadGrid_Bootstrap .rgCommandCell {
    border-color: #dedede !important;
    color: #fff !important;
    background-color: #0072b1 !important;
}

.discount1 .customText li {
    float: left;
}
/*    .popup-content .RadGrid_Bootstrap .rgCommandCell .t-button:hover {
        border-color: #0d88cb !important;
        color: #fff !important;
        background-color: rgba(11, 131, 197, 0.6784313725490196) !important;
    }*/
/*.popup-content .RadGrid_Bootstrap .rgHeader,
.popup-content .RadGrid_Bootstrap th.rgResizeCol,
.popup-content .RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: #118dd15c;
    COLOR: #FFF !IMPORTANT;
    border-color: #fff;
    border-top: none !important;
}*/
.RadGrid_Bootstrap .rgSelectedRow td {
    color: #fff;
    background: #abcfee !important;
}

.popup-content #PoWizard .RadGrid_Bootstrap .rgHeader,
.popup-content #PoWizard .RadGrid_Bootstrap th.rgResizeCol,
.popup-content #PoWizard .RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: #fff;
    COLOR: #0072b1 !IMPORTANT;
    border-color: #0072b159;
    border-top: none !important;
}

/*#PoWizard .RadGrid_Bootstrap .rgSelectedRow td {
    color: #0072b1 !important;
    background: #337ab726 !important;
}

.t-ripple-effect {
    -webkit-tap-highlight-color: transparent !important;
    background: transparent !important;
}

.popup-content #PoWizard .RadGrid .t-font-icon:before {
    font: 12px/1 "WebComponentsIcons";
    color: #fff !important;
    background: #078cd5;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    line-height: 24px;
}

.RadComboBox_Bootstrap .rcbInner {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}*/


/*.popup-content #PoWizard .RadGrid input.rgAdd, .popup-content #PoWizard .RadGrid input.rgSave {
    font: 12px/1 "WebComponentsIcons";
    color: #fff !important;
    background: #078cd5;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    line-height: 24px;
}*/
.popup-content #PoWizard .RadGrid_Bootstrap .rgBatchContainer > input {
    padding: 2px 7px;
    width: 100%;
    margin: 0 auto;
    height: 30px;
}

.popup-content #PoWizard .rgMasterTable .RadComboBox .rcbInner {
    width: 80% !important;
    padding: 2px 7px;
    border-color: #72bce3;
    height: 30px;
}

.popup-content #PoWizard .RadGrid_Bootstrap input.rgAdd,
.popup-content #PoWizard .RadGrid_Bootstrap input.rgRefresh,
.popup-content #PoWizard .RadGrid_Bootstrap .rgSave,
.popup-content #PoWizard .RadGrid_Bootstrap .rgCommandRow .rgCancel {
    margin-right: 6px;
    width: 27px;
    height: 27px;
    margin-top: 6px;
}

    .popup-content #PoWizard .RadGrid_Bootstrap .rgAdd:hover,
    .popup-content #PoWizard .RadGrid_Bootstrap .rgRefresh:hover,
    .popup-content #PoWizard .RadGrid_Bootstrap .rgSave:hover,
    .popup-content #PoWizard .RadGrid_Bootstrap .rgCancel:hover {
        border: 1px solid #299bda !important;
        border-radius: 100% !important;
        background-color: #118dd1 !important;
    }

.popup-content #PoWizard .RadGrid_Bootstrap input.rgAdd {
    background-position: -113px -3062px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #PoWizard .RadGrid_Bootstrap .rgSave {
    background-position: -113px -4963px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #PoWizard .RadGrid_Bootstrap .rgCommandRow .rgCancel {
    background-position: -113px -3363px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #PoWizard .RadGrid_Bootstrap input.rgRefresh {
    background-position: -113px -4314px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #PoWizard .RadGrid_Bootstrap .rgCommandCell a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    top: 3px;
}

.popup-content #PoWizard .RadGrid_Bootstrap .rgCommandCell caption {
    padding: 3px !important;
}

.popup-content #PoWizard .RadGrid .rgMasterTable.rgClipCells.rgClipCells tbody tr td:last-child a {
    background: #0072b1;
    color: #fff !important;
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
}

.rcbTemplate:hover {
    background-color: #ebf4f9 !important;
}

.rcbTemplate {
    border-bottom: 1px dashed #acd9f2;
}

.rgClipCells .rgRow > td,
.rgClipCells .rgAltRow > td,
.rgClipCells .rgEditRow > td {
    padding: 9px 4px !important;
}
/************************End Of Purchase Order**********************/
.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgBatchContainer > input {
    padding: 2px 7px;
    width: 100%;
    margin: 0 auto;
    height: 30px;
}

.popup-content #OutRequestWizard .rgMasterTable .RadComboBox .rcbInner {
    width: 80% !important;
    padding: 2px 7px;
    border-color: #72bce3;
    height: 30px;
}

.popup-content #OutRequestWizard .RadGrid_Bootstrap input.rgAdd,
.popup-content #OutRequestWizard .RadGrid_Bootstrap input.rgRefresh,
.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgSave,
.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgCommandRow .rgCancel {
    margin-right: 6px;
    width: 27px;
    height: 27px;
    margin-top: 6px;
}

    .popup-content #OutRequestWizard .RadGrid_Bootstrap .rgAdd:hover,
    .popup-content #OutRequestWizard .RadGrid_Bootstrap .rgRefresh:hover,
    .popup-content #OutRequestWizard .RadGrid_Bootstrap .rgSave:hover,
    .popup-content #OutRequestWizard .RadGrid_Bootstrap .rgCancel:hover {
        border: 1px solid #299bda !important;
        border-radius: 100% !important;
        background-color: #118dd1 !important;
    }

.popup-content #OutRequestWizard .RadGrid_Bootstrap input.rgAdd {
    background-position: -113px -3062px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgSave {
    background-position: -113px -4963px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgCommandRow .rgCancel {
    background-position: -113px -3363px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #OutRequestWizard .RadGrid_Bootstrap input.rgRefresh {
    background-position: -113px -4314px;
    border: 1px solid #299bda !important;
    border-radius: 100% !important;
    background-color: #118dd1 !important;
}

.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgCommandCell a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    top: 3px;
}

.popup-content #OutRequestWizard .RadGrid_Bootstrap .rgCommandCell caption {
    padding: 3px !important;
}

.popup-content #OutRequestWizard .RadGrid .rgMasterTable.rgClipCells.rgClipCells tbody tr td:last-child a {
    color: #fff !important;
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
}
/***********************Success, Alert Window****************************/
.RadWindow_Bootstrap.cls_ResponseWindow {
    width: 350px !important;
    margin: 0 auto !important;
    left: 30% !important;
    position: absolute !important;
    height: 145px !important;
}

    .RadWindow_Bootstrap.cls_ResponseWindow .rwContent {
        height: 100px !important;
    }

.cls_ResponseWindow_content {
    text-align: center !important;
    padding-top: 15px !important;
}

    .cls_ResponseWindow_content .save-btn {
        bottom: 10px !important;
        left: 40% !important;
        right: auto !important;
    }
/*********************** End of Success, Alert Window****************************/
/*Promotion page Grid  popup */
#lblName {
    font-family: 'SamsungSharpSans';
    font-size: 15px;
    color: #0072b1;
}

#lblPromotionName {
    font-size: 14px;
}
/**End*/
.tree-grid .RadTreeList tr.rtlHeader {
    background: #0072b1;
    color: #fff;
}

    .tree-grid .RadTreeList tr.rtlHeader th {
        text-align: center !important;
        font-family: 'SamsungSharpSans';
    }

.tree-grid .RadTreeList_Default .rtlExpand,
.tree-grid .RadTreeList_Default .rtlCollapse {
    background-color: white;
    background: #ddd;
    border: 1px solid #bbb;
    border-radius: 100%;
    text-align: center !important;
}

.tree-grid .RadTreeList_Default .rtlExpandIcon {
    color: #fff !important;
}

#MainContent_pnlPopup {
    display: block;
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: #ffffff;
    z-index: 1000;
}

    #MainContent_pnlPopup .spin1 {
        position: absolute !important;
        left: 49% !important;
        top: 45% !important;
    }

.loading-txt {
    margin-left: -15px;
    font-size: 12px;
    font-family: 'SamsungSharpSans';
    color: #0072b1;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 10px;
}

.loader {
    border-radius: 50%;
    border-top: 8px solid #0072b1;
    border-bottom: 8px solid #3babe8;
    border-left: solid 8px #84d1fb;
    border-right: solid 8px #0c8ed5;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    background: transparent;
}

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

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

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

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

/***********************Media Queries****************************/
/*******************************************/
@media only screen and (min-width:1801px) {
}

@media only screen and (min-width:1400px) and (max-width:1800px) {
}

@media only screen and (min-width:1024px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding: 0px;
        position: absolute !important;
        float: left;
        left: auto !important;
        right: 0px;
        /*top: 56px;*/
        width: 100%;
        border-radius: 0px;
    }
}

@media only screen and (max-width:1024px) {
    #sidebar.active {
        /*height: 100vh !important;*/
    }

    .main-content {
        height: 100% !important;
    }
}

@media (min-width:993px) {
    .left-menu.lm-collapse {
        display: block !important
    }
}

@media only screen and (min-width: 768px) and (max-width:993px) {
    .filterContainer .search-list li, .filterContainer .search-list li:nth-child(1) {
        width: 25%;
    }

    .filter-btns li {
        float: left;
        margin-left: 0;
        padding: 5px 5px 0px 0px;
    }

    .navigation-bar .navbar-expand-lg .navbar-toggler {
        display: none !important;
    }

    .info-box .icon i {
        font-size: 40px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 13px;
        padding: 10px 6px;
    }

    .header-list {
        width: auto !important;
        display: flex !important;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 0px;
    }

    .collapse {
        display: block !important;
    }

    .navbar-expand-lg {
        justify-content: flex-start !important;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
            float: right;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute !important;
                top: 40px;
                width: 100%;
            }

    .header-list a.dropdown-item {
        color: rgba(255,255,255,.5);
        font-size: 12px;
    }

    .RadWindow_Bootstrap {
        height: auto !important;
    }

    .info-box .icon i {
        font-size: 40px;
    }

    .navigation-bar #samsungLogo {
        width: 160px !important;
    }
}

@media only screen and (max-width:992px) {
    .filterContainer .right-btns .filter-btns {
        margin-top: 0px;
    }

    .popup-content .map-styles .wizardStepStyles {
        width: 100% !important;
    }

    .popup-content .map-styles .RadListBox {
        width: 199px !important;
    }

    .popup-content .map-styles .wizardStepStyles li {
        font-size: 12px;
    }

    .header-list li {
        width: auto;
        float: left;
    }

    footer {
        font-size: 13px;
    }
    /*************End of Left Menu***************/
    .left-menu.lm-collapse {
        display: none
    }

    .left-menu {
        top: 0px;
    }
    /*************Left Menu***************/
    /***********Radwindow popup*************/
    .RadWindow_Bootstrap.supplier-window, .RadWindow_Bootstrap.location-master-window {
        width: 60% !important;
        margin: 0 auto !important;
        left: 20% !important;
        top: 10% !important;
    }

    .RadWindow_Bootstrap {
        width: 76% !important;
        margin: 0 auto !important;
        left: 12% !important;
        top: 10% !important;
    }

        .RadWindow_Bootstrap.user-master-window {
            width: 80% !important;
            margin: 0 auto !important;
            left: 10% !important;
            top: 10% !important;
        }
    /***********Radwindow popup*************/
    .filter-btns {
        position: unset;
        padding: 6px;
    }

    .popup-content .RadListBox_Bootstrap .rlbButton {
        padding: 2px;
        border-radius: 2px;
    }
}

@media only screen and (max-width:767px) {
    .filterContainer .search-list li, .filterContainer .search-list li:nth-child(1) {
        width: 50%;
    }

    .navigation-bar .nav-item.dropdown {
        width: 100% !important;
        text-align: left !important;
    }

    .navigation-bar ul.navbar-nav {
        float: left;
        width: 100%;
        margin: 0px;
    }

    .navbar-expand-lg {
        justify-content: flex-start;
    }

    .navigation-bar .navbar-toggler {
        float: right !important;
    }

    .navigation-bar .navbar {
        display: block !important;
    }

    .navigation-bar .navbar-toggler {
        margin-top: 19px;
        float: right !important;
    }

    .navbar-brand figure img {
        width: 100px;
    }

    .header-list {
        padding: 9px 0;
    }


        .header-list a, .Grs_homeIcon {
            font-size: 12px;
        }

    footer {
        text-align: center !important;
        font-size: 12px;
    }

    .navbar-nav .pipe {
        display: none;
    }

    .Grs_privacylocy ul {
        float: none;
        padding: 0px;
    }

    .Grs_Footer_mdl {
        padding: 15px;
    }
    /*************Left Menu***************/
    .close-icon, .lm-button {
        display: block;
    }

    .main-content {
        padding-left: 65px;
        width: 99.8%;
    }

    #sidebar {
        position: absolute;
        z-index: 10;
    }
    /*******breadcrump*********/
    h4.page-title {
        font-size: 16px;
        padding-bottom: 8px;
        margin-bottom: 5px !important;
        border-bottom: solid 1px #eee;
    }

    .breadcrumb {
        float: left;
    }

    .main-content .pr-0 {
        padding-right: 15px !important;
    }

    .info-box .icon i {
        font-size: 30px;
    }

    .info-box .icon {
        width: 50px;
    }

    .info-box .content .number {
        font-size: 18px;
    }

    .info-box .content p {
        margin-top: -13px;
    }

    .info-box .content {
        width: 84%;
    }

    .info-box {
        height: 64px;
    }

        .info-box .icon i {
            line-height: 60px;
        }

    /*******Main Filter*********/
    .filterContainer ul .filter-btns li:last-child {
        float: left !important;
    }

    .filterContainer > ul > li {
        width: 100% !important;
        float: left !important;
        padding: 10px 10px 0 !important;
        /* display: inline-flex; */
    }

    .filterContainer .RadComboBox_Bootstrap, .filterContainer .RadPicker.RadPicker_Bootstrap, .filterContainer input {
        max-width: 100% !important;
        width: 100% !important;
    }

    .filterContainer > ul > li:last-child, .filterContainer > ul > li:nth-last-child(2) {
        float: left !important;
        padding: 10px !important;
        width: auto !important;
    }

    .filter-btns li {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }
    /*******Main Filter*********/
    /**********Card Grid************/
    .RadGrid .rgPagerCell .rgInfoPart {
        padding-top: 10px !important;
        float: left !important;
        text-align: left !important;
    }

    /*****************************/
    /***********Radwindow popup*************/
    .RadWindow_Bootstrap, .RadWindow_Bootstrap.supplier-window, .RadWindow_Bootstrap.location-master-window {
        width: 90% !important;
        margin: 0 auto !important;
        left: 5% !important;
        top: 10px !important;
    }

    .hrControls.po-list li {
        width: 42% !important;
    }

    .hrControls li label {
        font-size: 12px;
    }

    .hrControls li span {
        font-size: 12px;
    }

    .ubtn-position {
        left: 40%;
    }
    /*.RadWindow_Bootstrap {
    height:350px !important;
}
.RadWizard.RadWizard_Material {
    height: 310px !important;
}
.popup-content .RadWizard .rwzContent {
    overflow: auto;
    height: 220px !important;
}*/
    /***********Radwindow popup*************/

}

@media only screen and (min-width:480px) and (max-width:767px) {
    footer {
        position: relative;
    }
}

@media only screen and (max-width:575px) {
    .filterContainer .search-list li,
    .filterContainer .search-list li:nth-child(1),
    .filterContainer .search-list.search-list-25 li {
        width: 100% !important;
    }

    .card-grid .RadGrid table tbody {
        overflow-x: scroll !important;
        max-width: 525px !important
    }

    .popup-content .RadWizard_Material .rwzBreadCrumb .rwzText {
        visibility: hidden !important;
    }

    .popup-content .RadWizard_Material .rwzLink .rwzText:before {
        visibility: visible !important;
    }

    .info-box .icon i {
        font-size: 20px;
    }

    .info-box .content .number {
        font-size: 15px;
    }

    .info-box {
        height: 55px;
    }

        .info-box .content p {
            margin-top: -17px;
        }

        .info-box .icon i {
            line-height: 53px;
        }

        .info-box .content .text {
            font-size: 13px;
        }
}

@media only screen and (max-width:480px) {

    .header-list a, .Grs_homeIcon {
        font-size: 10px;
    }

    .header-list a {
        padding: 6px 4px;
    }

    .Grs_homeIcon {
        padding: 3px;
    }

    .navigation-bar .bg-dark {
        padding: 0px 15px !important;
    }

    #sidebar.active {
        min-width: 35px;
        max-width: 35px;
    }

        #sidebar.active ul li a {
            padding: 7px;
        }

            #sidebar.active ul li a i {
                font-size: 17px;
            }

    .main-content {
        padding-left: 50px;
        width: 99.8%;
    }

    .menu-btn {
        padding: 3px 6px 2px;
        margin: 12px 10px 7px -6px;
    }

    .navigation-bar .navbar-toggler {
        margin-top: 10px;
    }

    .menu-btn span {
        font-size: 14px;
    }

    .navbar-brand img {
        width: 130px;
    }

    .RadGrid .rgPagerCell .rgInfoPart {
        padding-top: 0px !important;
    }

    .RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
        padding: 10px !important;
    }

    .popup-content .wizardStepStyles {
        list-style-type: none;
        width: 85% !important;
    }

    .hrControls.po-list li {
        width: 87% !important;
    }

    .rwzVertical .rwzBreadCrumb {
        margin-right: -10px !important;
    }
}

@media only screen and (max-width:400px) {
}
/***********************End Of Media Queries****************************/

/*****Telerik grid ,button fixes*/

.RadGrid_Bootstrap.rgMasterTable, .RadGrid_Bootstrap.rgDetailTable, .RadGrid_Bootstrap.rgGroupPaneltable, .RadGrid_Bootstrap.rgCommandRowtable, .RadGrid_Bootstrap.rgEditFormtable, .RadGrid_Bootstrap.rgPagertable, .RadGrid_Bootstrap.rgPagerCell, .RadComboBoxDropDown_Bootstrap, .RadComboBox_Bootstrap.rcbInput {
    font-family: 'SamsungOne',Helvetica,Arial,sans-serif !important;
}

.RadGrid.rgRow > td, .RadGrid.rgAltRow > td, .RadGrid.rgEditRow > td, .RadGrid.rgFooter > td, .RadGrid.rgFilterRow > td, .RadGrid.rgHeader, .RadGrid.rgResizeCol, .RadGrid.rgGroupHeadertd {
    font-family: 'SamsungOne',Helvetica,Arial,sans-serif !important;
}

.RadButton, .RadPicker_Bootstrap, .RadCalendar_Bootstrap, .RadPicker.RadPicker_Bootstrap.RadInput_Bootstrap.riTextBox, .RadInput_Bootstrap.riTextBox, .RadInputMgr_Bootstrap, .srbtnspan.RadButton_Bootstrap.rbDecorated {
    font-family: 'SamsungOne',Helvetica,Arial,sans-serif !important;
}

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    font: 14px/1.42857143 'SamsungOne',Helvetica,Arial,sans-serif !important;
}

.RadGrid_Bootstrap .rgPagerCell {
    font: 14px/1.42857143 'SamsungOne',Helvetica,Arial,sans-serif !important;
}

.pull-right {
    position: relative;
    float: right;
}

.pull-left {
    position: relative;
    float: left;
}

/********filter Accordian***************************/



.accordion-header {
    width: 100%;
    min-height: 20px;
    padding: 2px;
    cursor: pointer;
}

.accordion-link {
    position: relative;
    float: right;
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /**/
    border: solid 1px #c5c5c5;
    border-radius: 50%;
    width: 20px;
}

.accordion-header-open .accordion-header-text {
    opacity: 0;
}

.accordion-header-text {
    opacity: 1;
    position: relative;
    margin: 0px;
    padding: 0px;
    max-width: 100px;
    float: left;
    color: #0072b1;
    font-size: 17px;
}

.accordion-header-open .accordion-link {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}
/*******end of*filter Accordian***************************/
.popup-content .save-btn2 {
    margin-top: 25px !important;
    right: 0;
    bottom: 10px;
    color: #fff;
    background: #0072B1 !important;
    padding: 8px 25px;
    border: 0;
    border-radius: 2px;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.2);
    text-transform: uppercase;
    transition: .2s color ease-in-out,0.2s background ease-in-out;
}


/****************cust Grid**********************/

.cust-grid {
    width: 100%;

    font-size: 11px;
}


    .cust-grid tr {
        height: 35px;
    }


    .cust-grid.cust-grid-sticky-header {
        position: relative;
    }

        .cust-grid.cust-grid-sticky-header .cust-grid-header-tr th {
            position: sticky;
            top: -10px;
        }

    .cust-grid .cust-grid-header-tr th {
        padding: 5px !important;
        background: #f1f6fc !important;
        text-align: center !important;
        font: 14px/1.42857143 'SamsungOne',Helvetica,Arial,sans-serif !important;
        font-weight: bold !important;
        border-left: solid 1px #dedede !important;
        border-right: solid 1px #dedede !important;
        border-bottom: solid 1px #dedede !important;
        border-top: 1px solid #7aaee6 !important;
        position: sticky;
    }

    .cust-grid td {
        border-bottom: 1px solid #dddddd !important;
        border-right: 1px solid #dddddd !important;
        border-top: 0px solid #dddddd !important;
        padding: 4px 5px !important;
        vertical-align: middle !important;
    }

    .cust-grid tr td:first-child {
        border-left: 1px solid #dddddd !important;
    }

    .cust-grid tr:hover {
        background-color: #f1f6fc !important;
    }

    .cust-grid.cust-grid-alt-colored tr:nth-child(even) {
        background-color: #f1f6fc;
    }


    /***********cust detail table*********/
.cust-detail-table {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    border-top: 2px solid #7aaee6;
    border-bottom: 1px solid #dcdcdc;
}
    .cust-detail-table th {
        background: #f1f6fc;
        padding-left: 9px;
    }

    .cust-detail-table th, .cust-detail-table td {
        padding: 7px;
        border-bottom: 1px solid #eaeaea;
        vertical-align: top;
    }