.branchselectbox {
    font-family: 'Calibre-R','Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 4px 4px 4px 6px;
    margin: 0px 0px 3px 0px;
    border: 1px solid #7289A9;
    font-size: 15px;
    color: #3b4850;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 373px;
}

.checkbox {
  padding-left: 0px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #7289A9;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, 2color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
      body input[type="checkbox"] {
        margin: 0;
      }
  .checkbox input[type="checkbox"] {
 
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 25px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
       
  font-family: "Font Awesome 5 Free";  /* updated font-family */
  font-weight: 900; /* regular style/weight */
      padding-left: 4px;
      padding-top: 2px;
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 20; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: blue;
  border-color: blue; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkboxrow {
  padding-left: 0px;
  width: 52px;
}
  .checkboxrow label {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    padding-left: 5px; }
    .checkboxrow label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-top: -13px;
        margin-left: -10px;
        border: 1px solid #7289A9;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    .checkboxrow label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-top: -13px;
      margin-left: -10px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkboxrow input[type="checkbox"] {
    opacity: 0; }
    .checkboxrow input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 25px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkboxrow input[type="checkbox"]:checked + label::after {
   
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* regular style/weight */
            padding-left: 4px;
            padding-top: 2px;
      content: "\f00c"; }
    .checkboxrow input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkboxrow input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkboxrow.checkbox-circle label::before {
    border-radius: 50%; }
  .checkboxrow.checkbox-inline {
    margin-top: 20; }

.checkboxwizard {
  padding-left: 0px;
  width: 42px;
}


  .checkboxwizard label {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    padding-left: 5px; }
    .checkboxwizard label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 27px;
      height: 27px;
      left: 0;
      margin-top: -13px;
      margin-left: -17px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkboxwizard label::after {
      display: inline-block;
      position: absolute;
      width: 26px;
      height: 26px;
      left: 0;
      top: 0;
      margin-top: -12px;
      margin-left: -15px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 18px;
      color: #555555; }
  .checkboxwizard input[type="checkbox"] {
    opacity: 0; }
    .checkboxwizard input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 25px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkboxwizard input[type="checkbox"]:checked + label::after {
       
  font-family: "Font Awesome 5 Free";  /* updated font-family */
  font-weight: 900; /* regular style/weight */
      padding-left: 4px;
      padding-top: 2px;
      content: "\f00c"; }
    .checkboxwizard input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkboxwizard input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkboxwizard.checkbox-circle label::before {
    border-radius: 50%; }
  .checkboxwizard.checkbox-inline {
    margin-top: 20; }


.DataList-Pager td
{
    font-size: 16px !important;
    padding:  0 2px !important;
}

.DataList-Pager a
{
    font-size: 16px !important;
    text-decoration: none !important;
    border: 2px solid #002E6E;
    border-radius: 12px;
    padding: 4px 8px;
    font-weight: 500;
}
.DataList-Pager a:hover {
    border-color: blue;
    background-color: blue;
    color: white;
}

#PageContentContainer, .PageContentContainer {
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
}

#PageContentContainer
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.StockGridSectionHeader
{
    height: 22px;
    font-size: 20px;
    color: #555555 !important;
    padding: 2px 2px 12px 2px;
    font-weight:600;
}


.ThemeColour
{
    border-left: 5px solid #F7F6F4;
}

.ThemeColourDarkBlue
{
    border-left: 5px solid #004293;
}

.ThemeColourLightBlue
{
    border-left: 5px solid #378ac9;
}

.ThemeColourDarkGreen
{
    border-left: 5px solid #2c6328;
}

.ThemeColourLightGreen
{
    border-left: 5px solid #289b30;
}

.ThemeColourRed
{
    border-left: 5px solid #b30000;
}

.ThemeColourOrange
{
    border-left: 5px solid #dc6800;
}

.ThemeColourBlack
{
    border-left: 5px solid #000000;
}
.ThemeColourPOS
{
    border-left: 5px solid #43515a;
}

#StockGrid th 
{
	background-color:#333;
	padding-left: 2px !important;
}

.MedHeader {
    background-color: none;
    border-radius: 8px;
    padding-top: 1rem;
    color: black;
    font-family: "Calibre-R";
    font-size: 24px;
    font-weight: 600;
    text-align: left;
}
.MedDecorator {
    background: #009788 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

html body {
    line-height: 1.4;
}
   
body, td
{
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #222;
    line-height: 1.4;
}



h1 {
    font-size: 28px;
    color: #222;
    font-weight: 600;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    margin-bottom: 5px;
}

.PageHeader {
    font-size: 2rem;
    font-weight:600;
    color: #222;
    display: block;
    white-space: pre-wrap;
}




h2 {
    font-size: 24px;
    color: #444444;
    font-weight: 600;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    margin-bottom: 5px;
}

h3 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    margin-top: 5px;
    margin-bottom: 10px;
}

h4 {
    font-size: 19px;
    color: #555555;
    font-weight: 600;
    font-family: "Calibre-R", sans-serif;
    margin-top: 5px;
    margin-bottom: 10px;
}


h5 {
    font-size: 16px;
    color: #555555;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}


h6 {
    font-size: 15px;
    color: #555555;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}


a:link, a:visited  {
	color: #002E6E;
    text-decoration: underline;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}
a:hover {

    color: blue;
    text-decoration: underline;
}

div.MenuPanel {
    text-align: left;
}

div.MenuPanel a:link {
    text-decoration: none;
    font-weight: 500;
}
div.MenuPanel a:link:hover {
    text-decoration: underline;
}



.highlight
{
    text-decoration: none; 
    color: black;
    background-color: Yellow;
}

.success {
    display: block;
    border: 1px solid #A9D260;
    z-index: 99;
    padding: 10px 10px 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 40px;
    background-image: url('/Cloud/Images/confirm.gif');
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-color: #FAFFF1;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000000;
    clear: both;
}

.attention {
	display: block;
	border: 2px solid #FEDB31;
	z-index: 99;
	padding: 10px 10px 10px 30px;
    margin: 1rem 0;
	padding-left: 40px;
	background-image:url('/Cloud/Images/alert.gif');
	background-repeat:no-repeat;
	background-position: 10px 9px;
	background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	color: #000000;
    clear: both;
}

.attention pre 
{
    /*background-color:#FFFFFF;*/
    padding:10px;
    margin:0px;
}

textarea
{
    font-family: 'Calibre-R','Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 4px 6px;
	margin: 0px 0px 3px 0px;
	font-size: 16px;
    color:#3b4850;
    border-radius: 6px;
    border: 1px solid #7289A9;
}

.btn
{
    height: 26px;
    background: #ffffff;
    border: 0px solid #cccccc;
    margin-left: -20;
    position: relative;
    display: none;
}

.ac-global-types 
{
    background: url(https://assets.cin7.com/Cloud/images/dropdown-arrow.png?cb=639014471200000000) right center no-repeat;
}

input {
    font-family: 'Calibre-R','Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 4px 4px 4px 6px;
    margin-right: 0;
    font-size: 16px;
    color: #3b4850;
    border-radius: 4px;
    border: 1px solid #7289A9;
    min-width: 16px;
    min-height: 21px;
}

body label {
    position: relative;
    margin: 0;
    
    align-content: center;
}
label:hover {
    cursor: pointer;
    color: blue;
}


.DefaultWizard label {
    margin-right: 1rem;
    top: -5px;
    padding-left: 0.5rem;

}
input.blur {color:#888888;}

select {
    font-family: 'Calibre-R', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 4px 6px;
    border: 1px solid #7289A9;
    margin: 0 8px 0 0;
    font-size: 16px;
    color: #3b4850;
    border-radius: 4px;
    cursor: pointer;
    min-width: 16px;
    min-height: 16px;
}


/* TopNav Start ---------------------------------------------------------------------------- */

.topnav {
    width: 100%;
    background: #ffffff;
    padding: 0 0 0 0;
    margin-bottom: 0px;
    border-bottom: solid 0px #DFE2E7;
}
	

.topnav .topnav-container{
	
/*width:1000px;*/
margin:0 auto 0 15px;
overflow:auto;
height:42px;
}
	
.topnav .topnav-myaccount a{
    color:#6c6c6c;
	font:bold 14px arial;
	text-decoration:none;
}

.topnav ul{
	padding:0;
	margin:0;
	background:#FFFFFF;
	border-bottom:0;
    float:left;
	}
	
.topnav ul li{
	padding:0;
	list-style:none;
	float:left;
	}
	
.topnav ul li a{
	display:block;
	padding:13px 10px 7px 10px;
	height: 22px;
	color:#6c6c6c;
	font:bold 14px arial;
	text-decoration:none;
	}


    .topnav ul li a:hover {
        background: #e2e1e1;
        color: #333;
        text-shadow: none;
    }
    .topnav ul li:hover {
        background: #e2e1e1;
    }
	


/* TopNav End ------------------------------------------------------------------------------ */

/* Global Start ---------------------------------------------------------------------------- */

.submitted
{
	cursor:default !important;
	opacity:0.7;
}


.title-contents
{
	
	margin-bottom:10px;
	vertical-align:middle;
}
.TransactionHeader {

    width: calc(100% - 2rem);
    max-width: 1800px;
    padding: 1rem 0 0 0;
    display: block;
 
    margin: 0 auto;

}
.TransactionRoles {
    display: grid;
    grid-template-columns: 15rem 15rem 15rem 1fr;
    width: auto;
    gap: 1rem;
    background-color: white;
    padding: 1rem 1rem 1rem 1.25rem;
    border-radius: 12px;
    margin: 1rem 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.TransactionRoles select {
    width: 100%;
}


.ConnectionTestButton {
padding: 8px 12px;
border: 2px solid #002E6E;
border-radius: 12px;
text-decoration: none !important;
font-weight:600;
}
.ConnectionTestButton:hover{
    background-color: blue;
    border-color: blue;
    color: white;
}

#HeaderTitleBackLink a {
    display: block;
    padding: 13px 10px 7px 10px;
    height: 22px;
    color: #6c6c6c;
    font: bold 14px arial;
    text-decoration: none;
    margin-top: -15px;
    margin-left: -8px;
    margin-right: 105px;
}

#HeaderTitleBackLink a:hover {
    background: #e2e1e1;
    color: #333;
    text-shadow: none;
}


.title-bg-narrow {
        background-color: #ececec;
    }

.title-contents-narrow {
    min-height: 40px;
    padding: 1rem;
    vertical-align: middle;
    width: 100%;
}
.title-type-2 {
    margin: 0 auto;
width: calc(100% - 2rem);
}
.table-centered {
    margin: 0 auto;
    width: calc(100% - 2rem);
    max-width: 1800px;
}
.title-links {
    position: relative;
    float: right;
    margin-top: 8px;

}

.title-links i {
    font-size: 16px;
}

    .title-links a {
        color: #002E6E !important;
        margin-left: 8px;
        margin-right: 0px;
        font-size: 1.05rem;
        text-decoration: none;
        font-weight: 500;
        padding: 8px 12px;
        border-radius: 8px;
        border: 2px solid #002E6E;
        
    }

.title-links a:hover {
    color: white !important;
    background-color: blue;
    border-color: blue;
}

/*Breadcrumbs start*/
ul.breadcrumbs {
    float: left;
    padding: 0;
    margin: 0 0 0;
    list-style: none;
}

ul.breadcrumbs li.breadcrumb-link {
        display: inline-block;        
        padding-left: 0.5rem;

}

ul.breadcrumbs li+li::before {
    color: #444444;
}

ul.breadcrumbs li.breadcrumb-link a {
    margin: 0;
}

ul.breadcrumbs li.breadcrumb-link span {
    font-weight: bold;
}
/*Breadcrumbs end*/

.right-side-help-toggle {
    color: white !important;
}

.right-side-help-toggle:hover {
    color: blue !important;
}

#divHelpPanelContent {
    padding: 10px 15px 10px 15px;
}

#divHelpPanelContent a {
    line-height: 1.15;
    font-size: 1.15rem;

}


#HelpSearchPanel a {
    color: #000000 !important;
}



#HelpSearchPanel a:hover {
    color: #F8730E !important;
}


#HelpSearchKeywords {
    outline-style: none !important;
}

