body {
	background-color: #F7F7F7 !important; 
}

header, main, footer {
  padding-left: 550px;
}

.material-tooltip { white-space: pre; text-align: left; } 

.search-advertiser .disabled {
	display: none !important;
}

.search-advertiser .select-wrapper input.select-dropdown {
	padding: 0 50px 0 20px;
}

.search-advertiser .select-wrapper span.caret {
	right: 20px;
}

.navTitle .input-field.search-advertiser {
	padding: 0;
}

.search::placeholder {
  color: #f57c00;
  font-size: 1rem;
}

.side-nav {
    width: 550px;
    padding-bottom: 200px;
}

.navTitle .input-field {
	padding: 4px 20px 0;
    background: bisque;
}

.navTitle .input-field .caret {
	top: 0px;
}

.navTitle .input-field .select-dropdown {
	border-bottom: none;
	height: auto;
}

.navTitle .input-field .select-wrapper input.select-dropdown {
	color: #000;
	line-height: 4.3rem;
}

.row.wysiwyg {
	position: relative;
	margin: 0 auto 16px;
}

.dropdown-content {
	z-index:100000;
}

.row.wysiwyg .wysiwygWording {
	background-color: #F7F7F7;
    width: 520px;
    margin-left: 11px;
    position: absolute;
    z-index: 1000;
}

.wysiwygWording a {
    margin-right: 6px;
    box-shadow: none;
    background: none; 
}

.wysiwygWording a:hover {
    box-shadow: none; 
}

.wysiwygWording a:last-child {
    margin-right: 0; 
}

h5 {
	user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        cursor: default;
}

.navTitle {
    position: fixed;
    padding-right: 550px;
    margin-left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(255,255,255,0.97) !important;
    user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        cursor: default;
}

.grid-item {
    margin: 0 5px;
    user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        cursor: default;
}

.container {
    width: 100%;
    padding: 0 0 0 5%;
    margin: 0;
    max-width: none;
}

.anglechoice ul.dropdown-content {
	left: -40px !important;
	min-width: 139px;
}

[type="checkbox"]+label {
	font-size:0.8rem;
}

input[type=range] {
	margin-top: 44px;
}

input[type=range]+.thumb.active {
	top:3px !important;
}

.range-field.input-field label.active {
	top:1.8rem;
}

.select-dropdown li.optgroup {
    border-top: 1px solid #eee;
    background: #f57c00;
}
.select-dropdown li.optgroup>span {
    color: #fff;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #F1F1F1;
}

.smartcrop {
	margin-top:42px;
}

.bgImageOn {
	margin-top: 16px;
}
	
/* label color */
.input-field label {
 color: #9e9e9e;
 top:0;
}
/* label focus color */
.input-field input[type=text]:focus + label {
 color: #9e9e9e;
}
/* label underline focus color */
.input-field input[type=text]:focus {
 border-bottom: 1px solid #000;
 box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
 border-bottom: 1px solid #000;
 box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
 border-bottom: 1px solid #F7412D;
 box-shadow: 0 1px 0 0 #F7412D;
}
/* icon prefix focus color */
.input-field .prefix.active {
 color: #000;
}

.dropdown-content li>a, .dropdown-content li>span {
   color:#000;
}

.modal {
   z-index: 3000;
}

.project-name-input {
   margin-top: 40px;
}

.side-nav a {
   height: 30px;
   line-height: 30px;
}

.wording label {
   color: #000;
   font-size: 2rem;
   left: 30px;
   top: 20px;
   font-weight: 200;
}

.wording.input-field label.active {
    -webkit-transform: translateY(-260%);
	transform: translateY(-250%);
	color: #fff;
}

textarea.materialize-textarea {
   background: antiquewhite;
   border-bottom: none;
   padding: 20px;
   width: 480px;
}

textarea.materialize-textarea:focus {
   background: antiquewhite;
}

.side-nav.fixed .update-preview {
    position: fixed;
    bottom: 60px;
    width: 550px;
    padding: 30px;
    line-height: 0px;
    border-radius: inherit;
    color: #fff !important;
    z-index: 9999999;
}

.side-nav.fixed .download-coupon {
    position: fixed;
    background: #fff;
    bottom: 0;
    width: 550px;
    padding: 30px;
    line-height: 0px;
    border-radius: inherit;
    color: #F27B00 !important;
    text-transform: none;
    z-index: 9999999;
}

.side-nav.fixed .btn-settings {
	padding: 20px;
	cursor: pointer;
}

.side-nav.fixed h5 b {
    background-color: #FFC080;
    color: white;
	padding: 10px 18px;
	border-radius: 50%;
	font-weight: 400;
}

span.badge {
    min-width: 4rem;
    padding: 0;
    text-align: center;
    font-size: 1rem;
    line-height: 1.8rem;
    color: #fff;
    position: absolute;
    right: -72px;
    box-sizing: border-box;
    background-color: #ff9800;
    height: 26px;
    margin: 0;
    top: 3px;
    border-radius: 5px;
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
/*     box-shadow: 0 2px 70px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */
}

[type="checkbox"]:checked+label:before {
   border-right: 2px solid #f57c00;
   border-bottom: 2px solid #f57c00;
}

.loading-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0.9;
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #f57c00;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
}