/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/*{font-family: Helvetica, Arial, sans-serif;}
*{font-family: 'Poppins', sans-serif;}*/
*{font-family: 'Inter', sans-serif;}


/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d5dae0;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #5C606A;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #1E23A4;
}



a:link, a:visited, a:hover, .aTitle {text-decoration: none; color: #233d87;}
a:hover {text-decoration: underline; cursor: pointer;}
.aInternal {color: #233d87; cursor: pointer;}
.ActionButton, a:link.ActionButton:not(.SelectedButton):not(:hover), a:visited.ActionButton:not(.SelectedButton):not(:hover), a:hover.DummyButton, a[onclick^="goHref"] {color: #060A13; cursor: pointer;}
.DummyButton, a:hover.DummyButton {
    text-decoration: none;
    cursor: default;
}
input:focus, select:focus, textarea:focus, button:focus, [contenteditable="true"]:focus { outline: none; }

BODY, H1, H2, H3, H4, legend, .legend, input, textarea, button {color: #060A13;}
BODY{
    font-size: 10px;
    padding: 0;
    margin: 0;
    -webkit-print-color-adjust:exact;
    background: none repeat scroll 0 0 #fff;
}
H1, H2, H3, H4 {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 18px;
}

b{font-weight: 600;}

legend, .legend {
    font-weight: normal;
    font-size: 14px;
}
img {border: 0;}
form {margin-bottom: 0px;}
table {
    width: 100%;
    border-spacing: 0px;
    border: 0px;
}
colgroup {border: 0px;}
TD, th {
    border: 0px;
    font-size: 14px;
    margin: 0;
    padding: 2px;
}
td.base {
    padding: 0px;
    vertical-align: top;
}

th:empty, td:empty { cursor: default; }
th[align=""], th:not([align]) { text-align: left;}
th:empty:before, td:empty:before, .dsform:empty:before, .CloseVisit:empty:after, #ShowVisitSpan:after, .GRCont:empty {content: "\00a0";}
th:empty:before, td:empty:before {
    font-size: 1px;
    line-height: 1px;
}
tr[onclick]:not([onclick=""]), td[onclick]:not([onclick=""]) {color: #1E23A4; cursor: pointer;  /*transition: all 0.3s; */}
tr td[onclick]:not([onclick=""]):not(.SubTabSel):hover > font {color: #FFFFFF;}

fieldset, .fieldset, span[id^="subblock"] {
    background: #fff;
    border: 1px solid #D4DAEC;
    padding: 10px;
    display: block;
    margin-bottom: 4px;
    border-radius: 8px;
}

blockquote.EntryBlock span[id^="subblock"]{padding: 10px;}
blockquote.EntryBlock span[id^="subblock"] .GRNav{display: flow-root; float: unset;}


table.fieldset {display: table;}
.fieldset.withHeading {padding-bottom: 14px;}
span[id^="subblock"] {display: none;}
span[id^="subblock"].empty {display: none;}

.nobr {white-space: nowrap;}

.leftColumn{
    width: 200px;
    min-width: 123px;
    background:#FFF;
    background-attachment: fixed;
    text-align: left;
    padding: 0px;
    border-top: 1px #f4f5f9 solid; position: relative;
}
td#arrow_logo {width: 190px; text-align: center;}
td#arrow_logo > i {width: 14px; height: 45px; display: none;}
td#arrow_logo[dir="left"] > i {background: url("../images/arrow_left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
td#arrow_logo[dir="right"] > i {background: url("../images/arrow_right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }

.logo {
    margin: 0px;
    cursor: pointer;
    height: 22px;
}
.clubName {
    color: #1E23A4;
    font-size: 14px;
    vertical-align: middle; font-weight:bold;
}

.menuSection, .menuSectionOn {
    border-bottom: 0 solid #c7d6e0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-indent: 0px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select:none;
}

li.menuSection, li.menuSectionOn { background: url("../images/menutag.png") no-repeat scroll -404px 0 rgba(0, 0, 0, 0); }
ul#sideNavHead li.menuSection { background-position: -255px 0; }
ul#sideNavHead li:first-child.menuSectionOn { background-position: 0 0; }
ul#sideNavHead li:first-child.menuSection { background-position: -125px 0; }
ul#sideNavHead li:last-child.menuSectionOn { background-position: -170px 0; }
ul#sideNavHead li:last-child.menuSection { background-position: -88px 0; }
ul#sideNavHead li:only-child.menuSectionOn { background-position: -298px 0; width: 96px; }

.menuSection {
    display: block;
    text-indent: -500px;
    border: 2px #1e23a4 solid;
    background-color: #E87400 !important;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 0;
}

ul#sideNavHead[active="Front"] li.menuSection{background-image: url(../images/ic_front.svg);}
ul#sideNavHead[active="Back"] li.menuSection{background-image: url(../images/ic_back.svg);}

.menuSection a, .menuSectionOn a, .menuSection a:visited, .menuSectionOn a:visited, .menuSection a:hover, .menuSectionOn a:hover {color: white; text-decoration: none; }
.rightColumn{
    font-size: 13px;
    background: #F4F5F9;
    padding: 16px 24px 24px;
    position: relative;
    border-radius: 15px 0px 0px 0px !important;
}
/*
.rightColumn:before{position: absolute; content: ''; left: 0; top: 0; width: 16px; height: 16px; background: url(../images/curvedTopLeft.svg) left top no-repeat;}
*/

html ul#sideNavHead{
    margin: 20px auto;
    width: calc(100% - 30px);
    background: #1E23A4 !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
html ul#sideNavHead>li {
    float: unset;
    line-height: 34px;
    height: 34px;
    padding: 0px 10px;
    text-align: center;
    background: unset;
    margin: 0;
}
html ul#sideNavHead>li.menuSectionOn{width: calc(100% - 38px);}
html ul#sideNavHead>li.menuSection {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0px !important;
    margin: 0;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 24px;
}

ul.sideNavList, ul#sideNavHead, ul.ContactMenu, ul.navin, .navin ul, ul.Bullet, nav.Combo ul, ul.KPITopList, ul.KPITopList ul, td.Actions > ul, #LastVisitSpan ul, .POSMenu ul, ul.serviceTest, ul#ribbonTop, ul.Dash {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    clear:both;
}
li[onclick^="goHref"] {cursor: pointer;}

ul.sideNavList li {
    display: block;
    letter-spacing: 0;
    position: relative;
    text-align: left;
    margin-left: 0px;
    z-index: 1100; /* for KPI home */
}

ul.sideNavList li[type="STAFF"] a::before{}
ul.sideNavList li[type="DASHBOARD"] a::before{background-position-y: -24px;}
ul.sideNavList li[type="REPORTS"] a::before{background-position-y: -48px;}
ul.sideNavList li[type="CAMPAIGNS"] a::before{background-position-y: -72px;}
ul.sideNavList li[type="SETUP"] a::before{background-position-y: -120px;}
ul.sideNavList li[type="OPTIONS"] a::before{background-position-y: -144px;}
ul.sideNavList li[type="DIAGNOSTICS"] a::before{background-position-y: -168px;}
ul.sideNavList li[type="WEBSITE"] a::before{background-position-y: -192px;}

ul#sideNavHead[active="Front"] ~ .sideNavList li a::before{background-image: url("../images/menuIcon_front.svg");}



ul.sideNavList li[type="SALES"] a::before{background-position-y: -24px;}
ul.sideNavList li[type="MEMBERS"] a::before{background-position-y: -48px;}
ul.sideNavList li[type="PROSPECTS"] a::before{background-position-y: -72px;}
ul.sideNavList li[type="DIARY"] a::before{background-position-y: -96px;}
ul.sideNavList li[type="BOOKING"] a::before{background-position-y: -120px;}
ul.sideNavList li[type="TASKS"] a::before{background-position-y: -144px;}


ul.sideNavList li a, ul.sideNavList ul li a:visited {
    font-size: 14px;
    color: #5C606A;
    display: block;
    padding: 14px 2px;
    text-decoration: none;
    width: auto;
}
ul.sideNavList li:hover {
    /*background: #FFFFFF;*/
    outline: medium none;
}
ul.sideNavList li a{font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 10px !important;
}
ul.sideNavList li a::before{
    position: relative;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("../images/menuIcon.svg");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 12px;
    transition: all 0.5s;
}

ul.sideNavList li.sideNavSel a::after{position: absolute; content: ''; width: 3px; height: 100%; left: 0; top: 0; background: #E87400;}
ul.sideNavList li a:hover::before{background-position-x: -24px;}
ul.sideNavList li.sideNavSel a::before{background-position-x: -48px;}

ul.sideNavList li a:hover {
    color: #1e23a4;
}
ul.sideNavList li.sideNavSel{position: relative;}
ul.sideNavList li.sideNavSel:before,
ul.sideNavList li.sideNavSel:after{position: absolute; content: ''; width: 26px; height: 26px; background-size: contain!important; right: 0;}
ul.sideNavList li.sideNavSel:before{background: url("../images/curvedTop.svg") right bottom no-repeat; top: -31px;}
ul.sideNavList li.sideNavSel:after{background: url("../images/curvedBottom.svg") right bottom no-repeat; bottom: -30px}
ul.sideNavList li.sideNavSel{
    background: #F4F5F9 !important;
    margin: 10px 0px;
}


ul.sideNavList li.sideNavSel { /*background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(250,250,250,1) 100%); */
border-top: 6px #f4f5f9 solid;
border-bottom: 6px #f4f5f9 solid;
background: #f4f5f9;}
ul.sideNavList li.sideNavSel a {color: #fff;
border-radius: 0px 28px 28px 0px;
overflow: hidden;
background: #E87400 !important;}

ul.sideNavList li:hover a {/*color: #E87400;*/ }


.KPIDayDate{
font-size: 11px;
font-weight: 600;
position: relative;
color: #333333;
float: right;
top: -20px;
}
.contents {
margin-top: 15px;
margin-bottom:30px;
    font-size: 11px;
}

#margin{
    margin-left: 20px;
}

.section{
    border-bottom: 1px solid #abc0db;
}
#sectionRight{
display: block;
float: right;
font-size: 11px;
}
#sectionRight a{
    font-weight: 600;
}
#sectionRight0{
float:right;
    position: relative;
    display:block;
    top: -15px;
    font-size: 11px;
}
#sectionRight0 a{
    font-weight: 600;
}
.textPart{
    font-size: 13px;
    padding: 25px;
    padding-top: 15px;
}

.KPIAudit{
    font-weight: 600;
}
.KPINotesHdr{
    font-size: 12px;
    color: #606060;
    font-weight: 600;
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 6px;
}
p.KPINotes{
    font-size: 9px;
    color: #606060;
    margin: 0px;
    margin-left: 25px;
}
/* CLUBWISE STANDART STYLES */
.POSButton{
    font-weight: 600;
    font-size: 11pt;
}
.POSButton:not(.ActionButton){color: #233d87;}

.POSLeft {
    width: 60%;
    text-align: center;
    vertical-align: top;
    padding-right: 10px;
    font-size: 14pt;
}

.POSLeft table:not(.Nav):not(.InfoTable) {border-spacing: 5px;}
.POSLeft .POSGrid td {
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    /*border:1px solid #CCCCCC;*/
    font-size: 16px !important;
    color: #060A13;
    border-radius: 8px;
}

.POSRight td[onclick], .POSNav td[onclick]{color: #060A13;}
.POSNav td[onclick]:not([onclick=""]):hover, .SaleTypeRow td:hover, .POSMemberRow td:hover, .POSGrid td[onclick]:not([onclick=""]):not(.Prev):not(.Next):hover, .POSCartNav td[onclick]:not([onclick=""]):not(.Prev):not(.Next):hover {
    background: #243f8c;
    color: #fff;
    text-decoration: none;
    border: 1px solid #243f8c;
}

.POSLeft td.Nav {padding: 0px;}
.POSLeft table.Nav td {
    padding: 0px;
    margin: 0px;
    width: 50%;
    border-width: 0px;
}
.POSLeft .Nav td.Prev {background: url("../images/sortdsc.png") center no-repeat, transparent;}
.POSLeft .Nav td.Next {background: url("../images/sortasc.png") center no-repeat, transparent;}
.POSLeft table.Nav td:first-child {border-right-width: 1px;}

.POSLeft input[type="password"], .POSLeft input#discount_prc {
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
    font-size: 11pt;
}

.POSAction {margin-bottom: 2px;}

.POSMenu {
    display: none;
    position: absolute;
    min-width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
.POSMenu ul li {
    font-size: 13px;
    line-height: 19px;
    padding: 5px 15px;
    cursor: pointer;
}

.POSMenu ul li:hover {
    color: #FFFFFF;
    background: #243F8C;
}


.POSRight {
    border: 1px solid #D4DAEC;
    padding: 16px;
    padding-bottom: 6px;
    width: 40%;
    min-width: 350px;
    vertical-align: top;
}

.POSRight table {margin-bottom: 2px;}
.POSRight td {
    text-align: center;
    width: 100%;
}
.POSMemberRow td, .SaleTypeRow td, .SaleTypeTrain td, .POSBalanceRow td, .POSCartNav td, .POSNav td {
    border: 1px solid #D4DAEC;
    height: 42px;
}

table.POSMemberRow {margin-bottom: 8px;}
.POSMemberRow td {color: #665959;}
.SaleTypeRow td, .SaleTypeTrain td {
    background-color: #f3f3f3;
    color: white;
    font-size: 20px;
}
.SaleTypeTrain td {background-color: #997777;}
.POSBalanceRow td {
    font-size: 16px;
    color: #5C606A;
    text-align: right;
}
.POSBalanceRow input {
    font-size: 12pt;
    text-align: right;
    color: black;
    background-color: white;
    border-radius: 3px;
}
.POSCart {border: 1px solid #D4DAEC;}
.POSCart tr.POSCartLine td {width: 10%; text-align: center;}
.POSCart tr.POSCartLine td:last-child {text-align: right; width: 25%;}
.POSCart tr.POSCartLine td:first-child {text-align: left; width: auto;}
.POSCart tr.POSCartLine td[type="1"]:after, .POSCart tr.POSCartLine td[type="2"]:after {
    text-align: right;
    float: right;
    margin-right: 3px;
    font-weight: 600;
}
.POSCart tr.POSCartLine td[type="1"]:after{content: "\21ba"; color: green;}
.POSCart tr.POSCartLine td[type="2"]:after{content: "\2716"; color: red;}
.POSCartAmountEdit {
    color: black;
    font-size: 10pt;
    line-height: 10pt;
}
.POSBalanceRow input, input.POSCartAmountEdit {padding: 2px;}
input.POSCartAmountEdit {margin: 0px;}
input.POSCartAmountEdit.Qty { width: 30px; }
input.POSCartAmountEdit.Amt { width: 80px; }
.POSCartAmount, .POSCartAmountEdit { text-align: right; }
.POSCart tr { overflow: hidden; }
.POSCart td { border-right: 1px solid #D4DAEC; height: 30px; font-size: 11pt; width: auto; padding: 8px 0px; }
.POSCart td:first-child { text-align: left; padding-left: 10px; }
.POSCart td:last-child { border-right-width: 0px; text-align: right; padding-right: 10px; width: 25%;}
.POSAction, .POSButton, .POSMemberRow td, .POSBalanceRow td, .POSCart tr:nth-child(even), .POSCartNav td {background-color: ##fbfbfb;} /* .POSNav td */
table.POSCartNav {margin-bottom: 10px;}
.POSCartNav td {
    font-weight: 500;
    font-size: 11pt;
    text-align: center;
    width: 35%;
}

.POSCartNav input{width: 98% !important; border-radius: 3px;}

.POSCartNav td.Prev, .POSCartNav td.Next {
    background: url("../images/sortdsc.png") center no-repeat, #FEFFF8;
    width: 15%;
}
.POSCartNav td.Next {background: url("../images/sortasc.png") center no-repeat, #FEFFF8;}

.POSNav {
    margin: 5px auto 2px;
    width: 90%;
    border-spacing: 5px;
    table-layout: fixed;
}
.POSNav td {
    font-weight: 600;
    text-align: center;
    height: 50px;
    max-width: 25%;
}

.GridPaymentRow, .GridPendingRow, .GridWaitingRow {
    font-size: 11px;
    border-bottom: 1px solid #CCCCFF;
    background-color: #EEFFEE ;
    color: #007000 ;
}
.GridPendingRow {background-color: #FFEEEE;}
.GridWaitingRow {background-color: #fffbef;}

.GridCell, tr.GridCell td {
    border-bottom: 1px solid #ddd;
    overflow-wrap: break-word;
    user-select: auto!important; /*Required for allow select text from grid cells.*/
}
.GridCell, tr.GridCell td, .GridSubCell, tr.GridSubCell td, .GridHeader, tr.GridHeader th, tr.GridHeader td, tr.GridSect th, tr.GridSect td {
    border-right: 1px solid #ddd;
    color: #656d78;
    font-size: 14px;
    font-weight: normal;
    padding: 3px;
}
tr.GridCell td.Actions, td.GridCell.Actions {padding: 3px 5px; text-align: center;}
.GridHeader, tr.GridHeader th, tr.GridHeader td, tr.GridSect th, tr.GridSect td {
    background-color: #F4F5F9;
    border-bottom: 1px solid #D4DAEC;
    font-weight: 500;
    text-transform: capitalize;
}
.GridHeader.Sub, tr.GridHeader th.Sub, tr.GridHeader td.Sub, tr.GridSect th.Sub, tr.GridSect td.Sub {
    font-weight: normal;
    text-transform: none;
}
.GridHeader.Sub:first-line, tr.GridHeader th.Sub:first-line, tr.GridHeader td.Sub:first-line, tr.GridSect th.Sub:first-line, tr.GridSect td.Sub:first-line {
    font-weight: 600;
    text-transform: capitalize;
}
tr.GridSect th, tr.GridSect td, div.GridSect {
    color: #5C606A;
    /*background-color: #f9f9f9;*/
}

tr.GridHeader *[colspan], table.hdr tr.GridSect *[colspan] {text-align: center!important;}

table tr.GridHeader:nth-child(2) th  { border-top: 0px; }

.GridSubTotal {
    font-size: 11px;
    font-weight: 800;
    border-bottom: 1px solid black;
}
.GridSubTotal2 {
    font-size: 11px;
    font-weight: 800;
    border-bottom: 1px solid #CCCCFF;
}
.ReportButton {
    width: 300px;
    margin-top: 5px;
}

tr.GridCell td:first-child, tr.GridHeader th:first-child, tr.GridHeader td:first-child, tr.GridSect th:first-child {border-left: 0px;}
tr.GridTotal td:not(:empty), td.GridTotal:not(:empty) {
    text-decoration: overline;
    font-weight: 600;
}
tr.GridInfo td {font-style: italic;}
tr.GridCell.UnRead td {font-weight: 600;}
tr.GridError td {color:red;}
td.WidgetData,tr td.WidgetData {padding: 0px;}

.ActionButton:disabled {
    color: #d5dae0;
    cursor: default;
}
.ActionButton, .BMTaskBarButton, .DummyButton, .POSNav td {background: transparent; transition: all 0.3s;}
.ActionButton{
    display: inline-block;
    font-size: 14px;
    padding: 8px 16px;
    border: 1px solid #D4DAEC;
    margin: 2px 4px 4px 0;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 8px;
    color: #424A63;
	background:#E5E9F5
}
.BMTaskBarButton {
    display: inline-block;
    font-size: 14px;
    padding: 8px 16px;
    border: 1px solid #D4DAEC;
    margin: 2px 4px 4px 0;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 8px;
    color: #060A13;
	background:#D4DAEC
}
.DummyButton {
    display: inline-block;
font-size: 14px;
padding: 8px 16px;
border: 1px solid #FFECD9;
margin: 2px 4px 4px 0;
-webkit-appearance: none;
box-shadow: none;
border-radius: 8px;
color: #E87400;
background: #FFFAF4;
}

.ActionButton:focus, .BMTaskBarButton:focus, .DummyButton:focus{outline: none;}
input:not(.colorpicker):not(.dhxcombo_input):focus,
textarea:focus, select:focus,
input:focus + a[tabindex="-1"] {border-color: #D4DAEC !important;}

a.ActionButton {padding: 9px 14px;}
a:not([role]).ActionButton:empty { display: none; }
.ActionButton[role="Search"], input#BarcodeSearch {
    background: url("../images/prompt.gif") 5px no-repeat, #f5f7fa;
    padding-left: 25px;
}
.ActionButton[role="New"] {
    background: url("../images/new_button.png") 5px no-repeat, #f5f7fa;
    padding-left: 22px;
}
.ActionButton[role="Next"], a[role="Next"] {
    background: url("../images/next.png") 95% center no-repeat, #f5f7fa;
    padding-right: 20px;
}
.ActionButton[role="Prev"], a[role="Prev"] {
    background: url("../images/prev.png") 5% center no-repeat, #f5f7fa;
    padding-left: 20px;
}
.ActionButton[role="Calendar"] {
    background: url("../images/bigCalendar.png") 5% center no-repeat, #f5f7fa;
    padding-left: 30px;
}
.ActionButton[role="Calendar"]:empty {
    background-position: center;
    padding-right: 5px;
}
.ActionButton[role="Calendar"]:empty:after {content: "\00a0";}

.ActionButton:hover, .ActionButton.SelectedButton, .BMTaskBarButton:hover, td.BMTimeGridSlot[onclick]:not([onclick=""]):hover, td.BMTimeGridSummarySlot[onclick]:not([onclick=""]):hover, .BMTimeGridSlot:hover, .ContactStatus:hover, ul.ContactMenu li a:hover, .dsform[onclick]:not([onclick=""]):hover {
    background-color: #1e23a4 !important;
    color: #fff;
    text-decoration: none;
    border: 1px solid #1e23a4;
    border-color: #1e23a4;
}
.ActionButton[role="Calendar"]:hover {
    background: url(../images/bigCalendar2.png) 45% center no-repeat #243f8c!important;
    padding-left: 30px;
}
.ActionButton[role="Save"] {
    background: #5fb001;
    color: white;
    border: 1px solid #56a03f;
    border-color: #5fb001;
}
.ActionButton[role="Save"]:hover{background: #498504 !important; border-color: #498504;}
.ActionButton[role="Delete"] {
    background: #FF665B 0%;
    color: white;
    border: 1px solid rgba(190, 190, 190, 1);
    border-color: #FF665B;
}
.ActionButton[role="Delete"]:hover{background: #cb1b0f !important; border-color: #cb1b0f;}
.GRNav .dsform {padding: 7px 5px;}
.GRNav .ActionButton {padding: 5px 10px; min-width: 12px; text-align: center;}

input#BarcodeSearch {
    background-color: white;
    width: 75%;
}

.Toolbar {margin-top: 0px; margin-bottom: 5px; margin-top: 5px; }

.Label  {font-size: 14px}

.ErrorReport {color: Red; font-size: 13px; margin: 0px}

.EntryBlock {margin: 2px;}

.ContactHeader { width: auto; }
.ownsnap span, .ownsnapVis span {
    display: block;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: center;
    border: 2px solid #D4DAEC;
    border-radius: 140px;
    display: block;
    height: 140px;
    width: 140px;
    cursor: pointer;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: auto 140px!important;
}
.ownsnap span:hover, .ownsnapVis span:hover {border-radius: 0px;}

.nomargin span {margin: 0;}

.ownsnapVis span {
    vertical-align: top;
    border-radius: 65px;
    height: 40px;
    width: 40px;
    background-size: auto 40px!important;
}

div#MemberVisits_build .InfoTable td{vertical-align: middle;}

.ContactStatus, .MainStatusTitle {
    text-align: center;
    background: none repeat scroll 0 0 white;
    margin: 2px;
}
.ContactStatus[onclick]:not([onclick=""]) { cursor: pointer; }
.ContactStatus font, .ReferredStatus a { font-size: 14px; }
.ContactStatus:hover font { color: #FFFFFF; }
.MainStatusTitle {
    padding: 10px;
    display: inline-block;
    font-size: 14px;
}
.MemberStatusDescription {
    font-size: 14px;
}
.ReferredStatus { padding-left: 5px; }
span.StatusColor {
    padding: 3px 9px;
    border-radius: .25em;
    background-color: attr(bg);
}
statusinfo::after {
    margin-left: 2px;
    content: '\00a0+\00a0';
    border-radius: 3px;
    border: 1px solid #243f8c;
    display:inline-block;
    cursor:pointer;
}
tooltipinfo::after {
    margin-left: 2px;
    content: '\00a0\2148\00a0';
    border-radius: 3px;
    border: 1px solid #243f8c;
    display:inline-block;
    cursor:pointer;
}

.AlignData {position: relative;}
.AlignTop1, .AlignTop2, .AlignTop3, .AlignTop4 {
    position: absolute;
    left: 0px;
    width: 300px;
}
.AlignTop1 {top: -42px;}
.AlignTop3 {top: -156px;}
.AlignTop4 {top: -194px;}

.EntryTable td {font-size: 14px;}
.EntryTable input[type="text"]:not([contenteditable="false"]), .EntryTable textarea:not([contenteditable="false"]) {color: #333333;}
.EntryTable td:not(.Data):not(.Error):not(.TLabel):not(.Note):not(.Text):not([colspan]):not(:only-child):first-child {
    text-align: right;
    padding: 0 5px;
}
.EntryTable td:not(.Data):not(.Error):not(.TLabel):not(.Note):not(.Text):not([colspan]):first-child:not([width]) {width: 140px;}
.EntryTable .Label, /*.EntryTable .MLabel,*/ .EntryTable .SLabel {text-align: right;}
.EntryTable .Label {padding: 0 5px;}
.EntryTable:not(.POSAction) td.Label[valign="top"], .EntryTable td[valign="top"]:not(.Data):not(.Error):not(.TLabel):not(.Note):not(.Text):not([colspan]):not(:only-child):first-child {padding-top: 5px;}
.EntryTable .MLabel {font-weight: 600;}
.EntryTable .Note {color: #494949;}
.EntryTable + .EntryTable {margin-top: 5px;}

.ReportTable{
    font-size: 13px;
    margin-top: 10px;
}
.ReportTable tr th:first-child, .ReportTable tr td:first-child {padding-left: 10px;}

#ID_DIARY_HEAD {table-layout: fixed;}

.BMClassBar {display: block; padding-top: 10px; border-top: solid 1px #D7DCE2; margin-top: 10px;}
.BMClassBar img {vertical-align: text-bottom;}
.BMClassBar tr td {text-align: center;}
.BMClassBar tr td:first-child {text-align: left;}
.BMClassBar tr td:last-child {text-align: right;}
.BMClassBar a.ActionButton {color: #1E23A4; cursor: pointer; float: left;font-size: 13px;
border-radius: 31px;min-width: 75px;text-align: center;padding: 10px 20px !important;margin: 0 8px 20px 0;background: #E8E9F6;}
.BMClassBar a.ActionButton:hover{ color:#fff}
.BMClassBar a.ActionButton.SelectedButton{ color:#fff}

a.BMTaskBarButton {
    padding: 8px 16px;
    color: #fff;
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    border: none !important;
}
#noPrint > .BMClassBar {  border: none;  padding: 0;  margin: 0;}

.BMDayCaptionFrame {
    background-color: #ffffff;
   color: #5B5B5B;
   text-align: center;
   vertical-align: top;
   border: #D4DAEC 1px solid;
   font-size: 14px;
   padding: 4px;
   font-weight: 600;
}
.BMDayCaptionFrame a[role="Prev"]{margin-right: 10px;}
.BMDayCaptionFrame a[role="Next"]{margin-right: 2px;}
.BMDayCaptionFrame span{ font-weight:600!important}

.BMTimeGridSlot, .BMTimeGridSlotClosed, .BMTimeGridSlotRotaClosed, .BMTimeGridSlotBooked {
   COLOR: #656d78;
   TEXT-ALIGN: center;
   VERTICAL-ALIGN: top;
   BORDER: #b0b0b0 1px solid;
   HEIGHT: 60px;
   font-size: 13px;
}
.BMClassGridSlot, .BMClassGridSlotClosed, .BMClassGridSlotAvailable {
   COLOR: #656d78;
   TEXT-ALIGN: center;
   VERTICAL-ALIGN: top;
   BORDER: #b0b0b0 1px solid;
   HEIGHT: 30px;
   font-size: 13px;
}
.BMTimeGridSlotDisabled {
    background-color: #f3f4f4;
    COLOR: #b5b7b8;
}

.BMTimeGridSlot a:link, .BMTimeGridSlot a:visited, td.BMTimeGridSlot[onclick]:not([onclick=""]) {
   COLOR: #656d78;
   font-size: 13px;
}
.BMTimeGridSlot a:link:first-line, .BMTimeGridSlot a:visited:first-line, .BMTimeGridSlot a:hover:first-line, td.BMTimeGridSlot[onclick]:not([onclick=""]):first-line {
   font-weight: 600;
}
.BMDiaryTime {
    min-width: 65px;
    width: 65px;
    max-width: 100px;
    background-color: #f4f5f9;
}
table.BMTimeGrid, table.BMDayCaption {table-layout: fixed;z-index: 1;}
table.BMTimeGrid tr {page-break-inside: avoid;}
table.BMTimeGrid td {vertical-align: middle;}

table.BMDayCaption td.DToday, table.BMDayCaption td.DToday a:link, table.BMDayCaption td.DToday a:visited, table.BMDayCaption td.DToday a:hover, div.DToday {color: #f07d00;}

.BMTimeGrid tr:nth-child(2n) td.BMDiaryTime {background-color: #D4DAEC;}

.BMTimeGridSummarySlot, .BMTimeGridSummarySlotClosed, .BMTimeGridSummaryTimeScale, .BMTimeGridSummarySlotRotaClosed, .BMTimeGridSummarySlotBooked {
   color: #060A13;
   text-align: center;
   vertical-align: top;
   border: #b0b0b0 1px solid;
   font-size: 13px;
   padding: 4px;
}
.splitter, .vsplitter {
    border-style: dotted;
    border-color: #CCCCCC;
    display: block;
    position: relative;
}
.splitter {
    margin-top: 5px;
    border-width: 1px 0 0 0;
}
.splitter:empty {height: 5px;}
.vsplitter  {
    border-width: 0 0 0 1px;
}
.BookAttList tr:not(.heading):hover {
    background-color: #ddd;
}
.LegendItem, .LegendItem td {
    font-size: 14px;
    line-height: 1;
    padding: 4px 2px;
}
.LegendItemBox {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 1px;
    border: 1px solid #D4DAEC;
}
.InfoPad {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    margin: 5px 0px;
    padding: 5px;
    display: inline-block;
}
.LookupImage {
    position: absolute;
}

tr.Utilised table td {border: 0px;}
tr.Utilised table, tr.Utilised td:not([width]):empty {
    height: 20px;
    border: 1px solid #b0b0b0;
}
table.BMTimeGrid tr.Utilised td {padding: 0px;}
table.BMTimeGrid tr.Utilised + tr.Utilised td {padding-top: 2px;}
table.BMTimeGrid tr.Utilised + tr.Utilised td.BMDayCaptionFrame {border-top-width: 3px;}
tr.Utilised table td {padding: 0px;}
tr.Utilised table td.separate {border-left: 3px solid #4B525A;}
tr.Utilised table td.separate + td.separate {border-left:0px;}

table.fieldset, table.InfoPad {display: table;}

.dsform {min-width: 15px; box-sizing: border-box;}
.dsformMax {width: 98%; position: relative;}
.dsform[onclick]:not([onclick=""]){cursor: pointer;}
.dsform[onclick]:not([onclick=""]):hover a {color: #99CCEE;}
.dsformMax .time {
    position: absolute;
    top: 2px;
    right: 2px;
}

input#member_postcode_id {max-width: 100px;}

Input, textarea, select {
    -webkit-appearance: none;
    border-radius: 0px;
}
Input, textarea, select, .dsform, input + a[tabindex="-1"][onclick]:not([onclick=""]), nav.Combo {
    background: transparent;
    border: 1px solid #d5dae0;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 2px;
    padding: 10px 16px;
    border: 1px solid #D4DAEC;
    box-shadow: none;
    border-radius: 8px;
    color: #060A13;
}
select {
    padding: 4px 18px 4px 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    min-width: 80px;
}
select:not([size]), select[size="1"], nav.Combo{background: url("../images/prompt.gif") right 5px center no-repeat #fff;
    font-size: 14px;
    padding: 8px 16px;
    border: 1px solid #D4DAEC;
    margin: 2px 4px 4px 0;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 8px;
    color: #060A13;
    background-color: transparent;
    }
select option[disabled] { display: none;}
select::-ms-expand { display: none; }

input[type="checkbox"]:not(.CWbox) {-webkit-appearance: checkbox;}
input[type="radio"]:not(.CWbox) {-webkit-appearance: radio;}
input[type="checkbox"] + span[onclick]:not([onclick=""]), input[type="radio"] + span[onclick]:not([onclick=""]){ border: 1px solid transparent; }
input[type="checkbox"], input[type="checkbox"] + span[onclick]:not([onclick=""]), input[type="radio"], input[type="radio"] + span[onclick]:not([onclick=""]) {cursor: pointer;}
input[type="checkbox"].CWbox, input[type="radio"].CWbox {visibility: hidden; margin-right: -12px; margin-right: 0; padding: 0;}
input[type="checkbox"].CWbox+span:before, input[type="radio"].CWbox+span:before, .checked, .unchecked {
    width: 19px;
    height: 19px;
    background: url(../images/checkbox_radio.png?v=1) left top no-repeat;
    overflow: hidden;
    content: "\00a0";
    display: inline-table;
    visibility: visible;
}
.checked, .unchecked {display:inline-block;}
input[type="radio"].CWbox+span:before {background-position: -38px 0;}
input[type="checkbox"].CWbox:checked+span:before, .checked, input[type="checkbox"].CWbox.Inverted+span:before {background-position: -19px 0;}
input[type="checkbox"].CWbox.Inverted:checked+span:before {background-position: 0px 0;}
input[type="radio"].CWbox:checked+span:before {background-position: -57px 0;}
input[type="checkbox"].CWbox+span:before, input[type="radio"].CWbox+span:before { margin: 2px 5px 2px 0px; padding-top: 0px;}
input[type="checkbox"].CWbox + span, input[type="radio"].CWbox + span {margin: 0px 4px 0px -4px;}
input[type="checkbox"].CWbox:focus + span, input[type="radio"].CWbox:focus + span {margin: 0px;}
input[type="email"]{
    background: url("../images/report-all.png") 0 -137px no-repeat, transparent;
    padding-left: 30px;
}
td[valign="top"] input.CWbox + span {
    display: inline-block;
    vertical-align: top;
}

::-webkit-input-placeholder {font-size: 12px; color: #888888;}
::-moz-placeholder {font-size: 12px; color: #888888;}

input + a[tabindex="-1"][onclick]:not([onclick=""]) {
    border-left-width: 0px;
    margin-right: 0px;
    margin-left: -15px;
    padding: 0px 4px;
    cursor: pointer;
    width: 31px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f9;
    transition: all 0.5s;
    position: relative;
    top: 3px;
}
input + a[tabindex="-1"][onclick]:not([onclick=""]):hover {
    background: #1e23a4;
}

a[tabindex="-1"][onclick]:not([onclick=""]) img {
/*    margin-bottom: -4px;*/
     }

select:disabled,
input:disabled, input:disabled+span,
input[readonly], input[readonly]+span {color: #CECECE;}

.CWcal {
    background: url("../images/prompt.gif") 95% center no-repeat, #FFFFFF;
    padding-right: 25px;
    cursor: default;
}

.CWColor {
    width: 8vw;
    min-width: 100px;
}

nav.Combo {
    position: relative;
    min-width: 160px;
    padding-right: 18px;
}
nav.Combo ul {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    display: none;
    border: 1px solid #d5dae0;
    background: #FFFFFF;
}
nav.Combo li {
    padding: 10px 16px;
    border-bottom: 1px solid #d5dae0;
    cursor: pointer;
    vertical-align: middle;
}
nav.Combo:hover ul {display: block;}

/*.Child160 > *:first-child {width: 140px;}
.Child115 > *:first-child {width: 105px;}*/
.Child160 > *:first-child {width: 147px;}
.Child115 > *:first-child {width: 147px;}

.CmsForumTab {
    width: 20px;
    display: inline-block;
}

li.Up, li.Down {
    /*width: 15%;*/
    min-width: 30px;
}
li.Up:before, li.Down:before {
    width: 25px;
    height: 100%;
    background: url("../images/sortdsc.png") center no-repeat;
    overflow: hidden;
    content: "\00a0";
    display: block;
    visibility: visible;
    margin: 0 auto;
}
li.Down:before {background: url("../images/sortasc.png") center no-repeat;}

.FileList {
    cursor: pointer;
    height: 70px;
}

.FileList:hover {
    background-color: #DFF8FF;
}

.FileList td {
    font-size: 10pt;
}

.FileList td:first-line{
    font-weight: 600;
}

.program-session-totals {
    text-align: left;
    padding-left: 0px;
    font-weight: 600;
}

.program-session-totals li {
    display: inline;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 20px;
    color: #233d87;
}

.InfoTable, .ReportTable {
    border: 1px solid #D4DAEC;
    background: none repeat scroll 0 0 white;
    border-collapse: collapse;
    margin: 10px 0px;
}
/* This is related to issue, that happens after chormium update */
/* For some reason it sets width of grid to 79px, */
/* that is why it should be 100% important, to overwright the rule */
.InfoTable {
	/*width: 100% !important;*/
}
.InfoTable tr td {vertical-align: top;}
.InfoTable tr th, .InfoTable tr.GridHeader td, .InfoTable tr.GridSect td {vertical-align: middle;}

.InfoTable.CwrsMenu tr.GridSect td.Actions li:not(.Up):not(.Down) {/*width: 34%;*/}
.InfoTable.CwrsMenu tr.GridCell td.Actions li:not(.Up):not(.Down) {/*width: 14%;*/}

.ContentBlock, #VisitsSpan {
    padding: 3px;
    background: #fff;
    margin-top: 10px;
    padding: 16px;
    border-radius: 8px;
}

.report_btn {
    display: inline-block;
    text-transform: capitalize;
}
.report_num {
    background: none repeat scroll 0 0 #f07d00;
    border-radius: 710px;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    left: -1px;
    padding: 2px 6px;
    position: relative;
    top: -11px;
    margin: 0;
}
.nav-inbox, .nav-logout, .nav-menu, .nav-back, .nav-member, .nav-menu-user, .nav-visit, .nav-training {
    background: url("../images/nav_all.png") no-repeat 0 -72px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 14px;
    margin-right: 10px;
    margin-top: 18px;
    position: relative;
    width: 18px;
}
.nav-logout {height: 18px; margin-top: 16px; background-position: 0 -100px;}
.nav-menu {background-position: 0 -136px;}
.nav-back {
    background-position: 0 0;
    height: 18px;
    margin-top: 16px;
}
.nav-member {
    background-position: 0 -36px;
    height: 18px;
}
.nav-visit{
    background-position: 0 -150px;
    height: 8px;
}
.nav-menu-user {
    background-position: 0 -166px;
    margin-top: 0px;
}
.nav-training {
    background-position: 0 -264px;
    height: 23px;
    margin-top: 16px;
}
a.dropdown:hover .nav-inbox, a.dropdown:hover .nav-logout, a.dropdown:hover  .nav-back, a.dropdown:hover  .nav-member, a#ShowVisitSpan:hover .nav-visit {
    background: url("../images/nav_all.png") no-repeat scroll 0 -86px rgba(0, 0, 0, 0);
}
a.dropdown:hover .nav-logout {background-position: 0 -118px;}
a.dropdown:hover  .nav-back {background-position: 0 -18px;}
a.dropdown:hover  .nav-member {background-position: 0 -54px;}
a.dropdown:hover  .nav-training {background-position: 0 -289px;}

.KPIMeasure {
    display: inline-block;
    width: 18px;
    height: 14px;
    margin-bottom: -2px;
    margin-left: 4px;
    background: url("../images/nav_all.png") no-repeat scroll 0 -221px rgba(0, 0, 0, 0);
}
.KPIMeasure[type="3"],.KPIMeasure[type="5"] {background-position: 0 -235px;}
.KPIMeasure[type="6"] {background-position: 0 -249px;}


#LastVisitSpan {
    background-color: #99CCEE;
    border-bottom: 1px solid #90BEDD;
    display: block;
    position: relative;
    background-color: #e5e9f5;
    border: none;
    border-radius: 8px;
    margin-bottom: 10px;
}
#LastVisitSpan ul {
    display: inline-block;
    height: 100%;
    width: 100%;
}
#LastVisitSpan ul li, .Lemma {padding: 10px 0px 10px 20px;}
li.CloseVisit {
    width: 40px;
    cursor: pointer;
    padding-right: 20px;
    background: url("../images/ic_up.svg") center no-repeat, transparent;
}
#ShowVisitSpan {
    cursor: pointer;
    right: 0px;
    padding-left: 20px;
}
.Lemma {
    display: block;
    font-size: 14px;
    background-color: #F4F5F9;
    border-radius: 8px; padding:10px 0;
}
/*menu start*/
.topbar{
    height: 65px;
    font-size: 10px;
    margin-bottom: 0px;
    background: #FFF;
    padding: 20px 10px !important;
}

.topbar td {padding: 0px;}

.customertopbar{
    margin-bottom: 10px;
}

.FloatBar {
    background-color: #FFFFFF;
    font-size: 10px;
    width: 135px;
    z-index: 1200;
    border: 1px solid #90BEDD;
}

.userBar{
    font-size: 10px;
    line-height: 14px;
    color: #333333;
}

ul.navin {margin-right: 2px; }
.navin ul {
    width:200px;
    text-transform: capitalize;
    -webkit-font-smoothing:antialiased;
    right: -2px;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1100; /* for KPI home */
}
.navin li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.navin a {
    color: #060A13;
    display: block;
    font: 14px/40px;
    padding: 10px 16px;
    text-align: left;
    text-decoration: none;
}
a.dropdown{
    color: #060A13;
    font-size: 14px;
    line-height: 50px;
    padding: 0 5px;
    background: none;
    font-weight: normal;
}
a.dropdown:hover{
    color: #f07d00;
    text-decoration: none;
}
a.withMenu span {
    display: inline-block;
    height: 50px;
}

ul.navin li a{
    line-height: 24px;
}
ul.navin li a>span{height: unset;}
ul.navin li a> .report_num {
    position: absolute;
    top: -2px;
    left: 18px;
    width: 14px;
    height: 14px;
    padding: 0;
    text-align: center;
    line-height: 14px;
    border: 2px #fff solid;
}

ul.navin>li>a{
    padding: 8px 5px;
}

ul.navin li a>i{
    width: 24px;
    height: 24px;
    background-image: url(../images/topNavIcon.svg) !important;
    background-repeat: no-repeat;
    background-position: left top -96px;
    transition: all 0.5s;
    margin-top: 0;
}


ul.navin .nav-back{background-position: left top -24px;}
ul.navin .nav-menu, ul.navin .nav-member{background-position: left top -145px;}
ul.navin .nav-inbox{background-position: left top -72px;}
ul.navin .nav-logout{background-position: left top -96px;}
ul.navin .nav-visit{background-position: left top -120px;}
ul.navin .nav-menu-chevron{background-position: left top -119px;}

ul.navin a:hover {color: #1E23A4;}
ul.navin a:hover .nav-back{background-position: left -24px top -24px;}
ul.navin a:hover .nav-menu, ul.navin a:hover .nav-member{background-position: left -24px top -145px;}
ul.navin a:hover .nav-inbox{background-position: left -24px top -72px;}
ul.navin a:hover .nav-logout{background-position: left -24px top -96px;}
ul.navin a:hover .nav-visit{background-position: left -24px top -120px !important;}
ul.navin .nav-menu-chevron{background-position: left top -119px;}

.navin li:hover a + ul, li:hover .withMenu {
    color: #060A13;
    background-color: #fff;
}

a.dropdown.withMenu:hover{color: #f07d00;}

.navin li ul {top: 40px;}
.navin li:hover ul {
    opacity: 1;
    visibility: visible;
}
.navin li ul li {
    float: none;
    width: 100%;
}
.navin li ul a:hover {background-color: #f4f5f9;}

.dropdown ~ ul {
    box-shadow: 0px 6px 6px rgb(0 0 0 / 8%);
    border-radius: 0px 0px 8px 8px;
}

ul.KPITopList {
    position: relative;
    display: inline-block;
    /*background-color: #f5f7fa;*/
    width: 100%;
}
ul.KPITopList ul {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 30px;
  width: 170px;
  border: 1px solid #D4DAEC;
  padding: 6px;
  width: calc(20% - 10px);
  /*height: 100%;*/
  padding: 0px;
  border-radius: 8px;
  margin: 4px 4px 10px;
  background: #fff;
  vertical-align: top;
  min-height: 72px;
  min-width: 260px;
}

ul.KPITopList ul li{
    color: #060A13;
    font-weight: 500;
    max-width: 50%;
    padding: 10px;
}

ul.KPITopList>li>ul>li:last-child{font-size: 20px;
    font-weight: 600;
    color: #1e23a4; }

ul.KPITopList ul ul{margin: 0;}


ul.KPITopList ul li:nth-child(2n+1) {float: left;}
ul.KPITopList ul li:nth-child(2n) {float: right;}
ul.KPITopList ul ul {
    padding: 0px;
    border-top: 1px solid #d5dae0;
    background-color: white;
    display: none;
    position: absolute;
    height: auto;
    width: 100%;
    top: 100%;
    left: -1px;
    z-index: 6;
}
ul.KPITopList ul ul li {
    font-weight: normal;
    padding: 8px 10px;
}
ul.KPITopList li ul:hover li ul{
    display: inline-block;
}
ul.KPITopList ul ul li:nth-child(2n+1) {clear: both;}

td.Actions > ul {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
td.Actions > ul li {
    display: inline-block;
    height: 100%;
    cursor: pointer;
    padding: 0 5px;
    /*border-bottom: 1px dashed #d5dae0;*/
    text-align: center;
    margin-left: 2px;
}
td.Actions > ul li:last-child {border-right:0px;}
td.Actions > ul li ul {
    display: none;
    position: absolute;
    left: -9px;
    top: -5px;
    min-width: 90%;
    min-height: 100%;
    z-index: 5;
    background-color: white;
    border: 1px solid #d5dae0;
}
td.Actions > ul li:hover, td.Actions > ul li:hover a {text-decoration: underline;}
td.Actions > ul li ul li:hover {text-decoration: none;}

input[id^="OutMethod_"], input[id^="FileFormat_"] {display: none;}
input[id^="OutMethod_"]+span, input[id^="FileFormat_"]+span {
    vertical-align: super;
    height: 29px;
}
input[id^="OutMethod_"]:checked+span, input[id^="FileFormat_"]:checked+span {font-weight: 600;}
#OutMethod_14+span:before,#FileFormat_PDF+span:before,#OutMethod_15+span:before,#FileFormat_XLS+span:before,#OutMethod_16+span:before, #FileFormat_DOC+span:before,
#OutMethod_5+span:before, #OutMethod_13+span:before, #FileFormat_CSV+span:before, #FileFormat_CSF+span:before, #FileFormat_LST+span:before, #OutMethod_4+span:before {
    width: 30px;
    height: 29px;
    background: url("../images/report-all.png") 0 0 no-repeat, transparent;
    padding-top: 0px;
    vertical-align: super;
    content: "\00a0";
    display: inline-block;
}
#OutMethod_16+span:before, #FileFormat_DOC+span:before {background-position: 0 -29px;}
#OutMethod_14+span:before, #FileFormat_PDF+span:before {background-position: 0 -58px;}
#OutMethod_15+span:before, #FileFormat_XLS+span:before {background-position: 0 -87px; height: 28px;}
#OutMethod_4+span:before {background-position: 0 -115px;}

.GridCell #FileFormat_PDF+span:before, .GridCell #FileFormat_XLS+span:before,.GridCell #FileFormat_DOC+span:before,.GridCell #FileFormat_CSV+span:before #FileFormat_CSF+span:before{
    margin-top: -4px;
    margin-bottom: -4px;
}

.cf:after, .cf:before {content:"";display:table;}
.cf:after, .clear {clear:both;}
.cf {zoom:1;}
.wmax {width: -webkit-max-content; width: -moz-max-content; width: max-content;}
.wmin {width: -webkit-min-content; width: -moz-min-content; width: min-content;}
.center, tr.center td, tr.center th {text-align:center;}

.TabsLinked {display: inline-block;}

.SubTabsLinked {
    padding-top: 5px;
    position: relative;
    text-align: center;
    z-index: 2;
    margin-bottom: 10px;
}
.SubTabsLinked td[onclick]:not([onclick=""]) {color: #5C606A; line-height: 1.1; width:120px;}
.SubTabsLinked td:not(.SubTabSel) {
    /*border-top: 3px solid #D4DAEC;*/
    background: url("../images/nav-ic-border.png") repeat-x scroll center 100% rgba(0, 0, 0, 0); width:120px;}
.SubTabsLinked+.SubTabsLinked {padding-top:0px;}

.SubTabsBlock {
    background: none repeat scroll 0 0 #fff;
    border: 0 solid;
    width: 100%;
    margin-top: 5px;
    margin-bottom: -2px;
}
.SubTabsBlock  .SubTab:not(.SubTabSel):hover, .SubTabsLinked td:not(:empty):not(.SubTabSel):hover, .TabsLinked span:not(.SubTabSel):hover {
    /*background: url("../images/nav-ic.png") no-repeat scroll center 100%, url("../images/nav-ic-border.png") repeat-x scroll center 100% rgba(0, 0, 0, 0);
    border-top: 3px solid #e87400;*/
    z-index: 2;
    text-decoration: none;
}
.SubTab {
    /*border-top: 3px solid #D4DAEC;*/
    color: #5C606A;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin-bottom: -1px;
}
/*.SubTabSel, .SubTabSel:hover {
    background: url("../images/nav-ic.png") no-repeat scroll center 100%, url("../images/nav-ic-border.png") repeat-x scroll center 100% rgba(0, 0, 0, 0);
    border-top:3px solid #E87400 !important;
    z-index: 2;
	color:#1E23A4!important; font-weight:bold;
}*/
.SubTabSel, .SubTabSel:hover {
    background:#1E23A4;
    /*border-bottom:3px solid #E87400 !important;*/
    z-index: 2;
	color:#fff!important; font-weight:bold; border-radius:8px 8px 0 0;
}

.SubTab, .SubTabSel, .SubTabsLinked td {
    transition: background-color 0.6s;
    padding: 12px 10px 15px;
}

ul.ContactMenu {position: relative;}
ul.ContactMenu li {
    padding: 2px;
    display: block;
    float: left;
}
ul.ContactMenu li:nth-child(3n+1) {
    clear: both;
}
ul.ContactMenu li ul {
    position: absolute;
    left: -5px;
    top: -10px;
    width: 100%;
    height: 100%;
    min-height: 140px;
    z-index: 3;
    display: table;
}
ul.ContactMenu li ul li {
    padding: 0px;
    position: relative;
    float: none;
    display: table-row;
}
ul.ContactMenu li a {
    background-color: #f5f7fa;
    border: 1px solid #d5dae0;
    float: left;
    margin: 2px;
    padding: 7px 6px;
    /*min-width: 160px;*/
    font-size: 12px;
    font-weight: normal;
}
ul.ContactMenu li a[role]{min-width: 144px;}

ul.Bullet {font-size: 14px;}
ul.Bullet li {margin: 0 5px;}
ul.Bullet li a:before {content:"\2022\00a0";}
ul.Dash li:before {content:"\00a0-\00a0";}

ul.serviceTest {
    left: 40%;
    top: 40%;
    min-width: 300px;
    position: absolute;
    background-color: #FFFFFF;
    padding: 10px;
    text-align: center;
    display: none;
    z-index: 1;
}

.KPIDetFigures {
    background: none repeat scroll 0 0 #f5f7fa;
    border: 1px solid #d5dae0;
    margin-left: 10px;
    padding: 10px 20px;
    float: right; border-radius:10px;
}
.KPIDetFigures td {width: 80px;}
.KPIDetFigures tr td[style]:not([style=""]) {font-weight: 600;}

.KPIHealthCheck {color: #b0b0b0;}

table.InfoTable td[onclick]:not([onclick=""]):hover {text-decoration: underline;}
.containerTableStyle tr td {padding: 0px;}

div.ComposeAmount {
    float: left;
    display: flex;
}
div.ComposeAmountDivider {
    font-weight: 600;
    margin-top: 10px;
}
div.ComposeAmountTitle {text-align: center;}
div.ComposeAmountInput {
    display: flex;
    flex-direction: column;
}
div.ComposeAmountInput > input {text-align: right;}

.Error {color: red!important;}

.ConfirmBox {
    text-align:center;
}
.ConfirmBox h4 {color: red!important;}
.ConfirmBox input {
    display:inline-block;
    margin-right: 2%;
    margin-left: 2%;
}

.Stress {font-weight: 600;}
.Important {
    color: red !important;
    font-weight: 600 !important;
}
.ImportantNote {
    color: red;
}
.cursive {font-style: italic;}

.cwmsg {
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 10px 10px 10px 40px;
    position: relative;
    width: auto;
    background-position: 5px 5px;
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 8px;
    background-position: center left 5px;
}
.cwmsg:first-line {font-weight: 600;}
.cwmsg + .cwmsg {margin-top: 5px;}
.cwmsg.done {
    background-color: #f6fbf2;
    background-image: url("../images/ic_checkGreen.svg");
    border-color: #47b101;
}
.cwmsg.info {
    background-color: #fffbef;
    background-image: url("../images/msg_info.png");
    border-color: #fa8100;
}
.cwmsg.error {
    background-color: white;
    background-image: url("../images/msg_error.png");
    border-color: #ed5757;
}

.cwchart {
    width: 200px;
    height: 40px;
    display: inline-block;
}
.cwchart.fav {
    clear: left;
    height: 120px;
}
.cwchart.big {
    width: 1000px;
    height: 535px;
}
.cwchart.home {
    width: 100%;
    height: 550px;
}
.cwchart.shift {margin-top: 2px; margin-bottom: -13px; overflow:hidden;}
.cwchart.rotate .dhx_axis_item_x:nth-child(2n) {padding-top:0px;}
.cwchart .title {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: -2px;
    font-weight: 600;
    color: black;
}

.cwmsg:empty, .cwchart:empty, .cwchart:not(.fav):not(.big) .title {display: none;}

.GRCont {display: block; height: auto; overflow: visible; perspective-origin: 0px 0px; transform-origin: 0px 0px;}
.GRCont:empty {width: 100%;}
.GRNav {
    padding-bottom: 35px;

    padding: 10px 0px;
    float: left;
    width: 100%;
}

/* line with transform style */
.scaleLine:hover {
    /*height: 110px;*/
}

.scaleLine:hover .scaleText {
    /*padding-left:70px;*/
}

/* styles for campaign template preview */
#div_lookup_box.dhtmlx_modal_box.templatePopUp {
    left: 50%;
    transform: translateX(-50%);
    min-width: 0%;
    width:auto !important;
    float:left;
    overflow: visible;
}

#div_lookup_box textarea {
    max-width: 60%;
}

#div_lookup_box .centerText {
    display: inline-block;
    max-width: 60%;
}
#div_lookup_box .lookupTile {
    border: 1px solid #CCCCCC;
    margin: 2px;
    padding: 10px 5px;
    float: left;
}
#div_lookup_box .lookupTile:hover {
    cursor: pointer;
    background-color: #99CCEE;
}

/* close button styles */
[class*='close-'] {
  position: absolute;
  right: -15px;
  top: -15px;
}
[class*='close-min'] {
    position: absolute;
    right: -12px;
    top: -10;
}
.close-img-cw {content: url(../images/ic_close.svg);}

.close-min-img-cw {
    content: url('../images/cw_close_min.png');
    content: url('../images/ic_close.svg');
    width: 24px;
}
/* multi court slot class */
.multicourtSlot {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#MessageFloatBox {z-index: 1200;}
#MessageFloatBox input {
    height: 0px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    background: none repeat scroll 0 0 transparent;
}

#DocPasswordForm {
    display: none;
    position: absolute;
    background: #FFFFFF;
    z-index: 3;
    text-align: center;
}

ul#ribbonTop {
  position: absolute;
  top: 0px;
  left:30%;
  display: none;
  cursor: default;
}

ul#ribbonTop > li {
    display: block;
    float: left;
}
ul#ribbonTop > li {
    color: #060A13;
    font-size: 14px;
    min-width: 50px;
    line-height: 80px;
    font-weight: 500;
    background: #fff;
}
ul#ribbonTop > li:first-child, ul#ribbonTop > li:last-child{display: none;}
ul#ribbonTop > li:first-child, ul#ribbonTop > li:last-child {
	background: none repeat scroll 0 0 transparent;
    min-height: 0px;
    min-width: 0px;
    padding: 0;
    width: 0;
    height: 0;
	border-top: solid #192C62;
}
ul#ribbonTop > li:last-child {
	border-right: 30px solid transparent;
}
ul#ribbonTop > li:first-child {
    border-left: 30px solid transparent;
}
div[onclick^="goHref"] {
    cursor: pointer;
}

.divRibbonLine {
    text-align: center;
    padding: 0px 20px;
}

.divRibbonData {
    display: inline-block;
    padding: 0px 4px 0px 4px;
}

tr.tmpl > td:first-child {color: #47b101!important;}
tr.tmpl.lock > td:first-child {color: #ed5757!important;}
tr.tmpl > td:first-child:empty:before {font-size: 14px;}
/* Styles for receipt popup with iframe */
#div_lookup_box.dhtmlx_modal_box.receipt {
    left: 40%;
    min-width: 25%;
    min-height: auto;
    width: auto !important;
    height: auto;
    float: left;
    overflow: visible;
}

.div_lookup_content {
    overflow-y: auto;
    max-height: 90vh;
}

#div_lookup_box.receipt iframe {
    width: auto;
}

#div_lookup_box.receipt td {
    padding-left: 10%;
    padding-right: 10%;
}

#div_lookup_dtable {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid;
}

/* Style for confirmation box generated by lookup */

#div_lookup_box.dhtmlx_modal_box.dhtmlx-confirm {
    top: 40% !important;
    left: 40% !important;
    min-width: auto;
    min-height: auto;
    width: 400px !important;
    height: auto !important;
}

.confirm_msg_box_buttons {
    letter-spacing: 1px;
    margin: 5px;
}

.WrapHeight {
    display: block;
    height: 100%;
    overflow-y: auto;
}

.PreviewDocument {
    display: inline-block;
    height: 55%;
    width: 90%;
    margin: 0 auto;
    border: 1px dashed #CCC;
}

.GroupClubCode {
    color:rgb(0, 0, 0)!important;;
    text-decoration: none;
}
.Location::before {
    display: inline-block;
    content: "Member has visited\00a0";
}

/* ----------------------------------------------- */

.printBreak{page-break-before: always;}
#noWeb, .noWeb, .wide-block {display: none;}
.tight-block, .wide {display: block;}
.w1024 {display: none!important;}
#fullMenu .t1024 {display: block!important;}
table[id^="POSNav"] {display: none;}

.fright, .frightli li {float:right;}
.fleft, .fleftli li {float:left;}

/*PoojaS v8.36.18 (CW2.3) 15/02/2018 CAPP-938 place a QR icon in the header of CW4web, to the left of 'Back'.*/
.QrLeft{ text-align:center; bottom:3%; margin:20px; cursor:pointer}
.qr_icon {
    background-position: 0 0;
    height: 75px;
    margin:0 auto;
}

.noPrint > a.ActionButton{margin:0 0 15px 0; }
nobr {  padding: 5px 0 !important;  display: inline-block;}

div.RadioGroup {display: inline-block;}
div.RadioGroup[size="multi"] input+span { float:left;clear:both; }

@keyframes loading {
    0%   {background-position-x:    0px;}
    100% {background-position-x:-1802px;}
}

#loading {
    position: fixed;
    display: none;
    left: 45%;
    top: 45%;
    width: 106px;
    height: 106px;
    border-radius: 8px;
    background: url("../images/loading.png?v=1") no-repeat scroll 0 0 rgba(255, 255, 255, 0);
    animation: loading 0.85s steps(17, end) infinite;
    z-index: 20001;
    -moz-transform: scale(0.7,0.7); /* for Firefox */
    -ms-transform: scale(0.7,0.7); /* for IE */
    -webkit-transform: scale(0.7,0.7); /* for Safari, Chrome, iOS */
    -o-transform: scale(0.7,0.7); /* for Opera */
    transform: scale(0.7,0.7);
}

@media print {
    BODY, .ContentBlock, .rightColumn { background: none; border: 0px; padding-top: 0px; padding-bottom: 0px; }
    .ActionButton, #VisitsSpan, #LastVisitSpan, #OptionSpan, #noPrint, .noPrint, .leftColumn, .topbar, #sectionRight, #sectionRight0, .cwmsg, .dhxgrid_sort_asc, .dhxgrid_sort_desc, .ownsnapVis img {
        display: none!important;
        visibility: hidden;
        box-shadow: none;
        border: 0;
        height: 0px;
    }
    #noWeb, .noWeb { display: inline;}
    a:link, a:visited, a:hover {text-decoration: none; color: black;}
    .coverPlate {
       background-color: #898989;
       padding: 15px;
       padding-left: 25px;
    }
    .coverFooter{
       padding-left: 0px;
       font-size: 15px;
       color: #5c5c5c;
    }
    #sectionRight.KPIDayDate{display: block; float:left; }
    .KPIDayDate {background-color: #898989;}
    H1{font-size: 24px; font-weight: 600;    color: white; padding: 0px; margin: 0px;}
    H1 #normal {font-weight: normal;}
    H3{font-weight: 600;}
    .contents{padding-left: 25px; margin-top: 50px; margin-bottom: 120px;font-size: 15px; font-weight: normal; color: #5c5c5c;}
    .contents a{ font-weight: normal; }
    .contents#margin{margin-left: 20px;}
    .KPIDayDate{
       font-size: 14px;
       font-weight: normal;
       color: white;
       position: static;
       float: left;
       display: block;
       padding-top: 20px;
    }
}

@media (max-width:1040px){
    .w1024 {display: block!important;}
    #fullMenu .t1024 {display: none!important;}
    ul.ContactMenu li {
        padding: 3px;
        clear: both;
        float: none;
    }
}

@media (max-width:1500px){
    .ContentBlock {padding: 2px 0px;}
    .GridCell, tr.GridCell td, .GridSubCell, tr.GridSubCell td, .GridHeader, tr.GridHeader th, tr.GridHeader td, tr.GridSect th, tr.GridSect td {
        font-size: 13px;
        padding: 2px;
    }
    td.WidgetData,tr td.WidgetData {padding: 0px;}
    .rightColumn{font-size: 12px;}
    H1, H2, H3, H4 {
        margin-bottom: 3px;
        font-size: 16px;
    }
    legend, .legend {font-size: 12px;}
    html ul#sideNavHead{
        margin: 10px 0px 10px 2px;

    }
    fieldset, .fieldset, span[id^="subblock"]{padding: 2px;}
    .ContactHeader.fieldset {padding:1px;}
    .ContactHeader td {padding: 2px 0px;}
    .POSLeft, .POSLeft .POSGrid td {
        padding: 0px;
        font-size: 12pt;
    }
    .POSLeft table:not(.Nav):not(.InfoTable) {border-spacing: 2px;}
    .POSRight {padding: 2px;}
    input.POSCartAmountEdit.Amt {width: 60px;}
    .BMDayCaptionFrame, .BMTimeGridSummarySlot, .BMDiaryTime {font-size: 11px;}
    .EntryTable td {font-size: 13px;}
    .EntryTable td:not(.Data):not(.Error):not(.TLabel):not(.Note):not(.Text):not([colspan]):first-child:not([width]) {width: 120px;}
    .ownsnap span {
        border-radius: 110px;
        height: 110px;
        width: 110px;
    }
    .receipt.txt .ActionButton, .BMTaskBarButton, .DummyButton {
        font-size: 11px;
        max-width: 320px;
    }
    #div_lookup_box.receipt.txt iframe {
        padding-left: 18%;
    }
    .receipt.txt input[type="email"] {
        font-size: 12px;
    }
    #div_lookup_box.dhtmlx_modal_box.receipt.txt {
        min-width: 35% !important;
    }
}
@media (max-width:1560px){
    ul.ContactMenu li:nth-child(3n+1){clear: none;}
    ul.ContactMenu li:nth-child(2n+1){clear: both;}
}
@media screen and (max-device-width: 736px), (max-width:736px){
    .wide {display: none!important;}
    table[id^="POSDetails"] {display: none;}
}
@media (min-width:1600px){
    .wide-block {display: block;}
    .tight-block {display: none;}
    ul.sideNavList li a, ul.sideNavList ul li a:visited { padding: 14px 10px; }

    .navin ul {right: 0;}
    ul.KPITopList ul {/*width: 190px;*/}
}
/*Sharmilal v8.33.1 (FitSense - 29/09 - 05/10) 03.10.2017 FSI-1019 Implement 'close' option in top right of popup pane when viewing the a Custom feed in Cw4web.*/
.popupclose {float:right;}
/*PoojaS v8.36.18 (CW2.3) 15/02/2018 CAPP-938 place a QR icon in the header of CW4web, to the left of 'Back'.*/
.qr_icon {
    background-position: 0 0;
    height: 70px;
    margin: 0 auto;
}
.OuterProgressBar {
    padding: 5px 9px;
}

/* APPROVE CHECKBOX STYLE (TO VIEW APPROVED FLAG NEAR THE INPUT */

.approveCheckbox {
    margin-bottom: 15px !important;
    cursor: pointer !important;
}

/* Hide the default checkbox */
.approveCheckbox input[type=checkbox] {
    visibility: hidden !important;
}

/* Creating a custom checkbox
based on demand */
.approveCheckboxSpan {
    position: absolute !important;
    height: 20px !important;
    width: 20px !important;
    background-color: white !important;
    border: 2px solid white !important;
}
/* Specify the background color to be
shown when hovering over checkbox */
.approveCheckbox:hover input ~ .approveCheckboxSpan {
    background-color: white !important;
}
/* Specify the background color to be
shown when checkbox is active */
.approveCheckbox input:active ~ .approveCheckboxSpan {
    background-color: white !important;
}

/* Specify the background color to be
shown when checkbox is checked */
.approveCheckbox input:checked ~ .approveCheckboxSpan {
    background-color: transparent !important;
}

/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.approveCheckboxSpan:after {
    content: "" !important;
    position: absolute !important;
    display: none !important;
}

/* Display checkmark when checked */
.approveCheckbox input:checked ~ .approveCheckboxSpan:after {
    display: block !important;
}

/* Styling the checkmark using webkit */
/* Rotated the rectangle by 45 degree and
showing only two border to make it look
like a tickmark */
.approveCheckbox .approveCheckboxSpan:after {
    left: 7px  !important;
    bottom: 5px  !important;
    width: 4px  !important;
    height: 10px  !important;
    border: solid blue  !important;
    border-width: 0 2px 2px 0  !important;
    -webkit-transform: rotate(45deg)  !important;
    -ms-transform: rotate(45deg)  !important;
    transform: rotate(45deg) !important;
}

/* APPROVE CHECKBOX STYLE END */

/* ROTA GRID STYLE STARTS */
#ID_ROTA_DATA tr td{
    vertical-align: middle;
    border-top: none;
    border-right: none;
}
#ID_ROTA_DATA tr td:last-child{border-right: #D4DAEC 1px solid}

#ID_ROTA_HEAD tr td{
    word-wrap: break-word;
}

.RotaTable tr td{
    padding: 10px;
    border: 1px solid #DDD;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

#ID_CLUB_ROTA_SHIFTS{
    padding:10px;
    width: 250px;
    font-size: 14px;
    font-weight: 600;
    color: #656d78;
    background-color: #FFF;
}

#ID_CLUB_ROTA_SHIFTS option{
    height: 10px;
    border: 1px solid #FFF;
    white-space: normal;
    min-height: 30px;
    height: auto;
}

.AddNewRow{
    float: right;
    width: 15px;
    height: 15px;
    cursor: pointer;
    /*background: url("../images/plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background: url("../images/ic_plusDark.svg") center no-repeat;
	position: relative;
}




/* ROTA GRID STYLE END */

/* For Rota Edit Shif Start*/
.editshiftcoltable {
    border: 1px solid #d5dae0;
    width: 310px;
    height: auto;
    border-spacing: 15px;
    border-radius: 5px;
    margin: 8px 0 0 154px;
}

.editshiftcoltable tr:not(:first-child) td{
    border: 1px solid #d5dae0;
    width:2%;
    border-radius: 5px;
    height: 30px;
}

.editshiftcoltable td{
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .editshiftcoltable {
    margin: 8px 0 0 134px;
}
ul.KPITopList ul{width: calc(50% - 10px); min-width:1}
ul#ribbonTop{ display:none!important}
}

.BMWeekEnd{
    background-color: #99ccee;
}

.DisableRotaShift{
    cursor : default;
}
/* For Rota Edit Shif End*/


.xhdr .hdrcell{color: #5C606A !important; font-weight: 500 !important; word-wrap:break-word !important}

.dhtmlx_modal_box{border-radius: 8px; padding: 16px;
    box-shadow: none !important;
    border: none !important;}
.dhtmlx-alert .dhtmlx_popup_text, .dhtmlx-confirm .dhtmlx_popup_text,
.dhtmlx-alert .dhtmlx_popup_controls, .dhtmlx-confirm .dhtmlx_popup_controls{border: none !important;}

div.dhxcombo_dhx_skyblue {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px !important;
    border: 1px solid #D4DAEC !important;
    margin: 2px 4px 4px 0;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 8px;
    color: #060A13 !important;
    background-color: transparent !important;
}

.dhtmlx_popup_button{border-radius: 8px !important;}



#POSNumPad_edits [onclick="NumPadEntry(event,'BACKSPACE');"],
#POSNumPad_edits [onclick="NumPadEntry(event,'CLEAR');"],
#POSNumPad_edits [onclick="AddAndPost('CancelStaff');"]{transition: all 0.5s}

#POSNumPad_edits [onclick="NumPadEntry(event,'BACKSPACE');"]{background-color: #1e23a4; border: 1px #1e23a4 solid; color: #fff;}
#POSNumPad_edits [onclick="NumPadEntry(event,'BACKSPACE');"]:hover{background-color: #090d70; border: 1px #090d70 solid; color: #fff;}
#POSNumPad_edits [onclick="NumPadEntry(event,'CLEAR');"]{background-color: #FF665B; border: 1px #FF665B solid; color: #fff;}
#POSNumPad_edits [onclick="NumPadEntry(event,'CLEAR');"]:hover{background-color: #cb1b0f; border: 1px #cb1b0f solid; color: #fff;}
#POSNumPad_edits [onclick="AddAndPost('CancelStaff');"],
#POSNumPad_edits [onclick="AddAndPost('CartCancel');"]{background-color: #f5f7fa; border: 1px #D4DAEC solid;}
#POSNumPad_edits [onclick="AddAndPost('CancelStaff');"]:hover,
#POSNumPad_edits [onclick="AddAndPost('CartCancel');"]:hover{background-color: #D4DAEC; border: 1px #D4DAEC solid; color: #060A13;}
#POSNumPad_edits [onclick="editNextLine(0, '');AddAndPost('CartConfirm');"]{background-color: #5fb001; border: 1px #5fb001 solid; color: #fff;}
#POSNumPad_edits [onclick="editNextLine(0, '');AddAndPost('CartConfirm');"]:hover{background-color: #498504; border: 1px #498504 solid; color: #fff;}

.Data input + a[tabindex="-1"][onclick]:not([onclick=""]){position: relative; /*top: 5px;*/}


span#subblock4 .EntryTable tr td:first-child,
span#subblock5 .EntryTable tr td:first-child {
    text-align: left;
}
blockquote.EntryBlock{margin: 0px;}

.GridSect Input, .GridSect textarea, .GridSect select, .GridSect .dsform{border-radius: 3px;}

select option {
    text-align: left;
}

select:not([size]), select[size="1"], nav.Combo {
    background: url(../images/ic_search.svg) right 5px center no-repeat #fff;
}

.ActionButton[role="Search"], input#BarcodeSearch {
    background: url(../images/ic_search.svg) 5px no-repeat, #f5f7fa;
}
.ActionButton[role="New"]{
    background: url(../images/ic_plus.svg) 5px no-repeat, #0057EF; color:#fff!important; border:solid 1px #0057EF;
}

.POSCartNav td.Prev,
li.Up:before, li.Down:before{background:url("../images/ic_up.svg") center no-repeat;}
.POSCartNav td.Next,
li.Down:before{background: url("../images/ic_down.svg") center no-repeat;}

.ActionButton[role="Next"], a[role="Next"] {
    background: url(../images/ic_right.svg) right 5px center no-repeat, #f5f7fa;
    padding-right: 24px;
}
.ActionButton[role="Prev"], a[role="Prev"] {
    background: url(../images/ic_left.svg) left 5px center no-repeat, #f5f7fa;
    padding-left: 24px;
}
span#subblock1 input + a[tabindex="-1"][onclick]:not([onclick=""]) {
    top: 5px;
    position: relative;
}
td.filter div.dhxcombo_dhx_skyblue,
#oMemNotReport_build td.filter div.dhxcombo_dhx_skyblue {
    padding: 0px 4px !important;
    border-radius: 3px;
}

div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background-image: url(../images/ic_search.svg) !important;}


.ActionButton[role="Calendar"] {
    background: url(../images/ic_calendar.svg) center no-repeat, #f5f7fa !important;
}
.ActionButton[role="Calendar"]:hover {background: url(../images/ic_calendarWhite.svg) center no-repeat, #1e23a4 !important;}



.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont{width: 220px !important; }
.dhtmlxcalendar_dhx_skyblue ul.dhtmlxcalendar_line {min-width: 100% !important;}
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont{width: 100% !important; border-right: none !important;}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
    background-color: #1E23A4 !important;
    border-color: #1E23A4 !important;
    color: #fff !important;
}




/*=============Card Notification CSS===============*/
.cardNotification{
    font-family: 'Poppins', sans-serif;
    background: #fff;
    border: 1px #E5E6EB solid;
    padding: 20px;
    width: 560px;
    border-radius: 10px;
    overflow: hidden;
}
.cN_head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.cN_logo{
    padding-right: 20px;
}
.cN_logo img{
    height: 28px;
}
.cN_Title{
    font-size: 24px;
    color: #1E23A4;
    font-weight: 600;
    text-transform: capitalize;
}

.cN_msgCard{
    background: rgba(30, 35, 164, 0.05);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.cN_msgCard .cN_Icon{}
.cN_msgCard .cN_Icon img{width: 70px; height: 70px;}
.cN_msgCard .cN_msg{padding-left: 25px; width: 100%;}
.cN_msgCard .cN_msg p{
    color: #1E23A4;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px;
}
.cN_Note {}
.cN_Note p{
    color: #444553;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.cN_Note p:last-child{margin: 0px}
.cN_Note strong,
.cN_Note strong a{font-weight: 600; color: #444553; text-decoration: none;}
.cN_Note a:hover{color: #E87400;}


::-webkit-scrollbar {
  width: 8px;
   height:8px;
}
#oObject_build {
  /*height: 330px !important; overflow:inherit; */
}

.xhdr {/*overflow:visible !important;
	height: 40px !important;
  height: 115px !important;*/
padding-bottom:15px;
}

#FormsA_btn{ background:#1E23A4; border:solid 1px #1E23A4; color:#fff}
.SubTab{color: #1E23A4;cursor: pointer;float: left;font-size: 13px; border-radius: 31px;
min-width: 75px; text-align: center; padding: 10px 20px !important; margin: 0 8px 20px 0;
background: #E8E9F6;}
.SubTab.SubTabSel{background: #1E23A4; border: none; border-radius: 30px;}
.noPrint a{ margin:15px 0 0}

#edit_btn { background: #fff;  border: solid 1px #1e23a4;  color: #1e23a4;}
#edit_btn:hover{color:#fff}

.ContentBlock h2{ margin-top:20px}

.czBtn{background: #F4F5F9; border-radius: 36px; padding: 0 16px!important; font-weight: 600;}
.menuBtn{ padding:0 12px!important}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 60px;
  background-color: #060a13;
  color: #f4f5f9;
  text-align: center;
  border-radius: 20px;
  padding: 6px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -35px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #060a13 transparent;
}

div.gridbox table.obj td{word-wrap:normal!important}
.lookupTitle {display: none}
div.split.gridbox{padding-bottom:30px}

/*=============Card Notification End===============*/

#af-toast-container {
    position: fixed;
    top: 70%;
    right: 0%;
    transform: translateX(-50%);
    z-index: 9999;
    animation: slide-in 0.5s ease-in-out forwards;
    justify-content: flex-end;
    display: flex;
}

@keyframes slide-in {
    0% {
      transform: translateX(-50%) translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
    }
}

.af-toast-center {
    position: absolute;
}

.af-toast-center iframe {
    width: 100vh;
    height: 40vh;
    border-radius: 2%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#af-toast-close {
    display: none;
    z-index: 9999;
    cursor: pointer;
    padding-inline-end: 10px;
}

.beta-tag-btn {
    font-weight: 500;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 8px 16px !important;
    font-size: 16px;
    font-weight: 500;
    background-color: #000F26;
    position: relative;
    transition: all 0.3s;
}
 
.btn.beta-tag-btn:hover {
    background-color: #303D4F !important;
    color: #fff !important;
}
 
.beta-tag-btn:after {
    content: 'Beta';
    position: absolute;
    top: -12px;
    right: -6px;
    color: #067B5D;
    background: #DDFADD;
    padding: 2px 8px;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 500;
    border-radius: 20px;
    border: 1px #067B5D solid;    
}

ul.cf.navin.fright {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
ul.cf.navin.fright li a {
	display: inline-block;
}
ul.cf.navin.fright li a i {
	margin-right: 0px !important;
}
ul.cf.navin.fright li {
	padding-left: 0px !important;
}