.helppanel-vid-wrapper {
    height: 215px;
}

.right-sidebar {
    position: fixed;
    top: 0px;
    right: -800px;
    width: 800px;
    display: none;
    z-index: 1000;
    background: #fff;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0,0,0,.1);
    transition: all .3s ease;
    visibility: hidden;
}

@media screen and (max-width:58em) {
    .right-sidebar {
        right: -550px;
        width: 550px;
    }
}


.right-sidebar .rpanel-title {
    padding: 13px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    background: #002E6E;
}

    .right-sidebar .rpanel-title span {
        float: right;
        cursor: pointer;
        font-size: 11px
    }

        .right-sidebar .rpanel-title span:hover {
            color: #2b2b2b
        }

.right-sidebar .r-panel-body {
    padding: 20px
}

.right-sidebar .r-panel-body ul {
    margin: 0;
    padding: 0
}

    .right-sidebar .r-panel-body ul li {
        list-style: none;
        padding: 5px 0
    }

.shw-rside {
right: 0;
width: 800px;
overflow: auto !important;
display: block;
visibility:visible;
}

@media screen and (max-width:58em) {
.shw-rside {
    width: 550px;
}
}



.FormViewHeader {
    font-size: 12px;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 5px;
    background-color: #37434C;
    color: White;
    font-weight: bold;
}

