ul,h1,p{
  padding:0px;
  margin:0px;
  li{
    list-style-type: none;
    padding-right: 5px;
    display: inline;
    float: left;
  }
}

li{
    list-style-type: none;
    padding-right: 5px;
    display: inline;
    float: left;
    color: #0275d8;
    font-size: 11px;
  }
  p{
   font-size: 14px;
  }
.orange {
  color:orange !important;
}
.customizePage {
  height:100%;
  background:red;
}
.customizePage .pageTitle, .customizePage .DIN {
  font-family:"DINWeb";
}
.customizePage .DINLight {
  font-family: 'DINWeb-UltraLight';
}
.customizePage .content {
  background: #cccccc;
}
.proximaRegular {
  font-family: 'ProximaNovaRegular';
}
.proximaBold {
  font-family: 'ProximaNovaSemiBold';
}
.customizePage .toolName {
    font-size: 12px;
    margin-bottom: 10px;
}
.customizePage div.toggleSideNavBtn {
  width: 24px !important;
  min-width: 24px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: #F0F0F0;
  display: table-column;
}

.customizePage .toggleSideNavBtn > div {
  height:100%;
}
.customizePage .toggleSideNavBtn:hover {
  box-shadow: 0px 0px 10px #1c1c1c;
}

/*Pallets*/
.customizePage .styleSelector {
  vertical-align: middle;
  padding:5px 2px;
}
/*.customizePage .styleSelector:nth-child(odd):hover {*/
.customizePage .styleSelector:hover {
  background: #cccccc;
}

.customizePage .modified {
  font-size:12px;
  color:#cccccc;
  cursor:pointer;
}

/*.customizePage .styleSelector input[type="text"] {
  width:60px;
  font-size:12px;
}
*/
.customizePage md-sidenav.md-locked-open.md-sidenav-left {
  width: 340px;
}


.customizePage md-sidenav.md-locked-open.md-sidenav-right {
  max-width: 120px;
}


.customDefault .glyphicon, .blueHeader {
  color:#00335A;
}

