@font-face {
    font-family: 'Rubik';
    src: url('./fonts/Rubik-Medium.eot');
    src: url('./fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Rubik-Medium.woff2') format('woff2'),
        url('./fonts/Rubik-Medium.woff') format('woff'),
        url('./fonts/Rubik-Medium.ttf') format('truetype'),
        url('./fonts/Rubik-Medium.svg#Rubik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/Rubik-Bold.eot');
    src: url('./fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Rubik-Bold.woff2') format('woff2'),
        url('./fonts/Rubik-Bold.woff') format('woff'),
        url('./fonts/Rubik-Bold.ttf') format('truetype'),
        url('./fonts/Rubik-Bold.svg#Rubik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/Rubik-Regular.eot');
    src: url('./fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Rubik-Regular.woff2') format('woff2'),
        url('./fonts/Rubik-Regular.woff') format('woff'),
        url('./fonts/Rubik-Regular.ttf') format('truetype'),
        url('./fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('./fonts/Rubik-Light.eot');
    src: url('./fonts/Rubik-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Rubik-Light.woff2') format('woff2'),
        url('./fonts/Rubik-Light.woff') format('woff'),
        url('./fonts/Rubik-Light.ttf') format('truetype'),
        url('./fonts/Rubik-Light.svg#Rubik-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html { scroll-behavior: smooth;}

.recommend-gte + [data-readmore-toggle],
.recommend-gte[data-readmore] {
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.action-btn {
    /*float: right;*/
    width: 15%;
    text-align: right;
}
.action-btn-permission {
    display: flex;
    position: relative;
    padding: 10px!important;
}

.action-btn-permission > a {align-self: flex-end;position: absolute;right: 0;top: 6px;}
.glyphicon-ok {
    color: green;
}
.glyphicon-remove,
label.error {
    color: red;
    font-weight: normal;
}
.actions-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 5px;
    cursor: pointer;
    outline: inherit;
}
/*ajax overlay*/
#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.7;
    filter: alpha(opacity=80);
}
.center {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    border: 3px solid #ababab;
    box-shadow: 1px 1px 10px #ababab;
    border-radius: 20px;
    background-color: white;
    z-index: 1002;
    text-align: center;
    overflow: auto;
}

.nowrap{
    width: 150px!important;
    word-break: break-all!important;
    white-space: initial;
}

.table>tbody{
    word-break: break-word;
}
.created-date{
    padding: 4px;
}

/*General Settings*/

.row {
  margin-right: -15px;
  margin-left: -15px;
}

button.add-btn {
  /*margin-top: 27px;*/
  min-width: 58px;
  background: #367fa9;
  color: #fff;
  outline: none;
  border: 0;
  line-height: 27px;
  border-radius: 4px;
}

.remove button {
    background: #fff;
    height: 41px;
    width: 41px;
    font-size: 16px;
    color: red;
    margin-top: 26px;
    border: 1px solid #E0E7FF;
    border-radius: 8px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.multiselect-container>li>a>label {    padding: 10px 20px 10px 46px; margin: 0;}

.card {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    width: 100%;
    margin-bottom: 20px;
}

/*pie chat section*/

.highcharts-figure,
.highcharts-data-table table {
    min-width: 100%;
    max-width: 660px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-credits{
    display: none;
}
/* End Pie chart*/


.bell-icon .notiAlert{ position: absolute; top:1px; right: 3px; width: 12px; height: 12px; background: #878787; border: 2px solid #0a110e; border-radius: 100%}
.bell-icon:after{content: ''; width: 1px; height: 15px; background: rgba(60,63,62,.9); position: absolute; top: 7px; right: -14px;}
.bell-icon .notiAlert.newAlert{position: absolute;top: -4px;right: 1px;width: 17px;height: 17px;background-color: red;border-radius: 50%;border-color: #f8f8f8;font-size: 10px;color: #fff;display: flex;justify-content: center;align-items: center;font-weight: 600;line-height: 0;}




/* signIn Page */
body {color: #000000!important; line-height: 1.2!important; background: #F4F4F4}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, body {font-family: "Poppins", sans-serif; }
.l-container { display: flex; width: 100%; background: #fff;}
.l-container .left { width: 615px;  height: 100vh; padding:100px; position: relative; }
.l-container .right { width: calc(100% - 615px); background: url(../images/signup-bg.jpg) no-repeat top right;background-size: cover;}
.l-container .left .s-box { margin-top: 12rem;}
.l-container .left .s-box .login-box-msg { padding: 0; font-size: 34px; font-weight: 300; color: #000000; text-align: left;}
.l-container .left .s-box .gen-txt { color: #8798AD; font-size: 15px; font-weight: 400; margin-top: 2px;}
.l-container .left .s-box form { margin-top: 45px;}
.l-container .left .copyright-bx { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; text-align: center; color: #8798AD; font-size: 12px; background: #fff;
padding-left: 0; padding-bottom: 0; }


.l-container .left .s-box form label { color: #B0BAC9; font-size: 12px; font-weight: 500; letter-spacing: 1px;  margin-bottom: 10px;}
span.red { color: red; }

.form-control, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {width: 100%; height: 45px; background: #FFFFFF; border: 1px solid #D2D2D2 !important; border-radius: 5px; padding: 0 10px; color: #606060;}
.l-container .left .s-box form label.error { color: red; font-weight: normal; margin-bottom: 0!important; margin-top: 5px;  text-transform: initial;}
.form-control:focus { box-shadow: 0 2px 6px rgb(232 234 241); border: 1px solid #E0E7FF;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px white inset !important;}
.l-container .form-group.has-feedback { margin-bottom: 35px;}

.l-container .left .s-box form .f-password { float: right; font-size: 12px; font-weight: 400; color: #B0BAC9;}
.l-container .left .s-box form .f-password:hover { color: #fcac1d;}

.l-container .left .s-box .btn-s { display: block; width: 100%;}
.l-container .left .s-box .btn-s .inner-bx {  width: 100%;}
.btn-full { width: 100%;  background: #fcac1d; height: 50px; box-shadow: none; border: none; font-size: 15px; font-weight: 500; color: #FFFFFF;}
.btn-full:hover { background: #000;}
.alert strong { font-weight: 400!important; letter-spacing: .5px;}


.back-to-login { display: block; margin-top: 25px;}
.back-to-login a {float: right; font-size: 12px; font-weight: 400; color: #B0BAC9;}
.back-to-login a:hover { color: #fcac1d;}

.alert>ul { margin-left: 0; padding-left: 0;}
.alert>ul li { list-style: none; font-weight: 400!important; letter-spacing: .5px;}
.alert-success { background: transparent!important; color: #008d4c!important;}
.alert-danger { background: transparent!important; color: red!important; border-color: red;}

.skin-blue .main-header .navbar { background-color: #fff; min-height: 60px; height: 60px; display: flex; align-items: center; justify-content: space-between; margin-left: 250px;}
.main-header .logo { height: 80px;}
.main-sidebar { padding-top: 80px;}
.main-header{max-height:60px;}
.logo2 img { height: 33px;}
.logo2 { display: inline-block; margin-left: 77px; margin-top: 5px;}
.sidebar-collapse .logo2 {margin-left: 48px;}
.skin-blue .main-header .navbar:before { display: none;}
.skin-blue .main-header .navbar:after { display: none;}
.main-header { background: #fff;box-shadow: 0 2px 3px #343a400f; width: 100%;  position: fixed; -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;}
/*.main-header.fixed{ position: fixed;animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}*/

 .skin-blue .left-side, .skin-blue .main-sidebar { background-color: #ffffff; }
.skin-blue .wrapper{background-color: transparent; }
.content-wrapper { background-color: transparent; padding: 94px 40px 30px; margin-left:280px;/* min-height: calc(100vh - 115px)!important;*/}
.skin-blue .main-sidebar { border-right: 1px solid #E4E8F0; width: 280px;    z-index: 2; /*position: fixed;*/ }
.skin-blue .sidebar-menu>li>a{ padding-right:16px;}

.main-header .sidebar-toggle:before { display: none;}

.main-header .sidebar-toggle i { width: 18px; height: 14px; background-image: url(../images/spirit.png); background-position: -61px -3px; background-repeat: no-repeat; display: inline-block;}
.main-header .sidebar-toggle:hover i{background-position: -61px -20px;}


.main-header .sidebar-toggle { margin: 16px;padding: 9px 15px 0;}
.skin-blue .sidebar-menu>li>a i { font-size: 22px; color: #938e8e;}
.skin-blue .sidebar-menu>li>a { padding: 10px 32px 10px 20px;  display: flex; align-items: center; white-space: break-spaces; text-decoration:none}
.skin-blue .sidebar-menu>li>a span { padding-left: 13px; margin-top:0px; font-size: 15px; color:#000;}
.skin-blue .sidebar-menu>li>a span.pull-right-container { margin-top: 0; top: 43%; transform: translateY(-50%);}
.skin-blue .sidebar-menu>li>a span.pull-right-container i.fa-angle-right{background: none !important ;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a { white-space: nowrap;}
.skin-blue .sidebar-menu>li>.treeview-menu { padding: 0 0 0 0px; margin: 0px 0px 10px 0;}

.treeview-menu>li>a {  padding: 10px 5px 10px 60px; color: #000!important;}
.treeview-menu>li>a i { display: none;}
.skin-blue .sidebar-menu>li>.treeview-menu { background: #ffffff;}
.skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open a{ background: #FFF7F7; color: #fcac1d; border-left-color: #fcac1d; text-decoration: none!important}
.skin-blue .sidebar-menu>li.active>a span, .skin-blue .sidebar-menu>li.menu-open > a span{color: #fcac1d;}
.skin-blue .sidebar-menu>li:hover>a{ background: #FFF7F7; color: #fcac1d; border-left-color: #fcac1d;}
.skin-blue .sidebar-menu>li.menu-open>a { background: #FFF7F7; color: #fcac1d; border-left-color: #fcac1d;}
.skin-blue .sidebar-menu>li>.treeview-menu li a:hover { color: #fcac1d!important; text-decoration: underline;}
.sidebar-mini.sidebar-collapse .main-footer { margin-left: 80px!important;}
.skin-blue .sidebar-menu>li.menu-open i{color: #fcac1d;}
.skin-blue .sidebar-menu>li>a:hover i, .skin-blue .sidebar-menu>li.active>a i{color: #fcac1d;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { left: 79px!important; width:230px;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) { padding: 17px 5px 19px 20px; margin-top: 0; left: 79px; width: 230px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a { display: block;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span.pull-right-container {display: none!important;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover .treeview-menu li a {padding: 10px 5px 10px 20px;}
/*.sidebar{max-height: 90vh !important ;}*/
.skin-blue .main-sidebar{min-height: 100%;}
.sidebar {/*max-height:  calc(100vh - 80px) !important;*/max-height:  100%!important;}
.n-right { display: flex; height: 100%;}
.navbar-nav{display: flex;    align-items: center;    align-self: center;    height: 100%;}

.n-right .l-part { display: flex; align-items: center;}
.n-right .l-part .search { padding: 3px 15px; width: 292px; border-radius: 25px; border: 1px solid #BFC5D2; display: flex; align-items: center; justify-content: space-between;
margin-right: 28px;}
.n-right .l-part .search input { border: 0px; outline: none; height: 30px;}
.n-right .l-part .search input.submit-btn { width: 17px; height: 17px; background: url(../images/spirit.png) no-repeat; background-position: -41px -3px; display: inline-block;
text-indent: 99999px;}

.n-right .l-part .bell-icon, .l-part .dashboard-link, .l-part .setting-link { position: relative; width: 28px; height: 29px; align-self: center; display: flex; margin: 0 8px;}
.n-right .l-part .bell-icon .dropdown-toggle span { width: 10px; height: 10px; border-radius: 50%; background: #fcac1d; top: 0px; right: 7px; position: absolute;}

.bell-icon.email-icon img {  margin-top: 6px;}

.main-header .navbar-custom-menu {min-width: 270px; margin-left: 10px; padding-left: 0px; /*border-left: 1px solid #E4E8F0;*/ position: relative;}
.main-header .navbar-custom-menu:before{position: absolute; content: ""; height: 100%; width: 1px; background: #E4E8F0; height: 100%; left: 0; top: 0;}


.navbar-nav>.user-menu .user-image { width: 40px; height: 40px; object-fit: cover; max-width: 100%; border-radius: 0; margin-right: 0; margin-top: 0;}
.user-img { width: 40px; height: 40px; overflow: hidden; border: 1px solid #f5f5f5; border-radius: 100%;}


.skin-blue .main-header .navbar .nav>li>a { padding-top: 0px; padding-bottom: 0px; color: #000; display: flex; align-items: center;}
.skin-blue .main-header .navbar .nav>li>a:hover { background: transparent; color: #000000;}
.navbar-custom-menu>.navbar-nav>li{display: flex; height: 100%;}
.navbar-custom-menu>.navbar-nav>li .hidden-xs{line-height: 16px; font-size: 15px; margin-left: 10px;}
.navbar-custom-menu>.navbar-nav>li .user-sub-title{margin-top:2px; line-height: normal; display: flex; font-size: 11px; text-transform: uppercase; color: #ada7a7;}

.skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav .open>a:hover { background: transparent;
color: #000;}
.navbar-nav>.user-menu .caret-image { margin-left: 87px;}
.navbar-nav>.user-menu.open .caret-image {transform: rotate(178deg); -webkit-transform: rotate(178deg); -ms-transform: rotate(178deg);}

.navbar-nav>.user-menu>.dropdown-menu {width:200px;padding:0; font-size:14px; text-align: left;list-style: none; right: 17px;
    background-color: #fff; background-clip: padding-box;border: 1px solid #e2e5e8;border-radius:5px;box-shadow: 0 5px 6px #343a401a;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{right: 17px;}
.skin-blue .main-header .navbar .nav>li>a { padding-right: 20px; text-decoration: none}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img { height: 180px; width: 180px; object-fit: cover; border: 1px solid #dddddd;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header { height: auto; padding:0px 10px 0; background-color: #fcac1d;}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {padding: 10px 0; margin: 0 0 8px; font-size:14px; line-height: normal; color: #fff; font-weight: 400; margin-top:0px; text-align: left;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .email-id{color: #fff; font-size: 12px; display: block; text-decoration: none}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .email-id:hover{color: #000;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a, .navbar-nav>.user-menu>.dropdown-menu>.user-footer a{padding:8px 13px;display: flex; align-items: center;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover, .navbar-nav>.user-menu>.dropdown-menu>.user-footer a:hover{color: #fcac1d !important;background-color: #f4f6fc;}

.navbar-nav>.user-menu>.dropdown-menu>.user-body { padding:0;  border: none;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {padding:6px 0px 20px; border-top: 1px solid #eff0f2; background-color: #ffffff; margin:10px 0px 0; width:auto; }
.navbar-nav>.user-menu>.dropdown-menu>.user-footer  a:last-child{color: #a39a9a;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer  a{color: #000;}

.btn.btn-flat { min-width: 130px; padding: 10px 15px; background: #fcac1d; color: #000!important; font-size: 13px; text-transform: uppercase; font-weight: 500; border-radius:8px; }
.btn.btn-flat.btn-2 {background: #F4F6FC;color: #000000!important;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a { color: #000!important; text-decoration: none}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.active { color: #fcac1d !important;
    background-color: #f4f6fc;}
.btn.btn-flat:hover {  background: #000; color: #fff!important;}
.bell-icon a{text-decoration: none}

.content-wrapper .inner-part { min-height: 1220px;}
.content-wrapper .inner-part .heading-txt, .content-header>h1 { font-size: 25px; font-weight: 400; color: #fcac1d;}
.content-header{display: flex; justify-content: space-between; align-items: center;}


.content-wrapper .inner-part .top-message-part { padding-top: 28px;}
.content-wrapper .inner-part .top-message-part ul { padding: 0; margin: 0 0 0 -10px; display: flex; flex-wrap: wrap; width: 100%}
.content-wrapper .inner-part .top-message-part ul li {list-style: none; display: flex; flex-wrap:wrap; margin: 0 10px 20px; width: calc(33.33% - 20px); background: #fff; border: 1px solid #DFE6FD;
padding: 25px; border-radius: 12px; min-height: 122px; box-shadow: 0 3px 13px rgba(0 ,3, 13 ,.06);}
/*
.content-wrapper .inner-part .top-message-part ul li:first-child { margin-left: 0;}
.content-wrapper .inner-part .top-message-part ul li:last-child { margin-right: 0;}
*/
.content-wrapper .inner-part .top-message-part ul li .tp-section { width: 100%; display: flex; justify-content: space-between; align-items: center;}
.content-wrapper .inner-part .top-message-part ul li .tp-section .gen-txt { font-size: 45px; }
.content-wrapper .inner-part .top-message-part ul li .btm-section { width: 100%; margin-top:15px; font-size:16px; color: #5D5D5D; display: flex; justify-content: space-between; align-items: center;}
.content-wrapper .inner-part .arrow-bx { margin: 30px 0; display: flex; justify-content: center; align-items: center; position: relative;}
.content-wrapper .inner-part .arrow-bx:before { content: ''; position: absolute; width: 100%; height: 1px; background: #DFE6FD;}
.content-wrapper .inner-part .arrow-bx .inr-bx a { width: 37px; height: 37px; background: #fff; border-radius: 100%; justify-content: center; align-items: center;
display: flex; border: 1px solid #DFE6FD; position: relative; z-index:1;}
.content-wrapper .inner-part .arrow-bx .inr-bx a:hover { background: #000;}
.d-dashboard-part { width: 100%; display: flex; flex-wrap: wrap;}
.d-dashboard-part .left { width: calc(100% - 323px); padding-right: 27px;}
.d-dashboard-part .right { width: 323px;}
.chart-bx {background: #FFFFFF; display: block; margin-bottom: 30px; border: 1px solid #DFE6FD; border-radius: 12px; box-shadow: 0 3px 13px rgba(0 ,3, 13 ,.06); padding: 30px 20px;}
/*.chart-bx .gen-heading { font-size: 15px; font-weight: bold;}*/
.tb-bx {background: #FFFFFF; display: block; margin-bottom: 30px; border: 1px solid #DFE6FD; border-radius: 12px; box-shadow: 0 3px 13px rgb(0 3 13 / 6%);
padding:25px 20px 30px;}
.tb-bx .gen-heading, .chart-bx .gen-heading { font-size: 19px; font-weight: 600;}
.copyright-bx { font-size: 13px; background: transparent; padding-left: 325px; padding-bottom: 25px; transition: transform .3s ease-in-out, padding-left .3s ease-in-out;}
.copyright-bx a {color: #fcac1d; text-decoration: underline}
.copyright-bx a:hover{text-decoration: none}
.tb-bx .data-tb { width: 100%; margin-top: 25px;}
.tb-bx .data-tb .table{margin-bottom: 0px;}
th {color: #000000; font-size: 15px; font-weight: 500; white-space: nowrap;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}
.chart-bx .inr-bx { margin-top: 30px; width: 100%;}
.view-all { margin: 15px 0 0 0; display: inline-block; width: 100%;}
table.dataTable thead .sorting_asc:after { color: #000000; opacity: 1;}
table.dataTable thead .sorting_desc:after { color: #000000; opacity: 1;}
.content-header { padding: 0;}
.content { padding: 0; margin-top: 28px;}
.content-header>.breadcrumb { top: 0; right: 0; font-size: 14px; font-weight: 400;}


/*.content-header>h1 { font-size: 30px; font-weight: 300; letter-spacing: -1px;}*/

.box-body { margin-bottom: 30px; border: 1px solid #DFE6FD; border-radius: 12px; box-shadow: 0 3px 13px rgb(0 3 13 / 6%);  padding: 30px 30px; background: #fff;}
.box { border-top: none; background: transparent; margin-bottom: 0;  box-shadow: none;}
.wrapper { overflow: hidden;}

.content-header>.breadcrumb>li>a { color: #000;}
.content-header>.breadcrumb>li>a:hover{color: #fcac1d;}
.content-header>.breadcrumb>li>a:hover .fa{color:#fcac1d;}
.form-group label {font-size: 14px; font-weight: normal;   margin-bottom: 10px;}
.form-group { margin-bottom: 20px;}
.btn-success { min-width: 130px; padding: 10px 15px; background: #fcac1d; color: #000!important; text-transform: uppercase; font-weight: 500;
border-radius: 8px; border-color: #ddd;}
.btn-success:hover { background: #000!important;; color: #fff!important;}
.btn-success:focus { background: #000!important;; color: #fff!important;}
.btn-success:active { background: #000!important; color: #fff!important;}
.btn-success:active:hover { background: #000!important;; color: #fff!important;}

.btn-default { background: #F4F6FC; color: #000000!important; min-width: 130px; padding:12px 15px 8px; font-size: 13px; text-transform: uppercase; font-weight: 500; border-radius: 8px;}
.btn-default:hover { background: #000; color: #fff!important;}
.btn-default:focus { background: #000; color: #fff!important;}
.btn-default:active { background: #000; color: #fff!important;}
.btn-default:active:hover { background: #000; color: #fff!important;}
textarea.form-control { padding-top: 15px; height: 180px;}
.content-header>.breadcrumb>li>a>.fa { display: none;}
.content-header>.breadcrumb>li:first-child>a>.fa { display: inline-block;}

/* .sidebar { max-height: calc(100vh - 80px); overflow: auto;} */


.main-header .toggle-bx { /*position: fixed;*/ left: 0; top: 0;}

.sidebar-collapse .copyright-bx { padding-left: 140px; }

.box-header { padding: 0;}


.search-part { margin-left: 0!important; margin-right: 0!important; display: flex; justify-content: space-between; flex-wrap: wrap;}
.search-part:before { display: none!important;}
.search-part:after { display: none!important;}
.search-part .form-col { display: flex; align-items: center; width: 100%; margin-bottom: 30px;}
.search-part .left .sub-left { min-width: 310px;}
.search-part .left .sub-right { margin-left: 15px;}

.btn-default i { margin-right: 5px;}

.btn-default.fa-lock { min-width: auto;}

 a {
/*    text-decoration: underline;*/
    color: #fcac1d;
}
a:active, a:focus, a:hover { color: #000; text-decoration: none}
table.table-bordered.dataTable th a{color: #000;}
.roles_table { margin: 20px 0;}

.box-footer { padding: 20px 0 0 0; border-top:0; display: flex; justify-content: space-between;}
.box-footer:before { display: none;}
.box-footer:after { display: none;}

.sort-select {width: 200px;display: flex; align-items: center; margin: 0; padding: 0px;}
.sort-select span.select2-selection.select2-selection--single {margin: 0 10px; height: 35px; padding: 0 7px;}
.sort-select .select2-container .select2-selection--single .select2-selection__rendered{line-height: 35px;}
.sort-select .gen-txt2{margin: 0 0 0 20px}
.sort-select .select2.select2-container{width: 65px!important}
.sort-select .select2-container--default .select2-selection--single .select2-selection__arrow b{    margin: 15px 0px 0 0;}


.search-part .right { display: flex; align-items: center; justify-content: flex-end;margin-top: 20px;}
.search-part .right .export-file { margin-left: 15px;}

.adminusers_table { margin: 0px 0;}

.box-footer .rgt-part .pagination { margin: 0;}


.pagination>.active>span { background-color: #000; border-color: #000;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background-color: #000; border-color: #000;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
background-color: #000; border-color: #000; color: #fff;}


.imgpreview { display: none;}

.form-group.btn-top { margin-top: 25px;}
.search-part .left {width:100%;}
.search-part .left .sub-middle { margin-left: 15px;  /* min-width: 330px; */ }


.content-header>h1 { max-width:80%;}

.static_table { margin: 20px 0;}
label.error { margin-bottom: 0; margin-top: 5px; text-transform: inherit; letter-spacing: 0; font-weight: 400;}

input[type=checkbox], input[type=radio] { margin: 0px 2px 0px 0;}

.search-part .left .sub-last {  margin-left: 15px;}

.productimages { margin:0 0;}
#tree-view { margin-bottom: 25px;}

.right_section ul { padding-left: 15px; margin-top: 20px;}
.right_section ul li { line-height: 1.5;}

.int-width { margin-bottom: 20px;}
.int-width.sub-reset-btn { min-width: 300px;}
.select2-container .select2-selection--multiple { border: 1px solid #D2D2D2; box-shadow: none; border-radius: 5px; height: 45px; color: #2E384D;}

.select2-container { width: 100%!important;}

.flex-input { display: flex; border: 1px solid #DFE6FD; border-radius: 12px; box-shadow: 0 3px 13px rgba(0 ,3, 13 , .06); padding: 30px 10px; margin: 10px 0px 25px;
background: #fff;}

.flex-input:before { display: none;}
.flex-input:after { display: none;}
.form-group.col-auto { padding-right: 15px; padding-left: 15px;}

.general-setting .form-group label { width: 100%;}

.pd-left { padding-left: 0;}
.pd-right { padding-right: 0;}

.multiselect { width: 100%;}
.general-setting .btn-group {  width: 100%;}

.multiselect-container { width: 100%; max-height: 220px; overflow-y: scroll;}
.general-setting .dropdown-menu>li>a { white-space: break-spaces;}

.btn-default:active:focus { background: #000; color: #fff!important;}
.open>.dropdown-toggle.btn-default { background: #000; color: #fff!important;}
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { background: #000; color: #fff!important;}


table.dataTable { width: 100%!important;}
.bell-icon .dropdown-menu { width: 320px; right: -21px; left: auto;  top: 41px; max-height: 430px; overflow-y: auto;}
.bell-icon .dropdown-menu li { padding: 30px; border-bottom: 1px solid #E4E8F0;}
li.hd-part { display: flex; width: 100%;  justify-content: space-between;}
li.hd-part .lf-part { width: 100%;}
li.hd-part .lf-part .t-part { display: flex;}
li.hd-part .lf-part .b-part { font-size: 15px; color: #8798AD; margin-top: 5px;}
li.hd-part .lf-part .t-part .img-icon { position: relative;}
li.hd-part .lf-part .t-part .img-icon span { width: 10px; height: 10px; border-radius: 50%; background: #fcac1d; top: 3px; right: -3px; position: absolute;}
li.hd-part .lf-part .t-part .gen-txt { font-size: 28px; font-weight: 300; margin-left: 10px;}
.g-message-bx { display: block;}
.g-message-bx .h-bx { display: block; font-size: 15px; font-weight: 500; color: #B0BAC9; margin-bottom: 15px; letter-spacing: 1px;}
.g-message-bx .title-bx { display: block;}
.g-message-bx .time-bx { display: block; font-size: 12px; font-weight: 400; line-height: 1.4; color: #BFC5D2; margin-top: 10px;}
.g-message-bx .title-bx a { font-size: 15px; font-weight: 400; line-height: 1.4;  color: #000000!important;}
.bell-icon .dropdown-menu li:last-child { border-bottom: none;}

.content-wrapper .inner-part .top-message-part ul li .btm-section .small-box-footer { font-size: 12px; color: #fcac1d; white-space: nowrap;}
.content-wrapper .inner-part .top-message-part ul li .btm-section .small-box-footer i { color: #000;}

.content-wrapper .inner-part .top-message-part ul li .btm-section .small-box-footer:hover { color: #000;}

.productimages{width: 45px; height: 45px;padding: 1px;border-radius: 50%; overflow: hidden;border: 1px solid #dfe1e7;}
.productimages img/*, .ImgPopup img, .imgpreview1 img*/{ object-fit: cover; width: 100%!important; height: 100% !important; border-radius: 50%;}
table.dataTable>tbody>tr.child ul.dtr-details { width: 100%;}
table.dataTable>tbody>tr.child span.dtr-title { width: 194px; font-weight: 500; line-height: 1.3 !important;}

table.dataTable>tbody>tr.child span.dtr-data { width:calc(100% - 194px); display: flex;}
table.dataTable>tbody>tr.child span.dtr-data .ImgPopup { display: inline-block!important;}

.fancybox-type-iframe .fancybox-inner { height: 80vh!important;}


.content-wrapper.popup-part { padding: 35px 20px 0px; background: #f9f9f9!important; min-height: 100vh!important;}
.content-wrapper.popup-part .content-header h1 { max-width: 100%; font-size: 20px;}
.tit-sb { font-weight: 400;}

.content-wrapper.popup-part .box-body { padding: 20px 0px 0!important;}

table.dataTable>tbody>tr.child span.dtr-data span {align-self: center;}
table.dataTable>tbody>tr.child span.dtr-data a {  display: inline-block;}
table.dataTable>tbody>tr.child ul.dtr-details>li { display: flex;align-items: center;}
table.dataTable>tbody>tr.child ul.dtr-details>li span, table.dataTable>tbody>tr.child ul.dtr-details>li a {line-height: 13px; padding: 0;}
.treeview-menu>li.active a { color: #fcac1d!important;}
.no-shadow .card { box-shadow: none;}
.remove { text-align: right;}
.form-group.col-auto.wid-3 { width: 32%;}


.field-icon { position: absolute; top: 20px; transform: translateY(-50%); right: 10px; color: #000; z-index: 99999; cursor: pointer; font-size: 16px!important;}
.eye-icon-bx {position: relative;width: 100%;}
.dropdowndesign { border: 1px solid #E0E7FF!important; background: #fff!important;}
.pos-rel { position: relative;}

.pos-rel .plus-icon img{width: 40px; height: 40px;}
/*.pos-rel .plus-icon { position: absolute; bottom: -10px;  left: -7px;}*/
.col-md-12.remove {width: auto;float: right;}
/*#user-sport-equipment-1 + .plus-icon {bottom: -38px;}*/
.col-md-12.remove img{width: 25px; height: 25px;}

#user-sport-equipment-1 {margin-bottom: 20px;}
.add-user-sport-equipment {width: 175px;display: block; cursor:pointer;}

.search-part.big-field .left {width: 100%;}
.search-part.big-field {flex-wrap: wrap;}
.search-part.big-field .left .form-control {margin-bottom: 20px;}
.search-part.big-field .right {width: 100%;justify-content: space-between;}

.search-part.big-field .left .row { display: block; width: 102%;}

.action-btn { min-width: 90px;}

.multiselect { overflow: hidden!important; text-overflow: ellipsis; padding-right: 10px;}
.search-part .form-col .sub-bx {margin-left: 15px;width: 25%;}
.search-part .form-col .sub-regis {min-width: 380px; margin-left: 15px;}
.search-part .form-col .sub-bx:first-child{margin-left: 0;}

.multi-nx .right {width:100%;margin-top: 15px;}
.multi-nx {flex-wrap: wrap; margin-bottom: 0;}

.multi-nx .left {flex-wrap: wrap;  margin-left: -15px}
.multi-nx .left > * {margin-bottom: 15px;  margin-left: 15px;}

select { /* styling */ font: inherit; padding: 0.5em 3.5em 0.5em 1em!important; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}
select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc)!important; background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em!important;
background-size: 5px 5px, 5px 5px, 1px 1.5em!important; background-repeat: no-repeat!important;}

select.minimal:focus { background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc)!important;
background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em!important; background-size: 5px 5px, 5px 5px, 1px 1.5em!important;
background-repeat: no-repeat!important; border-color: #E0E7FF!important; outline: 0!important;}

.search-part.ad-user .left .sub-left {
    min-width: 345px;
}


.ad-user .left {width: 100%;justify-content: space-between; flex-wrap:wrap; align-items: flex-start; }
.ad-user .left .inside-left {width: auto;display: flex; align-items: center;     flex-wrap: wrap;}
.ad-user .left .inside-right {width: auto;display: flex; align-items: center; margin-bottom:15px;     margin-left: 15px;}
.ad-user .left .inside-right .export-file {margin-left: 15px;}

.ad-user {margin-bottom: 0;}
.ad-user .left .inside-left > * {margin-left: 15px;margin-bottom: 15px;}
.ad-user .left { margin-left: -15px;}

.search-part.ad-user.m-product .left .sub-left { min-width: 200px;}
.w-auto { min-width: auto!important;}

.search-part.m-state .left { padding-right: 0;}

.search-part.s-page.m-city .sub-left { min-width: 260px;}

/* .multi-nx .sub-bx label {position: absolute;top: -20px;} */

.multi-nx .sub-bx {position: relative;}
.multi-nx.giveway { margin-top: 20px;}
.multi-nx label {width: 100%;}

.z-code { width: 120px;}
.imgpreview1 img {width: 65px; height: auto;}

.form-inlines .form-group {display: inline-block;margin-left: 15px;  vertical-align: top;}
.form-inlines .form-group:first-child {margin-left: 0;}
.form-inlines .sbt-btn { margin-top: 25px;}

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

.pd-lf {padding-left: 0;}
.pd-rght {padding-right: 0;}

.login-page .field-icon { top: 22px;}

.sidebar-menu li>a>.fa-angle-right, .sidebar-menu li>a>.pull-right-container>.fa-angle-right{width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;}
/*.sidebar-menu .menu-open>a>.fa-angle-right, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-right {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}*/


/*bootstrap-select css*/
.bootstrap-select, .bootstrap-select.btn-group .dropdown-menu li>a {font-size: 14px; font-weight: normal;}
.bootstrap-select>.btn{display: flex; align-items: center;text-transform: none; font-weight: normal;}
.bootstrap-select .btn, .open>.dropdown-toggle.btn-default, .bootstrap-select.open>.dropdown-toggle.btn-default:hover, .bootstrap-select .btn-default:active:hover{
    background: transparent;outline:none; box-shadow:none;color: #000 !important; border:1px solid  #E0E7FF;font-size: 14px;}
.bootstrap-select .btn:focus{outline:none;}
.bootstrap-select .dropdown-menu.open{border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;padding:0px}
.bootstrap-select.btn-group .dropdown-menu li>a{padding:8px 15px; font-size:14px;  border-bottom:1px solid #E0E7FF}
.bootstrap-select.btn-group .dropdown-menu li.selected a, .bootstrap-select.btn-group .dropdown-menu li a:hover{background-color: #e7e7e7; color:#000;}
.bootstrap-select.btn-group .dropdown-menu li:last-child{border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;}
.bootstrap-select.btn-group .btn .caret{position:relative;border: 0px !important ;}
.bootstrap-select.btn-group .btn .caret:before{border: solid #fcac1d;border-width: 0 2px 2px 0;padding: 3px;right: 0px;top: -4px;position: absolute;content: "";transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;cursor: pointer;}
.bootstrap-select.btn-group.open .btn .caret:before{top: -1px; transform: rotate(-134deg); -webkit-transform: rotate(-134deg); }
.bootstrap-select.btn-group .btn:focus{outline: none !important;outline-offset: none !important}

.group-btn{display: flex; justify-content: flex-end; align-items: center;}
.group-btn .btn{margin: 0 0 0 10px;}

.sort-select .bootstrap-select.btn-group:not(.input-group-btn){margin: 0 5px;}
.create-btn{display: inline-flex; justify-content: flex-end;}
/*input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}*/
/*input[type="date"]{background-image: url(../images/calendar-icon.png); background-position: 97% 50%; background-repeat: no-repeat;}*/
.download-link{display: flex; justify-content: flex-end; align-items: center;}
.download-link a{margin-left: 8px;}

.m-0{margin: 0 !important ;}
label{font-size: 14px; font-weight: normal; /*margin-left: 10px;*/ color: #000;}
.table>tbody>tr>td{padding: 13px 15px !important ;}
table.dataTable.m-0{margin-top: 0 !important ;}
thead {background: #f1f1f1;}
thead th{border-bottom: 0px !important;}
.table>thead>tr>th{padding-top: 15px; padding-bottom: 15px; padding-right: 15px; padding-left: 15px;}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid #DFE6FD;}
.reset-btn{background: url(../images/refresh.png) no-repeat center; height: 40px; min-width: 45px;}
.reset-btn:hover, .reset-btn:active, .reset-btn:focus, .reset-btn:active:focus{background:#000 url(../images/refresh-hover.png) no-repeat center; box-shadow: none; outline: none;}
.table-striped>tbody>tr:nth-of-type(odd){background: transparent;}
.action-col{width:100px !important; display: table-cell;}
.action-btns{display: table-cell; justify-content:flex-start; align-items: center; width: 100%;}
.action-btns span{display: inline-flex;align-self: center;margin: 0 2px;}
.action-col span:first-child{margin-left: 0;}
.action-col span:last-child{margin-right: 0;}
.action-btns .actions-btn{ padding: 0; margin: 0; }
.action-col button{font-size: 14px; color: rgba(57,57,57,0.5);}
.action-col button:hover, .action-col a:hover{color: #fcac1d;}
.fa_icon{background: transparent; border: 0;padding: 0; margin: 0;font-size: 14px;color: rgba(57,57,57,0.5);}
.serial-no{text-align: center; width: 15px !important;}
.name{width: 200px !important; }
.status-col{width: 140px !important ;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{background-color: #fcac1d;}

.breadcrumb{padding: 0;margin-bottom: 25px; background: transparent;}
.breadcrumb i{display: none;}
.arrow-right{display: inline-block; width: 14px; height:10px; background:url(../images/spirit.png) no-repeat; background-position:-23px -3px; vertical-align: middle;}
.content-wrapper .inner-part .top-message-part ul li .btm-section a:hover i.arrow-right{ background-position:-3px -3px;}

.text-link{transition: all 0.5s; position: relative; position: relative}
.text-link span {padding-right: 20px;color: #000;font-size: 14px;font-weight: 500;cursor: pointer;display: inline-flex;position: relative;transition: 0.5s;line-height: 14px;justify-content: center;align-items: center;height: 100%;}
.text-link span:before {content: '';position: absolute;opacity: 9;top:2px;right:2px;width: 14px;height: 10px;background: url(../images/spirit.png) no-repeat;
background-position:-3px -3px;vertical-align: middle;}
 .text-link span:hover{color: #fcac1d;}
.text-link span:hover:before {background-position:-23px -3px}
table.dataTable>tbody>tr.child ul.dtr-details>li .status-btn{padding:7px 15px 7px 30px; font-weight: 500; font-size: 12px;}
.status-btn{border-radius: 20px; line-height: normal; display: inline-block; padding:7px 15px 7px 30px; font-weight: 500; font-size: 12px; position: relative;text-transform: uppercase;}
.status-btn:before{position: absolute; content:"" ; width: 10px; height: 10px; border-radius: 50%; left: 12px; top:9px;}
.status-btn.active:before{background:#469446 ;}
.status-btn.inactive:before{background:#f71f1f;}
.status-btn.active{background: #cff7d5; color: #469446; }
.status-btn.inactive{background:rgb(243 19 19 / 14%); color: #f71f1f;}
.flex-box, .flex-row{display: flex; flex-wrap: wrap;}
.flex-row{justify-content: space-between; align-items: center;}
.flex-row .col-small{width: 48%;}
.two-column-box {width: 33.33333333%;}
.not-found{font-size: 20px; color: red;}
table .date-col, table .email-col, table .mob-col{white-space:nowrap;}
table .icon-col{min-width: 60px !important ; width: 60px !important ;}
td.email-col .email-id{width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;  }
.email-col{min-width:80px !important; width: inherit !important;}

.searchBox {margin-bottom: 20px;border: 1px solid #DFE6FD;border-radius: 12px;box-shadow: 0 3px 13px rgb(0 3 13 / 6%);padding: 20px 30px;background: #fff; position: relative;}
.searchBox h2{padding: 0px; margin:0px; font-size: 20px; font-weight: 600; line-height: 20px;}
.searchBox .search-heading{display: flex; justify-content: space-between; align-items: center;}
.searchBox .input-search{padding:0 18px 0 26px; width: 100%;line-height: 30px; border: 0; outline: none;}
.searchBox .search-box{ position: relative; display: flex; align-items: center;}
.searchBox .search-box:before{width: 20px; height: 20px;  background: url(../images/seaech-icon.png) no-repeat; position: absolute; content: "";}
.form-expand{margin:30px 0 20px;display: none; }
.reset-button{position: absolute; top:10px;right: 78px;}
.submit-buttons{margin-top:0px;}

.exclamation-icon{position: absolute;top:10px; right:7px;display: inline-block; width:16px; height:18px; background:url(../images/spirit.png) no-repeat; background-position: -126px -21px; cursor: pointer;}
.tool-tip{position: absolute;top:0px; right:0px; max-width:100%; }
.tooltiptext{margin-top: 41px;max-width:100%; line-height: 19px; display: none; color: #fff; opacity: 9; font-size: 12px; z-index:3;  position: relative;}
.tooltiptext .cnt:before{position: absolute; content: ""; top: -13px; right: 9px; border: 5px solid transparent; border-bottom: 8px solid #000;}
.tooltiptext .cnt{position:relative; padding:10px 15px; background: #000; border-radius: 5px;  }
.tool-tip:hover .tooltiptext{display: block;}



/*switch checkbox css
============================================================*/
.switch-btn{display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 700; text-transform: uppercase;}
.switch-btn .switch {position: relative;display: inline-block;width:35px;height: 18px; margin:0px; padding: 0;}
.switch-btn .switch input {opacity: 0; width: 0;height: 0;}
.switch-btn .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0;bottom: 0; background-color: #bfbebe; -webkit-transition: .4s; transition: .4s;}
.switch-btn .slider:before {position: absolute; content: ""; height: 13px; width:13px;left: 3px;top: 2.3px;background-color: white; -webkit-transition: .4s; transition: .4s;}
.switch-btn input:checked + .slider { background-color: #fcac1d;}
.switch-btn input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch-btn input:checked + .slider:before { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px);}
.switch-btn .slider.round {border-radius:9px;}
.switch-btn .slider.round:before { border-radius:9px;}

.modal-content { padding: 20px; text-align: center; border-radius: 8px; border: 1px solid #DFE6FD; box-shadow: 0 3px 13px rgb(0 3 13 / 6%);}
.modal-content .modal-footer { display: flex; justify-content: center;}
.modal-content .modal-footer:before { display: none;}
.modal-content .modal-footer:after { display: none;}
.confirm.btn-primary { min-width: 130px; padding: 10px 15px; background: #fcac1d; color: #000!important; font-size: 13px; text-transform: uppercase; font-weight: 500;
border-radius: 8px; border-color: #ddd;}
.confirm.btn-primary:hover { background: #000!important; color: #fff!important;}
.modal.fade .modal-dialog{
webkit-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
transform: inherit;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
transition: inherit;
transition: inherit;
position: absolute;
top: 50%;
width: 390px;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}

.required-field{color: #fcac1d; font-size: 16px;font-weight: bold; line-height: normal;}
.icons {width: 22px; height: 22px; vertical-align: middle; display: inline-block; background-image: url(../images/spirit.png);}
.icons.dashboard{background-position: -29px -45px;}
.icons.notification{background-position:-57px -45px}
.icons.setting{background-position:-2px -45px;}
.icons.smtp-icon{background-position:-158px -172px;}
.icons.app-version{background-position:-106px -172px;}

.icons.dashboard:hover{background-position: -29px -77px;}
.icons.notification:hover{ background-position:-57px -77px}
.icons.setting:hover, .navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover .icons.setting,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.active .icons.setting
{background-position:-2px -77px;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover .icons.smtp-icon, .navbar-nav>.user-menu>.dropdown-menu>.user-body a.active .icons.smtp-icon{background-position:-130px -172px;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover .icons.app-version, .navbar-nav>.user-menu>.dropdown-menu>.user-body a.active .icons.app-version{background-position:-77px -172px}

.icons.csv-icon{width: 24px; height: 27px; background-position: -27px -172px;}
.icons.excel-icon{width: 21px; height: 27px; background-position: -3px -172px;}
.icons.change-password{width: 22px; height: 26px; background-position: -184px -110px;}
.icons.signout{width: 22px; height: 20px; background-position: -266px -110px;}

/*.sidebar-menu li:first-child{display: none !important;}*/
.sidebar-menu ul li:first-child{display: block !important;}
.main-sidebar ul li .treeview-menu a i {display: none !important;}
.sidebar-menu>li a{display: flex; align-items: center;}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion{width: 25px; height: 23px; }
  .navbar-nav>.user-menu>.dropdown-menu>.user-body i{width: 25px; vertical-align: middle; display: inline-block; background-image: url(../images/spirit.png);}
 
.sidebar-menu>li>a>.glyphicon.glyphicon-certificate{background-position: -212px -110px;}
.main-sidebar ul li:nth-child(3n) .glyphicon.glyphicon-certificate{background-position:-105px -45px;}
.fa-user{background-position:-216px -45px; height: 23px;}
.main-sidebar ul li .fa-question-circle{background-position:-129px -45px;}
.main-sidebar ul li .fa-truck{background-position:-159px -45px;}
.main-sidebar ul li .fa-futbol-o{background-position:-156px -110px;}
.main-sidebar ul li .fa-road{background-position:-79px -45px;height: 26px;}
.main-sidebar ul li .fa-rocket{background-position:-189px -45px;height: 26px;}
.main-sidebar ul li .fa-motorcycle{background-position:-215px -45px;}
.main-sidebar ul li .fa-gift{background-position:-61px -110px; height: 16px;}
.main-sidebar ul li .fa-buysellads{background-position:-2px -110px;}
.main-sidebar ul li .fa-file{background-position:-274px -45px; height: 24px;}
.main-sidebar ul li .fa-fw.fa-gears{background-position:-244px -45px; height: 26px;}
.main-sidebar ul li .fa-comments{background-position:-240px -110px;}
.main-sidebar ul li .fa-trophy{background-position:-126px -110px;}
.main-sidebar ul li .brand-icon{background-position:-273px -196px}
.main-sidebar ul li .feedback{background-position:-215px -199px}
.fa-angle-right:after{border: solid #b3b4b9;border-width: 0 2px 2px 0;padding: 4px;right: 10px;top: 21px;position: absolute;content: "";transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-webkit-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;cursor: pointer; display: none;}
.sidebar-menu .menu-open>a>.fa-angle-right, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-right:after{top: 24px;border: solid #fcac1d;
    border-width: 0 2px 2px 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}


.sidebar-menu>li>a:hover .glyphicon.glyphicon-certificate, .skin-blue .sidebar-menu>li.active>a .glyphicon.glyphicon-certificate{background-position: -212px -140px;}
.main-sidebar ul li:nth-child(3n) a:hover .glyphicon.glyphicon-certificate, .skin-blue .sidebar-menu>li.active:nth-child(3n) a .glyphicon.glyphicon-certificate{background-position:-105px -77px;}
.sidebar-menu>li>a:hover .fa-user, .skin-blue .sidebar-menu>li.menu-open>a .fa-user, .navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover .fa-user,
 .navbar-nav>.user-menu>.dropdown-menu>.user-body a.active .fa-user{background-position:-216px -76px;}
.sidebar-menu>li>a:hover .fa-question-circle, .skin-blue .sidebar-menu>li.active>a .fa-question-circle{background-position:-129px -77px;}
.sidebar-menu>li>a:hover .fa-truck, .skin-blue .sidebar-menu>li.menu-open>a .fa-truck{background-position:-159px -77px;}
.sidebar-menu>li>a:hover .fa-futbol-o, .skin-blue .sidebar-menu>li.menu-open>a .fa-futbol-o{background-position:-156px -140px;}
.sidebar-menu>li>a:hover .fa-road, .skin-blue .sidebar-menu>li.active>a .fa-road{background-position:-79px -77px;}
.sidebar-menu>li>a:hover .fa-rocket, .skin-blue .sidebar-menu>li.active>a .fa-rocket{background-position:-189px -77px}
.sidebar-menu>li>a:hover .fa-motorcycle, .skin-blue .sidebar-menu>li.active>a .fa-motorcycle{background-position:-215px -77px;}
.sidebar-menu>li>a:hover .fa-gift, .skin-blue .sidebar-menu>li.active>a .fa-gift{background-position:-61px -140px;}
.sidebar-menu>li>a:hover .fa-buysellads, .skin-blue .sidebar-menu>li.menu-open>a .fa-buysellads{background-position:-2px -140px;}
.sidebar-menu>li>a:hover .fa-file, .skin-blue .sidebar-menu>li.menu-open>a .fa-file{background-position:-274px -77px;}
.sidebar-menu>li>a:hover .fa-fw.fa-gears, .skin-blue .sidebar-menu>li.menu-open>a .fa-fw.fa-gears{background-position:-244px -77px;}
.sidebar-menu>li>a:hover .fa-comments, .skin-blue .sidebar-menu>li.active>a .fa-comments{background-position:-240px -140px}
.sidebar-menu>li>a:hover .fa-trophy, .skin-blue .sidebar-menu>li.active>a .fa-trophy{background-position:-126px -140px;}
.sidebar-menu>li>a:hover .brand-icon, .skin-blue .sidebar-menu>li.active>a .brand-icon{background-position:-243px -196px;}
.sidebar-menu>li>a:hover .feedback, .skin-blue .sidebar-menu>li.active>a .feedback{background-position:-187px -199px;}

.navbar-nav>.user-menu>.dropdown-menu>.user-body i, .navbar-nav>.user-menu>.dropdown-menu>.user-footer a i{ margin-right: 15px; }
.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover .icons.change-password, .navbar-nav>.user-menu>.dropdown-menu>.user-body a.active .icons.change-password{ background-position: -184px -140px;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer a:hover .icons.signout{background-position: -266px -140px;}

.files-upload .form-control {background: transparent;}

.search-icon { margin-right: 5px; width: 20px; height: 20px; background: url(../images/seaech-icon.png) no-repeat; display: inline-block;}
.browse {margin-right: 0px;display: flex; align-items: center; justify-content: center;    border-top-left-radius: 0;
border-bottom-left-radius: 0; border: 0px;}
.input-group .input-group-addon.browse-btn{/*background: #f4f6fc;border: 1px solid #E0E7FF;*/    background: #fcac1d;
    border: 1px solid #fcac1d; color: #fff; border-left: 0;min-width: 92px;}
.browse:hover .search-icon { background: url(../images/seaech-icon-h.png) no-repeat;}
.browse i{display: none;}
.files-upload {display: flex; justify-content: space-between; /*align-items: center;*/}
.files-upload .upload-img {width:90%;margin-right: 2%;}
.files-upload.w-100 .upload-img {width: 100%;}
.files-upload .productimages {width: 41px; height: 41px;}
.mb-30{margin-bottom: 30px !important ;}
.multiselect.dropdown-toggle, .multiselect.dropdown-toggle:hover, .multiselect.dropdown-toggle:focus, .multiselect.dropdown-toggle:active,
.open>.multiselect.dropdown-toggle.btn-default:focus, .open>.multiselect.dropdown-toggle.btn-default:hover {
    background: transparent !important ;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    font-size: 14px; color:#000 !important;    border: 1px solid #E0E7FF; box-shadow: none; outline: none;
}
b.caret{ margin:19px 15px 0 0;
    width: 0;
    height: 0;
    border: solid #fcac1d;
    border-width: 0 2px 2px 0;
    padding: 3px;
    right: 0px;
    top: -4px;
    position: absolute;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    cursor: pointer;
}

.multiselect-container.dropdown-menu>.active>a  label, .multiselect-container.dropdown-menu>.active>a:focus label, .multiselect-container.dropdown-menu>.active>a:hover label, .multiselect-container.dropdown-menu>.active>a:hover,
.multiselect-container.dropdown-menu> li a:hover{background-color: #fcac1d !important; color: #fff !important;}
.multiselect-container.dropdown-menu> li{margin:1px 0 0px;}
.multiselect-container.dropdown-menu> li a{padding: 0; line-height:normal;margin: 0;}

.multiselect-container input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
.multiselect-container label.checkbox{position: relative;}
.multiselect-container label:before { content:'';    margin-top: -3px; -webkit-appearance: none; background-color: transparent; border:1px solid #ccc; padding: 10px; display: inline-block;  position: absolute;
    vertical-align: middle; cursor: pointer;left: 12px;
  }
  .multiselect-container li.active label:before{border: 1px solid #fff;}
  .multiselect-container li.active label:after {

    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left:21px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

/*rout*/

body.overflowhidden {
        overflow: hidden;
    }

    .ftue-rides ul {
        margin: 30px 0;
        padding: 0;
        display: flex;
        justify-content: center;
        list-style: none;
    }

    .ftue-rides ul li {
        font-size: 18px;
        margin: 0 3%;
        padding: 0;
        text-align: center;
        color: #000;
        font-size: 20px;
        line-height: normal;
    }
.ftue-rides.inactive ul li{color: #ccc;}

    .ftue-rides strong {
        padding-bottom: 4px;
        display: block;
        font-weight: normal;
        color: #000;
        font-size: 14px;
    }

    .direction-list {
        width: 280px;
        position: fixed;
        right: 0;
        bottom: 10;
        border-radius: 8px;
        z-index: 9999999999;
    }

    .direction-explorer {
        display: none;
        background: #fff;
        padding: 20px 0;
        padding-top: 70px;
    }

    .direction-list.open {
        right: 10px;
    }

.explorer-btn {background: #fcac1d;cursor: pointer;color: #000000;width: 68%;margin: 0px auto;padding: 0;line-height: 48px;font-size: 13px;
text-transform: uppercase;font-weight: 500;border-radius: 8px;text-align: center;}
.direction-list.open .explorer-btn {position: absolute;top: 0px;right: 0px;width: 100%; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
#directions{padding: 0 20px;}
.direction-list ol {margin: 0;padding:0 0 0 22px;}
.direction-list ol li {padding:0 0 12px;font-size: 12px;counter-increment: my-awesome-counter;position: relative;}
.direction-list ol strong, .direction-list ol span{padding: 0 0 5px 10px; font-weight: normal;    font-size: 11px;
    line-height: 13px;}
.direction-list ol strong{font-weight: 500;    font-size: 12px; line-height: 16px;}
.direction-list ol p{padding: 0 0 0 10px; margin: 0px;    font-size: 11px;
    line-height: 13px;}


    .scroll-box {
        max-height: 78vh;
    }

    .routing-preferences {
        margin: 0px 0px;
        display: flex;
        justify-content: space-between;
        position: relative;
        flex-direction: column;
    }

    .btn-default.resetmap,
    .terrain-3D {
        margin: 0;
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: 9;
        min-width: 92px;
        padding:10px 5px;
        text-align: center;
        text-transform: none;
        border-radius: 5px; border: 0;


    }

.refresh-resetmap {
        margin: 0;
        position: absolute;
        top: 8px;
        left: 50%;
        z-index: 9;
        min-width: 92px;
        padding:10px 20px;
        text-align: center;
        text-transform: none;
        border-radius: 5px; font-size: 12px;
        transform: translateX(-50%);
    }
    .terrain-3D {
        left: 110px;
         min-width: 130px;

    }

    .terrain-3D .custom-checkbox {
        padding: 0;
    }

    .routing-preferences .rgt-box {
        width: 100%;
        position: relative;
    }

    .routing-preferences .lft-box { display: flex; align-items:center; margin: 0 auto 40px;
        width: 100%;
        align-items: center;
    }

    .routing-preferences h3 {
        font-size: 20px;
        padding: 0 0 20px;
        margin: 0;
    }

    .routing-preferences .lft-box .form-group,
    .terrain-3D {
        margin: 0;
        padding: 0px 0;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }

    .routing-preferences .form-group label {
        margin: 0;
        padding: 15px 0;
        line-height: normal;
        border-bottom: 0;
    }

    .routing-preferences .form-group>label {
        position: relative;
        display: block;
        margin: 0;
        padding: 15px 0;
        cursor: pointer;
    }

    .routing-preferences .custom-checkbox label {
        padding: 0px;
    }

    .routing-preferences .form-group>label:after {
        border: solid #181818;
        border-width: 0 1px 1px 0;
        padding: 3px;
        right: 0;
        top: 16px;
        position: absolute;
        content: "";
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
        cursor: pointer;
    }

    .routing-preferences #menu {
        display: none;padding: 15px;
    position: absolute;
    z-index: 99;
    background: #fff;
    width: 100%;top: 48px;
}

    .routing-preferences .custom-checkbox {
        margin: 0 0 15px
    }

    .routing-preferences [type="radio"]:checked,
    .routing-preferences [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

    .routing-preferences [type="radio"]:checked+label,
    .routing-preferences [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #353535;
    }

    .routing-preferences [type="radio"]:checked+label:before,
    .routing-preferences [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .routing-preferences [type="radio"]:checked+label:after,
    .routing-preferences [type="radio"]:not(:checked)+label:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #fcac1d;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .routing-preferences [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .routing-preferences [type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .terrain-3D .custom-checkbox:before {
        position: absolute;
        left: 9px;
        top: 10.5px;
        content: '3D';
        font-size: 13px;
        font-weight: bold; z-index: 99;
    }

    .routing-preferences .terrain-3D label.active {
        color: #fcac1d
    }

    .terrain-3D [type="radio"]:not(:checked)+label {
        padding-left: 20px;
        font-size: 13px;
        color: #000;
    }

/*    .terrain-3D [type="radio"]:not(:checked)+label:hover, .terrain-3D  [type="radio"]:checked+label:hover{color: #fff;}

*/


    .routing-preferences .ride-title {display: flex; align-items: center;    padding: 0 20px;}
    .routing-preferences .ride-title .custom-checkbox{padding: 0; margin: 0 0 0 15px;}

      .routing-preferences .lft-box .form-group{width: 25%; margin-right: 2%; position: relative;}


    .border-curv {
        border-radius: 8px !important;
    }
    .routing-preferences .lft-box .form-group span{margin-left: 12px; position: relative ;}
    /* .routing-preferences .lft-box .form-group span::before{content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;}
    .routing-preferences .lft-box .form-group span::after{    content: '';
        width: 12px;
        height: 12px;
        background: #fcac1d;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;} */


    .modal.fade .modal-dialog.center-model {
        webkit-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        transform: inherit;
        -webkit-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        transition: inherit;
        transition: inherit;
        position: absolute;
        top: 50%;
        width: 390px;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .terrain-3D{
        border-bottom: 0;
        padding: 0;    }

    .terrain-3D .custom-checkbox,
    .terrain-3D label {
        margin: 0;
        border-bottom: 0;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0px;

    }
    .terrain-3D [type="radio"]:not(:checked)+label {  padding:8px 15px 8px 34px;
    background: #fcac1d;
    color: #000!important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    border-color: #ddd; display: block;}

     .terrain-3D label.active{background: red;}

    .routing-preferences .terrain-3D [type="radio"]:not(:checked)+label:before {
        display: none;
    }
    .terrain-3D [type="radio"]:not(:checked)+label.active{background: #e7e7e7;}

    @media only screen and (max-width:1300px) {
        .ftue-rides ul li {
            margin: 0 1.5%;
        }
    }




.mandatory_star { color: #fcac1d; }
#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#updateChallenge {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#updateChallenge fieldset {

    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
     position: relative
}

.form-card {margin-bottom:0px; text-align: left; width: 100%;}

#updateChallenge fieldset:not(:first-of-type) {
    display: none
}



#updateChallenge input:focus,
#updateChallenge textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #fcac1d;
    outline-width: 0
}

#updateChallenge .action-button, #createChallenge .action-button {
    min-width: 100px;
    background: #fcac1d;
    color: white;
    border: 0 none;
    border-radius: 5px; line-height: 36px; float: right;
    cursor: pointer; border: 1px solid #fcac1d; font-weight: normal;

}
#updateChallenge .action-button .fa-angle-right:after, #createChallenge .action-button .fa-angle-right:after{display: none;}
button#address_next_validate i, #updateChallenge .action-button i,  #createChallenge .action-button  i {font-size: 19px;margin: -4px 0 0 5px;vertical-align: middle;line-height: 7px;}
#updateChallenge .action-button:hover,
#updateChallenge .action-button:focus, #createChallenge .action-button:hover,
#createChallenge .action-button:focus {
    background-color: #fcac1d
}

#updateChallenge .action-button-previous, #createChallenge .action-button-previous {
     min-width: 100px;
    background: transparent;
    font-weight: normal;
    color: #afabab;
    border-radius: 5px; line-height: 36px;
    border: 1px solid #afabab; float: left;

}
#updateChallenge .action-button-previous i, #createChallenge .action-button-previous i {font-size: 19px;margin: -3px 4px 0 0;vertical-align: middle;line-height: 7px;}
#updateChallenge .action-button-previous:hover,
#updateChallenge .action-button-previous:focus, #createChallenge .action-button-previous:hover,
#createChallenge .action-button-previous:focus {
    background-color: #000000
}

/*******************/

.updateChallenge {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.updateChallenge fieldset {

    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
     position: relative
}

.form-card {margin-bottom:0px; text-align: left; width: 100%;}

.updateChallenge fieldset:not(:first-of-type) {
    display: none
}



.updateChallenge input:focus,
.updateChallenge textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #fcac1d;
    outline-width: 0
}

.updateChallenge .action-button {
    min-width: 100px;
    background: #fcac1d;
    color: white;
    border: 0 none;
    border-radius: 5px; line-height: 36px; float: right;
    cursor: pointer; border: 1px solid #fcac1d; font-weight: normal;

}
.updateChallenge .action-button .fa-angle-right:after{display: none;}
button#address_next_validate i, .updateChallenge .action-button i{font-size: 19px;margin: -4px 0 0 5px;vertical-align: middle;line-height: 7px;}
.updateChallenge .action-button:hover,
.updateChallenge .action-button:focus {
    background-color: #fcac1d
}

.updateChallenge .action-button-previous{
     min-width: 100px;
    background: transparent;
    font-weight: normal;
    color: #afabab;
    border-radius: 5px; line-height: 36px;
    border: 1px solid #afabab; float: left;

}
.updateChallenge .action-button-previous i {font-size: 19px;margin: -3px 4px 0 0;vertical-align: middle;line-height: 7px;}
.updateChallenge .action-button-previous:hover,
.updateChallenge .action-button-previous:focus{
    background-color: #000000
}

/************************/


/*.combined-winner-div .select2-container, .separate-winner-div .select2-container, .frm-inputseparate-winner-div .select2-container{margin-top: 15px;}*/
#createChallenge fieldset {position: relative;}


.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #fcac1d;
    margin:0px 0 30px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #fcac1d;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar { text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #fcac1d
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 180
}
#progressbar li strong{ font-weight: normal; }
#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f041"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f21e"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f05a"
}

#progressbar #icon:before {
    font-family: FontAwesome;
    content: "\f15c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #fcac1d
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #fcac1d
}

.fit-image {
    width: 100%;
    object-fit: cover
}
.complete-submit{position: absolute; bottom: 0; right: 0;}


#progressbar{margin: 20px auto 0; padding: 0; max-width: 790px;    display: flex; justify-content: center;}
.form-tab-btn{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.form-tab-btn input[type="button"]{margin-left: 15px; border-radius: 5px; border: 0px; line-height: 40px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{     background-color: #d8dadf;
    border-color: #d8dadf;
    padding: 6px 10px;
    color: #000;
    font-size: 13px; border-radius: 20px;
    text-transform: capitalize;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #9f9a9a; font-weight: normal;
    text-align: center;}
.form-separator{display: flex; justify-content: space-between; align-items: center;}
.form-separator .form-group{width: 92%; margin-right: 8px;}
.form-separator .btn-success{min-width: 45px; border: 0px; border-radius:5px;line-height: 41px; padding:0px;margin: 6px 0 0; font-size:20px; font-weight:bold; background:#ccc;color: #5e5c5c !important; outline: none; box-shadow: none;}
.form-separator .btn-success:hover{color: #fff !important; background: #fcac1d !important}
.form-separator  .btn-success:active:focus, .form-separator .btn-success:focuss, .form-separator .btn-success:active{min-width: 45px; border: 0px; border-radius:5px;line-height: 41px; padding:0px;margin: 6px 0 0; font-size:20px; font-weight:bold; background:#ccc;color: #5e5c5c !important; outline: none; box-shadow: none;}


.select2-results__option{padding: 10px 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{margin: 19px 15px 0 0;}
.select2-container .select2-selection--single .select2-selection__rendered{margin-top: 0; line-height: 40px; height: 100%; }
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #fff;    background: #fcac1d;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #fcac1d; color: #fff;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid #E0E7FF !important; padding: 10px;}
.select2-dropdown{border: 1px solid #E0E7FF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.sidebar .mCustomScrollBox{max-height: 100%!important; height: auto!important; }
.sidebar .mCSB_scrollTools{display: none!important}
.sidebar .mCSB_inside > .mCSB_container{margin-right: 0px;}

 

.datepicker table tr td.active{font-weight: normal;}
.schedule-inner .datepicker{color:#231F20;font-size: 14px; }
.datepicker{padding:0px; background: #f4f6fc;}
.datepicker table{width: 100%; font-size: 14px;}
.datepicker table thead{font-size: 14px; }
.datepicker table thead tr:last-child th:before{position: absolute; content: ""; width: 100%; height: 1px;bottom: 4px;  left: 0px;background: #a7a5a5}
.datepicker table thead tr:last-child th{padding-bottom:10px;padding-top:15px; font-size: 12px;position: relative;}
.datepicker td, .datepicker th{border-radius: 0px; width: inherit; height: 37px;}
.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th{padding: 0px;}
.datepicker th.prev, .datepicker th.next{position: relative; color: #EFEDE7}
.datepicker th.prev:after, .datepicker th.next:after {padding: 4px; border: solid #a7a5a5; border-width:0px 2px 2px 0; top: 16px; position: absolute;   content: "";
       transform: rotate(137deg); left:15px;}
.datepicker th.next:after{left: auto; right: 15px;transform: rotate(-46deg);}
.date-picker.multi td{color: #231F20;  font-weight: 300;}
.datepicker table tbody td{ border:5px solid #EFEDE7;}
/*# sourceMappingURL=bootstrap-datepicker.standalone.min.css.map */
.datepicker-dropdown:before, .datepicker-dropdown:after{display: none}
.datepicker.dropdown-menu{border:0px; border-radius: 0px; margin-top: 0px; padding:0px 10px 20px;/* border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;*/}
.datepicker.dropdown-menu td, .datepicker.dropdown-menu th{width: 40px; height: 40px; border-radius: 0px; }
.datepicker table thead tr th.dow{color: #231F20;  font-weight: 300; font-size: 11px;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active{ color:#fff !important;background: #fcac1d !important}

.datepicker table tr td.new { display: none; }
.datepicker table tr td.old { visibility: hidden; }
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{background: transparent !important ;}
.datepicker th.prev:hover:after, .datepicker th.next:hover:after{    border: solid #fcac1d;border-width: 0px 2px 2px 0;}
.datepicker-dropdown:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #f1f1f1 !important ;border-top: 0;position: absolute;}
/*.datepicker tbody tr:first-child {border-top: 15px solid #f4f6fc;}
*/

ul.checkbox-list, ul.advertisemen-area{padding: 0; margin:20px 0 0; list-style: none;display: flex; align-items: center; flex-wrap: wrap;}
ul.checkbox-list li, ul.advertisemen-area li{width:20%; margin: 0 0 15px; list-style: normal;}
ul.advertisemen-area{margin-top:20px;justify-content: space-between;}
ul.advertisemen-area li{ display: inline-flex; width:48%;margin: 0 0 10px; align-items: center; justify-content: space-between; }
ul.advertisemen-area .text_box{width: 80px; margin-left: 20px; position: relative;}
ul.advertisemen-area .text_box  .form-control{width: 100%; padding-right: 32px;}
ul.advertisemen-area .checkbox_box{max-width: 72%;min-width: 72%;}
ul.advertisemen-area .exclamation-icon{top: 13px;}
ul.advertisemen-area .tooltiptext{width:150px;max-width: 150px; position: absolute; right: 0;}
ul.advertisemen-area .tooltiptext .cnt{line-height: normal; padding: 10px;}
ul.advertisemen-area input[type=number]::-webkit-inner-spin-button,
ul.advertisemen-area input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none; appearance: none; margin: 0;}


.mt-20{margin-top: 20px;}
.styled-checkbox {position: absolute;opacity: 0;}
.styled-checkbox + label {position: relative;cursor: pointer; margin: 0; line-height: 0;line-height: normal; padding: 0 0 0 32px;}


.styled-checkbox + label:before {
  content: "";
  margin-right: 10px; margin-top: -3px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;border: 1px solid #ccc; position: absolute; left: 0;
}
.styled-checkbox:hover + label:before {
  background: #fcac1d; border: 1px solid #fcac1d;
}
.styled-checkbox:focus + label:before {
  border: 1px solid #fcac1d;
}
.styled-checkbox:checked + label:before {background: #fcac1d; border: 1px solid #fcac1d;}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.form-control[readonly]{background: transparent;}
.form-group.has-error .help-block, .form-group.has-error label{color:#ff0707}
.form-group.has-error .help-block {
    font-size: 12px;
}
.form-group.select_box {display: flex; flex-direction: column;}
.form-group.select_box .help-block, .form-group.select_box .error {order: 3;}
.has-error .help-block {color: #ff0707; font-size: 12px; margin-top:8px;}
.form-group.select_box .error, label.error{color: #ff0707; font-size: 12px; margin-top:8px;}
.has-error .form-control{border-color: #ff0707;}
/*.tp-section span.icon-bx {
    width: 58px;
    height: auto;
}

.tp-section span.icon-bx img {
    width: 100%;
    height: 100%;
}*/

section.content.error-section {position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translatex(-50%);}
.error-section .error-page{padding: 0px;margin: 50px auto 0; text-align: center;}
.error-section .error-page h1{padding: 0px;margin: 0 auto;color:#fcac1d; line-height: 126px;font-size: 150px;font-weight: bold; letter-spacing: -1px;text-align: center; float: none;}
.error-section .error-page>.error-content{margin: 0; width:100%; display: flex; flex-direction: column;}
.error-section .error-page>.error-content>h3{font-weight: bold; font-size: 20px;margin: 10px 0;    line-height: normal;}
.error-section .error-page p{ font-size: 16px;}
.error-section .error-page a{color:#fcac1d; }
.error-section .error-page a:hover{ text-decoration:underline}


/* Tabs */
.tabs {
    /* width: 600px; */
    /* background-color: #FFF7F7; */
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    }
    ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
    }
    ul#tabs-nav li {
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 8px 10px;
    border-radius: 5px 5px 5px 5px;
    /*border: 1px solid #d5d5de;
    border-bottom: none;*/
    cursor: pointer;
    }
    ul#tabs-nav li:hover,
    ul#tabs-nav li.active {
    background-color: #333;
    }
    #tabs-nav li a {
    text-decoration: none;
    color: #fcac1d;
    }
    .tab-content {
    padding: 10px;
    /* border: 5px solid #FFF7F7; */
    border: 5px solid transparent;
    background-color: #FFF;
    }

    .myrate .rating > label:before{
        font-size:12px;
      }
      #vtab1{
        overflow-y: scroll;
        max-height: 300px;
        padding:0 1em 0 0;
      }
      #vtab1::-webkit-scrollbar {background-color:#EEE;width:10px;}
      #vtab1::-webkit-scrollbar-thumb {
          border:1px #EEE solid;border-radius:2px;background:#777;
          -webkit-box-shadow: 0 0 8px #555 inset;box-shadow: 0 0 8px #555 inset;
          -webkit-transition: all .3s ease-out;transition: all .3s ease-out;
          }
      #vtab1::-webkit-scrollbar-track {-webkit-box-shadow: 0 0 2px #ccc;box-shadow: 0 0 2px #ccc;}
      .gi-2x{font-size: 2em;}
      .gi-3x{font-size: 3em;}
      .gi-4x{font-size: 4em;}
      .gi-5x{font-size: 5em;}
      .files-upload .productdocs {
            width: 41px;
            height: 41px;
        }
        .productdocs {
            width: 60px;
            height: 60px;
            padding: 1px;
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid #dfe1e7;
        }
      .productdocs .fileobj {
        object-fit: cover;
        width: 100%!important;
        height: 100% !important;
        border-radius: 50%;
        text-align: center;
    }
    .my-tabs {
        /* width: 600px; */
        /* background-color: #FFF7F7; */
        background-color: transparent;
        border-radius: 5px 5px 5px 5px;
        }
        ul#my-tabs-nav {
        list-style: none;
        margin: 0;
        padding: 5px;
        overflow: auto;
        }
        ul#my-tabs-nav li {
        float: left;
        font-weight: bold;
        margin-right: 2px;
        padding: 8px 10px;
        border-radius: 5px 5px 5px 5px;
        /*border: 1px solid #d5d5de;
        border-bottom: none;*/
        cursor: pointer;
        }
        ul#my-tabs-nav li:hover,
        ul#my-tabs-nav li.active {
        background-color: #333;
        }
        #my-tabs-nav li a {
        text-decoration: none;
        color: #fcac1d;
        padding: 8px 10px;
        }
        .my-tab-content {
        padding: 10px;
        /* border: 5px solid #FFF7F7; */
        border: 5px solid transparent;
        background-color: #FFF;
        }
        #my-tabs-content{
            margin-top: 12px;
        }
    div#no_of_emp {
        display: none;
    }
	.treeview-menu>li{white-space: normal!important}

 /* ========== Edit CSS NMG Start ========== */
.container{width: 100%!important;}
.content-wrapper .inner-part .top-message-part ul li .icon-bx{width: 60px; height: 60px; background: #fef6e1; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.content-wrapper .inner-part .top-message-part ul li .icon-bx img{max-width: 35px; max-height: 35px;}
.NoRecordFoundBox {  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 20px; padding: 75px 20px;}
.mb-0{margin-bottom: 0!important}
.sub-bx .tool-tip{top: 3px; right: 5px;}
.recommend-gte b, .recommend-gte strong{font-weight: 600}
/* Start for left Menu */
.main-sidebar ul li i{height: 25px; width: 25px; vertical-align: middle; display: inline-block; background-image: url("../images/admin/menu-icon.png"); background-repeat: no-repeat}
.main-sidebar ul li i.iconDashboard{background-position: -129px -0px;}
.main-sidebar ul li:hover .iconDashboard{background-position: -129px -32px;}

.main-sidebar ul li i.menuContractor{background-position: -44px -0px;}
.main-sidebar ul li:hover .menuContractor,
.main-sidebar ul li.menu-open .menuContractor{background-position: -44px -31px;}

.main-sidebar ul li i.menuEmployer{background-position: -86px -0px;}
.main-sidebar ul li:hover .menuEmployer,
.main-sidebar ul li.menu-open .menuEmployer{background-position: -86px -32px;}

.main-sidebar ul li i.menuRecord{background-position: -171px 3px;}
.main-sidebar ul li:hover .menuRecord,
.main-sidebar ul li.menu-open .menuRecord{background-position: -171px -29px;}

.main-sidebar ul li i.menuContent{background-position: -0px -0px; height: 27px;}
.main-sidebar ul li:hover .menuContent,
.main-sidebar ul li.menu-open .menuContent{background-position: -0px -32px;}

.main-sidebar ul li i.menuTrasaction{background-position: -214px -0px; height: 28px}
.main-sidebar ul li:hover .menuTrasaction,
.main-sidebar ul li.menu-open .menuTrasaction{background-position: -214px -32px;}

.main-sidebar ul li i.munuReview{background-position: -255px -0px; }
.main-sidebar ul li:hover .munuReview,
.main-sidebar ul li.menu-open .munuReview{background-position: -255px -32px;}

.main-sidebar ul li i.menuAccount{background-position: -294px -0px; }
.main-sidebar ul li:hover .menuAccount,
.main-sidebar ul li.menu-open .menuAccount{background-position: -294px -32px;}

.main-sidebar ul li i.menuAttendance{background-position: -336px -0px; }
.main-sidebar ul li:hover .menuAttendance,
.main-sidebar ul li.menu-open .menuAttendance{background-position: -336px -32px;}

.main-sidebar ul li i.menuDispute{background-position: -380px -0px; }
.main-sidebar ul li:hover .menuDispute,
.main-sidebar ul li.menu-open .menuDispute{background-position: -380px -32px;}

.main-sidebar ul li i.menuFeedback{background-position: -424px -0px; }
.main-sidebar ul li:hover .menuFeedback,
.main-sidebar ul li.menu-open .menuFeedback{background-position: -424px -32px;}

.main-sidebar ul li i.menuPayment{background-position: -466px 4px; }
.main-sidebar ul li:hover .menuPayment,
.main-sidebar ul li.menu-open .menuPayment{background-position: -466px -28px;}
/* End for left Menu */
.export-file.download-link{margin-bottom: 20px;}
.pageGoBackWrapper {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 45px;}
.pageGoBack {color: #AAAAAA; display: flex; align-items: center; cursor: pointer;}
.pageGoBack svg {width: 30px; height: 20px;}
.pageGoBack svg path {fill: #AAAAAA;}
.pageGoBackWrapper .breadcrumb{margin-bottom: 0px;}
/*.siteMainContainer{max-width: 1310px; width: 100%; padding: 0px; margin: auto; position: relative;}*/
.engFormWrapper{width: 100%; max-width: 750px; margin: auto; /*padding-bottom: 75px; padding-top: 25px;*/ border: 1px solid #DFE6FD; border-radius: 12px; box-shadow: 0 3px 13px rgb(0 3 13 / 6%); padding: 30px 35px 40px; background: #fff;}
.engFormRow{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.engFormCol{width: 100%; margin-bottom: 25px; position: relative;}
.engFormRow.engCol2 .engFormCol {width: calc(50% - 10px);}
.engFormBtnRow{width: 100%; display: flex; align-items: center; justify-content: center; padding-top: 15px;}
.engCancel {margin-left: 20px; text-decoration: underline;}
.engFormWrapper .pageMainHeading {font-size: 24px; font-weight: 500;  text-transform: capitalize; margin: 0px 0 30px 0; padding: 0px; color: #fcac1d;}
.engFormWrapper .pageMainHeading span {font-weight: normal;}
.engFormColLabel{width: 100%;  padding-bottom: 10px; font-size: 15px;}
.engFormColLabel sup{color: #f00; font-size: 90%; top: -3px;}
.engFormWrapper form{width: 100%; margin: 0px;}
.engFormWrapper .select2-container .select2-search--inline .select2-search__field{margin-top: 11px; padding-left: 10px;}
.form-control.datepicker{background: url("../images/admin/calendar-icon.png") no-repeat; background-position: right 10px top 11px}
.form-control.timepicker{background: url("../images/admin/time-icon.png") no-repeat; background-position: right 10px top 12px}

.disputeFormWrap{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}

.disputeFormRow{width: 100%; position: relative; margin: 0px; padding: 0px 100px 0 0px; border: 1px solid #ccc; border-radius: 10px;}
/*.disputeFormBtnWrap{width: 100px; border: 1px solid #f00}*/
.disputeFormBtn{background: url(../images/admin/send-icon.png) center no-repeat; width: 30px; height: 30px; background-color: transparent; border: 0; text-indent: -9999px; padding: 0px; position: absolute; top: 15px; right: 10px;}

.disputeFormUpload {  float:left; margin:0px}
.disputeFormUpload label{width: 100%; margin: 0px; padding: 0px; display: inline}
.disputeFormUpload .file-btn-area{float:left; margin:0px; padding:0px; border:0; }	
.disputeFormUpload .file-btn{background: transparent; border: 0; height: 30px; width: 30px; cursor: pointer; position: absolute; top: 15px; right: 55px; display: flex; justify-content: center; align-items: center;}
.disputeFormUpload .file-value{width:100%; float:left; margin:0px; padding:0px 0 0 0px; cursor:pointer;} 
.disputeFormUpload .file-value:not(:empty){height: 25px; line-height: normal; border: 0; background: transparent; display: flex; align-items: flex-end; color: #007da5;}
.disputeFormUpload .info-file{float:left;  height: 0.1px;   opacity: 0;    overflow: hidden;    position: absolute;    width: 0.1px;    z-index: -1;}
form#adminStatement{width: 100%; margin: 15px 0 0 0; padding: 0px;}
.disputeFormRow textarea.form-control{height: 55px; resize: none; border: 0 !important; background: transparent;}
.disputeFormRow textarea.form-control:focus {box-shadow:none}
.disputeMsgWrap{width: 100%; margin-top: 15px; height: calc(100vh - 450px); display: block; overflow-y: scroll;/* flex-direction: column; -ms-overflow-style: none; scrollbar-width: none;*/ text-overflow: inherit; scrollbar-width: thin; scrollbar-color: #D2D2D2 transparent; padding: 0 10px 0 0}

.disputeChatContent{width: auto; max-width: calc(100% - 35%); display: inline-block; font-size: 13px; padding: 15px 20px; margin: 0px 0 4px 0; border-radius: 5px;}
.dcInfoRow{display: block; width: 100%; font-size: 13px; color: #fcac1d; padding-bottom: 7px;}
.dcInfoRow b{font-weight: 500;}
.disputeMsgWrap ul, .disputeMsgWrap li{width: 100%; list-style: none; margin: 0px; padding: 0px;}
.disputeMsgWrap li{margin-bottom: 25px; display: flex; flex-wrap: wrap}
.disputeMsgWrap li.disputeChatItemSender{justify-content:flex-end}
.disputeMsgWrap li.disputeChatItemSender .dcInfoRow {text-align: right}
.disputeChatItemReceiver .disputeChatContent{background: #f5f5f5;}
.disputeChatItemSender .disputeChatContent {background: #e8ebfa;}
.disputeChatImg{margin-top: 15px; display: inline-block; max-width: 400px; background: #fff; padding: 7px; border-radius: 5px;}
.disputeChatImg:empty{display: none}
.disputeChatImg img {max-width: 100%;  max-height: 100%;}
.disputeChatContent p{margin: 8px 0 0 0; line-height: 20px;}
.disputeChatContent p:first-child{margin-top: 0px;}
.disputeFilter{width: 100%}
.disputeFilter .engFormCol{margin-bottom: 0px;}
.dcDateTime{width: 100%; display: block; text-align: right; font-size: 11px; padding-top: 10px; color: #848484}
.helpNoteWrap,.helpNoteWrap ul,.helpNoteWrap li,.helpNoteHead{width: 100%; margin: 0px; padding: 0px;}
.helpNoteWrap{padding-top: 25px;}
.helpNoteWrap li{list-style-type: none; padding-bottom: 7px;}
.helpNoteWrap li b,.helpNoteWrap li strong{font-weight: 500;}
.helpNoteHead{font-size: 18px; font-weight: 600; padding-bottom: 15px;}

.disputeFormRow #message-error{width: 100%; position: absolute; bottom: -27px; left: 0px;}
.disputeFormRow #upload_design-error{margin-top: 40px; display: inline-block;}
	/* ========== Edit CSS NMG End ========== */
	
 /* Start for Before Login */
body.login-page {background: #F4F4F4; height: 100%;}
.loginArea{display: flex; flex-wrap: wrap; padding: 50px 50px; max-width: 500px; width: 100%; margin: 10% auto 0; align-items: center; position: relative; background: #fff; box-shadow: 0 2px 3px #343a400f; border-radius: 10px;}
.loginLogo{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 0; margin: 0px 0 25px 0;} 
 
.loginArea .pageMainHeading{text-transform: inherit; background: transparent; width: 100%; padding: 0px; margin: 0px; font-size: 27px;}
.loginArea .pageMainHeading span{font-size: 18px; font-weight: 500; width: 100%; display: block; padding:0px;}
.loginArea label.error {margin: 8px 0 0 0; font-size: 13px;}
.pageMainHeading.loginPageHi{font-size: 35px; line-height: 38px;}
.loginFormWrap,.formLinkLine,.loginArea .alert{width: 100%}
 .loginArea .alert{position: absolute; top:-65px; left: 0px;}
.loginFormWrap{padding-top: 35px;}
.formLinkLine{text-align: right;}
.loginFormBtnRow{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 25px 0 0 0px; justify-content: center; align-items: center}
.loginFormBtnRow a{text-decoration: underline; color: #000}
.loginFormBtnRow a:hover{text-decoration: none}
.btnArrow {background: url("../images/admin/right-white-arrow.png") no-repeat; width: 6px; height: 11px; display: inline-block; margin-left: 10px;}
.login-box-msg{padding: 0px 0 20px 0px; text-align: left; font-size: 15px; font-weight: 500; width: 100%;}
.loginArea .alert>ul{list-style: none}
.loginArea form{width: 100%}
.loginFormRow{width: 100%; margin: 0px; padding: 0 0 20px 0}
.btn{text-decoration: none}
.tdInquiryStatus .select2-container{width: 130px!important}
.tdInquiryStatus .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-right: 8px;}
.disputeDateBox{padding-right: 35px!important; min-width:  200px}
/* End for Before Login */





/*date*/
.datepicker{padding:4px;direction:ltr}.datepicker-inline{width:100%}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{
    float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#c7bca6;color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#c7bca6}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#241F20}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#241F20;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#e0ddd2; color:#231F20;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#231F20;}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#e0ddd2}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#e0ddd2}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-ms-linear-gradient(to bottom,#e0ddd2,#e0ddd2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#e0ddd2));background-image:-webkit-linear-gradient(to bottom,#e0ddd2,#e0ddd2);background-image:-o-linear-gradient(to bottom,#e0ddd2,#e0ddd2);background-image:linear-gradient(to bottom,#e0ddd2,#e0ddd2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#241F20;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#e0ddd2}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #241F20;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;line-height:20px}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}



/* ========== Admin Notification CSS Start ========== */

.notifications-top-row {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 30px;
}
.notifications-container, .notifications-row, .notifications-top-row {
    width: 100%;
    display: flex
;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.notificationsTopLeft {
    display: flex
;
}
.notificationNumber {
    color: #FF7903;
    font-size: 15px;
}
.notifications button {
    position: relative;
    width: 104px;
    height: 44px;
    border-radius: 28px;
    border: 0;
    cursor: pointer;
    /* background: url(../images/delete-icon.png) no-repeat; */
    background-position: top 15px left 14px;
    background-color: #E84747;
    color: #fff;
    transition: all 0.5s ease-in-out;
    padding-left: 18px;
}
/*
.notifications-container {
    max-height: calc(100vh - 300px);
}*/
.notifications-container {scrollbar-width: thin; scrollbar-color: transparent transparent;  max-height: calc(100vh - 300px);overflow-y: scroll;}

.notifications-row {
    padding-bottom: 15px;
}
.notifications-td {
    width: 100%;
    position: relative;
}
/* input[type=checkbox]:not(old) {
    width: 0px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
} */
.notifications-td input {
    position: absolute;
    top: 20px;
    left: 0;
}
.notifications-row label{width:100%;}
.notifications-row label, .selectall-box label {
    justify-content: space-between;
    height: auto !important;
}
.notifications-row p {
    /* background: rgba(39, 39, 39, .61); */
    border-radius: 10px;
    /* width: calc(100% - 45px); */
    margin: 0px;
    padding: 19px 125px 18px 20px;
    font-weight: normal;
    position: relative;
}
.disablednotifications {
    pointer-events: none;
    opacity: 0.4;
}
.notifications-row p u {
    position: absolute;
    top: 19px;
    right: 20px;
    text-decoration: none;
    color: #FF7903;
    font-size: 15px;
    font-weight: normal;
}

.notifications-row span.notification-cnt {
width: calc(100% - 9%);
display: inline-flex;
}
@media screen and (max-width: 1500px){
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {padding-left: 30px !important;} 
}
/* ========== Admin Notification CSS End ========== */