.FormViewHeader a,
.FormViewHeader a:active,
.FormViewHeader a:visited,
.FormViewHeader a:hover
{
    color:white;
}

.FilterContainerFlex {
    display: flex; 
    flex-direction: row; 
    align-content: flex-start; 
    flex-wrap: wrap; 
}
.FilterContainerItem {
    margin-right: 0.75rem;
}
.FilterContainerTitle {
    font-size: 14px;
    margin: 0 0 0.1rem 0rem;
    color: #002E6E;
    font-weight: 500;
}

.FormViewBackGroundColor
{
	background-color:#F7F6F3;
}

.DefaultButton, .DefaultButtonRound, .BrownButton, .GreyButton, .NewButton, a.DefaultButton, a.DefaultButtonRound, a.BrownButton, a.GreyButton, a.NewButton, .DeleteButton, a.DeleteButton {
    display: inline-block;
    padding: 8px 17px;
    font-weight: 500;
    font-size: 1.05rem;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    /*-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);*/
    transition: all 0.1s;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.1px;
    line-height: 1.1;
}
.DefaultButton:active, .NewButton:active  {
transform: scale(1.01);
}

.DefaultButton:focus, .DefaultButtonRound:focus, .NewButton:focus, a.DefaultButton:focus, a.DefaultButtonRound:focus, a.BrownButton:focus, a.GreyButton:focus, a.NewButton:focus { 
outline: none;
}

.NewButton:disabled, .NewButton:disabled:hover {
    background: #e0e0e0;
    border-color: #e0e0e0;
    cursor: default;
}

.DefaultButton:focus-visible, .DefaultButtonRound:focus-visible, .NewButton:focus-visible, a.DefaultButton:focus-visible, a.DefaultButtonRound:focus-visible, a.BrownButton:focus-visible, a.GreyButton:focus-visible, a.NewButton:focus-visible { 
    outline: none;
    border: 4px solid blue;
    }

.DefaultButton, .DefaultButtonRound, a.DefaultButton, a.DefaultButtonRound {
    color: #002E6E;
    font-weight: 500;
    background: #FFFFFF;
    border: 2px solid #002E6E;
    text-decoration: none !important;
    white-space: nowrap;
    height: 40px;
}
.DeleteButton, a.DeleteButton {
    color: #fff;
    font-weight: 500;
    background: #6e0000;
    border: 2px solid #6e0000;
    text-decoration: none !important;
    white-space: nowrap;
    height: 40px;
}

.DeleteButton:hover, a.DeleteButton:hover
{
	background-color: red;
    border-color: red;
    color: white;
}

.DefaultButton:hover, a.DefaultButton:hover
{
	background-color: blue;
    border-color: blue;
    color: white;
}


.NarrowButton
{
	display: inline;
	padding:5px 14px;
	font-weight:600;
	font-size: 16px;
	border-radius: 12px;
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap;	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	height: 32px;
}

.NarrowButton, a.NarrowButton
{
    color: #002E6E;
	background:#FFFFFF;
	border:2px solid #002E6E;
	text-decoration:none;
    white-space:nowrap;
    display: inline-block;
    max-height: 24px;
    margin-top: 0.5rem;
}

.NarrowButton:hover, a.NarrowButton:hover
{
    background:blue;
    border-color: blue;
    color: white;
}

.BrownButton, .GreyButton, a.BrownButton, a.GreyButton
{
	color:#646464;
	background:#dedede url(https://assets.cin7.com/Cloud/images/grey-bg.jpg?cb=639014471200000000) left top repeat-x;
	border:1px solid #c6c6c6;
	text-decoration:none;
	white-space:nowrap;
}

.NewButton, a.NewButton {
    color: white;
    background-color: #002E6E;
    border: none;
    text-decoration: none;
    white-space: nowrap;
    border: 2px solid #002E6E;
    font-weight: 500;
    font-size: 1.05rem;
    height: 40px;
}


.NewButton:hover, a.NewButton:hover
{
	background:blue;
    border-color: blue;
}
.TableButton {
    color: #002e6e;
    border: 2px solid #002e6e;
    display: block;
    border-radius: 8px;
    padding: 2px 1px;
    margin-top: 4px;
    max-width: 88px;
    text-align: center;
    text-decoration: none !important;
}

.TableButton:hover {
    color: white;
    background-color: blue;
    border-color: blue;
}


/*.DefaultButton
{
    color:White;
    background-color:#4c5861;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border:2px solid #4c5861;
    border-bottom-width:3px;
    height:22px;
}



.BrownButton{
	border:1px solid #524931;
	background:#776d54 url("/Cloud/POS/Client/images/button-bg-brown.jpg") left top repeat-x;
	color:#fff;
	font-size:12px;
	text-shadow:1px 1px 0 #655f4e;
	text-decoration:none;
	height:22px;
	padding:3px 15px;
	border-radius: 4px;
	cursor:pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
*/	
	
table.DetailsTable
{
    border-style: dashed;
    border-collapse:collapse;
    border-color:#cccccc;
    border-width:1px
}

table.DetailsTable td
{
    border-style: dashed;
    border-collapse:collapse;
    border-color:#cccccc;
    border-width:1px
}

table.DefaultWizard 
{
    vertical-align:top;
	background: none;
	padding:10px;
	margin: 1.5rem 1rem;
    width: 100%;
    max-width: 1280px;
}



.EditView a:link, .EditView a:visited {
    font-size: inherit;
}

