﻿#divboxtool {display:none;z-index:10;position:absolute;top:0px;left:0px;box-sizing: border-box;width: 60px;line-height:30px;outline: none;text-align: center;cursor: pointer;border-radius:0px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px;}

.is-section-list {height:auto;max-height: 703px;margin:0;padding:27px 0 0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;text-align:center;}
@media all and (max-width: 960px) 
{
   .is-section-list {max-height: 533px;} 
}
.is-section-list div{cursor:pointer;margin:0 15px 19px;padding:0;display:inline-block;background:#acacac}
.is-section-list div:hover img {opacity:0.5;transition: all 0.2s ease-in-out;}
.is-section-list div img {border:#cdcdcd 1px solid;width:100%; max-width:250px; margin:0; box-sizing:border-box;display:block;-webkit-box-shadow: 0px 5px 17px rgba(0, 0, 0,0.2);-moz-box-shadow: 0px 5px 17px rgba(0, 0, 0,0.2);box-shadow: 0px 5px 17px rgba(0, 0, 0,0.2);}

.is-section:hover .is-section-tool {opacity:1;transition: all 0.2s ease-in-out;}
.is-box {-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
.is-module {width:100%;height:100%;min-height:100px;position:absolute;top:0;left:0;background-image:url(images/module.png);background-repeat:no-repeat;background-position:50%;background-color:rgba(0,0,0,0.05);}
.is-placeholder {width:100%;height:200px;position:relative;top:0;left:0;background-image:url(images/placeholder.png);background-repeat:no-repeat;background-position:50%;background-color:rgba(0,0,0,0.05);}

.is-section-tool {z-index:1;opacity:0;position:absolute !important;top:0px;left:0px;margin:0px;margin-left:70px;width:100%;height:28px;white-space:nowrap;}
.is-section-tool > div {width:28px;height:28px;box-sizing:border-box;padding:0px;font-size:13px;text-align:center;line-height:28px;float:left;}
.is-section-edit {cursor:pointer;border-bottom-left-radius:5px;background:rgb(0, 172, 214);color:#fff;}
.is-section-remove {cursor:pointer;border-bottom-right-radius:5px;background:rgb(247, 99, 46);color:#fff;}
.is-section-edit *, .is-section-remove * {color:#fff !important;}

.is-tab-links > a {padding: 7px 14px;font-size: 13px;text-decoration:underline;color:#333;cursor:pointer;text-transform: uppercase;letter-spacing: 1px;border-radius: 12px;margin:0;line-height: 3;}
.is-tab-links > a.active {background:#2C2C2C;color:#fff;text-decoration:none;cursor:default;}
.is-tab-contents > div {display:none;overflow-y:auto;overflow-x:hidden;width:100%;height:auto;max-height: 500px;box-sizing:border-box;}

#inpMasterHead, #inpPageHead {border: rgba(187, 187, 187, 0.5) 1px solid;}

.is-colorbuttons > div {padding:0px}
.is-colorbuttons > div > button {height:30px;border-radius:0}

/*  */
.md-modal .md-title {font-size:18px;text-align:center;}
.md-modal .is-boxes {min-height:inherit}
.md-modal .is-box-2 {height:inherit;min-height:inherit;padding:5px;}
.md-modal .is-box-3 {height:inherit;min-height:inherit;padding:5px;}
.md-modal .is-box-4 {height:inherit;min-height:inherit;padding:5px;}
.md-modal .is-box-6 {height:inherit;min-height:inherit;padding:5px;}
.md-modal .is-box-12 {height:inherit;min-height:inherit;padding:5px;}
.md-footer {border-top-left-radius:0;border-top-right-radius:0;}

#infoSourceSection { box-sizing: border-box;
    padding: 10px 20px;
    font-size: 14px;
    font-family: sans-serif;
    background: #f2f2f2;
    color: #333;
    letter-spacing: 1px; }

.cl-button {padding: 0 20px;font-size: 14px;line-height: 35px;height: 35px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 4px;letter-spacing: 1px;display:inline-block; margin-bottom: 0;font-weight: normal;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;background-image: none; border: 1px solid transparent;white-space: nowrap;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.cl-button-large {padding: 0 30px;font-size: 15px;line-height: 45px;height: 45px;}
.cl-button-small {padding: 0 10px;font-size: 12px;line-height: 25px;height: 25px;}
.cl-button-full {width:100%;height:50px;line-height:50px;margin:0;padding:0;}
.cl-button.uppercase {font-size: 11px;text-transform: uppercase;}
.cl-button-large.uppercase {font-size: 14px;text-transform: uppercase;}
.cl-button-small.uppercase {font-size: 10px;text-transform: uppercase;}
.cl-button {color: #333333;background-color: #eeeeee;}
.cl-button:hover {color: #111;background-color: #f5f5f5;}
.cl-button-primary {color: #ffffff;background-color: #08c9b9;}
.cl-button-primary:hover {color: #ffffff;background-color: #07b0a2;border-color: #07b0a2;}

.cl-button.dark {
    background: rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cl-button.dark:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255,255,255,0.55);
}
/***********/

.is-opacity-20 {opacity: 1;}
.is-opacity-25 {opacity: 1;}
.is-opacity-30 {opacity: 1;}
.is-opacity-35 {opacity: 1;}}
.is-opacity-40 {opacity: 1;}
.is-opacity-45 {opacity: 1;}
.is-opacity-50 {opacity: 1;}
.is-opacity-55 {opacity: 1;}
.is-opacity-60 {opacity: 1;}
.is-opacity-65 {opacity: 1;}
.is-opacity-70 {opacity: 1;}
.is-opacity-75 {opacity: 1;}
.is-opacity-80 {opacity: 1;}
.is-opacity-85 {opacity: 1;}
.is-opacity-90 {opacity: 1;}
.is-opacity-95 {opacity: 1;}

.is-opacity-20 .is-container > div > div:not(.row-tool) {opacity: 0.2;}
.is-opacity-25 .is-container > div > div:not(.row-tool) {opacity: 0.25;}
.is-opacity-30 .is-container > div > div:not(.row-tool) {opacity: 0.3;}
.is-opacity-35 .is-container > div > div:not(.row-tool) {opacity: 0.35;}
.is-opacity-40 .is-container > div > div:not(.row-tool) {opacity: 0.4;}
.is-opacity-45 .is-container > div > div:not(.row-tool) {opacity: 0.45;}
.is-opacity-50 .is-container > div > div:not(.row-tool) {opacity: 0.5;}
.is-opacity-55 .is-container > div > div:not(.row-tool) {opacity: 0.55;}
.is-opacity-60 .is-container > div > div:not(.row-tool) {opacity: 0.6;}
.is-opacity-65 .is-container > div > div:not(.row-tool) {opacity: 0.65;}
.is-opacity-70 .is-container > div > div:not(.row-tool) {opacity: 0.7;}
.is-opacity-75 .is-container > div > div:not(.row-tool) {opacity: 0.75;}
.is-opacity-80 .is-container > div > div:not(.row-tool) {opacity: 0.8;}
.is-opacity-85 .is-container > div > div:not(.row-tool) {opacity: 0.85;}
.is-opacity-90 .is-container > div > div:not(.row-tool) {opacity: 0.9;}
.is-opacity-95 .is-container > div > div:not(.row-tool) {opacity: 0.95;}

/* ADJUSTMENT */
#md-view-html {height: 90% !important}


/* DARK */
.md-content { background: rgb(27, 27, 27); color: rgba(255,255,255,0.5); } /*rgba(0,0,0,0.9)*/
.md-modal-handle { background:none !important; color:rgba(255,255,255,0.5); }
.md-modal .md-title { color: rgba(255,255,255,0.5); }
.md-modal textarea { background-color: rgba(0,0,0,0.9); color: rgba(255,255,255,0.6); border: rgba(150, 150, 150, 0.5) 1px solid;overflow-x: hidden; }
.md-modal select { background: rgba(255,255,255,0.25); color: rgba(255,255,255,0.6); }
.md-modal select option {color:#000;}
.md-modal input[type='checkbox'] {opacity:0.7}
.md-modal .md-label {background:none;color: rgba(255,255,255,0.6);}
.md-modal input[type='text'] { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); border: none; }

#txtHtml {background:#fff;color:#000;border:none;}

#inpTextColor, #inpCellBgColor, #inpCellTextColor, #inpCellBorderColor {border: none;}
.md-browse {
    width: 100%;
    background: transparent;
    border-bottom: rgba(152, 152, 152, 0.19) 1px solid;
}
.md-drop-area {
    border: 2px dashed #494949;
}
.md-drop-area:hover {
    background-color: #232323;
}

.md-modal button { background: rgba(150, 150, 150, 0.17); color: rgba(255,255,255,0.5); 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
.md-modal button:hover { background-color: rgba(150, 150, 150, 0.25); color: rgba(255,255,255,0.6); }
.md-footer button { background: rgba(0,0,0,0.8); color: rgba(255,255,255,0.6); border-top-left-radius: 0; border-top-right-radius: 0;  }
.md-footer button:hover {background: rgba(0,0,0,0.77); color: rgba(255,255,255,0.7); }

.md-modal button.cl-button-footer {     
    background: rgba(100, 100, 100, 0.45); color: rgba(255,255,255,0.6); font-size: 12px; text-transform:uppercase }
.md-modal button.cl-button-footer:hover  {
    background-color: rgba(100, 100, 100, 0.55); color: rgba(255,255,255,0.7); }

.is-tab-links > a { color: rgba(255,255,255,0.5); }
.is-tab-links > a.active { background: #2C2C2C; color: rgba(255,255,255,0.55); }

#rte-toolbar { background:#333333;border:none; }
#rte-toolbar .rte-draggable {  background: #333333; display:block; }

#rte-toolbar .rte-draggable {background-color:#333333;} /*top*/
#rte-toolbar.rte-side .rte-draggable {background-color:#333333;}

#rte-toolbar button { background-color: rgb(45, 45, 45); color: rgba(255,255,255,0.7); }
#rte-toolbar button:hover { background-color: rgba(255, 255, 255, 0.12); color: rgba(255,255,255,0.9); }
.rte-pop { background:none;border:none;z-index:1; }
.rte-pop button { background-color: rgb(45, 45, 45); color: rgba(255,255,255,0.7); }
.rte-pop button:hover { background-color: rgb(79, 79, 79);; color: rgba(255,255,255,0.9); }
.rte-pop button.updown {
    background: rgba(255, 255, 255, 0.07);
    }
.rte-pop button.updown:hover {
    background: rgba(255, 255, 255, 0.15);
    }
.table-insert tr td {
    border-right: #777777 1px dotted;
    border-bottom: #777777 1px dotted;
}

#ifrHeadings, #ifrFonts, #ifrFontSize {background: #fff;}

#divTool {background-color: rgb(191, 191, 191);}
#divSnippetList { border-bottom: transparent 55px solid;}
#divSnippetList div { background-color: rgba(0, 0, 0, 0.45); }
#divSnippetList div img { opacity: 0.85;}
#divSnippetList div:hover img { opacity: 0.95;}
#lnkToolOpen { background-color: rgb(191, 191, 191); color: rgb(0, 0, 0); }
#divTool select { opacity:0.85; }

.is-section-list {background:rgba(255, 255, 255, 0.96);}
.is-section-list div{background:transparent}
.is-section-list div img {opacity:0.9;}
.is-section-list div:hover img {opacity:1;}
.is-section-list div img {border:none;}

#btnInsertPlh, #btnDelRowCancel,  #btnDelSectionCancel, #btnTextColorOk, #btnTextColorClear, #btnDelTableCancel { background-color: rgba(255, 255, 255, 0.12); color: rgba(255,255,255,0.7); border-color: transparent;  }
#btnInsertPlh:hover, #btnDelRowCancel:hover, #btnDelSectionCancel:hover, #btnTextColorOk:hover, #btnTextColorClear:hover, #btnDelTableCancel:hover { background-color: rgba(197, 197, 197, 0.25); color: rgba(255,255,255,0.8); border-color: transparent; }
#btnDelRowOk, #btnDelSectionOk, #btnDelTableOk { background-color: rgb(2, 130, 118); color: rgba(255,255,255,0.8); border-color: transparent;  }
#btnDelRowOk:hover,  #btnDelSectionOk:hover, #btnDelTableOk:hover { background-color:rgb(0, 147, 133); color: rgba(255,255,255,0.8); border-color: transparent; }

#inpTextColor {background-color: rgba(0,0,0,1);color: rgba(255, 255, 255, 0.7);border:none;}
#inpSectColor {padding: 2px 7px;
    width: 180px;
    height: 36px;
    margin: 5px;
    display: inline-block;
    border:#dcdcdc 1px solid;
    background-color: rgba(0,0,0,1);color:rgba(255,255,255,0.3);border:none;}
    
.md-tabs > * {background:rgb(27, 27, 27);color:rgba(255, 255, 255, 0.7);}
.md-tabs > .active {background:rgba(255,255,255,0.7);color:rgba(0, 0, 0, 1);}

.md-footer button.primary {
    background: rgb(63, 63, 63);
    color: rgba(255,255,255,0.6);
}
.md-footer button.primary:hover {
    background: rgb(73, 73, 73);
    color:rgba(255,255,255,0.83);
}
.md-footer button.secondary {
    background: rgb(80, 80, 80);
    color: rgba(255,255,255,0.73);
}
.md-footer button.secondary:hover {
    background: rgb(90, 90, 90);
    color: rgba(255,255,255,0.9);
}

/* #btnInsertPlh:hover, #btnDelRowCancel:hover, #btnTextColorOk:hover, #btnTextColorClear:hover, */ .md-pick-tag:hover {border-color:#4e4e4e}
#rte-toolbar button.on {
    background-color: rgb(79, 79, 79); !important;
}
.rte-pop button.on  {
    background-color: rgb(79, 79, 79); !important;
}    

.rte-pop {
    color: rgba(255,255,255,0.7);   
    background-color: rgb(45, 45, 45); 
}
/* arrow-left */
.rte-pop:before {
    border-right-color: #333333;
}
.rte-pop:after {
	border-right-color: #333333;
}
/* arrow-right */
.rte-pop.arrow-right:after {
	border-left-color: #333333;
}
.rte-pop.arrow-right:before {
	border-left-color: #333333;
}
/* arrow-top */
.rte-pop.arrow-top:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #333333;
}
.rte-pop.arrow-top:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #333333;
}

#pop-fontfamily, #pop-headings {
    border: #afafaf 1px solid;
}
.rte-pop select {
    background-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.8);
}
.rte-pop select option {
    background-color: rgba(0, 0, 0, 0.84);
    color: rgba(255, 255, 255, 0.8);
}
#pop-textsettings, #pop-fontfamily, #pop-headings, #pop-colors {
    opacity: 1;
}
#pop-textsettings,#pop-colors {
    background-color: rgb(45, 45, 45);
}
.cust_colors {
    border-right: rgba(0, 0, 0, 0.5) 1px solid;
    border-left: rgba(0, 0, 0, 0.5) 1px solid;
    border-bottom: rgba(0, 0, 0, 0.5) 1px solid;
}
.rangeslider, .rangeslider__fill {
    background: #0a0a0a;
    -webkit-box-shadow: 0px 2px 2px rgba(157, 157, 157, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(157, 157, 157, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 2px rgba(157, 157, 157, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.rangeslider__fill {
    background: #4a4a4a;
}
.rangeslider__handle {
    background: #6b6b6b;
    border: 1px solid #383838;
}
#rte-toolbar.rte-side > .rte-draggable > i {
    color: #b5b5b5;
}
#rte-toolbar.rte-side .rte-draggable {
    width: 48px;
}

#md-createlink .md-modal-handle {
    border-bottom: #151515 1px solid;
}

#md-view-html .CodeMirror {height:100% !important;}
#md-view-html .CodeMirror-sizer {padding-top:12px;}

/* New Sidebar Option */
/*.sidebar-active {margin-left:50px;}*/
.sidebar-active {padding-left:50px;box-sizing:border-box;}
.sidebar-active .is-section-tool {/*width:57px !important;left:auto !important;right:130px !important;margin-left:0 !important;*/
                                  width:28px !important;height:57px;left:auto !important;right:0px !important;top:150px !important; margin-left:0 !important;}
.sidebar-active .is-section-tool .is-section-edit {width:28px;border-bottom-left-radius:0px;border-top-left-radius:5px;}
.sidebar-active .is-section-tool .is-section-remove {width:28px;border-bottom-left-radius:5px;border-bottom-right-radius:0px;}
.sidebar-active #rte-toolbar {margin:0 0 0 50px;}

.is-sidebar {z-index:1002;position:fixed;top:0;left:0;width:50px;height:100%;background:#2d2d2d;color:rgba(255,255,255,0.8);box-shadow:0 0 15px rgba(0, 0, 0, 0.35);}
.is-sidebar div.is-sidebar-button {width:100%;display:table;float:left;height:50px;background:none;text-align:center;cursor:pointer;font-size:16px;}
.is-sidebar div.is-sidebar-button i {display:table-cell;vertical-align:middle;}
.is-sidebar div.is-sidebar-button:hover {background:#3e3e3e;}
.is-sidebar div.is-sidebar-button.active {background:#3e3e3e;}
.is-sidebar-content {
	z-index:1001;position:fixed;top:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;box-sizing:border-box;background:rgba(255, 255, 255, 0.96);color:rgba(0,0,0,0.8);padding: 0;
	-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;
	transition-property:transform;transition-property:transform,-webkit-transform;
	-webkit-transition-duration:0.3s;transition-duration:0.3s;
	-webkit-transform: translate3d(-120%, 0, 0);transform: translate3d(-120%, 0, 0);
}
.is-sidebar-content.active {
	-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
} 
.is-sidebar-content > div {width:100%;height:100%;max-width:100%;max-height:100%;}

#divSidebarSnippets {max-width:316px}
#divSidebarTypography {max-width: 600px;}
		
#divSidebarSnippets > div:first-child {width: 100%;height: 50px;position: absolute;background: #f3f3f3;padding:0 0 0 50px;box-sizing:border-box;}
#divSidebarSnippets > div:first-child > #divSnippetCat {position:relative;width:100%;height:50px;line-height:50px;}
#divSidebarSnippets > div:first-child > #divSnippetCatOptions {top:auto;width:262px;}
		
#divSidebarSnippets .is-snippet-list {padding:25px 12px 0 75px;border-top:50px transparent solid;}
#divSidebarSnippets .is-snippet-list div {background: #000;margin: 0 12px 12px 0;}
#divSidebarSnippets .is-snippet-list div img{outline:#ddd 1px solid;box-shadow:none;opacity:1;}
#divSidebarSnippets .is-snippet-list div:hover img {opacity:0.95;}

#divSidebarSections > div {padding:0 0 0 50px;box-sizing:border-box;}
#divSidebarSource > div {padding:0 0 0 50px;box-sizing:border-box;}
#divSidebarTypography > div {padding:0 0 0 50px;box-sizing:border-box;}

/* if thumbnail = 500px
#divSidebarSections {width:100%}
@media all and (min-width: 768px) {
    #divSidebarSections {max-width:620px}
}
@media all and (min-width: 1280px) {
    #divSidebarSections {max-width:1160px}
}
@media all and (min-width: 1680px) {
    #divSidebarSections {max-width:1685px}
}
*/
#divSidebarSections {width:100%}
@media all and (min-width: 640px) {
    #divSidebarSections {max-width:550px}
}
@media all and (min-width: 1024px) {
    #divSidebarSections {max-width:1005px}
}
@media all and (min-width: 1440px) {
    #divSidebarSections {max-width:1450px}
}

#divSidebarSource {width:100%}
@media all and (min-width: 640px) {
    #divSidebarSource {max-width:550px}
}
@media all and (min-width: 1024px) {
    #divSidebarSource {max-width:1005px}
}
@media all and (min-width: 1440px) {
    #divSidebarSource {max-width:1450px}
}

.svg-icon  {
    width: 16px;
    height: 16px;
    fill: rgba(255,255,255,0.9);
    margin-top: 17px;
    line-height: 50px;
}

.is-sidebar-content button {
    margin: 0;
    padding: 19px;
    border:none;
    line-height: 1.7;
    font-family:sans-serif;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: rgba(0,0,0,0.8); 
    color: rgba(255,255,255,0.6);
}


.is-sidebar-content button.primary {
    background: rgb(63, 63, 63);
    color: rgba(255,255,255,0.6);
}
.is-sidebar-content button.primary:hover {
    background: rgb(73, 73, 73);
    color:rgba(255,255,255,0.83);
}
.is-sidebar-content button.secondary {
    background: rgb(80, 80, 80);
    color: rgba(255,255,255,0.73);
}
.is-sidebar-content button.secondary:hover {
    background: rgb(90, 90, 90);
    color: rgba(255,255,255,0.9);
}

#btnViewHtmlOk2{
    font-size: 13px !important;
    padding: 0;
    text-align: center;
    line-height: 35px;
    width: 120px;
    height: 35px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    background: rgb(63, 63, 63);
    color: rgba(255, 255, 255, 0.83);  
    border-radius: 4px;
}
#btnViewHtmlOk2:hover {
    background: rgb(73, 73, 73);
    color: rgba(255, 255, 255, 0.95); 
}
#btnViewHtmlCancel2 {
    font-size: 12px !important;
    padding: 0;
    text-align: center;
    line-height: 35px;
    width: 120px;
    background: rgba(0, 0, 0, 0);
    color: rgb(65, 65, 65);
}
#btnViewHtmlCancel2:hover {
    color: rgb(0, 0, 0);
}
#inpViewHtml2 {
    background-color: #fff;
    color: #000;
    border: none;
    padding:30px;
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: courier;
    font-size: 16px;
    line-height: 1.5;
}

#divSidebarSource .CodeMirror {height:100% !important;}
#divSidebarSource .CodeMirror-sizer {padding-top:12px;}

#divCb {
    font-family: sans-serif;
    font-size: 100%; 
    font-weight: normal;
}

#md-editcustomcode #txtBoxCustomCode {height:450px !important;}
#md-editcustomcode .CodeMirror {height: 450px !important;}

.is-builder {min-height:50px} /* Enlarge droppable area */

/* First Loading */
.is-wrapper {display:none;} 
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}


.is-custom-color-item {display:inline-block;width:66px;height:50px;float:left;}
.is-custom-color-item button {border-radius:0;width:100%;height:50px;}

#btnCloseModal {
    margin-left: 25px;
}