@font-face {
    font-family: 'proxima_nova_altblack';
    src: url('../../../fonts/Proxima-Nova-Alt-Black-webfont.eot');
    src: url('../fonts/Proxima-Nova-Alt-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova Alt Black-webfont.woff2') format('woff2'),
         url('../fonts/Proxima-Nova-Alt-Black-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Alt-Black-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Alt-Black-webfont.svg#proxima_nova_altblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_altbold';
    src: url('../fonts/Proxima-Nova-Alt-Bold-webfont.eot');
    src: url('../fonts/Proxima-Nova-Alt-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova-Alt-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Proxima-Nova-Alt-Bold-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Alt-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Alt-Bold-webfont.svg#proxima_nova_altbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima_Nova';
    src: url('../fonts/Proxima-Nova-Alt-Regular-webfont.eot');
    src: url('../fonts/Proxima-Nova-Alt-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova-Alt-Regular-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Alt-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Alt-Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/Proxima-Nova-Semibold-webfont.eot');
    src: url('../fonts/Proxima-Nova-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/Proxima-Nova-Semibold-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{ font-family: 'Proxima_Nova'; font-weight:400; background:#edf0f5; padding-top:69px;}
ul{margin:0; list-style:none; padding:0;}
.pos-abs{position:absolute;}
.pos-rel{position:relative;}    
.btn-primary{background:#DA151E;}
.btn-outline-primary {background:#ffffff; color: #DA151E!important;}
.btn-success{background:#1FAFA1;}
.btn-inherit{background: #ffffff; border: 1px solid #e5e5e5; color: #282828;}
.btn:hover, .btn:focus{background:#DA151E; color:#fff;}
.btn-full{width:100%;}
.bg-primary {  background-color: #DA151E !important;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #1e2121;
    border-color: #191b1b;
}
.btn-fixed {
    position: fixed;
    bottom: 80px;
   /*  z-index: 9; */
    right: 42px;
}
.language-selector .dropdown-menu>.active>a, .language-selector .dropdown-menu>.active>a:focus, .language-selector .dropdown-menu>.active>a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #DA151E!important;
    outline: 0;
}
.org-selector .dropdown-menu>.active>a, .org-selector .dropdown-menu>.active>a:focus, .org-selector .dropdown-menu>.active>a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #DA151E!important;
    outline: 0;
}

a:link{text-decoration:none; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}
.mandatoryField { color: #d50101; font-size: 14px;}
textarea.form-control{resize:none;}
.float-clear{float:none;}
.container{max-width:1350px; width:auto;}
.bg-white{background-color:#fff;}
.bg-gray {background-color:#fbfcfd;}
.nopadding {padding: 0 !important;margin: 0 !important;}
.mR0{margin:0px !important;}
.mRB10{margin-bottom:10px;}
.mRB15{margin-bottom:15px;}
.mRB20{margin-bottom:20px;}
.mRB30{margin-bottom:30px;}
.mRR10{margin-right:10px;}
.mRR15{margin-right:15px;}
.mRR20{margin-right:20px;}
.mRR30{margin-right:30px;}
.mRT5{margin-top:5px;}
.mRT10{margin-top:10px;}
.mRT15{margin-top:15px;}
.mRT20{margin-top:20px;}
.mRT25{margin-top:25px;}
.mRT30{margin-top:30px;}
.mRT40{margin-top:40px;}
.mRT50{margin-top:50px;}
.mRT60{margin-top:60px;}
.mRL10{margin-left: 10px;}
.p-4{padding: 5px;}
.border-1{border: 1px solid #DA151E;} 
.p-1{padding: 5px;}
.sprite{background:url(../images/sprite.png) left top no-repeat;}
.animation{transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.selectBox { position: relative;}
.multiselect .selectBox select { width: 100%; font-weight: bold; border:none;}
.multiselect .overSelect { position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;}
.multiselect #checkboxes {border: 1px solid #dadada; display: none; overflow-x: scroll;  height: 100px;  overflow-x: auto;}
.multiselect #checkboxes label {  display: block; padding:5px;}
.multiselect #checkboxes label:hover {  background-color: #1e90ff;}
.multiselect #checkboxes input { margin-right: 10px;}
.text-white{color:#fff;}
.bold{font-weight:bold;}
.table tr td:first-child,.table tr th:first-child{text-align: center;}
.table tr td:last-child,.table tr th:last-child {text-align: center;}

/*loader*/

#overlay {display:none; background:rgba(0,0,0,0.2); color: #666666; position: fixed; height: 100%;width: 100%; z-index: 5000; top: 0; left: 0; float: left; text-align: center;}
.spinner { margin: -32px auto 0; height: 64px; width: 64px;  animation: rotate 0.8s infinite linear;  border: 5px solid #3c861e;  border-right-color: transparent;  border-radius: 50%;
position: absolute;left: 0;right: 0;top: 50%;}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*****login css*****/
.login-bg{background:url(../images/login-bg.jpg) left top no-repeat; background-size:cover; background-attachment:fixed; height:100%; padding-top:0;}
.login-reg-wrap{padding:10px 55px; background:#fff; width:450px; margin-right:5%;}
.login-reg-wrap h2{font-size:14px; font-weight:700; color:#015386; margin-bottom: 20px; margin-top: 10px; letter-spacing:2px;text-transform: uppercase;}
.login-reg-wrap .input-group{width:100%; margin-bottom:20px;}
.login-reg-wrap .form-control{height:45px; font-style:italic; color:#999;}
.login-reg-wrap .input-group-addon{border: 1px solid #e2e2e2; width:45px; padding:0; background:none; border-right: none;}
.login-reg-wrap .input-group-addon .fa{font-size:20px; color:#cccccc;}
.login-reg-wrap .captcha_image{border:1px solid #e2e2e2; height:45px; border-radius:4px; width: 100%;}
.login-reg-wrap .checkbox{margin: 0;}
.login-reg-wrap .link{color:#969696; font-size:14px; text-decoration:underline;}
.login-reg-wrap .link:hover{color:#285781;}
.login-cred{border-top:1px solid #eaeaea; padding-top:10px; color:#666666; font-size:13px;}
.login-cred b{color:#015386; display:block;}
.login-reg-wrap .btn{height:45px; line-height:45px; padding:0;}
.redstar{color:#ff0000;}

/*****header css*****/
header{position:fixed; left:0; right:0; width:100%; top:0; background:#fff; z-index: 99;}
.navbar-toggle {border-right:1px solid #e4e5e7; float: left; height: 69px; margin: 0 10px 0 0; padding: 0 10px 0 0; position: relative; width: 45px;}
.navbar-toggle .icon-bar { background: #dfdfdf; border-radius: 1px; display: block; height: 4px; margin: 5px 0; width: 100%;}
.header-top{border-bottom:1px solid #e4e5e7; height:70px; display:table; padding:0 5px; width: 100%;padding: 0 1em 0 8em;}
.logo-dash{  width: 100%;height: 69px;}
.logo-dash img{width:100%;height: 100%;object-fit: contain;}
.cust-link > li{font-weight:500; cursor:pointer; border-right: 1px solid #e4e5e7; display: table-cell; height: 69px; padding: 0 7px; vertical-align: middle; position:relative; color: #6a6c6f;}
.cust-link li a{color: #DA151E;}
.cust-link > li.logout-bar{border-right:none;padding-right: 0;}
.cust-link > li .count{top:10px; right:18px; width:15px; height:15px; line-height:15px; background:#DA151E; color:#fff; font-size:10px; font-weight:500; border-radius:2px;}
.cust-link > li.login-bar .fa {margin-right:5px; background: #edf0f5; border-radius: 50%; font-size: 20px; height: 40px; line-height: 40px; text-align: center; width: 40px;}
header .navbar-nav{width:100%;}
header .navbar-nav > li:last-child{float:right;}
header .navbar-nav > li > a {padding: 10px 15px; font-size:14px; color:#fff; font-weight:500;}
header .navbar-nav > li > a .fa{color:#fff; font-size:15px; margin-right:10px;}
header .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover { color: #fff; background-color: #59b83e;}
header .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background-color: #59b83e; text-decoration: none;}

/*****left panel filter css*****/
.sidebar-toggler{position: absolute;right: -20px;top: 50%; margin-top:-20px; cursor:pointer; width: 40px;height: 40px;line-height:40px; background: #DA151E; text-align:center; border-radius:50%;}
.sidebar-toggler span{width:2px; display:inline-block; margin:0 2px 0 0; background:#fff; vertical-align:middle;  transition: all 0.5s ease 0s;}
.sidebar-toggler.active span:nth-child(1n){height:14px;}
.sidebar-toggler.active span:nth-child(2n){height:10px;}
.sidebar-toggler.active span:nth-child(3n){height:6px;}
.sidebar-toggler span:nth-child(1n){height:6px;}
.sidebar-toggler span:nth-child(2n){height:10px;}
.sidebar-toggler span:nth-child(3n){height:14px;}
.sidebar {bottom: 0; box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1) inset; left: 0; padding:0; position: fixed; top: 69px; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;
z-index: 999; height: calc(100vh - 69px); background: #fff; /* width:231px; */    position: absolute;     top: 0;}
.sidebar-head { color: #ffffff; display: block; float: left; font-size: 14px; font-weight: 700; line-height: 23px; margin-bottom: 10px; padding: 25px 20px 20px 45px; 
    position: relative; text-transform: uppercase;  width: 100%; height:68px;background: #da151e}
.sidebar-head::after { background: #ffffff; bottom: 0; content: ""; height: 2px; left:15px; position: absolute; width: 22px;}
.sidebar-head .fa { font-size: 23px; left: 15px; margin-top: -11px; position: absolute; top: 50%;}	
.sidebar-head:hover, .sidebar-head:focus{color:#fff;}
.sidebar ul.panel-group {clear: both; }
.sidebar > .slimScrollDiv{clear: both; padding-bottom:25px;}
.sidebar .panel-group .panel:last-child {  margin-bottom: 25px;}
.sidebar .panel-group .panel{position:relative; border-radius: 0px;background-color: inherit; box-shadow:none; border:none; margin:0; display:block; width:100%; clear:both;}
.sidebar .panel-group .panel-default.active > .panel-heading > a{color:#59B83E;}
.sidebar .panel-default > .panel-heading{padding:0; background:none; border:none; border-radius:inherit;}
.sidebar .panel-default > .panel-heading > a{background: #da151e; height:41px; position:relative; clear: both; color: #ffffff; display: block;font-size: 11px; font-weight: 700;line-height: 15px; padding: 13px 20px 13px 45px; text-transform: uppercase; width: 100%;}
.sidebar .panel-default > .panel-heading > a.collapsed { color:#DA151E;background: #fff}
.sidebar .panel-default > .panel-heading > a .fa{ font-size: 15px; position:absolute; top:50%;}
.sidebar .panel-default > .panel-heading > a .fa:first-child{left:15px; margin-top:-7px; width:19px; text-align:center;}
.sidebar .panel-default > .panel-heading > a .fa:last-child{font-size: 10px;  right:15px; margin-top:-5px;}
.sidebar .panel-default > .panel-heading > a .panel-text {width:100%;}
.sidebar .panel-collapse { font-size: 12px; padding-left: 22px;}
.sidebar .panel-collapse.in {background:#999;}
.sidebar .panel-collapse li {border-left: 1px dotted #fff; padding-left: 16px;}
.sidebar .panel-collapse li a {color: #fff; font-size: 11px; font-weight: 500; position: relative; text-transform: uppercase; padding:6px 5px; display:inline-block;}
.sidebar .panel-collapse li a::before { border-top: 1px dotted #fff; content: ""; left: -13px; margin-top: -1px; position: absolute; top: 50%; width: 11px;}
.sidebar .panel-collapse li a .badge{background-color: #da151e;font-size: 10px;left: -32px;top: 5px;animation: 1.5s linear infinite condemned_blink_effect;-webkit-animation: 1.5s linear infinite condemned_blink_effect; -moz-animation: 1.5s linear infinite condemned_blink_effect;}
/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect { 0% { visibility: hidden;} 50% { visibility: hidden;} 100% { visibility: visible;} }
@keyframes condemned_blink_effect { 0% {visibility: hidden;} 50% { visibility: hidden;} 100% { visibility: visible;} }


.sidebar-collapse .sidebar { width: 65px;}
.sidebar-collapse .main-container { margin-left: 65px;}
.sidebar-collapse .sidebar-head .fa{left:0; right:0; margin:-11px auto 0; text-align:center;}
.sidebar-collapse .sidebar-head::after{left:21px;}
.sidebar-collapse .sidebar .panel-text {display:none!important;}
.sidebar-collapse .sidebar .panel-collapse { background: #DA151E; font-size: 12px; padding: 15px; position: absolute; right: -150px; top: 0;width: 150px;}
.sidebar-collapse .sidebar .panel-default > .panel-heading > a .fa:first-child { left: 0; margin: -7px auto 0; right: 0; text-align: center; width: 19px;}
.sidebar-collapse .sidebar .panel-default > .panel-heading > a .fa:last-child{ right: 7px; transform: rotate(-90deg);}

/*****main container css*****/

.main-container { display: block; margin-left: 95px; padding-left: 20px; padding-right: 20px;}
.container-head { padding: 0px 20px; margin-top: 20px;}
.container-head h2{color:#DA151E; font-size:24px; font-weight:700; margin:0;display: inline-block;}
.container-head  .breadcrumb{background:none; margin:5px 0 0 15px; padding:0; border-radius:inherit;display: inline-block;}
.container-head  .breadcrumb > li a{ color:#666666;}
.inner-container{padding:20px; background:#fff; border:1px solid #e4e5e7; margin-bottom:12px;margin-top:20px;}

/*****landing info css*****/
.landing-bg{ background-position:center center; background-repeat:no-repeat; min-height:667px; background-size: cover;} 
.org-bg{background-image:url("images/org-bg.jpg"); }
.role-bg{background-image:url("images/role-bg.jpg"); }
.ticket-bg{background-image:url("images/ticket-bg.jpg"); }
.calender-bg{background-image:url("images/calender-bg.jpg"); }
.finops-bg{background-image:url("images/finops-bg.jpg"); }
.reports-bg{background-image:url("images/reports-bg.jpg"); }
.setup-bg{background-image:url("images/setup-bg.jpg"); }
.landing-heading{ margin:20px 0 50px;}
.landing-heading span{display:block; margin:0; font-size:14px; font-weight:400; color:#6a6c6f;}
.landing-info a{display:inline-block; margin: 0 10px 20px; vertical-align: top; font-size:18px; color:#DA151E; font-weight:700px; 
width:176px; height:176px; border-radius:5px; background:rgba(255, 255, 255, 0.8); padding:30px 10px 25px; font-weight: 700;position: relative;}
.landing-info a .fa{font-size:50px;}
.landing-info a:hover{background:#DA151E; color:#fff;}
.landing-info a span{bottom: 25px; left: 0; position: absolute; right: 0; word-wrap: break-word; padding: 0 5px;}


/*****footer css*****/
footer{height:65px; line-height:65px; color:#b8b8b8; font-size:12px; text-align: center;}

/*****table format******/
.accordion-table.panel-group .panel { border-radius: 0px; border:1px solid #e4e5e7;}
.accordion-table .panel-default > .panel-heading{background-color:inherit; border-radius: 0px; padding:0;}
.accordion-table  .panel-title > a{color: #59b83e; position:relative; display: block; font-size: 16px; font-weight: 500; height: 45px; line-height: 45px; padding: 0 15px; width: 100%;}
.accordion-table  .panel-title > a .fa{position:absolute; right:15px; top:50%; margin-top:-15px; border:1px solid #eff1f6; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; font-size:12px;}
.accordion-table  .panel-title > a.collapsed{color: #DA151E;}
.table-info > tbody > tr:nth-of-type(2n+2) { background-color: #fafafa;}
.table-info > tbody > tr > td:first-child{background-color:#edf0f5; color:#DA151E; font-weight:700;}
.table tr > th, .table tr > td{vertical-align: middle !important;}
.info-heading{font-size:18px; color:#DA151E; font-weight:700; margin:0 0 0px; padding:0 0 10px; position:relative;}
.info-heading:after{content:"";position:absolute;bottom:0; left:0; background:#DA151E; height:2px; width:95px; }
table.dataTable .checkbox-center{text-align:center;}
table.dataTable a.link{text-decoration:underline;font-size:14px; font-weight:500; color:#DA151E;}
.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label { font-weight: normal; text-align: left; white-space: nowrap;}
.dataTables_wrapper .dataTables_filter input {display: inline-block; margin-left: 0.5em; width: auto;}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px;box-sizing: content-box;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer; position: relative;}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    top:50%; margin-top:-9px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5; position: absolute; right: 8px; font-weight:normal;}
table.dataTable thead .sorting:after { opacity: 0.2;content: "\e150";}
table.dataTable thead .sorting_asc:after {content: "\e155";}
table.dataTable thead .sorting_desc:after {content: "\e156";}	
.dataTables_wrapper .dataTables_filter { text-align: right;}
.dataTables_wrapper .dataTables_paginate { margin: 0; text-align: right; white-space: nowrap;}
.dataTables_wrapper .dataTables_info { padding-top: 8px; white-space: nowrap;}
.dataTables_wrapper .dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap;}

/* tab format */
.tab-layout-org{margin-left:-20px; margin-right:-20px; margin-top: -20px;}
.tab-layout > ul{background:url("../images/tab-bg.jpg") left top repeat-x; background-size:100% 100%; border-bottom:1px solid #e4e5e7;float: left;
    width: 100%;}
.tab-layout > ul > li{float:left;}
.tab-layout > ul > li > a{float:left; padding:12px 20px; font-size:18px; font-weight:600; border-right:1px solid #e4e5e7; position:relative;}
.tab-layout > ul > li.active > a::after { border-bottom: 1px solid #ffffff;  bottom: -1px; content: ""; left: 0; position: absolute; width: 100%;}
.tab-layout > ul > li.active > a{background:#fff; color:#59b83e;}
.tab-layout .tab-content{ padding:25px 20px;}
.tab-layout .tab-heading{font-size:18px; font-weight:500; color:#DA151E; position:relative; margin-bottom:15px; padding-bottom:10px;}
.tab-layout .tab-heading:after{border-bottom: 2px solid #DA151E;  bottom: 0; content: ""; left: 0; position: absolute; width: 95px;}

/* form */
.form-control:focus {  border-color: #DA151E;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 20, 114, 0.5);}
.form-control::-moz-placeholder {color:#000000; font-weight:700;}
.form-control[readonly] { background-color: #ffffff; font-weight: 700;}
.form-control[disabled] { background-color: #edf0f5;  color: #97999c; font-weight: 700;}
.form-inline .checkbox {padding-right:10px;}
.has-error .form-control,.has-error .form-control:focus { border-color: #e11b1f;  box-shadow: inherit;}
.has-error .help-block, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{color: #e11b1f;}
.help-block {text-align: right; margin-bottom:0;}
.calender-icon{position:relative;}
.calender-icon .fa-calendar-alt{color: #DA151E; font-size: 18px;  margin-top: -9px; right: 15px; top: 50%;}
.ui-datepicker { width: 19em;padding: 5px 15px;z-index: 100 !important;}
.ui-datepicker-header{background:#DA151E; color:#fff;}
.ui-datepicker-calendar .ui-state-active{background: #DA151E; border: 1px solid #DA151E;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
.ui-datepicker-prev span:before{cursor:pointer; color: #ffffff; content: "\f100"; display: block; font-family: "Font Awesome 5 Free"; font-size: 15px;font-weight: 400;}
.ui-datepicker-next span:before{cursor:pointer; color: #ffffff; content: "\f101"; display: block; font-family: "Font Awesome 5 Free"; font-size: 15px;font-weight: 400;}
.ui-datepicker-prev span:hover:before,.ui-datepicker-next span:hover:before{color:#59B83E;}
.ui-datepicker .ui-icon{text-indent:inherit;}
.ui-datepicker-prev:hover{background:none; border:none; left:2px; top:2px;}
.ui-datepicker-next:hover{background:none; border:none; right:2px; top:2px;}

/* modal */
.modal-header{background:#DA151E; color:#fff;}
.modal-header .close{font-size:25px; color:#fff; opacity:1; text-shadow:inherit;}
.modal-header .close:hover, .modal-header .close:focus{color:#fff;}


/*****ticket*****/
.banner-wrap {margin-left: -20px;  margin-right: -20px;   margin-top: -20px;}
.banner-caption {color: #ffffff; font-size: 24px; font-weight: 700; left: 25px; top: 90px;}
.banner-caption::after { background-color: #ffffff;bottom: -3px;content: "";height: 2px;left: 0;position: absolute;width: 61px;}

.legend-bg {background-color: #fbfcfd;padding:30px 20px;}
.the-legend {color: #DA151E;font-size: 16px;font-weight: 700;left: 15px;line-height: 20px; margin: auto;    top: -12px;}
.the-legend.pos-center {  left: 0; right: 0;}
.the-legend span { background: #ffffff;   padding: 0 20px;}
fieldset {border: 1px solid #da151e;padding: 30px; position:relative;}
.amount-convert label  { font-weight:700;}
.amount-convert .input-group-addon {border:none; border-radius:0px;background-color:#edf0f5;}

.wizard a:hover,.wizard a:active,.wizard a:focus {text-decoration: none}
.wizard li {display: block;   float: left;    width: 25%; text-align: center;}
.wizard li:before { border-top:3px solid #edf0f5;    content: "";    display: block;     overflow: hidden;    position: relative; top:28px;    right: 1px;    width: 100%;  }
.wizard li:first-child:before { left: 50%;  max-width: 50%;}
.wizard li:last-child:before { max-width: 50%;  width: 50%;}
.wizard li.complete .step { background: #0aa66e; padding: 1px 6px;  border: 3px solid #55606E;}
.wizard li .step i { font-size: 10px;    font-weight: 400; position: relative; top: -1.5px;}
.wizard li .step { border-radius: 50%; color: #ffffff; font-size: 28px;  font-weight: 700; width:56px; height:56px; background: #ffffff;color:#adbcd1; display: inline-block ;font-weight: 700; line-height:56px;border:2px solid #f2f2f4;position: relative; text-align: center;  transition: all .1s linear 0s;}
.wizard li.active .step,.wizard li.active.complete .step {   background: #5ab83e; color:#ffffff;}
.wizard li.complete .title,.wizard li.active .title {    color: #5ab83e;}
.wizard li .title { color: #afbcd1;    display: block; font-size: 16px;line-height: 36px;  position: relative;     text-align: center;    top: 20px;	font-weight:700;  }
.wizard-actions { display: block;    list-style: none; padding: 0;position: relative; width: 100%}
.wizard-actions li { display: inline;}
.tab-content.transparent { background-color: transparent;}
.banner-text {color: #ffffff;left: 30px;position: absolute;top:50px;}

.subModulePageList.active>li>a{
	color: #59b83e;
}
.bg-gray{background:#ddd;}

.error,.errorLClass {
	color: red;
	font-size: 12px;
}
.errors{
	color: green;
	font-size: 12px;
}
.removeBan .fa-times-circle-o{color:#d9534f;font-size:16px;}
.dispnone {display: none;}
.dispblock {display: block;}
.btn-green{background-color: #59b83e;}
.subheader{color: #59b83e;font-size: 18px;font-weight: 600;}

/* ul#myNav{float:left;width: 100%; border: 1px solid #ddd;margin-top: 20px;padding: 4px;}
ul#myNav li{float: left;list-style: none;width: auto;margin-right: 15px;}
ul#myNav li a{float:left; background-color:#59b83e;padding: 8px 15px;color: #fff;border-radius:3px;text-decoration: none;} */

.role-def-selection ul {
	list-style: none;
}

.role-def-selection ul.topmodule {
	border-bottom: 1px dotted;
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 15px;
	padding-left: 0;
}

.role-def-selection ul label {
	font-weight: 400;
}

button,html input[type="button"],input[type="reset"],input[type="submit"]
	{
	transition: all 0.4s ease-in-out 0s;
}

.role-def-selection input[type="checkbox"] {
	margin-right: 2px;
}

.role-def-selection>div>ul>li>label {
	font-size: 22px;
	color: #63ca31;
}

.role-def-selection>div>ul>li>input {
	height: 17px;
}

.role-def-selection>div>ul>li>ul>li>label {
	font-size: 18px;
	color: #3598db;
}
.black_overlay {background: #000; display: none; float: left; height: 100% !important; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; width: 100%; z-index: 5;}
.popup_content {display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: auto; padding: 16px; border: 4px solid #ccc; background-color: white; z-index: 1002; overflow: auto;}
.popup_contentx{display: none; position:fixed; top: 10%; left: 15%; width: 70%; height: 80%; padding: 16px; border: 4px solid #ccc; background-color: white; z-index: 1002; overflow: auto; overflow-x: hidden;}
.slider.round {
  border-radius: 34px;
}

/* Toggle btn css*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}
/* .sellerPanelProductCreation .switch{margin-left:5%;}
.sellerPanelProductCreation .switch:before {
    content: "Light";
    left: -50px;
    position: absolute;
    padding-left: 10%;
    text-align: center;
    top: 8px;
    text-transform: uppercase;
}
.sellerPanelProductCreation .switch:after {
    content: "Advanced";
    right: -85px;
    position: absolute;
    padding-left: 10%;
    text-align: center;
    top: 8px;
    text-transform: uppercase;
} */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #DA151E !important;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.dev-filter ul li{display:inline-block;}
.dev-filter ul li a{ cursor: pointer;background-color: #DA151E;padding: 6px 12px;border-radius: 25px;color: #fff;}
.dev-filter a.active {background-color:#1FAFA1;}
/*Page Loading*/
.association{/* float:left;width:100%; */border-top:1px solid #eee;padding-top:15px;}

.brandpagelogo{width: 100% !important;/* max-width:150px !important; */ height: 160px !important;object-fit: contain;/* background: #fff; */}
.thumbnail label{padding:3px 0;border-radius: 0;font-size:13px;}
.thumbnail .fileUploadBox{background:#d8d8d8;padding: 10px;margin-top: 10px;overflow: hidden;}
.deleteImage{float: right;width: 100%;}
.imagePreview {text-align:center; width: 100%;height: 85px;background-position: center center; background: url(/media/common/images/defaultImg.jpg?x-oss-process=image/resize,w_366);background-color: #fff;background-size: 100% 100%;background-repeat: no-repeat;display: inline-block;border:1px solid #d8d8d8;}
.imagePreview img{height: 100%;object-fit: contain;}
.imgUploadBox .btn-primary {width:100%;display: block;border:0;border-radius: 0px;}
.imgUp {margin-bottom: 15px;}
.del {position: absolute;top: 0px;right: 15px;width: 30px;height: 30px;text-align: center;line-height: 30px;cursor: pointer;}
.imgAdd {float:left; width: 20px;height: 20px;border-radius: 50%;background-color: #000;color: #fff;text-align: center;line-height: 18px;margin-top: 0px;cursor: pointer;font-size: 10px;margin-left: -1%;}
.col-md-3.imgUp:nth-child(5n) {clear: both;}
/*add row in table for document add*/
.addDocTable  .table-title {padding-bottom: 10px;margin: 0 0 10px;}
.addDocTable  .table-title h2 {margin: 6px 0 0;font-size: 22px;}
.addDocTable  .table-title .add-new {float: right;height: 30px;font-weight: bold;font-size: 12px;text-shadow: none;min-width: 100px;border-radius: 50px;line-height: 13px;}
.addDocTable  .table-title .add-new i {margin-right: 4px;}
.addDocTable table.table {table-layout: fixed;}
.addDocTable  table.table tr th, .addDocTable  table.table tr td {border-color: #e9e9e9;}
.addDocTable  table.table th i {font-size: 13px;margin: 0 5px;cursor: pointer;}
.addDocTable  table.table th:last-child {width: 100px;}
.addDocTable  table.table td a {cursor: pointer;display: inline-block;margin: 0 5px;min-width: 24px;}
.addDocTable  table.table td a.add {color: #27C46B;}
.addDocTable  table.table td a.edit {color: #FFC107;}
.addDocTable  table.table td a.delete {color: #E34724;}
.addDocTable  table.table td i {font-size: 19px;}
.addDocTable  table.table td a.add i {font-size: 24px;margin-right: -1px;position: relative;top: 3px;}
.addDocTable table.table .form-control.error {border-color: #f50000;}
.addDocTable  table.table td .add {display: none;}
/* fix = code from bootstrap 3 */
.listBrowsTable tbody.collapse.in {display: table-row-group;}
#myChart{height:350px !important;}
#line-chart{height:350px !important;}
.progress{border-radius:50px;}
.progress-bar{background-color: #DA151E; border-radius: 50px;}
/*Seller Dashboard Design CSS*/
.sellerOverviewBox .tileBox {box-shadow: 1px 2px 8px 0px #f1f1f1;background-color: #fff;border-radius: 8px;height: 100px;border: 1px solid #f1f1f1;margin-bottom:25px;}
.sellerOverviewBox .tileBox p {text-transform: uppercase;}
.sellerOverviewBox .tileBox h5{float:left;width:54%;padding:0 15px;}
.sellerOverviewBox .iconBox {height: 100%; border-radius: 5px;text-align: center;float: left;width: 35%;margin: 0px;}
.sellerOverviewBox .contentBox {float: left;width: 54%;padding:10px 5px;text-align: center;}
.sellerOverviewBox .contentBox p{margin:0;font-size:12px;}
.sellerOverviewBox .iconImg {margin: auto;width: 42px;height: auto;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.sellerOverviewBox .green-color {background: #95c400;background: -moz-linear-gradient(left, #95c400 0%, #7fa701 100%);background: -webkit-linear-gradient(left, #95c400 0%, #7fa701 100%);background: linear-gradient(to right, #95c400 0%, #7fa701 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#95c400', endColorstr='#7fa701', GradientType=1);}
.sellerOverviewBox .orange-color {background: #ff7800;background: -moz-linear-gradient(left, #ff7800 0%, #e15a01 100%);background: -webkit-linear-gradient(left, #ff7800 0%, #e15a01 100%);background: linear-gradient(to right, #ff7800 0%, #e15a01 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#e15a01', GradientType=1);}
.sellerOverviewBox .blue-color {background: #3498db;background: -moz-linear-gradient(left, #3498db 0%, #2980b9 100%);background: -webkit-linear-gradient(left, #3498db 0%, #2980b9 100%);background: linear-gradient(to right, #3498db 0%, #2980b9 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#2980b9', GradientType=1);}
.sellerOverviewBox .pink-color {background: #ec64b4;background: -moz-linear-gradient(left, #ec64b4 0%, #ec64b4 100%);background: -webkit-linear-gradient(left, #ec64b4 0%, #ec64b4 100%);background: linear-gradient(to right, #ec64b4 0%, #ec64b4 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ec64b4', endColorstr='#ec64b4', GradientType=1);}
.sellerOverviewBox .dark-green-color{background: #05a843; background: -moz-linear-gradient(left,  #05a843 0%, #27ea9f 100%);background: -webkit-linear-gradient(left,  #05a843 0%,#27ea9f 100%); background: linear-gradient(to right,  #05a843 0%,#27ea9f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a843', endColorstr='#27ea9f',GradientType=1 );}
.sellerOverviewBox .dark-maroon-color{background: #a03e5a; background: -moz-linear-gradient(left,  #a03e5a 0%, #93484d 100%); background: -webkit-linear-gradient(left,  #a03e5a 0%,#93484d 100%); background: linear-gradient(to right,  #a03e5a 0%,#93484d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a03e5a', endColorstr='#93484d',GradientType=1 );}
.sellerOverviewBox .dark-violet-color{background: #3620b5; background: -moz-linear-gradient(left,  #3620b5 0%, #7661ed 100%); background: -webkit-linear-gradient(left,  #3620b5 0%,#7661ed 100%);background: linear-gradient(to right,  #3620b5 0%,#7661ed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3620b5', endColorstr='#7661ed',GradientType=1 );}
.sellerOverviewBox .dark-khaki-color{background: #ddc913; background: -moz-linear-gradient(left,  #ddc913 1%, #e8dc5a 100%); background: -webkit-linear-gradient(left,  #ddc913 1%,#e8dc5a 100%); background: linear-gradient(to right,  #ddc913 1%,#e8dc5a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddc913', endColorstr='#e8dc5a',GradientType=1 );}
.sellerOverviewBox .dark-red-color{ background: #e8150d; background: -moz-linear-gradient(left,  #e8150d 0%, #e83f3c 99%); background: -webkit-linear-gradient(left,  #e8150d 0%,#e83f3c 99%); background: linear-gradient(to right,  #e8150d 0%,#e83f3c 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8150d', endColorstr='#e83f3c',GradientType=1 );}
.clearfix{clear:both;}
.solrIndexing .progress-bar.active, .solrIndexing .progress.active .progress-bar {-webkit-animation: progress-bar-stripes 0.5s linear infinite; -o-animation: progress-bar-stripes 0.5s linear infinite; animation: progress-bar-stripes 0.5s linear infinite}
.healthInfo .panel{	border-color:#DA151E !important;}
.statusState{border-radius: 50%;width: 32px;height: 32px;padding: 6px 8px;line-height: normal;text-align: center;margin:0;}
.upArrow {color: #1FAFA1;border: 2px solid #1FAFA1;}
.downArrow{color:#ff0000;border:2px solid #ff0000;}
.statusState .fa{margin:0;}
.chkOutTable th:nth-child(2), .catalogueTable th:nth-child(2){min-width:150px; width:auto;}
.m0{margin-bottom:0px;}
.borderTop{border-top:1px solid #ddd;}
.inner-container .pager{margin:0px;}
.inner-container hr{margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 5px solid #eee;}
.storeInfo{margin:10px 0;border:1px solid #ddd;}
.storeInfo td{border-top:none !important;border-bottom:none !important;}
.storeInfo td:nth-child(1) span{padding-left:10%;}
.storeInfo td:nth-child(2){border-left:1px solid #ddd;background-color:#f4f4f4;}
.storeDetails{margin-bottom:0px;}
.resultTable .btnBox{text-align:center;}
.leftBox p{margin-bottom:0px;}
.leftBox input{border:0;background:transparent;font-weight:normal;}
.lightGray-bg{background-color:#fafafa !important;}
.previouspage{min-width: 100px;display: inline-block;min-height: 30px;float: left;}
.stepBox .stepInfo, .bulkUploadBox .bulkUploadBoxInfo{display:table-cell; vertical-align: middle;}
.stepBox .stepInfo{padding-left:15px;}
.stepBox .badge {float:none;color:#fff !important;height: 64px; width: 64px;font-size:20px;display:table-cell;text-align: center;vertical-align: middle;border-radius: 50%;background: #1FAFA1 !important;padding:0px !important;}
.stepBox .badge span{border: 2px solid #fff;border-radius: 100%;width: 50px;height: 50px;line-height:45px;display:block;margin: 0 auto;}
.stepBox{display:table;float:left;width:100%;}
.stepBox h4,.text-ckc{color: #DA151E;}
.bulkUploadBox{background: #f8f8f8;border: 1px solid #ddd; padding: 30px;margin-top: 15px;height: 225px; display: table;} 
.bulkUploadBox .file {visibility: hidden;position: absolute;}
.blkuplod .bulkUploadBox{height:265px;margin-top:inherit;}
.bulkUploadBoxInfo .input-group .form-control, .bulkUploadBoxInfo button.browse{height:34px;}
.bulkUploadBox #categoryTree .col-sm-4{width:100%!important;}
#storeUpload .fa-upload{line-height:inherit;}
.MasterReportTable th:nth-child(5){min-width:120px;}
.listProductTable .btn .fa{margin-right:inherit;}
.dispTable{display:table;}
.largeBox{height:282px;}
.setup-panel li{width:1% !important;float:none !important;margin:0;background: #f5f5f5;border: 1px solid #ddd;}
.setup-panel li:hover{background:#eee;}
.setup-panel li:hover a:after {border-left: 20px solid #eee;}
.setup-panel li > a{padding:12px 15px;border-radius: 0;}
.setup-panel li > a:before{content: " ";display: block;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 20px solid #ddd;position: absolute;top: 50%;margin-top: -25px;margin-left: 1px;left: 100%;z-index: 1;}
.setup-panel li > a:after{content: " ";display: block;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 20px solid #f5f5f5;position: absolute;top: 50%;margin-top: -25px;left: 100%;z-index: 2;}
ul.setup-panel > li.active > a:after {border-left: 20px solid #1FAFA1 !important;}
.setup-panel li:last-child > a:after, .setup-panel li:last-child > a:before{display:none;}
.productCreationPage .card {display: inline-block;position: relative;width: 100%;margin-bottom: 30px;border-radius: 6px;color: rgba(0, 0, 0, 0.87);background: #fff;border:1px solid #ddd;}
.productCreationPage .card-profile {margin-top: 30px;text-align: center;min-height: 180px;}
.productCreationPage .card-profile .card-avatar, .productCreationPage .card-testimonial .card-avatar {background: #fff;max-width: 130px;max-height: 130px;margin: -50px auto 0;border-radius: 50%;overflow: hidden; border:1px solid #ddd; padding:25px;}
.productCreationPage .card img {width: 100%; height: auto;}
.productCreationPage .card .table {padding: 15px 30px;}
.productCreationPage .table {margin-bottom: 0px;}
.productCreationPage .card-caption {font-weight: 700;}
.productCreationPage .card-caption, .productCreationPage .card-caption a {color: #333; text-decoration: none;}
.borderBox {border: 1px solid #ddd;padding: 10px;min-height:375px;}
.borderBox label{margin-bottom:0px;}
.borderBox img {display: inline-block;height: 150px;max-width: 150px;}
.borderBox div{border:1px solid #ddd;padding:6px 12px;}
.blink{background: url(images/blink-new.gif)no-repeat;width: 36px;height: 15px;display: block;float: right;background-size: contain;top: -7px;}
#productBasicInfoShow .form-group{margin-bottom:25px;position:relative;}
#productBasicInfoShow .errorCode{position:absolute;bottom:0;left: 15px;margin-bottom:-20px;}
@-moz-document url-prefix() { .imgUploadBox .thumbnail label{font-size:12.75px;}}      
#productCreation .form-group .error { position: absolute; left: 16px;  bottom: -15px;}
.jstree-default .jstree-node {float: left; width: 100%;}
.diskprogress{background-color: #f0f0f0;border-radius: 0;box-shadow: 5px 5px 10px #c0c0c0;-moz-box-shadow: 5px 5px 10px #c0c0c0;-webkit-box-shadow: 5px 5px 10px #c0c0c0;}
.diskprogress-bar{background-color: #c0c0c0;border-radius: 0;}


.resetPass{border:1px solid #e9e8ed;padding: 30px;}
.btn-submit-resetpass{padding: 6px 50px}
.btn-clear-resetpass{padding: 6px 35px}
.custom_form input{border-right: none;}
.custom_form span{border-left: none;background: #fff;}
.custom_carosal a span{background: #fff;
    padding: 30px;
    opacity: 1;
    z-index: 999;
    font-size: 25px;
    justify-content: center;
    display: grid!important;
    place-items: center;
    line-height: 0px;
    color: #000;
    border-radius: 50%;}
.app_collaps li{padding: 10px 35px;background: whitesmoke;}
.apps_Tab{background: #fff;color:#6a6c6f}
/* .custom_list_group li{margin-bottom: 20px;} */
.float-right{float:right}
/* .custom_glyphicon:after{place-items: center;display: grid;} */
.d-flex{display: flex}
.p_10{padding: 0 10px;}
.p_bt{padding: 20px 0}
.tab_head{font-size: 16px;font-weight: bold;}
.custom_carosal .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: -47px;!important}
.custom_carosal .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -47px;}
.apps_Tab{background-color: #fff!important;}
/* .app_collaps{background-color: #edf0f5;margin: 0px -15px -30px;} */
.fs-16{font-size:16px}
.fs-18{font-size:18px}
.w50{width:50px}
.mt10{margin-top: 10px;}
.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: 0.25rem;margin-bottom: 20px;}
.card-header {padding: 0.5rem 1rem;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.card-body {flex: 1 1 auto;min-height: 1px;padding: 1.25rem;}
.card-text:last-child {margin-bottom: 0;}
.card-title {margin-bottom: 0.5rem;}
.card-footer {padding: 0.75rem 1.25rem;background-color: #fff;border-top: 1px solid rgba(0,0,0,.125);}
.card-footer:last-child {border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);}
.card-footer:last-child {border-radius: 0 0 1px 1px;}
.card-footer p{letter-spacing: 0.04em;}
.text-left{text-align:left!important}
.imp_input:after {content: " *";color: #e32;position: absolute;margin-right-side: 0 15px 15px 0;padding: 0 5px 5px 2px;}
.btn-black {color: #fff;background-color: #343a40;border-color: #343a40;}
.form-horizontal .form-group{margin: 30px -15px!important;}
.mt65{margin-top:65px}
.hr{margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 2px solid #eee!important;}
.custum_sidebar{background: #f5f5f5;box-shadow: 1px 1px 1px #dddcdc;}
.custom_form-horizontal{border: 1px solid #e0e3e9;border-radius: 5px;padding: 14px 40px;margin-bottom: 20px;}
.card-group {display: -webkit-flex;display: flex;flex-wrap: wrap;}
.card img {width: 100%;}
.card {margin: 7px;flex: 2;display: flex;flex-direction: column;}
.card-block {padding: 10px;background-color: #fff;flex: 1; }
.card-title {font-size: 18px;color: grey;font-family: verdana, sans;}
.card-footer {padding: 15px;border-top: 1px solid lightgrey;background-color: lightgrey;}
.div_socail_Login {padding: 0 20px;border: 1px solid #dfdfdf}
.dropdown-toggle{text-align: left!important;display: flex;place-items: center;justify-content: space-between;}
.slimScrollBar{background: rgb(218, 21, 30) none repeat scroll 0% 0%!important;opacity: 0.8!important;}
legend{width: fit-content!important;margin-bottom: -10px!important;border-bottom: none!important;padding: 0 5px;}
.form_legend div fieldset{margin: 0 0 15px;}
.overflow_Wrap_any{overflow-wrap: anywhere;}
.custom-panel-footer{background-color: #fff!important;border-top: 1px solid #dddddd85!important}
.panel_custom_default {border-color: #ced8e9;}
/* .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
} */
.panel_custom_default>.panel-heading {color: #333;background-color: #ced8e9;border-color: #ced8e9;}
.innerWord {overflow: hidden;text-align: center;}
.innerWord:before{right: 0.5em;margin-left: -50%;}
.innerWord:after {left: 0.5em;margin-right: -50%;}
.innerWord:before,
.innerWord:after {content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;border: 1px dashed #ccc;}
.close_icon{position: absolute;right: 0;}
.note-toolbar{z-index: 0!important;}
.center{
	display: grid;
	place-items: center!important;
}
.corner {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 0px 3px 0 0;
    bottom: 0;
    float: right;
}
.corner:before {
    content: "\A";
    border-style: solid;
    border-width: 0px 0px 40px 25px;
    border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
    position: absolute;
    left: -25px;
}

@media screen and (max-width: 900px) {
 	.custom-link-menu ul{
		background: #fff;
	    padding: 0 25px;
	    margin: 0 -28px 0 -20px;
 	}
 	/* .logo-dash{
 		display: none;	
	} */
	/* .sidebar {
    	top: 121px;
	} */
	.header-top{
		display:flex;
	}
}
.sidebar-scrollbar{overflow-y: scroll;height: 100%;}
.sidebar-scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 12%);
	border-radius: 10px;	
}

.sidebar-scrollbar::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
	scrollbar-color: #D62929;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
	scrollbar-color: #D62929;
}
.custom-scroll{
	overflow-y: scroll;
	scroll-behavior: smooth;
	height: 100vh!important;
	scrollbar-color: #D62929;
	scrollbar-width: thin;
}
.custom-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 12%);
	border-radius: 10px;
}
.custom-scroll::-webkit-scrollbar
{
	width: 8px!important;
	background-color: #F5F5F5!important;
	scrollbar-color: #D62929;
}

.custom-scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}

/*  new css theme */


.menu-wrapper._fixed {
    left: 0;
    position: fixed;
    /* top: 72; */
}
.menu-wrapper {
    display: inline-block;
    position: relative;
    width: 11.8rem;
    z-index: 700;
}
.menu-wrapper .logo {
    display: block;
    height: 7.5rem;
    padding: 1.7rem 0 1.7rem;
    position: relative;
    text-align: center;
    z-index: 700;
    margin-top:-100px
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
nav ul, nav ol {
    list-style: none none;
    margin: 0;
    padding: 0;
}
.admin__menu li {
    display: block;
}
.admin__menu .level-0._active > a {
    background-color: #524d49;
}
.admin__menu .level-0._active > a, .admin__menu .level-0:hover > a {
    color: #da151e;
}
.admin__menu .level-0:first-child > a {
    position: relative;
}
.admin__menu .level-0 > a {
	background: rgba(255, 255, 255, 0.8);
    /* color: #da151e; */
    color: #da151e;
   /*  color: #aaa6a0; */
    display: block;
    font-size: 1.1rem;
    letter-spacing: .025em;
    min-height: 6.2rem;
    padding: 1.2rem 0.5rem 0.5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.1s linear;
    word-wrap: break-word;
    z-index: 700;
    margin: 5px 0;
}
a {
    color: #007bdb;
    text-decoration: none;
}
/* .admin__menu .item-dashboard > a:before {
    content: '\e604';
    font-size: 1.8rem;
    padding-top: 0.4rem;
} */
/* .admin__menu .level-0 > a:before {
    content: '\e63a';
    display: block;
    font-size: 2.2rem;
    height: 2.2rem;
    margin-bottom: 0.3rem;
} */
.admin__menu .level-0._active > a, .admin__menu .level-0:hover > a {
    color: #da151e;
}
.admin__menu .level-0 > a {
    color: #da151e;
    display: block;
    font-size: 1rem;
    letter-spacing: .025em;
    min-height: 6.2rem;
    padding: 1.2rem 0.5rem 0.5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.1s linear;
    word-wrap: break-word;
    z-index: 700;
}
.admin__menu .level-0 > .submenu {
    /* background-color: #4a4542;
    box-shadow: 0 0 3px #000000; */
    /* left: 120%; */
    /* left: 110%; */
    padding: 2rem 0 0;
    position: absolute;
    top: 54px;
    transform: translateX(-100%);
    transition-duration: .3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    z-index: 697;
    transition: .3s;
}
.admin__menu .level-0 > .submenu.active{
	left: 110%;
    box-shadow: 6px -1px 8px #ccc;
}
.submenu_child {
   	/* left: 267px;;
    padding: 2rem 0 0;
    position: absolute;
    top: 0;
    transform: scaleX(0);
  	transform-origin: left;    
    visibility: hidden;
    z-index: 697;
    transition: transform 0.3s; */
    left: 189%;
    padding: 2rem 0 0;
    position: absolute;
    top: 0;
    /* transform: translateX(-100%);
    transition-duration: .3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out; */
    z-index: -1;
    /* transition: .3s; */
    visibility: hidden;
    display:none;
    top: 84px;
    box-shadow: 6px -1px 8px #ccc;
}
.submenu_child.active {
    left: 210%;
    padding: 2rem 0 0;
    position: absolute;
    top: 60px;
    transform: translateX(-100%);
    transition-duration: .3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    visibility: revert!important;
    display: block;
    z-index: 697;
    transition: .3s;
    background: #ffffff;
}
.admin__menu .submenu-title {
    color: #da151e;
    display: block;
    font-size: 2.2rem;
    font-weight: 600;
    /* margin-bottom: 4.2rem; */
    margin-left: 2rem;
    margin-right: 5.8rem;
}
.admin__menu .submenu a {
    color: #da151e;
    transition: background-color 0.1s linear;
}
.admin__menu .submenu:hover{
	color: #fff!important;
}
.admin__menu .action-close:before {
    color: #a79d95;
    font-size: 1.7rem;
}
.action-close:before {
    content: '\e62f';
    transition: color 0.1s linear;
}
.admin__menu .level-0 > .submenu > ul[role='menu'] {
    max-width: calc(100vw - 8.8rem);
    min-height: 720px;
    overflow-x: auto;
    overflow-y: hidden;
}
nav ul, nav ol {
    list-style: none none;
    margin: 0;
    padding: 0;
}
.admin__menu .submenu .parent {
    margin-bottom: -0.5rem;
}
.admin__menu .submenu li {
    min-width: 23.8rem;
}
.admin__menu .level-1 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.admin__menu li {
    display: block;
}
.admin__menu .submenu .column:only-of-type .submenu-group-title, .admin__menu .level-0 > .submenu > ul > .level-1:only-of-type > .submenu-group-title {
    display: none;
}
.admin__menu .submenu .parent .submenu-group-title {
    color: #a79d95;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0.7rem;
    padding: 0px;
    pointer-events: none;
}
b, strong {
    font-weight: bold;
}
.admin__menu .submenu .parent .submenu-group-title {
    color: #a79d95;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0.7rem;
    padding: 0px;
    pointer-events: none;
}
nav ul, nav ol {
    list-style: none none;
    margin: 0;
    padding: 0;
}
.admin__menu .submenu li {
    min-width: 21.8rem;
}
.admin__menu li {
    display: block;
}
.admin__menu [class*='level-']:not(.level-0) a {
    display: block;
    padding: .6rem 2.5rem!important;
    padding: 0 14px;
}
/* .admin__menu .submenu a {
    color: #da151e;
    transition: background-color 0.1s linear;
}
.admin__menu .submenu a {
    color: #da151e;
    transition: background-color 0.1s linear;
} */
/* .admin__menu .item-dashboard > a:before {
    content: '\e604';
    font-size: 1.8rem;
    padding-top: 0.4rem;
} */
.menu-wrapper:before {
    /* background-color: #373330; */
    background-color: #fff;
    bottom: 0;
    content: '';
    left: 0;
    position: fixed;
    top: 0;
    width: 9.8rem;
    z-index: 699;
}
.submenu.active {
    margin-left: 215px;
    /* background-color: #4a4542; */
    background-color: #fff;
    color: #da151e;
    transform: translateX(0%);
    box-shadow: 2px 2px 2px #ccc;
}
.submenu_list ul li a {
	padding: 10px 0px;
}
.submenu_list ul li a:hover{
	background:red;
}
.endIcon{
	right: 15px;
	position: absolute;
}
.d-flex{
    display: flex;
}
.justify-content-between{
    justify-content: space-between;
}
.resetFilter:hover{
	background-color: #da151e;
	color:#fff;	
}
.app_collaps li:hover {
	background-color: #edf0f5;
	color:#fff;	
}
/* .link_child_item:hover,.sub_menu:hover{
	background-color: #da151e;
	color: #fff!important;
} */
.sub_menu:hover{
	/* background-color: #da151e; */
	/* color: #fff!important; */
}
.sub_menu_child:hover{
	background-color: #da151e;
	color: #fff!important;
}
.sub_menu_child:hover + a{
	color: #fff!important;
}
.item-page:hover .item-page a{
	color: #fff;!important;
}
.item-page.active .submenu_child,
.item-page:hover .submenu_child{
	left: 230px;
    padding: 2rem 0 0;
    position: absolute;
    top: 54px;
    /* transform: translateX(-100%); */
    transform-origin: right;
  	transform: scaleX(1);
    transition-duration: .3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    visibility: visible;
    z-index: 697;
    transition: 1s;
    display: block;
    background: #fff;
}
.toggleSubMenu.active{
	background-color: #d0cece24;
}
.submenuChild-title{
	color: #da151e;
    display: block;
    font-size: 1.8rem;
    /* font-weight: 400; */
    /* margin-bottom: 4.2rem; */
    margin-left: 25px;
    margin-right: 5.8rem;
}
/* .sub_menu{
	padding: .6rem 2.5rem!important;
} */
.item-page:hover .item-page a  .sub_menu:hover{
	color: #fff;!important;
}
.sub_menu_child{
	padding: .6rem 2.5rem!important;	
}
.sub_child_menu li {
	padding: .6rem 2.5rem!important;
}
.sub_child_menu li:hover {
	background-color: #da151e;
	color: #fff!important;
}
.sub_child_menu li:hover a{
	color: #fff!important;
}
.submenu_child_scroll{
	overflow-y:auto;
	/* scroll-behavior:smooth; */
	/* height:100vh; */
    /* height: 73vh!important;
	scrollbar_width:thin; */
	overflow-x: hidden;
	scrollbar-width: thin;
    scroll-behavior: smooth;
    height: auto!important;
    max-height: 80vh;
}
.submenu_child_scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 12%);
	border-radius: 10px;
}

.submenu_child_scroll::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}
.submenu_child_scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}
.sub_menu_scroll{
	/* overflow-y:scroll!important;
	scroll-behavior:smooth;
	height:80vh!important;
	scrollbar-width: thin; */
    overflow-y: scroll!important;
    scroll-behavior: smooth;
    height: auto!important;
    scrollbar-width: thin;
    max-height: 80vh;
}
.sub_menu_scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 12%)!important;
	border-radius: 10px!important;
}

.sub_menu_scroll::-webkit-scrollbar
{
	width: 8px!important;
	background-color: #F5F5F5;
}
.sub_menu_scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px!important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
	background-clip: padding-box;
}
/*  firefox scrollbar */
/* html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: #D62929; background-clip: padding-box; border: 1px solid #F5F5F5;}
html::-webkit-scrollbar-track {background-color: #D62929; }
::-webkit-scrollbar-button {background-color: #D62929;}
Only IE
html {scrollbar-face-color: #F5F5F5; scrollbar-shadow-color: #F5F5F5; scrollbar-highlight-color: #F5F5F5;} */
/* Only FireFox */
html {scrollbar-color: #D62929 #F5F5F5;border-radius: 10px;}
/* View Scrollbar */
/* html {overflow-y: scroll;overflow-x: hidden;} */
/* New Css */

.submenu ul li{
    /* padding: 5px 20px; */
        padding: 5px 0px 5px 10px;
}
.new_submenu:hover{
	background-color: #DA151E;
}
.new_submenu:hover .toggleSubMenu{
	color: #fff;
}
.level-0 .submenu{
	display: none:
}
/* .level-0 .submenu.important{
	display: block!important:
} */
.menuHR{
   	margin-top: 8px!important;
    margin-bottom: 10px!important;
}
/* .submenu_child ul li a{
	color: #DA151E;
} */
.newSubChildMenu:hover{
	background-color: #DA151E;
}
.newSubChildMenu:hover .link_child_item{
	color: #fff;
}
.toggleSubMenu.Submenu_child{
	visibility: hidden;
 
  background-color: red;
  color: #fff;
  text-align: center;
}
.toggleSubMenu:hover.Submenu_child{
	visibility: visible;
}
.new_submenu:hover .submenu_child{
	left: 210%;
    padding: 2rem 0 0;
    position: absolute;
    top: 60px;
    transform: translateX(-100%);
    transition-duration: .3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    visibility: revert!important;
    display: block;
    z-index: 697;
    transition: .3s;
    background: #ffffff;
}
.item-content-elements .submenu li:hover {
	background-color: #da151e;
   /*  color: #fff!important */;
}
.submenu .item-page:hover a .sub_menu{
	/* background-color: #da151e; */
     color: #fff!important ;
}


/* zoom image css */
article {
    margin: 2em auto 0 auto;
    max-width: 40em;
}

article>img {
    max-width: 100%;
}

article figure img {
    max-width: 100%;
}

article:first-child {
    margin-top: 0;
}

article:after {
    content: "";
    display: block;
    clear: both;
}

figure {
    text-align: center;
}

picture {
    text-align: center;
}

.demo-area {
   /*  background: #FAFAFA;
    border-radius: 8px;
    padding: 20px; */
}

.demo-trigger {
    display: inline-block;
    width: 100%;
    float: left;
    cursor: zoom-in;
}

.demo-trigger img {
    max-width: 100%;
}

.detail {
	/* box-shadow: 1px 2px 10px -2px; */
    position: relative;
    width:220px ;
    margin-left: 0%;
    float: left;
    min-height: 220px;
    margin: -117px 0px 1px 175px;
    z-index:999;
}
.img_detail{
	position: relative;
    width:250px ;
    margin-left: 0%;
    float: left;
    min-height: 220px;
    margin: -117px 0px 1px 184px;
}
.thumbnail pos-rel{
	padding:200px!important;
}
.UserActivity tr td:first-child{
	text-align:left!important;
}
.UserActivity tr td:last-child{
	text-align: left!important;
}
/* .table  .UserActivity{
	background-color:whitesmoke!important;
} */

.buttonUserActivity {
     font-family: consolas, courier, monaco, menlo, monospace;
 }

 .ole,
 .elo {
     background: rgb(200, 240, 255);
     padding: 6px 36px;
     display: inline-block;
     font-size: 1.2em;
     border-radius: 4px;
     border: 0;
     cursor: pointer;
     color: #000;
 }

 .ole:hover,
 .elo:hover {
     background: dodgerblue;
     color: #fff;
     text-shadow: 1px 1px 1px #000;
     box-shadow: 0 0 0 #555;
 } 

 @media (max-width: 640px) {

     .ole,
     .elo {
         padding: 6px 12px;
         font-size: 12px;
     }
 }

 .popover {
     max-width: 100%;
     padding: 1px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 1.42857143;
     text-align: left;
      background-color: #fff;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, .2);
     border-radius: 6px;
    /*  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
     box-shadow: 0 5px 10px rgba(0, 0, 0, .2); */
     position:relative;
     display:block;
     z-index: 999!important;

 }

 .fade {
     opacity: 0;
     -webkit-transition: opacity .15s linear;
     -o-transition: opacity .15s linear;
     transition: opacity .15s linear;
 }
/* popupover*/
/*  .opacity {
     opacity: 1;
     position: relative!important;
     display:block!important;
 } */
 .popover-content {
     padding: 11px 0px 0px 2px;
 }
 .card_btns{
    position: absolute;
    top: 7px;
    right: 7px;
 }
 .keywords_tabs li{
    float: left;
    width: 25%;
    margin: 0px!important;
    text-align: center;
    font-size: 18px!important;
 }
 .keywords_tabs>li>a{
     padding: 5px 15px!important;
 }
 
 .keywords_contents{
    border: 1px solid #dddddd;
    border-top: 0;
    padding: 0 10px;
 }
 .keywords_tabs>li.active>a{
    background: #da151e!important;
    color: #ffff!important;
 }

 .active_menu{
 	background-color: #da151e!important;
 	color: #fff!important;
 }
/*  ProductImg */
input[type="file"] {
  display: block;
}
.imageThumb {
  max-height: 75px;
  border: 2px solid #da151e;
  padding: 1px;
  cursor: pointer;
}
.pip {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.remove {
  display: block;
  background: #da151e;
  border: 1px solid #da151e;
  color: white;
  text-align: center;
  cursor: pointer;
}
/* .remove:hover {
  background: white;
  color: black;
}
 */
/*Multiple imges upload and remove with preview*/
img{
  max-width:180px;
}
input[type=file]{
padding:10px;
background:#da151e;}
/* responsive */
@media only screen and (min-width:200px) and (max-width:567px){
	input[type=file] {
	width:159px;
	}
}
/*Table responsive of productitems*/
@media only screen and (min-width:200px) and (max-width:567px){
	fieldset {
	padding:8px;
	width:206px;
	}
}
.custom_menus_btn{left : -195px!important;}
.gallryImag{
	width: fit-content!important;
    padding: 10px!important;
}

.form-control[readonly] {
  background-color: #edf0f5!important;
  font-weight: 700;
}
.bg-none {background: none!important;}
.border-bottom-0 {border-bottom: 0 !important;}
.mx-0{margin-left: 0!important;margin-right: 0!important;}
.resMulti#restrictionValue{max-height: 30px;}