/*Profile Colours*/

/*
dermalogica blue: #5794d6; #5794d6
old - #007bff;

dermalogica darkgrey: #5B6670;
old - #666; #5B6670;



*/

/*PromotionHeader Management*/

/* Latest Additions - 070820*/

.InfoOverDue {    background-color: red;
    color: #FFF;
    padding: 0.5vw;
    width: 100%;
    margin-top: 5px;}

.Onboarding_Inv {border: solid 2px red;}
.Onboarding_Inv_Value {color:red; padding-left:0.5vw;}


.AutoShip {text-align:center; padding:4vh !important;}
.AutoShip h2 {font-size: 1.1rem; text-transform:uppercase; font-weight:400;}

.AutoShipIntro {text-align:center; background-color: #5B6670; color:#FFF; padding:1.5vw;}
.AutoShipIntro h1 {color:#FFF;}

.AutoShipBenefit {}
.AutoShipBenefit h2 {}

.AutoShipEducation {background-color: #5794d6; color:#FFF; padding:1vw;height:22vh;}
.AutoShipEducation h3 {color:#FFF; font-weight: 500; text-transform: uppercase; font-size: 0.9rem;}



.ItemCategoryMenu_SubName {font-weight:400 !important;}

#selectAPHPromotions {

    display: block;
    width: 75%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom:2vh;
}

#divAnalysisPromotionList_table {margin-left:1vw;}

}

.btn-warning {background-color: #5B6670 !important:}

#p_lt_ctl01_MarketPlaceLogonForm_Login1_LoginButton {margin:5px;}

#p_lt_ctl01_MarketPlaceLogonForm_lblPasswdRetrieval {padding-left: 1vw;
    margin-top: 2vh;}

.logon-remember-me-checkbox {padding-left: 1vw;}
.logon-remember-me-checkbox label {padding-left:0.5vw;}

.RewardPointValue {font-weight:300; color: #5794d6; padding:1px;}

#SC_Picture {margin:0; padding:0; }
#SC_Picture img {width:100%; height:auto; padding:5px; }
 
#divODPCreditCard {}
#cbUseSavedCard {float:left; margin:5px;}

#divODPOtherCreditCard {}
#cbUseOtherCard {float:left; margin:5px;}

#divODPAmountToPayMoney {font-weight:500; margin-bottom:2vh; font-size:18px;}

#divSaveCard {margin:5px;}
#cbSaveCard  {margin-right:5px;}




.CheckBoxClass1 label {padding-left:1vw; padding-right:3vw; }

.Customer .form-control {margin:0;}
.Customer legend {margin-left:0; display:none;}

#divOCLLGroups input {width:100%;}
#divOCLLName {font-weight:bold;}

.OnboardingTemplate {background-color: #5794d6; color: #FFF; padding:2vw; margin:0.5vw; float:left;}
.OnboardingTemplate a {color: #FFF;}

.PromotionTCs {padding:2vw; color:#FFF;background-color: #5B6670; margin-bottom:2vh;  }

@media only screen and (min-width: 768px) {
   
    .PromotionHeader #SC_Description .col-md-3 {flex:80% !important; max-width:80% !important; color:green; }
.PromotionHeader #SC_Description .col-3 {flex:80% !important; max-width:80% !important; color:green;}

   
}



.btn-rewardpoint-cost {background-color: #5B6670 !important;}
.btn-rewardpoint-cost:hover {color: #FFF !important;}
.btn-rewardpoint-value {background-color: #5B6670 !important;}
.btn-rewardpoint-value:hover {color: #FFF !important;}

#selectCustomerType {margin:1vh; margin-top:0.5vh;}
#selectGLAccount {margin:1vh; margin-top:0.5vh;}

a.MPUserInfoButton {font-weight:400 !important; text-transform:uppercase;}

.SCSelectedItem {border: solid 1px #ededed; padding:0.5vw; margin-bottom:1vh;}
.SCSelectedItemNo {font-size:0.9rem; font-weight:400;}
.SCSelectedDescription {font-size:0.8rem;}
.SCSelectedAmountIncVAT {font-size:0.9rem;}
.SCSelectedAmount {font-size:0.8rem;}
.SCSelectedQuantity input{width:50px; font-size:1rem; text-align:center; color:#333;font-size: 0.8rem; margin-top:0.3vh;}


.historynav {background-color:#FFF !important; margin-left:0px; padding-left:0px; border-bottom: solid 1px #ededed;}
.historynav .nav-item {padding-right:0.5rem;}
.selected a {color: #333; font-weight:400;}

.SC_QuantityInput {text-align: center;
    /*width: 60px;*/
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 100;}

.btn
.btn-primary
.btn-block
.btn-opp {background-color:#666 !important;}

.RewardPointCost btn btn-primary {background-color:red;}


.btn[class*=btn-outline-].btn-md {margin-top:3px !important;}

.ShoppingInformationBox {background-color: #5794d6; padding-top:0.8vw; padding-bottom:0.8vw; padding-left:2vw; color:#FFF;}



div.dataTables_wrapper div.dataTables_info {display:none;}

.card-img-top {border-radius:0px; height:auto;}
.list-group-item:last-child {border-radius:0px;}

.list-group-item:first-child  {border-radius:0px;}


.MPO {margin:10px;}
.MPO h3 {font-size:1.2rem; font-weight:400; text-transform:lowercase; margin-top:10px;}
.MPO table {margin-top:20px;}

/*GOLIVE ADDITIONS*/


.ShoppingCartWarningBox {color:red !important; font-size:1rem; padding:0.5vw; color: #FFF; width:100%; text-align:center; font-weight:400;}

.OrderFormButtonContainer {margin-top:1vh; margin-bottom:1vh; }

.OrderFormButtonContainer .btn-primary {margin-left:1vw;}

.InfoforCS {
 color: red;
    font-weight: 300;
}


/*ADDITIONS*/



.list-group-item {margin-bottom:2px;}

.OrderDetailVariables {margin:10px;}

.OrderDetailVariables label {font-size: 1.2rem; font-weight:400; margin-top:1vw;}
.OrderDetailVariables .form-control {margin-left:0; margin-right:0; margin-top:0; }


.NoInventory {background-color: #ffe5e5 !important; }

.scroll {overflow:scroll; height:60vh; padding-left:3%; padding-right:3%; }
.navbar .mega-dropdown {font-size:14px;}
.navbar-brand {font-size:16px; font-weight:400;}

.ProductList2019 {border: solid 1px #ededed; padding:1vw; height:auto; min-height: 60vh;}

.ProductListNo {text-align:left; font-weight:400;}
.ProductListFavLoc {text-align:right; color:#5794d6;}
img.ProductList {width: auto;
    height: auto;
    max-width: 100%;
    max-height: 25vh;
    min-height: 20vh;}

h3.ProductList  {text-transform: lowercase;
    font-size: 0.9rem;
    font-weight: 400;
    /*height: 3vh;*/
  margin-bottom:2vh;
}


h5.ProductList {color:#333; font-weight:300; font-size:1.2rem;}
p.ProductList {
  font-weight: 500;
    /* height: 6vh; */
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    padding: 0.5vh;
    height: 5vh !important;
    clear:both;
 }

input.ProductList {width:100%; text-align:center; padding:0.5vh;}

.ModalStdIemView br {display:none;}

body.modal-open {
    overflow: hidden;
}

.Switcher {padding:10px;}

.form-control {margin:1vh;}

.btnPrev {background-color:#5B6670; color:#FFF;}





.MPCheckoutNavigationContainer .btn .btnPrev  {border:green;}

#ItemCategoryMenu_RootName {font-weight:400;}

/*

.navbar-collapse {background-color:orange; border: solid 5px red;}
*/
#ItemCategoryMenu_SubName {cursor: pointer;}
#ItemCategoryMenu_SubName:hover {color:#5794d6;}
/*
#ItemCategoryMenu_SubName:hover {color:#5794d6; border:solid 1px purple;}
.navbar .mega-dropdown .dropdown-menu.mega-menu {max-height:600px;}



.navbar .mega-dropdown .dropdown-menu.mega-menu {padding:2vw !important;  text-transform:lowercase; height:60vh;}


.navbar-toggler {background-color: #5794d6;}

.navbar .dropdown-menu{position:relative !important;}

.mega-dropdown .dropdown-menu.mega-menu {
    text-transform: lowercase;
    background-color: red !important;
    width: 90vw !important;
}

*/





.tab-content {padding-left: 1rem;}

.navbar .mega-dropdown .dropdown-menu.mega-menu {margin-top:1vh; text-transform:lowercase; border: solid 5px #5794d6 !important;z-index:999; background-color:#FFF !important;}
.navbar .mega-dropdown {font-size:16px;}

.navbar {box-shadow:none; /*float:left;*/ text-transform:lowercase;}

.special-color {background-color: #ededed !important;}
#ItemCategoryMenu_RootName {color:#5794d6;}
.navbar-toggler {background-color:#5794d6;}

.CustomerHistory {margin-top:2vh;}
.CustomerHistory .SearchControl
{padding-left:0px;
margin-left:0px;
  padding-bottom:2vh;
}

.CustomerHistory ul
{margin-left: 2vw;}

.CustomerHistory ul li
{

  padding-top:5px; 
  padding-bottom:5px; 
  padding-left:10px; 
  padding-right:10px; 
  background-color:#5B6670;
  color:#FFF;
  border: solid 1px #FFF;
}

.CustomerHistory ul li:hover
{ background-color:#5794d6;
  color:#FFF;
  }

.CustomerHistory ul li a
{color:#FFF;
  }

.SearchControl .form-group {margin-left:-10px;}

/*promotions*/

.Switcher .fa-bars {/*padding:0.3vw;*/}
.Switcher .fa-th {/*padding:0.3vw;*/}

#SC_Picture {text-align:center;}
img.SCPicture {max-height:8vh; height:8vh; width:auto;}

.DermMasterShoppingCart {padding:0px;}


/*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  /*color: #5794d6; opacity:0.3;
}*/

/*
::-moz-placeholder { /* Firefox 19+ */
  /*color: #5794d6; 
}*/

/*
:-ms-input-placeholder { /* IE 10+ */
 /*color: #5794d6;
}*/

/*
:-moz-placeholder { /* Firefox 18- */
  /*color: #5794d6;
}*/



.navbar-dark .navbar-brand {color:#5794d6 !important;}
.navbar-dark .navbar-nav .nav-link {color:#5794d6 !important;}


.MPButtonContainer {text-align:right;}


.input-group input { margin-top:0.8vh; padding:1vh;}

.aspNetDisabled {

    font-size: 1.2rem;
    font-weight: 300;
  border:none;

}

.CKORewardsTotal {    
    margin-bottom: 1px !important;
    border: solid 1px #ededed !important;
    height: 8vh !important;}
.CKODiscount {
    margin-bottom: 1px !important;
    border: solid 1px #ededed !important;
    height: 8vh !important;}
.CKOFreightAmount {
    margin-bottom: 1px !important;
    border: solid 1px #ededed !important;
    height: 8vh !important;}
.CKOAmount {
    margin-bottom: 1px !important;
    border: solid 1px #ededed !important;
    height: 8vh !important;}

.CKOAmountIncVat {
    margin-bottom: 1px !important;
    border: solid 1px #ededed !important;
    height: 8vh !important;
    background-color: #00bab3 !important;
}

.CKOAmountExcVat {
}

.PromotionContainer {  
  border: solid 1px #CCC; 
  padding:1vh;
  padding-left:2vh;
  margin-bottom:2vh;
  float:left;
  width:100%;
}

.PromotionContainer img {

width:auto; max-width:100%; margin-top:4vh; margin-bottom:4vh; padding-right:1vw;

}
 


.ModalStdIemView img{height:40vh; width: auto; max-width:100%;}
.ModalStdIemView h1 {color:#5794d6;}
.ModalStdIemView h2 {text-transform:lowercase;}
.ModalStdIemView h3 {font-size:1.5rem; text-transform:lowercase;}
.ModalStdIemView p {font-size:0.9rem;}

/*.OrderFormLine {margin-bottom:0.5vh; background-color:#ededed;}*/
.OrderFormLinesHeader {background-color: #5B6670;
    color: #FFF;
    text-align: center;
    font-size: 0.9rem;
    padding: 1vh;
    margin-bottom: 1vh;}

.ContainerOrderFormLine {border: solid 1px #ededed; margin-top:1px; margin-bottom:1px; font-weight:400;}
.ContainerOrderFormLine:hover {background-color:#ededed;}
.ContainerOrderFormLine img {max-height:6vh; width:auto;}
.OrderFormImageContainer {text-align:center;}
/*img.OrderFormImage {height:6vh; width:auto;  max-width:100%; margin:1vh;}*/

.OrderFormItemNo {padding:1.5vh;text-align:center;}
.OrderFormItemTitle {padding:1.5vh;}
.OrderFormItemTitle a {color:#5B6670;}

.OrderFormItemRRP {text-align:right; padding:1.5vh;}
.OrderFormItemPrice {text-align:center; padding:1.5vh; color:#5B6670;}
.OrderFormItemRewardsCost {text-align:right; padding:1.5vh;}
.OrderFormItemRewardsEarn {text-align:right; padding:1.5vh;}
.OrderFormItemQuantity {text-align:center; padding:1.5vh;}
.OrderFormItemQuantity input {width:100%; text-align:center; color:#5B6670;}
.OrderFormItemFavourite {text-align:center;}
.OrderFormItemFavouriteSelect {text-align:center; padding:1.5vh;}

.AmountExcTax {font-weight:500; background-color: #fdfdfd;}
.AmountIncTax {font-weight:500; background-color: #00bab3; color:#FFF;}

.DermShoppingCartContent{
  height:55vh; 
  overflow:scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  ::-webkit-scrollbar { width: 0 !important }
}

.DermShoppingCartFooter {
  height:15vh;
  overflow:hidden;
  }


/*Login*/

.LoginUI {background-color: #FFF; margin-top:2vh;}
.LoginUI img {padding-top:1vw; padding-bottom:1vw; margin-left:0;}
.LoginTitle {float:left;}
.LoginMain {float:left;}
.LoginImage {float:left;}
.LoginImage img {}
.LoginFoot {float:left; background-color:#FFF;}


/*Login-End*/



.GroupView {    
  margin-left: 1vw;
    color: #FFF;
    background-color: #5B6670;
    padding: 5px;}






.md-progress {margin-top:2vh; background-color: #5B6670;}

.md-progress .progress-bar {background-color: #5794d6;}


.DermMasterSearch
.form-control
{
width: 21vw;
margin: 1vw;
  z-index:100;
}

#divCustomerPromotionList{}





.CartEmpty {padding:2vw; text-align:center; font-weight:400;}


.fa-th {
  content: "\f03a";
  font-size:1.45rem;
}


.fa-bars{
  content: "\f0c9";
  font-size:1.5rem;
  margin-right:1vw;
}

.fa-heart{ 
 color:#5794d6;
 font-size:1.5rem;
}

.fa-th {color:#5794d6;}
.fa-th:hover {color:#5B6670;}
.fa-th:active {color:#333;}

.fa-bars {color:#5794d6;}
.fa-bars:hover {color:#5B6670;}
.fa-bars:active {color:#333;}




#MPBootStrapNotification {margin:0px; width:100%; height:0px;}
#MPStatus {margin:0px; width:100%; height:5vh;}

textarea {border: solid 1px #CCC;}

.PromoAdminName {padding:10px; border: solid 1px #ededed;  margin-bottom:10px;}
.PromoAdminName label {}
.PromoAdminName input {}

.PromoAdminDesc {padding:10px; border: solid 1px #ededed; margin-bottom:10px;}
.PromoAdminDesc label {}
.PromoAdminDesc input {}

.PromoAdminImage {padding:10px; border: solid 1px #ededed; margin-bottom:10px;}
.PromoAdminImage label {}
.PromoAdminImage input {}

.PromoAdminImageUpload {padding:10px; border: solid 1px #ededed; margin-bottom:10px; height:80px;}
.PromoAdminImageUpload label {}
.PromoAdminImageUpload input {}

.PromoAdminLink {padding:10px; border: solid 1px #ededed; margin-bottom:10px;}
.PromoAdminLink label {}
.PromoAdminLink input {}

.PromoAdminStartEnd {padding:10px; border: solid 1px #ededed; margin-bottom:10px;}
.PromoAdminStartEnd label {}
.PromoAdminStartEnd input {}

.PromoAdminViewStatus {padding:10px; border: solid 1px #ededed; margin-bottom:10px;}
.PromoAdminViewStatus label {}
.PromoAdminViewStatus input {}

.PromoAdminConfirm {padding:10px; margin-bottom:10px;}
.PromoAdminConfirm label {}
.PromoAdminConfirm input {}

navbar.navbar-dark .navbar-toggler-icon {
  /*background-image: url(data:image/svg+xml); charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E);
    cursor: pointer;*/
}
/*modal*/

.modal.show .modal-dialog {max-width:90vw;}

/*admin*/
.DermAdmin ul li {list-style:none; font-size:1.1rem; font-weight:400; text-transform:lowercase; color:#5794d6;}
.DermAdmin ul ul li {font-weight:100;}



/*alerts*/

.alert {color:#FFF; z-index:999; width:100%; margin-bottom:0; text-align:center;}

.alert-success {background-color:#00bab3; color:#FFF;}
.alert-info {background-color:#dee1e2; color:#5794d6;}
.alert-error {background-color:#ff0022; color:#FFF;}
.alert-block {background-color:#e8b5c3; color:#b20838;}
.alert-paymentblock {background-color:#ffa300; color:#ffedcc;}


/*fonts*/

h1 {
    text-transform: lowercase;
    margin-top: 20px;
    font-size: 2em;
}


legend {
    font-weight: 300;
    margin-left: 10px;
    text-transform: lowercase;
}

a {color:#5794d6;}

p {
    font-weight: 300;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    color: #666;
}

/*buttons*/

.btn { font-size:0.8em;
  }

.btn[class*=btn-outline-].btn-md {margin-top: 20px !important;}

.btn-success {background-color:#00bab3 !important;}

/*images*/

img {width:100%;}

/*breadcrumb*/

.UIBreadcrumb {
    padding-top: 0.6rem;
    font-weight: 100;
    text-transform: lowercase;
    margin-left:1vw;
}


/*tables*/

table {
    font-size: 0.9em;
}


/*cart*/


.MiniCartNo {margin:0; padding:0; font-size:1rem; text-transform:lowercase; padding-right:1vw; text-align:right; color:#5794d6; font-weight:400;}
.MiniCartDesc {margin:0; padding:0; font-size:0.9rem; text-transform:lowercase; padding-right:1vw; padding-left:1vw; text-align:right; overflow:hidden;}
.MiniCartAmount {margin:0; padding:0; font-size:1rem; text-transform:lowercase; padding-right:1vw; text-align:right;}


#divShoppinCart {margin:0.5vh;}

/*promotions*/

.PromotionHeader {
    background-color: #FFF;
    height: auto;
}

.PromotionHeader a {color:#3e454c !important; font-weight:700; }

.PromotionHeader
.MiniCartDesc {font-size: 0.8rem; color:#5794d6; background-color:transparent; padding-bottom:0.5rem; padding-top:0 !important; font-weight:400; text-align:right; width:100%; }


.PromotionHeader 
.MiniCartDescSub
{color:#333;}



.PromotionHeader .col-1 {display:none;}

.PromotionHeaderSummary
.PromotionHeader {}

.PromotionHeaderSummary
.SC_Picture {text-align:center; display:none !important;}

.PromotionHeaderSummary
.SC_No {text-align:center;}

.PromotionHeaderSummary
.SC_Description {text-align:center;}

.PromotionHeaderSummary
.SC_UnitAmount {text-align:center;}

.PromotionHeaderSummary
.SC_Quantity {}

.PromotionHeaderSummary
.SC_LineDiscount {text-align:center; display:block;}

.SC_LineDiscount {display:block;text-align:center;}

.PromotionHeaderSummary
.SC_Amount {text-align:center;}

.PromotionHeaderSummary
.DeleteItem {display:block;text-align:center; margin:0px;}

.DeleteItem {margin-left: 0px;}


.PromotionHeader
.MiniCartNo {text-align:left;}


.PreSaleHeader {background-color:#FFF;}

.PreSaleHeader 
.MiniCartDesc
{color:#5794d6; font-weight:400;}

.PreSaleHeader 
.fa-trash {color:#666;}

.fa-trash {color:#666;}

.PreSaleHeader 
.MiniCartDescSub
{color:#333;}

.fa-sync-alt:before {margin:0.5vw;}

.fas.fa-plus {color:#5794d6;}
.fas.fa-minus {color:#5794d6;}

.fas.fa-tags {color:#FFF !important; display:none;}

.PromotionHeader
.fas.fa-tags.fa-2x {color:#FFF !important; display:block; font-size:2em;}

.fa-plus-square {color:#5794d6; margin:2px;}
.fa-minus-square {color:#5794d6; margin:2px;}


/*cart summary*/

.cartsummaryrightcol
{
    font-weight: bold;
    float: right;
    margin-right: 1vw;}

.cartsummaryleftcol
{

    font-weight: normal;
   float: left;
    margin-left: 1vw;}


/*user information*/

.MPUserInfoButtonContainer {
    clear: left;
    float: right;}

.MPUserInfoButtonContainer a {
color:#FFF; 
  font-weight:300;
  float:right;
  margin-right:1vw;

}

.MPUserDetails {
    font-weight: 300;
    color: #5B6670;
float:left;
  margin-left:1vw;
  padding:0.1vw;
  font-size:0.9rem;

}

.MPUserDetails a {
    color: #666;
   font-weight: 300;
  margin-left:1vw;
  
   
}

.MPUserInfoButton a {
    color: #FFF;
}

.MPUserInfoButton a {
  color:#FFF;
}

.MPUserInfo {padding:0.5vh;}

.MPUserInfo select {border: 0px; background-color:#FFF; height:3vh; margin:0; float:left; border-radius:0px !important; max-width:300px;}


/*order confirmation*/

.TotalHighlightOrder {
    background-color: #ededed;
    padding: 1vw;
    padding-right: 3vw;
    text-align: right;
    font-weight: 700;
    margin-bottom: 20px;
}

.MPFieldSection {
    padding-left: 0px;
    padding-bottom: 20px;
    padding-right: 20px;
    font-weight: 500;
}


.MPOrderProcess{padding:1vw;}
.OrderConfirmText {
  padding:1vw;

    font-weight: 700;
}


/*navigation*/

.MobileHeaderTrigger {color:#FFF; text-align:center;}

.UILogo img {
    width: 100%;
  height:auto;
  padding:1vh;
  z-index:-1;
}

.UISubNav {
    background-color: #5794d6;
    list-style: none;
    margin-left: -30px;
    margin-right: -30px;
    height: 4vh;
    padding-top: 1vh;
    padding-bottom: 2vh;
    margin-bottom: 2vh;
}

.UISubNav ul {
    list-style: none;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-left: -14px;
}

.UISubNav ul li {
    display: inline;
}

.UISubNav ul li a {
    color: #FFF;
    padding: 5px;
}

.UISubNav ul li a:hover {
    color: #ededed;
    text-decoration: none;
}





/*login*/

.LoginPanel {}


/*master page*/

.UISiteMode {
    font-weight: 100;
    text-transform: lowercase;
    padding: 0.5vh;
    padding-left: 1.5vw;
    color: #666;
    margin:0px;
  z-index:-1;
}

.ModeShortcuts {}

.ModeShortcuts a {
    text-transform: uppercase;
    font-size: 13px;
    padding: .5rem 1rem;
}

.ModeShortcuts a:hover {
    text-decoration: none;
}

.DermMasterMessage {


}

.DermMasterImpersonate {
   height: auto;
  }

.DermMasterMobileTrigger {
    height: auto;
  padding: 0.5rem;
}

.DermMasterMobile{
text-align:left;
  padding: 0.4rem;
  }
  
.DermMasterHeader {
    height: 5vh;
  display:none;
}

.DermMasterSummaries {
}

.DermMasterLogo {

  /*z-index:-1;*/
}

.DermMasterLogo img {
 /*z-index:-1;*/
}


.DermMasterSearch {

  /* z-index:-1;*/
}


.DermMasterBalanceSummary {

}

.DermMasterCartSummary {

}

.DermMasterNavigation {

  color:#5794d6; 
  border-top: solid 1px #5794d6; 
  border-bottom: solid 1px #5794d6; 
  /*height:4vh;*/
}



.DermMasterPlaceholder {
    height: 70vh;
    overflow: scroll;
    -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  ::-webkit-scrollbar { width: 0 !important }
}

.DermMasterCart {
    height: 70vh;
    background-color: #FFF;
    border-top: solid 2px #5794d6;
    border-left: solid 1px #5794d6;
    -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  ::-webkit-scrollbar { width: 0 !important }
}

.DermMasterCopyright {
    height: 4vh;
    padding: 0.2vw;
  z-index:-100;
}




/*footer*/



/*credit management*/

.SumValue {
    font-weight: 700;
}

/*copyright*/

.CopyrightContainer{
  padding:0.5vh; 
  border-top: solid 1px #5794d6; 
  border-bottom: solid 1px #5794d6;
font-size: 0.8rem;
}

.CopyrightText a {
    color: #5794d6;
    padding: 0.5vh;
    font-size: 0.8rem;
}


/*buttons*/



.btn-primary {
    background-color: #5794d6 !important;
    border-radius: 0px;
}

.btn-primary  a {color:#FFF;}

.btn-primary:hover {background-color:#5B6670 !important; border: none !important;}

.btn-danger {
    color: #fff;
    background-color: #5B6670 !important;
    border: solid 1px #5B6670;
}

.btn-success {
    color: #fff;
    background-color: #0083c1 !important;
    border: solid 1px #0083c1;
}

.btn-rewardvalue {
  
  color:#5794d6;
  border: none;
  background-color:#FFF !important;

  }


/* Item Group Management*/

.ItemGroupManagement ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ItemGroupManagement ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 5px;
}

.ItemGroupManagement li {
    border: solid 1px #CCC;
    padding: 4px;
}

.ItemGroupManagement ul li {
    color: blue;
    margin-bottom: 2px;
    padding-left: 10px;
}

.ItemGroupManagement ul ul li {
    color: red;
    padding-left: 20px;
}

.ItemGroupManagement ul ul ul li {
    color: green;
    padding-left: 30px;
}

.ItemGroupManagement ul ul ul ul li {
    color: orange;
    padding-left: 40px;
}

.ItemGroupManagement ul ul ul ul ul li {
    color: black;
    padding-left: 50px;
}

.ItemGroupManagement ul ul ul ul ul ul li {
    color: grey;
    padding-left: 60px;
}

.ItemGroupManagement ul ul ul ul ul ul ul li {
    color: pink;
    padding-left: 70px;
}

.ItemGroupManagement ul ul ul ul ul ul ul ul li {
    color: yellow;
    padding-left: 80px;
}


/*icons*/

.fa,
.fas {
  /*
    padding-top: 3px;
    padding-left: 5px;
  */
}


/*MasterPage*/

.DermMasterMsg {
    text-align: center;
}

.DermMasterImpersonate {
  background-color: #FFF;
  color:#5794d6; 
  padding:0.5vh;
  border-bottom: solid 1px #CCC;
}


.DermMasterMobileTrigger {
    background-color: #5B6670;
    color: #FFF;
    text-align: center;
    border-bottom: solid 1px #FFF;
    padding:0.5vh;
}

.DermMasterHeader {
    background-color: #FFF;
    color: #666;
}

.DermMasterSummaries {
  z-index:1; 
  border-bottom: solid 2px #5794d6;
  }

.DermMasterNav {
    background-color: #FFF;
    color: #5794d6;
}

.DermMasterNav a {
    color: #5794d6 !important;
}

.DermMasterCopyright {
    background-color: #ededed;
    color: #333;
    font-size: 0.9em;
}

.DermMasterLogoSummary {
    font-size:0.9rem;
    /*padding-top: 0.5vh;
    padding-bottom: 0.5vh;*/
  }

.DermMasterSearch {
    background-color: #ededed;
    color: #FFF;
    font-size:0.9rem;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

.DermMasterBalanceSummary {
    background-color: #5B6670;
    color: #FFF;
    font-size:0.9rem;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.DermMasterCartSummary {
    background-color: #5794d6;
    color: #FFF;
    font-size:0.9rem;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}


/*MasterPage - Copyright*/

.CopyrightText {
    margin: 0px;
}


/*Repeater Type - DashboardShortcuts*/

.card {
  

  border-radius:0px;
  box-shadow: 2px 2px 2px #ededed; 
  border: solid 1px #CCC; 
  display:block;

}

.productcard {height: 68vh; margin-bottom:2vh; margin-top:2vh;}


/*media breakpoints - used to control webpart display*/

body {
    background-color: #FFF;
}