/*Start of Side Menu Accordian*/
.customizeMenu .md-accordion .expandCollapse{width:30px;height:30px;position:relative;font-size:12px;font-weight:700;cursor:pointer;/*color:rgba(0,0,0,.54)*/;display:block;margin-top:-2px;margin-left:-2px;overflow:hidden}
.customizeMenu .md-accordion .expandCollapse:active{border:0}
.customizeMenu .md-accordion .expandCollapse:after,.customizeMenu .md-accordion .expandCollapse:before{width:30px;height:30px;display:block;position:absolute;top:0;left:0;line-height:32px;text-align:center;-webkit-transition:.3s all ease-out;transition:.3s all ease-out}
.customizeMenu .md-accordion .expandCollapse:before{opacity:1;transform:rotate(-90deg);content:"\FE40";margin-top:-1px;margin-left:-2px}
.customizeMenu .md-accordion .active:before{opacity:1;content:"\FE40";transform:rotate(0);margin-left:-6px;margin-top:5px;padding-bottom:5px}
.customizeMenu .md-accordion .dataContent{background:#fff;color:#575757;height:0;overflow:hidden;-webkit-transition:.3s all ease-out;transition:.3s all ease-out;font-size:20px}
.customizeMenu .md-accordion .dataContent .paletName{cursor:pointer;color:#23557E}
.customizeMenu .md-accordion .dataContent .paletName:hover{color:#66D9EF}
.customizeMenu .md-accordion md-content div.sidemenu-input{font-size:13px;border-bottom:1px solid #ccc;line-height:30px;height:30px;padding:2px}
.customizeMenu .md-accordion .activeContent{height:auto;padding:2px;display:block}
.customizeMenu .md-accordion md-toolbar{cursor:pointer; text-transform:uppercase;border-bottom:1px solid #fff;height:40px;min-height:40px;box-shadow:0 0 5px gray}
.customizeMenu .md-accordion md-toolbar-tools{height:40px;min-height:40px}
.customizeMenu .md-accordion h2{font-size:.7em}
.customizeMenu .md-accordion .sidemenu-input {overflow: hidden;}
.customizeMenu .md-accordion .sidemenu-input input[type=text]{max-width:50px;text-transform:uppercase;font-size:11px;height:15px;line-height:11px;text-align:center;font-family:monospace;}
.customizeMenu .md-accordion .sidemenu-input input[type=color]{width:24px;height:18px;line-height:18px;border:none!important;cursor:pointer;vertical-align:middle;}
.customizeMenu .md-accordion input[type=text].bigText {max-width:350px;font-size:14px;height:25px;line-height:20px;text-align: left;text-transform:none;color:orange;}
.customizeMenu .md-accordion input[type=text].bigText::-webkit-input-placeholder{color:gray}
.customizeMenu .widerColorInput { max-width: 60px !important; width:60px !important; }
/*End of Side Menu Accordian*/
.customizeText .customizeMenu .md-accordion input[type=text].full {font-size:16px;width:100%; max-width: 100%; text-transform: none;text-align:left;height:auto;} 
.customizeText md-input-container {margin:22px 0 0 0;}
.customizeText md-input-container label {font-size:16px;}
.customizeText md-input-container .md-errors-spacer {display:none;}


/*Sample Fastlink Page*/
.flcontent {background:#f1f1f1;min-width:325px; max-width:960px !important;}
.flcontent .boldFont {font-family:'ProximaNovaSemiBold';}
.flcontent .regularFont {font-family:'ProximaNovaRegular';}
.flcontent .smallFont {font-size: 13.5001px;}
.flcontent .smallFont label{font-size:12px}
.flcontent .has-feedback{position:relative}
.flcontent .credentials .form-group input{font-size: 14px !important;}
.flcontent .has-feedback .form-control{padding-right:42.5px}
.flcontent .has-feedback label~.form-control-feedback{top: 36px;right: -44px;}
.flcontent .spacer{margin-top:20px}
.flcontent .topBottomSpacer{margin:auto 10px}
.flcontent .pages div.page{border-right:1px solid silver;border-bottom:1px solid silver;padding:5px 0;cursor:pointer;text-align:center;color:#A9A3A1}
.flcontent .pages div.page.active,.flcontent .pages div.page:hover{color:#fff;background:#F08080;box-shadow:0 2px 5px silver}
.flcontent .pages div.page:hover{background:#add8e6;color:#000}
.flcontent .flContainer{margin:0 auto;background:#fff}
.flcontent .formContainer{border:1px solid #CDCAC9;border-radius:5px}
.flcontent .flHeader{padding:0}
.flcontent .flHeaderTitleBgColor{background:#144173;height:48px}
.flcontent .headerText{font-family:"ProximaNovaSemiBold";text-align:center;vertical-align:middle;line-height:48px;font-size:16.9999px}
.flcontent .innercontainer{padding:0 15px}
.flcontent .stepperWrapper div{text-align:center;border-bottom:2px solid #eeefee;font-size:16px}
.flcontent #stepperWrapper ul li label{color:#77716f}
.flcontent #stepperWrapper ul li.active{border-bottom:2px solid #0c76be}
.flcontent #stepperWrapper ul li.active label{color:#1e1d1c}
.flcontent .flWrapper{width:800px;margin:0 auto}
.flcontent .cardContainer{margin-top:20px}
.flcontent .user-message{font-size:16px;color:#1e1d1c;font-family:"ProximaNovaRegular"}
.flcontent .siteURL{font-size:12px;color:#0c76be;font-family:"ProximaNovaRegular"}
.flcontent #siteSearch,.flcontent .searchBtn .button{height:40px;font-size:14px;background-color:#fff!important}
.flcontent #search{width:83.33333%;float:left;position:relative}
.flcontent .searchIcon{position:absolute;top:15px;float:left;vertical-align:bottom;padding-left:5px}
.flcontent #siteSearch{border-color:#e0dddc!important;background-repeat:no-repeat!important;color:#1e1d1c;border-width:0 0 1px;margin-bottom:0;width:100%;padding-left:25px}
.flcontent .searchBtn .button{width:100px;vertical-align:middle;padding:0 20px;float:right;line-height:1.21428rem;font-family:'ProximaNovaSemiBold';text-transform:uppercase;color:#0C76BE!important;border:1px solid #e0dddc;border-radius:.2143rem;box-shadow:1px 1px 1px #e5e5e5;cursor:pointer}
.flcontent .collapse>div{margin-top:1.71429rem}
.flcontent .svg_search:before{color:#77716f}
.flcontent .yodlee-font-icon{font-family:yodlee;display:inline-block;vertical-align:middle;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.flcontent .search-icon{position:absolute;top:.92857rem;padding:0;margin:0;cursor:pointer;color:#77716f;font-size:1.14286rem;width:1.14286rem;height:1.14286rem}
.flcontent .boxWrapper{border:1px solid #cdcac9;border-radius:.21429rem;margin:0;}
.flcontent .iavBoxWrapper{margin:0;background:#fff}
.flcontent .loginSiteItem{margin:0 10px;padding:15px}
.flcontent .credentials{padding:0 15px}
.flcontent .siteItem{margin:0 10px;padding:15px;border-bottom:1px solid #eeefee;cursor:pointer}
.flcontent .siteItem:hover{background:#F9FAFA}
.flcontent .siteInfo{padding-left:30px}
.flcontent .siteName{font-size:14px;text-overflow:ellipsis;white-space:nowrap; font-family:'ProximaNovaSemiBold';}
.flcontent .section-title{padding:.85714rem 0 .85714rem .85714rem;font-size:14px;font-family:'ProximaNovaSemiBold';color:#1e1d1c;line-height:1;background-color:#eeefee;margin-top:0;margin-bottom:0;box-sizing:border-box}
.flcontent .FLamountColor,.flcontent .cardSubSecBackground,.flcontent .cardSubtitleFontColor,.flcontent .cardUnitsFontColor,.flcontent .formPasswordShow,.flcontent .panelFontColor,.flcontent .subTitle,.flcontent .tipContent{font-family:'ProximaNovaRegular'}
.flcontent .favicon{float:left}
.flcontent .tipContent{padding:0 15px;color:#77716f;font-size:14px;text-justify:inter-word;font-family:'ProximaNovaRegular'}
.flcontent .tipContent ul{margin-left:10px;padding:10px 5px}
.flcontent .tipContent ul li{line-height:30px}
.flcontent .error{color:#C91D1D}
.flcontent .cardContainers{padding:0 15px}
.flcontent .cardSubSecBackground{background:#f9fafa}
.flcontent .defaultBgColor{background:#FFF}
.flcontent .transactions{height:80px;padding:5px 15px}
.flcontent .FLamountColor{color:#33702f}
.flcontent .contentPrimaryColor{color:#1e1d1c}
.flcontent .formPasswordShow, .flcontent .iavFormPasswordShow{font-size:12px;white-space:nowrap;position:absolute;margin-right:50px;cursor:pointer}
.flcontent .iavFormPasswordShow{right:-40px;bottom:10px;}
.flcontent .flFormPasswordShow{right:-40px;bottom:34px;}
.flcontent .defaultFontColor{color:#1E1D1C}
.flcontent .anchorLinksFontColor{color:#0C76BE}
/*.flcontent .primaryfontfamily{font-family:'ProximaNovaRegular'}
.flcontent .secondaryfontfamily{font-family:'ProximaNovaSemiBold'}*/

.flcontent .panelFontColor{color:#77716f}
.flcontent .tipsFontColor{color:#77716F}
.flcontent .formLabelFontColor{color:#4E4945}
.flcontent .errorMessageFontColor{color:#C91D1D; font-size: 14px; font-family:'ProximaNovaSemiBold';}
.flcontent .pageHeaderBgColor{background:#144173}
.flcontent .pageHeaderFontColor{color:#FFF}
.flcontent .panelMainHeaderFontColor,.flcontent .panelSubHeaderFontColor,.flcontent .panelTipsHeaderFontColor,.flcontent .stepperActiveFontColor{color:#1E1D1C;}
.flcontent .primaryButtonDisabledBgColor {background: #86BBDF;}
.flcontent .pageBorderColor{border:none}
.flcontent .panelMainBorderColor,.flcontent .panelTipsBorderColor{border:1px solid #CDCAC9}
.flcontent .panelMainHeaderBgColor{background:#EEEFEE}
.flcontent .panelSubHeaderBgColor{background:#F9FAFA}
.flcontent .panelTipsHeaderBgColor{background:#EEEFEE}
.flcontent .stepperActiveBorderColor{border-bottom:2px solid #0C76BE}
.flcontent .stepperInactiveFontColor{color:#A9A3A1}
.flcontent .stepperInactiveBorderColor{border-bottom:2px solid #EEEFEE}
.flcontent .cardTitleFontColor{color:#1E1D1C}
.flcontent .cardSubtitleFontColor{color:#0C76BE;font-size:12px}
.flcontent .cardSeparatorBorderColor{border-bottom:1px solid #EEEFEE}
.flcontent .cardHoverBgColor:hover{background:#F9FAFA}
.flcontent .cardTransactionBgColor{background:#FFF}
.flcontent .cardPrimaryFontColor{color:#1e1d1c}
.flcontent .cardSecondaryFontColor{color:#77716f;font-family:'ProximaNovaRegular';}
.flcontent .cardUnitsFontColor{color:#33702F}
.flcontent .buttonContainer{font-size:14px;font-family:'ProximaNovaSemiBold';}
.flcontent .buttonContainer button{padding:0 1.429rem;margin:0 0 1.42857rem;transition:background-color .3s ease-out}
.flcontent button.buttonFontSize{font-size:14px}
.flcontent button.buttonHeight{height:40px}
.flcontent button.primaryButtonBgColor{background:#0C76BE}
.flcontent button.btn,.flcontent button.secondaryButton{min-width:100px}
.flcontent button.btn-primary{
  text-transform: uppercase;
}
.flcontent button.secondaryButton{
  border:1px solid #cdcac9;
  background-color:#fff;
  color:#017b9c;
  font-size: 14px; 
  text-transform: uppercase
}
.flcontent button.deleteButton{
  text-transform: uppercase;
}
.flcontent button.secondaryButton:hover{
  border:1px solid #cdcac9
}
.flcontent button {font-family:'ProximaNovaSemiBold';}
.flcontent .infoMargin {margin:10px 0;}
.flcontent .resultSummary{font-size: 15px; font-family:'ProximaNovaSemiBold'; }
.flcontent .resultSummaryLabel{font-size: 15px; font-family:'ProximaNovaRegular'; }
.flcontent .resultSummaryContent, .flcontent .resultSummaryHeader{margin:5px 0;}
.flcontent .searchSummaryValue{font-size: 16px; font-family:'ProximaNovaSemiBold'; }
.flcontent .splashHeading {font-size: 16px; font-family:'ProximaNovaSemiBold'; }
.flcontent .tips {font-size: 14px; font-family:'ProximaNovaRegular'; }
/*.flcontent .resultSummaryHeader, .flcontent .resultSummaryValue{font-weight: bold;}*/


.yodlee-font-icon.svg_back{
  margin: -0.3rem 0.5714rem 0 0;
}

.yodlee-font-icon {
    font-family: "yodlee";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.highlight{position:relative;z-index:200 !important;box-shadow:0 0 15px red;}
#hl_modal{display:block;width:100%;opacity:.75;background:gray;position:fixed;height:100%;display:none;z-index:1;top:0;bottom:0;left:0;right:0}
/*End of Sample Fastlink Page*/
label.palletButtons {
  border-radius: 50%;
  line-height: 40px;
  width: 40px;
  height: 40px;
  cursor:pointer;
  background-color: rgb(245,0,87);
  border:#ffffff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  color:#ffffff;
  vertical-align: middle;
  background-clip: padding-box;
  transition: all .3s cubic-bezier(.55,0,.55,.2);
  transition-property: background-color,box-shadow,transform,-webkit-transform;
  padding: 0 6px;
  margin: 6px 8px;
}

label.palletButtons:hover{
  background: #C51162;
}

#importPalletBtn {
  display:none;
}
md-divider.menu-divider {
  width:100%;
}

.sideMenuItem {
  min-height:50px !important;
  max-height:50px;
}
.sideMenuItemButton {
  width:100%;
  /*min-width:100px !important;*/
  text-align:left;
  font-size: .8rem;
  padding-left:5px;
  /*vertical-align: middle;*/
}

.sideMenuItemButton span {
  padding:5px;
  color:#144173;
}

.styleContainer {
  padding: 0 3px;
}


.sideMenuItem.styles, .sideMenuItem.texts, .sideMenuItem.features {
  min-height: 80px;
  max-height:80px;
  background: #ECECEC;
  color: #000;
}

.sideMenuItemButton.activeBg, .sideMenuItemButton.activeBg span,
.sideMenuItemButton:hover, .sideMenuItemButton:hover span{
  background:#17BEBB;
  color:white;
}

/*.sideMenuItemButton.action, .sideMenuItemButton.action span,*/
.sideMenuItemButton.action:hover, .sideMenuItemButton.action:hover span{
  background: #F0F0F0;
  color:#000;
}

.md-toolbar-tools {
  background-color: #00335A;
  color:#ffffff;
}

.customizeMenu .md-toolbar-tools {
  background-color: #E0DDDC;
  color:#00335A;
}

.uiviewBg {
  background-color: #fafafa;
}

.consentDashboardAllDoneBtn{
  text-transform: uppercase;
}

.permissionStatus, .accessPeriod{
  padding-bottom : 5px;
  width: 296px;
}

.permissionStatus.expired{
  border-bottom : 2px solid red;
}

.permissionStatus.expiresSoon{
  border-bottom: 2px solid yellow;
}

.permissionStatus.active{
  border-bottom: 2px solid green;
}

.accessPeriod{
  margin-left  :16px;
  border-bottom: 1px solid grey;
}

.hintText{
  color: grey;
  font-size: .8rem;
}

.cbSiteName{
  font-size: 1.1rem;
}

.accountDetails, .accountTransactions{
  width : 296px;
}

.consentActionButtons{
  margin-top : 32px;
  margin-bottom : 32px;
}

.permissionAccordionIcon{
  font-size : .5rem;
}

.consentDetails{
  margin-left : 25%;
}

.consentDetailHeader{
  width: 320px;
}

.consentDetailHeader .permissionAccordionIcon{
  float: right;
  margin-top: 10px;
}

.consentRenewButton{
  margin-left: 16px;
}
.uploadFontWrapper{
  width:360px;
}
.pallet-sub-list{
  height: 50px;
}

.fontfamilyHeading{
  padding-left:2px;
  display: inline;
  margin-top: 10px;
  float: left;
  width: 50%;
}
.fontFamilyWrapper{
   float:right;
   width:50%;
   padding-top: 5px;
}
.fontFamilyWrapper .filename{
  font-size: 14px;
  float:right;
}
#fontErrorMessage{
      padding: 0px 20px 20px 20px;
      color:red;
      padding-left: 40px;
}
.fontFamilyWrapper ul{
   padding:0px; margin:0px;    float: left;
}
.fontFamilyWrapper ul li:last-child{
    padding-left: 5px;
}
.fontFamilyWrapper ul li.bar{
  border-left: 1px solid #000; 
}
.fontFamilyWrapper ul li:last-child{
  padding-right: 5px;
  border-right: 0 solid red; 
}
#fontUploadProgress {
  width: 100%;
  padding-bottom: 10px;
  padding:0px 20px 20px 20px;
}
.uploading{
  background-color:#107AEF;
  color:white;
}

#fontUploadProgressBar {
  width: 1%;
  height: 5px;
  background-color: #0C76BE;
}
.sliderWrapper md-slider-container{
  overflow: inherit;
  padding-right: 10px;
}

.select{
    border: 2px solid aliceblue;
    border-radius: 50px 50px;
    background-color: #575757;
    color: #ffffff;
     text-transform: initial;
     padding:0px 10px;
}
.select:hover{
  background-color:rgba(0,0,0,0.87) !important;
}
#submit{
  width: 50%;
  float: right;
  border:none;
  border-left: 2px solid #ffffff;
  line-height: 50px;
  font-size: 16px;
  margin-bottom: -52px;
}
#cancel{
  width: 50%;
  float: left;
  border:none;
  line-height: 50px;
  font-size: 16px;
}
.sliderWrapper{
  float: right;
  width: 50%;
}

md-slider{
  width:40%;
  float: right;
}

md-slider .md-thumb:after{
  background-color: blue !important;
  border-color: blue !important;
  position: absolute;
  z-index: 200;
}
md-slider .md-track{
  height: 150% !important;
}

md-slider .md-track-fill{
   background-color: blue !important;
}
md-slider .md-sign::after{
  display: none;
}
md-slider .md-thumb-text:after{
   border-top-color: blue !important;
}

md-slider .md-sign{
  border-top-color: blue !important;
  background-color: blue !important;
}

md-slider.md-active .md-sign{
  top: 10px !important;
}

.md-slider-wrapper.md-focused{
  display: none;
}

.prod-publish-Button span{
  color:white;
}
.prod-publish-Button:hover{
  color:black;
}
.sub-category button{
    border: 0;
    font-size:14px;
    color:#3f51b5;
    margin-top:10px;
    padding:6px 10px;
    background: #fff;
}
.sub-category button:first-child{
   border-bottom:1px solid #ff80ab;
}
.sub-category button.btnactive{

   border-bottom:1px solid #ff80ab;
}
.sub-category button.btninactive{
   border-bottom:1px solid #fff;
}
.button_text{
    text-transform:uppercase !important;
}