table.DefaultWizard > tbody > tr > td:nth-child(1) a 
{   
    font-weight: 500;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 20px;
    text-decoration: none;
    width: 200px;
    display: block;
    padding: 8px;
    border-radius: 8px;

}

#ctl00_ContentPlaceHolder1_Wizard1 > tbody > tr > td:nth-child(2) {
    background-color: white;
    border-radius: 8px;
    padding: 1rem;
    margin-left: 1rem;
    display: block;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}


table.DefaultWizard a:hover {
    color: blue;
    background-color: #CDE2FF;
}

.DefaultWizard3
{
    display: grid;
	background: #ffffff;
    padding:1.5rem;
    margin-bottom:5rem;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}


.WizardRightContent {
    border-radius: 8px;
    /* box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1); */
}





.DefaultWizard3  {
    font-size: 16px;
}
#ProductSettingsInner h2 {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 2px solid #ececec;
}





.DefaultSettingsPanel {
    vertical-align: top;
    border: 0px solid #E0E0E0;
    background: #ffffff;
    padding: 10px;
    margin: 5px 35px 35px 35px;
    width: 800px;
    vertical-align: top;
    padding: 7px 3px 7px 3px;
    text-decoration: none;
    font-size: 14px;
}


    .DefaultSettingsPanel input[type="text"] {
        font-family: 'Calibre-R','Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        padding: 6px 6px 6px 6px;
        margin: 0px 0px 3px 0px;
        border: 1px solid #dddddd;
        font-size: 15px;
        color: #3b4850;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .DefaultSettingsPanel input.blur {
        color: #888888;
    }

    .DefaultSettingsPanel select {
        font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        padding: 6px 8px;
        border: 1px solid #dddddd;
        margin: 0px 0px 3px 0px;
        font-size: 15px;
        color: #3b4850;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    #ctl00_ContentPlaceHolder1_SettingsPanel br {
display: none;
    }

.ui-icon-arrowthick-2-n-s {
    cursor: move;
}


#WizardTable{
	padding:0px;
	margin:0 auto;
    border-radius: 8px;
    max-width: 1280px;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 1.5rem;
}
table#WizardTable {
    display: table;
} 


@media screen and (max-width: 800px) {
    #WizardTable{ 
        grid-template-columns: 1fr;
    }
}

.WizardTable{
	padding:0px;
	margin:0 auto;
    border-radius: 8px;
    max-width: 1280px;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 1.5rem;
}
@media screen and (max-width: 800px) {
    .WizardTable{ 
        grid-template-columns: 1fr;
    }
}

#WizardLeftNav{
    width: 200px;
    background: #ececec;
    margin-right: 1.5rem;
    display: block;
}

#WizardLeftNav a {
    font-weight: 500;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 20px;
    text-decoration: none;
    width: 200px;
    display: block;
    padding: 8px;
    border-radius: 8px;
}
#WizardLeftNav a.WizardLeftNavLinkSelected {
    background-color: lightgray;
    color: #333;
    margin-bottom: 0.25rem;
}
#WizardLeftNav a.WizardLeftNavLinkSelected:hover {
    color: #333 !important;
    cursor: default;
}


.WizardLeftNavLinkSmallText {
    font-size: 14px !important;
    font-weight: 400;
}

.WizardLeftNavLink {
    color:#002E6E !important;
    margin-bottom: 0.25rem;
}

.WizardLeftNavLinkDisabled {
    color:#AAAAAA !important;
}


.WizardLeftNavLink:hover {
    color:blue !important;
    background-color: #CDE2FF;
}

.WizardOptionBox {
    border-bottom: #D8D8D8 solid 1px;
    padding: 10px 10px 20px 0px;
}

.DefaultWizard3 div .WizardOptionBox:last-of-type {
    border-bottom: none;
}


.WizardH2 {
    color: #002E6E;
    font-weight: 600;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 26px;
}
.WizardH2:hover {
    color: blue;
    cursor: pointer;
}

div.ajax__calendar td {
    padding:0px !important;
}


.DefaultGridView
{
    border:0px solid #E0E0E0;
    
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	padding:0px;

	background: #e3e3e3;
	border-radius: 12px;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: hidden;
    margin: 0.5rem 1rem;
    box-sizing: border-box;
    width: calc(100% - 2rem);
}
th {
    text-align: left;
}
th[align=right] {
    text-align: right;
}
th[align=center] {
    text-align: center;
}


.DefaultGridView th
{
    vertical-align:bottom;
    border: none;
	/* border-bottom: 1px solid #CDE2FF; */
	font-family: "Calibre-R","Helvetica Neue",Helvetica,sans-serif !important;
	font-weight:600!important;
	font-size: 15px !important;
	text-decoration:none;
	padding: 2px 6px 6px 8px;
	height:37px;
    background: #f9fcff;
}
.DefaultGridView tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}
.DefaultGridView tbody tr:nth-child(odd) {
    background-color: #fff;
}
.DefaultGridView tbody tr table tbody tr {
    background-color: rgba(0,0,0,0) !important; }

.DefaultGridView th a
{
	font-family: "Calibre-R","Helvetica Neue",Helvetica,sans-serif !important;
	font-weight:600;
	font-size: 16px !important;
}

.DefaultGridView td
{
	height:35px;
    padding: 2px 6px 2px 6px;
}

table.DefaultGridView a
{ 
text-decoration: none;
}
table.DefaultGridView a:hover
{ 
text-decoration: underline;
}

