@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
.color-wizard-popup-print a.close{
position: absolute;top: 2px;right: 2px;
    width: 30px;
    height: 30px;
    background: transparent url('../images/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 999999;
    overflow: hidden;text-indent: -999px;}
.color-wizard-popup-print {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    /* background: white; */
    z-index: 1000000;
    margin: 0;
    max-width: 100%;
    display: none;
    height: 100%;
    /* visibility: hidden; */
    /* height: auto; */
}
.color-wizard-popup-print .image object {
    max-width: 100%;
    max-height: 100%;
    width: 850px;
    height: 660px;
}
.color-wizard-popup-print .image {background: #525659;position: relative;width: 100%;height: 100%;border: 0;margin: 0;padding-bottom: 0px;max-width: 100%;text-align: center;}
.color-wizard-popup .image img {
    max-width: 100%;
    position: absolute;
    height: auto;
    top: 0;
    left: -13%;
}
.color-wizard-popup a.close{
position: absolute;top: 2px;right: 2px;
    width: 30px;
    height: 30px;
    background: transparent url('../images/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 999999;
    overflow: hidden;text-indent: -999px;}
.color-wizard-popup {
 
    width: 100%;
      font-size: 0.7em;
	      font-family: arial;
    /* background: white; */
    z-index: 9999;
    margin: 0;
    max-width: 100%;
    
    /* height: 100%; */
    /* visibility: hidden; */
}
.color-wizard-popup .image:after {
    content:"";
    display:block;
    clear:both
    }
.color-wizard-popup .image div.note {
    clear:both;
    margin: 26px 20px 0;
    font-size:0.9em;
    color: #4c4c4c;
}
.color-wizard-popup .image {
    position: relative;width: 100%;
    height: auto;margin: 0;
    padding-bottom: 20px;
    max-width: 100%;}
.color-wizard-popup .image img {
    max-width: 100%;
    position: absolute;
    height: auto;
    top: 0;
    left: -10%;
}
.color-wizard-popup .image img.main {
    position: relative;
}
.color-wizard-popup .image .img {
    float: left;
    width: 70%;
    position: relative;
    height: auto;
    /* margin-left: -10%; */
    /* overflow: hidden; */
}
.color-wizard-popup .image  div.buttons {
    clear: both;
    margin-top: 0px!important;
    background: none;
    padding: 0px;
    padding: 0!important;
    background: none!important;
}
.color-wizard-popup .image div.buttons:after {
    content:"";
    display:block;
    clear:both
    }
.color-wizard-popup .image  div.buttons .sendpdf {
    display: none;
    float: left;
    width: 100%;
    background: #EEE;
    border-radius: 20px;
    padding: 0;
    margin: 6px 0 0 0;
}
.color-wizard-popup .image  div.buttons .sendpdf input[type=email]{
    background: #EEEEEE;
    color: #000;
    font-size: 0.9em;
    padding: 0;
    text-align: left;
    display: inline-block;
    margin: 5px 14px;
    border: none;
    width: 74%;
    float: left;
}
.color-wizard-popup .image  div.buttons .sendpdf .submit {
    background: none;
    margin: 0;
    padding: 0;
    float: right;
    width: 0;
}
.color-wizard-popup .image  div.buttons .sendpdf a.buttonLink{
    background: #d2d2d1;
    color: #000;
    font-size: 0.7em;
    padding: 5px 9px 4px!important;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    margin: 3px 3px 0 -45px!important;
    line-height: 1em;
    height: 1em;
    text-transform: uppercase;
    float: right;
}

.color-wizard-popup .image  div.buttons:after{
    display: none!important;
}
.color-wizard-popup .buttons a {
    background: #d2d2d1;
    color: #000;
    font-size: 0.9em;
    padding: 5px 16px 5px 16px;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    margin: 6px 10px 6px 0;
    text-decoration: none;
}
.color-wizard-popup .buttons a.print {
    float: left;
    position: absolute;
    left: -96px;
    top: 0;
}
.color-wizard-popup .buttons a:hover {
    background: #777;
    color:#fff;
}
.color-wizard-popup .buttons a i {margin-right: 8px;}
.color-wizard-popup .image .palette {
    float: right;
    width: 25%;
    font-size: 1.4em;
    /* position: absolute; */
    /* right: 20px; */
    /* top: 30px; */
    z-index: 99;
    margin: 30px 20px 0 -240px;
}
.color-wizard-popup .image .palette:after {
    content:"";
    clear:both;
    display:block;
    margin-bottom: 15px;
}
.color-wizard-popup .image .palette > div {
    padding: 6px 0px 4px 3px;
    position: relative;
    background: #F1F1F1;
    border-radius: 25px;
    margin-bottom: 9px;
    cursor: pointer;
    position: relative;
    /* margin-left: 101px; */
}
.color-wizard-popup .image .palette > div strong {
    font-weight:normal;
    position: absolute;
    top: 6px;
    left: -101px;
}
.color-wizard-popup .image .palette > div.show > ul {
    display: block;
}
.color-wizard-popup .image .palette > div.show > ul li {
    
}
.color-wizard-popup .image .palette > div > ul li a {
    position: relative;
    padding: 5px 4px 3px 26px;
    margin: 0;
    display: block;
    color: #000;
    text-decoration: none;
}
.color-wizard-popup .image .palette > div > ul li.active, .color-wizard-popup .image .palette > div > ul li:hover {
    background: #e5e5e5;
}
.color-wizard-popup .image .palette > div > ul {
    display: none;
    list-style: none;
    padding: 0px;
    margin: 0;
    position: absolute;
    background: #fff;
    border: 1px solid #999;
    width: 98%;
    z-index: 10;
    top: 30px;
    left: 2px;
}
.color-wizard-popup .image .palette > div > ul li {
    position:relative;}
.color-wizard-popup .image .palette > div > span {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0 21px 0 26px;
}
.color-wizard-popup .image .palette > div > span i {
    display: block;
    position:absolute;
    top: 0px;
    left: 5px;
    width: 18px;
    height: 18px;
    background: #ccc;
    border-radius: 12px;
}
.color-wizard-popup .image .palette > div > ul li span
 {
    content:"";
    display: block;
    position:absolute;
    top: 5px;
    left: 5px;
    width: 18px;
    height: 18px;
    background: #ccc;
    border-radius: 23px;
    z-index: 0;
}
.color-wizard-popup .image .palette > div:after {
    content:"";
    display: block;
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top: 6px solid #c5c5c5;
    position: absolute;
    margin: 0px 0 0 0;
    right: 10px;
    top: 14px;
}
.color-wizard-popup .image .palette > div.show:after {
    content:"";
    display: block;
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top: 0px solid #c5c5c5;
    position: absolute;
    margin: 0px 0 0 0;
    right: 10px;
    top: 13px;
    border-bottom: 6px solid #c5c5c5;
}
.color-wizard-shadow{
    display: none;
    position: absolute;
    z-index: 88;
    background: rgba(255,255,255,0.70);
    width: 100%;
    height: 100%;
    top: 0px;
}
.sectionDiv{
    margin-left: -101px;
    padding-bottom: 10px;
    display: inline-block;
}
@media (max-width: 1275px) {
    .color-wizard-popup .image div.buttons .sendpdf {
        width: 100%;
    }
}
@media (max-width: 920px) {
    .color-wizard-popup .image div.buttons .sendpdf input[type=submit] {
    padding: 5px 9px 14px!important;
}
.color-wizard-popup .buttons a.print {
    left: -90px;
}
   .color-wizard-popup .image div.buttons .sendpdf {
        
    }
    .color-wizard-popup {
        font-size: 0.9em;
    }
    .color-wizard-popup .image .palette > div span.color i,
    .color-wizard-popup .image .palette > div > ul li span  {
    width: 16px;
    height: 16px;
}
    .color-wizard-popup .image .palette > div > strong {left: -90px;}
    
    .sectionDiv{
    margin-left: -91px;
    }
}    
    @media (max-width: 860px) {
        .color-wizard-popup .buttons a.print {
    left: -82px;
}
        .sendpdf input[type=submit] {
    padding: 6px 9px 14px!important;
}
  .color-wizard-popup .image div.buttons .sendpdf {
        
    }
        .color-wizard-popup .image .palette > div span.color i, .color-wizard-popup .image .palette > div > ul li span {
    width: 14px;
    height: 14px;
}
    .color-wizard-popup {
        font-size: 0.8em;
    }
    .color-wizard-popup .image .palette > div > strong {
    left: -80px;
}
.sectionDiv{
    margin-left: -81px;
    }
}
@media (max-width: 750px) {
 .color-wizard-popup .buttons a.print {
    left: -76px;
}
    .color-wizard-popup .image div.buttons .sendpdf input[type=submit] {
    padding: 6px 9px 11px!important;
}
 .color-wizard-popup .image div.buttons .sendpdf {
        
    }
 .color-wizard-popup .image .palette > div span.color i, .color-wizard-popup .image .palette > div > ul li span {
    width: 12px;
    height: 12px;
}
    .color-wizard-popup {
        font-size: 0.7em;
     
    }
      .color-wizard-popup .image .palette > div strong {
    left: -73px;
}
.sectionDiv{
    margin-left: -73px;
    }
}
@media (max-width: 700px) {
    .color-wizard-popup .buttons a.print {
    left: -91px;
}
        .color-wizard-popup .image div.buttons .sendpdf input[type=submit] {
    padding: 5px 9px 14px!important;
}
.color-wizard-popup .image div.buttons .sendpdf {
        
    }
 .color-wizard-popup .image .palette > div span.color i, .color-wizard-popup .image .palette > div > ul li span {
    width: 15px;
    height: 15px;
}
    .color-wizard-popup .image .img {
    width: 100%;
    float: none;
}
  .color-wizard-popup .image .palette > div strong {
    left: -93px;
    top: 6px;
}
.color-wizard-popup .image img {
    left:0;
}
.color-wizard-popup .image .palette {
    width: 95%;
    margin: 30px 3% 20px;
    position:relative;
    float: none;
    right: 0;
    font-size: 1.8em;
    top: 0;
}
.color-wizard-popup .image .palette:after {
    content:"";
    display:block;
    clear:both;
    margin-bottom: 0;
}
.color-wizard-popup .image .palette > div {
    float: none;
    width: 77%;
    margin-right: 3%;
    margin-left: 100px;
    margin-bottom: 9px;
}
.sectionDiv{
    margin-left: 8px;
    }
    .color-wizard-popup .image .palette > div.buttons {
    /* margin-left: 0; */
}
}
@media (max-width: 670px) {
    .color-wizard-popup .buttons a.print {}
 .color-wizard-popup .image div.buttons .sendpdf {
        
    }
 .color-wizard-popup .image .palette > div span.color i, .color-wizard-popup .image .palette > div > ul li span {
    width: 16px;
    height: 16px;
}
  .color-wizard-popup .image .palette > div {
    float: none;
    width: 73%;
    margin-left: 100px;
    margin-bottom: 13px;
}  
.sectionDiv{
    margin-left: 8px;
    }
}
@media (max-width: 500px) {
    .color-wizard-popup .buttons a.print {}
.color-wizard-popup .image div.buttons .sendpdf {
        
    }
 .color-wizard-popup .image .palette > div {
    float: none;
    width: 57%;
    /* margin-left: 100px; */
}  
.sectionDiv{
    margin-left: 8px;
    }
}

.creating_pdf{
position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 1000000;
}
.creating_pdf span{
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 300px;
    font-size: 24px;
}

.layoutLeft {
	display: none !important;
}

.layoutCenter {
	float: none !important;
	width: 100% !important;
}