.DefaultGridViewFlat
{
	border:1px solid #E0E0E0;
	padding:0px;
	margin:0px 1px 2px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.DefaultGridViewFlat th {
    vertical-align: bottom;
    border-bottom: 1px solid #E0E0E0;
    font-family: "Calibre-R","Helvetica Neue",Helvetica,sans-serif !important;
    font-weight: normal !important;
    font-size: 15px !important;
    text-decoration: none;
    padding: 5px 3px 3px 3px;
    color: #555555;
    background-color: #ececec;
}

.DefaultGridViewFlat th a
{
	color:#fff;
	/*text-shadow:0 1px rgba(0, 0, 0, 0.5);*/
	font-family: "Calibre-R","Helvetica Neue",Helvetica,sans-serif !important;
	font-weight:normal!important;
	font-size: 15px !important;
	text-decoration:none;
}

.stockErrorTable {
    background-color: White;
    width: 100%;
    border: 0px solid transparent;
    border-spacing: 1px;
    border-collapse: separate;
}
    .stockErrorTable td {
        padding: 2px 6px 2px 8px;
    }
    .stockErrorTable > tbody > tr:first-child {
        color: #5F5F5F;
        background-color: #F3F3F3;
        font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        font-weight: normal;
    }

.DefaultTable th
{
	vertical-align:top;
	background-color:#F5F5F5;
	color:#555555;
	font-size:16px;
	font-weight:normal;
}

.DefaultTable tr:nth-child(odd) td
{
	background-color:#F7F6F3;
}

.DefaultTable tr:nth-child(even) td
{
	background-color:#fff;
}

.DefaultTable th a
{
	color:#fff;
	font:bold 12px arial;
	text-decoration:none;
}

.DefaultContentBox
{
	border:0px solid #E0E0E0;
    background: #ffffff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	padding:1rem;
	margin:0.5rem 1rem;
	border-radius: 8px;
}

.FlexHeader {
    display: flex;
    gap:0.5rem;
}

.ButtonEndContainer {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    gap: 0.5rem;
}


.DefaultContentBoxFilter {
    border:0px solid #E0E0E0;
    background: #ffffff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	padding:1rem 0.25rem 1rem 1rem;
	margin:0.5rem 1rem;
	border-radius: 8px;

}

.DefaultContentBoxTranasction
{
	border:0px solid #E0E0E0;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	padding:0px;
	margin:0px 1px 2px 0px;
    border-radius: 8px;
    overflow: hidden;

}

.DefaultContentBoxTranasction tr
{
	height: 35px;
}

.DefaultContentBoxNoTopBar
{
	border:0px solid #E0E0E0;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	padding:20px;
	margin:0px 1px 2px 0px;
    border-radius: 8px;
    z-index: 1000;
}


.DefaultContentBoxLightGrey
{
	border:0px solid #E0E0E0;
	background: #fff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	padding:16px;
	margin:0px 1px 2px 0px;
	border-radius: 8px;
}

.BeigeContentBox
{
	border:1px solid #aaaaaa;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	padding:10px;
	margin:0px 1px 2px 0px;
	background: #F7F6F3;
}

.GradientConentBox
{
	background:url(https://assets.cin7.com/Cloud/images/gradient-bottom-bg.png?cb=639014471200000000) left bottom repeat-x;
    border:1px solid #e2e2e2;
    padding:10px 20px;
}

.DataActionsGroup {
    padding-top: 20px !important;
}

/* Global End ---------------------------------------------------------------------------- */

/* Print Panel Start ---------------------------------------------------------------------------- */

div.PrintPanel 
{
	z-index:1999;
	position:absolute;
	display:none;
	background-color:white;
    border:1px solid #888888;
    padding:8px;
    margin-top: 5px;
    margin-left: -15px;
    width:250px;
    text-align:left;
    line-height: 200%;
    white-space:normal;
    -webkit-box-shadow: 0 6px 3px 0 rgba(0,0,00,0.1);
	box-shadow: 0 1px px 0 rgba(0,0,00,0.1);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.PrintPanelLink, .PrintPanelHover 
{
	margin:0px 6px;
    cursor:pointer;
}

div.PrintPanel a {
    text-decoration: none;
    font-weight:600;
}
/* Print Panel End ---------------------------------------------------------------------------- */
/* Notes Start ---------------------------------------------------------------------------- */
div.NotesPanel {
    z-index: 1999;
    position: absolute;
    display: none;
    background-color: white;
    border: 1px solid #888888;
    padding: 8px;
    width: 300px;
    overflow-wrap: break-word;
    text-align: left;
    white-space: normal;
}

.NotesImage, .NotesHover 
{
	margin:0px 6px;
    cursor:pointer;
}

/* Notes End ---------------------------------------------------------------------------- */


/* AutoComplete Start ---------------------------------------------------------------------------- */

.AutoComplete-List{background-color: Window; margin: 0px !important; border-style:solid; border-width:1px; border-color:#888; cursor: pointer; overflow: auto; padding:0px !important; text-align: left; list-style-type: none; max-height: 200px;}
.AutoComplete-ListItem{color: WindowText; padding: 1px 4px; margin:0px;}
.AutoComplete-ListItemHilite{color: HighlightText; background-color:Highlight; padding: 1px 4px;}
.AutoComplete-ListItem .disabled{color: #888888;}

/* AutoComplete End ---------------------------------------------------------------------------- */


/* DefaultFields Start ----------------------------------------------*/

.DefaultFields
{
    width:800px;
}

.DefaultFields .Header 
{
    font-weight:bold;
    padding:6px;
    background-color:#F3F0E9;
    margin:8px 0px;
}

.DefaultFields .Field 
{
    width: 100%;
    margin:2px 0px;
}

.DefaultFields .Field .Name 
{
    width: 40%;
    text-align: right;
    vertical-align: top;
    padding:2px;
}

.DefaultFields .Field .Content
{
    width: 60%;
    vertical-align: top;
    padding:2px;
}

.DefaultFields .Field .Content .TextSmall
{
    width: 80px;
}

.DefaultFields .Field .Content .TextMedium
{
    width: 200px;
}

.DefaultFields .Field .Content .TextLarge
{
    width: 300px;
}



.DefaultFields .Field .Content .Required
{
    color:Red;
    font-weight:bold;
}



.DefaultFields .DefaultSubmit
{
    padding:20px;
    text-align:center;
}

/* DefaultFields End ------------------------------------------------*/



.QuickdatePanel 
{
    background-color:white;
    border:1px solid #888888;
    padding:8px;
    width:360px;
    display:none;
    text-align:left;
}

.QuickdatePanel div
{
    padding:2px 0px;
}


/* Default Start ----------------------------------------------*/


.steps td
{
	padding-bottom:15px;
	vertical-align:top;
	width:12.5%;
}
	
.steps td.group
{
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font:bold 20px arial;
	height:60px;
	padding-bottom:20px;
}

.steps .star
{
	width:18%;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
}

.steps .settings
{
	width:18%;
	vertical-align:top;
	text-align:left;
	padding-left:5px;
}

.steps .link
{
	width:64%;
	vertical-align:top;
}

.steps .link a
{
	text-decoration:none;
	font-size:13px;
}

.steps table
{
	width:100%;
}
	
/* Default End ----------------------------------------------*/

.Selected
{
    background-color:#e2e1e1 !important;
}

.Selected a
{
    color: #333333 !important;
    text-shadow: none !important;
}

/* Alerts */
.alert {
	padding: 15px;
	margin-bottom: 12px;
    border: 2px solid gray;
    color: #333;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1rem;
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
.alert .alert-link {
	font-weight: bold;
}
.alert > p, .alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 35px;
}
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
.alert-success {
	background-color: #EDFBF7;
	border-color: #9FDF3C;
}
.alert-success hr {
	border-top-color: #c9e2b3;
}
.alert-success .alert-link {
	color: #2b542c;
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info hr {
	border-top-color: #a6e1ec;
}
.alert-info .alert-link {
	color: #245269;
}
.alert-warning {
	color: #333;
	background-color: #F3F1E6;
	border-color: #FEDB31;
}
.alert-warning hr {
	border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
	color: #66512c;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-danger hr {
	border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
	color: #843534;
}

.help-block {
    font-size: 11px;
    margin: -4px 0 0 2px;
    margin-top: 4px;
}



/* Regserv Start -------------------------------------------- */

table.regserv
{
	width:100%;
}

table.regserv table
{
	width:100%;
	border-spacing: 10px;
    border-collapse: separate;
}
    
table.regserv td 
{
	vertical-align:top;
	width:50%;
}

table.regserv table td:first-child
{
	vertical-align:top;
	width:33%;
	background-color:#F7F6F3;
	text-align:right;
}

table.regserv table td.header
{
	color:#ffffff;
	font:bold 13px arial;
	background-color:#37434C;
	padding:4px;
	text-align:left;
}

.myaccount-link 
{
    padding: 5px 0px 5px 0px;
}
div.MyAccountPanel
{
    text-align: left;
    border:1px solid #A9A9A9;
    margin-top:5px;
    z-index:100;
    position:absolute;
    background-color:White;
    display:none;
    padding: 15px 10px 20px 15px !important;
    color:#656565 !important;
    margin-left:5px;
    -webkit-box-shadow: 0 6px 3px 0 rgba(0,0,00,0.1);
	box-shadow: 0 1px px 0 rgba(0,0,00,0.1);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.MyAccountPanel div.Col 
{
    padding:6px;
    vertical-align:top;
	width:130px;
	position:relative;
	float: left;
}

div.MyAccountPanel a
{
	text-decoration:none;
	color:#656565 !important;
	font-size: 14px;
	font-weight: normal !important;
	margin-top: 15px !important;
}



body .viewport {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

body .viewport .frame {
  width: 100%;
  height: 100%;
  background-color: #efefef;
  top: 0;
  bottom: 0;
  left: 0;
}

body .viewport .frame .navbar .navbar-inner {
  border-radius: 0;
  padding-left: 5px; 
}

body .viewport .frame .menu {
  height: 100% !important;
  background-color: #36474F;
  z-index:99;
}

body .viewport .frame .menu.collapse {
  float: left;
  height: 100% !important;
  width: auto; 
}

body .viewport .frame .menu.collapse.height {
  position: relative;
  height: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;  
  -webkit-transition: height 0.15s ease;
  -moz-transition: height 0.15s ease;
  -o-transition: height 0.15s ease;
  transition: height 0.15s ease; 
}

body .viewport .frame .menu.collapse.width {
  position: relative;
  width: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;  
  -webkit-transition: width 0.15s ease;
  -moz-transition: width 0.15s ease;
  -o-transition: width 0.15s ease;
  transition: width 0.15s ease; 
  overflow: hidden;
}

body .viewport .frame .menu.collapse.in.width {
  width: auto; 
  overflow: visible;
}

body .viewport .frame .menu.collapse.in.height {
  height: auto; 
}

body .viewport .frame .menu .collapse-inner {
  position: relative;
  width: 250px;
  height: 100%; 
}

body .viewport .frame .menu .navbar .navbar-inner {
  text-align: center;
  color: grey;
  font-size: 1.2em;
  line-height: 38px; 
}

body .viewport .frame .menu .nav-stacked {
  padding: 0px 0px 0px 0px; 
}

body .viewport .frame .view {
  width: 50%;
  height: 100%;
}

body .viewport .frame .view .navbar .navbar-inner .btn-navbar {
  display: block;
  float: left; 
}

body .viewport .frame .view #content {
    width: 100%;
  margin: auto 0px;
  padding: 0px 0px 0px 0px; 
  text-align: justify; 
}

.leftnav-button button{
	display:block;
	height:28px;
	width:40px;
	background: url(https://assets.cin7.com/Cloud/Images/menu_v3_icon.png?cb=639014471200000000) center center no-repeat transparent;
	background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	white-space: nowrap;
	border:0;
}

.leftnav {
    width: 220px;
    padding: 40px 38px 25px 0;
    background: #2B4054;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    height: 2000px !important;
}

ul.leftnav li a i {
    color: #aebcc3;
}

ul.leftnav li a:hover i {
    color: #fff;
}

ul.leftnav {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
}


        ul.leftnav li a {
            line-height: 16px;
            font-size: 14px;
            padding: 16px 10px 14px 10px;
            color: #DFE7EF;
            display: block;
            text-decoration: none;
            font-weight: normal;
        }

            ul.leftnav li a:hover {
                background-color: #374D61 !important;
                color: #DFE7EF !important;
            }

    ul.leftnav ul {
        margin: 0;
        padding: 0;
        display: none;
    }

        ul.leftnav ul li {
            margin: 0;
            padding: 0;
            clear: both;
        }

            ul.leftnav ul li a {
                padding: 12px 10px 10px 33px;
                font-size: 12px;
                font-weight: normal;
                outline: 0;
                line-height: 1em;
                background: #35495D;
            }

                ul.leftnav ul li a:hover {
                    color: #DFE7EF;
                }

        ul.leftnav ul ul li a {
            color: #555;
            padding-left: 40px;
        }

            ul.leftnav ul ul li a:hover {
                background-color: #D3CEB8;
                color: #DFE7EF;
            }

    ul.leftnav span {
        float: right;
        font-size: 16px;
        font-weight: bold;
    }


.ModuleDashboardNextStep{
    border: 2px solid #51cd71;
    background: #fff;
	padding:20px;
	margin:0px 1px 2px 0px;
	border-radius: 8px;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.ModuleDashboardNextStep a{
font-weight: 400;
font-size:18px;
}

.ModuleDashboardContentBox
{
    border: 1px solid #d8d8d8;
    background: #ffffff;
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 400px;
    border-collapse: inherit;
}

.ModuleDashboardContentBoxHeader
{
	background: #f5f5f5;
	height: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #333 !important;
    padding: 12px;
}

.ModuleDashboardStatusConnected
{
    background: #00C292;
    padding: 4px 8px 4px 8px;
    margin: 0.25rem 0 0 0;
    border-radius: 4px;
    font-weight: 600;
    color: white !important;
    font-size: 14px;
    max-width: 96px;
    display: block;
    text-align: center;
}

.ModuleDashboardStatusNotConnected
{
	background: #e2e2e2;
    padding: 4px 8px 4px 8px;
    margin: 0.25rem 0 0 0;
    border-radius: 4px;
    font-weight: 600;
    color: #444 !important;
    font-size: 14px;
    max-width: 120px;
    display: block;
    text-align: center;
}




#ctl00_ContentPlaceHolder1_SetupButton
{
    text-decoration: none;
    font-weight: 600;
	font-size:16px;
}
#ctl00_ContentPlaceHolder1_SetupButton:hover {
    background-color: blue;
    border-color: blue;
    color: white;
}


#ctl00_ContentPlaceHolder1_SuperUserLinks a {
    text-decoration: none;
    font-size:14px;
}

.ModuleDashboardContentBoxSubHeader {
    border-bottom:1px solid #d8d8d8;
    background: #ffffff;
	height: 27px;
    font-size: 15px;
    color: #555555 !important;
    padding: 10px 13px 5px 15px;
}

.ModuleDashboardContentBoxContent {
    padding: 8px;
    font-size: 15px !important;
    color: #555555 !important;
    height: 100%;
}

.ModuleDashboardContentBoxContent td {
    font-size: 15px;
    color: #555555;
}

.ModuleDashboardContentBoxFooterLinks {
    border-top:1px solid #d8d8d8;
    padding: 10px 13px 5px 15px;
    height: 27px;
}

.ModuleDashboardContentBoxFooterLinks a {

    font-size:16px;
    text-decoration:underline;
}

.ModuleDashboardContentBoxFooterTableLinks {
    padding: 10px 13px 5px 15px;
    height: 27px;
}

.ModuleDashboardContentBoxFooterTableLinks a, .ModuleDashboardContentBoxContent a, .ModuleDashboardContentBoxHeader a {
   
    font-size: 16px;
    text-decoration:underline;
}
.ModuleDashboardNumbers {
    font-size: 30px !important;
    font-weight: bold;
    color: #51cd71 !important;
}

.ModuleDashboardContentBoxTable{
    margin-top: 10px;
}

.ModuleDashboardContentBoxTable td{
    font-size: 16px;
    color: #555555;
    padding: 4px 4px 4px 0px;
    border-bottom: 1px solid #dddddd;
}

.ModuleDashboardContentBoxTable th{
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    padding: 4px 4px 4px 0px;
    border-bottom: 1px solid #dddddd;
}

.ModuleDashboardContentBoxTable a{
    font-size: 16px;
    text-decoration:underline;
}

.ModuleAppName{
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin: 0;
}

#ctl00_ctl00_ContentPlaceHolder1_ConnectedLabel {
    display: block;
    margin-top: 0.5rem;
}

.ConfigSaveButton, a.ConfigSaveButton {
    color: #ffffff !important;
    background: #002E6E;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    font-size: 18px !important;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 10px 35px 10px 35px !important;
    cursor: pointer !important;
}

.ConfigSaveButton:hover, a.ConfigSaveButton:hover
{
	background:blue;
}

.ConfigDeleteButton, a.ConfigDeleteButton {
    color: #ffffff !important;
    background: #ACACAC;
    text-decoration: none;
    white-space: nowrap;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    font-size: 18px !important;
    font-family: 'Calibre-R', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 10px 35px 10px 35px !important;
    letter-spacing: 1px;
}

    .ConfigDeleteButton:hover, a.ConfigDeleteButton:hover {
        background: #999999;
        cursor: pointer;
    }


.DefaultGridViewDashboard
{
	border:0px 0px 0px 0px solid #E0E0E0 !important;
	padding:0px;
	margin:0px 1px 2px 0px;
	background: #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.DefaultGridViewDashboard th
{
	vertical-align:bottom;
	border-bottom: 1px solid #E0E0E0 !important;
    border-top: 0px solid #E0E0E0 !important;
    border-right: 0px solid #E0E0E0 !important;
    border-left: 0px solid #E0E0E0 !important;
	font-family: "Calibre-R","Helvetica Neue",Helvetica,sans-serif !important;
	font-weight:bold!important;
	font-size: 14px !important;
	text-decoration:none;
	padding: 5px 3px 3px 3px;
	color:#333333;
	background-color:#ffffff;
}

.DefaultGridViewDashboard tr
{
	vertical-align:bottom;
	border-bottom: 1px solid #E0E0E0 !important;
    border-top: 0px solid #E0E0E0 !important;
    border-right: 0px solid #E0E0E0 !important;
    border-left: 0px solid #E0E0E0 !important;
	color:#666666;
	background-color:#ffffff;
}

.DefaultGridViewDashboard td
{
	vertical-align:bottom;
	font-family: "Calibre-R","Helvetica Neue",Helvetica,sans-serif !important;
	font-weight:normal!important;
	font-size: 16px !important;
	text-decoration:none;
	padding: 5px 3px 3px 3px;
	color:#333;
    border: 1px solid #E0E0E0 !important;
    text-align: left;
}

.DefaultGridViewDashboard a
{
	font-size: 14px !important;
    text-decoration:underline ;
}

.IntegrationGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    column-gap: 1rem;
    row-gap: 1rem;
    margin-bottom: 1rem;
}

.SettingsGrid {
    display: grid;
    grid-template-columns: 15rem 1fr;
    gap: 2rem;
    margin: 1rem 0 2rem 0;
}


.SettingsGridDescription {
    margin: 0.2rem 0;
    line-height: 1.25;
}


.SettingsItemTitle {
margin-top: 2rem;
margin-bottom: 0.2rem;
font-size: 1.05rem;
color: #333;
font-weight: 600;
}


.SettingsItemSupport {
    color: #777;
    display: flex;
    align-items: center;
    gap: 0.5rem;

}

.SettingsItemDescription {
    margin: 0 0 0.35rem 0;
}

.SettingsCard1 {
    border: 2px solid #DFDFDF;
    border-radius: 8px;
    padding: 0.5rem;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}
.SettingsState {
    flex-direction: row;
    display: flex;
    
    align-items: center;
}
.SettingsState p {
    margin: 0;
}
.SettingsTitle {
    border-bottom: 0;
}
.SettingsDescription {
    position: sticky;
    top: 4rem;
    
}



.SettingsAdmin {
    padding: 1rem; 
    border-radius: 8px; 
    border: 1px solid #B1B1FF;
}
.SettingsAdminTitle {
    border-bottom: 1px solid #B1B1FF; font-weight: 600; padding-bottom: 0.5rem; margin-bottom: 1rem;
}

.CheckboxContainer {
    display: flex; 
    align-items: center; 
    margin-top: 1.5rem;
    gap: 0.75rem;
    width: fit-content; 
    border-radius: 8px; 
    border: 1px solid lightgray;
    padding: 0.5rem 0.5rem;
    cursor: pointer;
}


.CheckboxContainer:hover {
border-color: rgb(90, 90, 255);

}
.CheckboxContainer:active {
    border-color: blue;
    
    }

.CheckboxContainer label {
    cursor: pointer;
    font-weight: 400;
}
.CheckboxContainer strong {
    font-weight: 600;
}


.SettingsCardState {
    height: 1rem;
    width: 1rem;
    border-radius: 100%;
    margin-right: 1rem;
    margin-left: 0.5rem;
}
@media(max-width:1180px){
    .IntegrationGrid {
        grid-template-columns: 1fr;
    }
    .SettingsGrid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
.apiLogo {
    max-width: 120px;
    height: 64px;
    object-fit: contain;
}
.inputError {
    font-size: 14px;
    font-style: italic;
    color: red;
}

#ctl00_ContentPlaceHolder1_GroupCheckBoxList tr {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}

table.DashboardSchedulerBox td {
    font-size:11px;
}
/* Regserv End -------------------------------------------- */

/*Prevent scroll bars from appearing in single line fields - ContactLog email fields, Sales order internal comments & delivery instructions*/
.SingleLineTextBox, #ctl00_ContentPlaceHolder1_TemplatePanel TextArea {
    overflow-x: hidden;
}

/**Margin for Page Sections**/
.c7-margin-panel {
    margin: 0 10px;
}

/**Modal Auto Y-Scroll**/
.DefaultGridView .modal-dialog .modal-body {
    max-height: 80vh;
    overflow-y: auto;
    margin-bottom: 10px;
}

/**AutoComplete Auto Y-Scroll*/
ul.ui-autocomplete.ui-menu {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

.HeaderWarning {
    
    border: 2px solid #DAAF00;
    border-radius: 8px;
    padding: 8px;
    background: #fff;
}
.HeaderWarning i {
    color: #DAAF00;
}

@media screen and (max-width: 1024px) {
    .ButtonEndContainer {
        flex-direction: column;
        width: 100%;
        margin-top: 0.5rem;
    }
    .FlexHeader {
        flex-direction: column;
        gap: 0.5rem;
    }
}
 



@media (prefers-color-scheme: dark)  { 
    .NavPanelBGClipDark {
     display: none
    }
    .NavPanelBGClip {
        display: block;
      }
}


@media (prefers-color-scheme: light)  { 
    .NavPanelBGClipDark {
     display: none
    }
    .NavPanelBGClip {
        display: block;
      }
}
@media (max-width: 1024px) {
    .NavPanelBGClipDark {
        display: none
       }
       .NavPanelBGClip {
           display: none;
         }
}

.orderProcessorLink {
    color: #002E6E;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.orderProcessorLink:hover {
    color: blue
}


.SettingsGrid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2.5rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 600px) {
    .SettingsGrid {
        grid-template-columns: 1fr;
    }
}

.settings-grid-description {
    margin: 0.25rem 0 0.5rem 0;
}
.amazon-status-box {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    border: 2px solid lightgray;
    border-radius: 8px;
    padding: 1rem;
    
    max-height: 64px;
  

    justify-content: space-between;
    align-content: center;
}
.status-divider {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}
.amazon-status-box h3 {
    font-size: 1rem;
    font-weight: 600;
}
.connected-status {
    height: 12px;
    width: 12px;
    background-color: green;
    border-radius: 120px;
}

.amazon-dropdown {
    min-width: 200px;
    max-width: 300px;
}

.amazon-disconnect-btn{
    max-height:35px;
}

.amazon-connection-info{
    padding-top:3px;
}

.amazon-edit-connection label {
    color: #002E6E;
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 600;
    display: block;
}

.amazon-edit-connection .fieldset {
    padding-top: 15px;
}

.SettingsGridDescription {
    margin: 0.2rem 0;
    line-height: 1.25;
}


.SettingsItemTitle {
margin-top: 2rem;
margin-bottom: 0.2rem;
font-size: 1.05rem;
color: #333;
}
.SettingsGrid div .SettingsItemTitle:first-of-type {
    margin-top: 0;
}

.SettingsItemDescription {
    margin: 0 0 0.2rem 0;
}

/* 
New checkbox components 
*/


.checkbox-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.5rem;
}


.checkbox-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;

}

.checkbox-item input, .checkbox-item label {
    margin: 0 !important;
    padding: 0;
}
/* 
remove me when merging into amazon settings
*/


.SettingsFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 32px;
    z-index: 30;
}

.SettingsFooterGrid {
    padding: 0px;
    margin: 0 auto;
    border-radius: 8px;
    max-width: 1280px;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 1.5rem;
}

.SettingsFooterContainer {
    
    background: #ffffff;
    padding: 1rem;
    border-radius: 8px 8px 0 0;
    box-shadow: -2px 0 8px rgb(0 0 0 / 10%);
    display: flex;
    justify-content: space-between;

}



hr {
    width: 100%;
    border: none;
    border-bottom: 1px solid lightgray !important;
    margin: 1.5rem 0;
}

.ChecklistContainer tr td label {
    display: inline-block;
    top: -5px;
    padding-left: 0.5rem;
    
}
.ChecklistContainer tr td input {
    display: inline-block;

}

.ChecklistContainer2 tr td label {
    display: inline-block;
    top: 0px;
    padding-left: 0.5rem;
    
}
.ChecklistContainer2 tr td input {
    display: inline-block;

}