/* only for border box */

        body {margin:0 !important;  padding: 0 !important; } /* give space 70px on the bottom for panel */

        #panelCms {width:100%;height:57px;border-top: #eee 1px solid;background:rgba(255,255,255,0.95);position:fixed;bottom:0;padding:10px;box-sizing:border-box;text-align:center;white-space:nowrap;z-index:10001;}

        #panelCms button {border-radius:4px;padding: 10px 15px;text-transform:uppercase;font-size: 11px;letter-spacing: 1px;line-height: 1;}

div.contentBoxEditor {
		margin: 0 !important;
		margin-top: 32px !important;
		margin-bottom: 46px !important;
}

div.is-container {
	width: 90%;
}
/*
div.is-wrapper {
    transform-origin: left top 0px;
	transform:scale(0.8,1);
}
@media (min-width: 1000px) {
	div.is-wrapper {
		transform:scale(0.85,1);
	}
}
@media (min-width: 1200px) {
	div.is-wrapper {
		transform:scale(0.9,1);
	}
}
@media (min-width: 1400px) {
	div.is-wrapper {
		transform:scale(0.95,1);
	}
}*/
/*test padding to remove stretching using scale (above)*/
div.is-wrapper{padding-right:15%;}

.bottomBar {    position: fixed;z-index:61;left:0;bottom:0;height:32px; display:none;}
.bottomBar button.btn{transition: background-color .3s ease;height:32px;line-height:28px;background: #3c3e3f;border:0;color:#fff;}
.bottomBar #btnAddSection{}
.bottomBar #btnEditBox{}




#rte-toolbar button {color: white;}
#rte-toolbar ion-icon {
    font-size: 14px;
    vertical-align: middle;
}
#htmlEditorSaveIframe { height: 30px ;}
#pop-align,#pop-list,#pop-table.rte-pop { top: 43px;	z-index:361;}
#pop-align i,#pop-list i{ color:#fff; }
.md-pickalign *, .md-picklist * {font-size: 14px;color: white;}

.clearfix { clear: both;}


/*fix contentbox float issue*/
 body .is-boxes, body .is-wrapper > div {
     float: none;
}
body .is-boxes.slick-slide {
    float: left;
}

/**********************************
Andrew Slider Widget STYLING
***********************************/
.cb-sl-add,.cb-sl-nav,{display:none;}
.ineditor .cb-sl-nav{display:block;}
.ineditor .cb-sl-add{display:inline-block;}

.inpagelazygallery + .row-tool .row-addcol,
.inpagelazygallery + .row-tool .row-remcol{display:none;}
.ineditor .inpagelazygallery .column.slide{position:relative;margin:5px!important;}
.inpagelazygallery .slideThumbsEditor{display:none;}
.inpagelazygallery.gt img.inpageslide{padding:0 10px;}
.inpagelazygallery.gt a{padding:0 10px;}
.ineditor .inpagelazygallery .column.slide,
.ineditor .inpagelazygallery .column.slide img{height:100px!important;width:auto!important;margin:0;display:inline-block;}
.ineditor .inpagelazygallery  .column.slide{width:auto!important;float:none; vertical-align:top;}
.ineditor .inpagelazygallery .cb-sl-add-ico{border:1px dotted #222;color:#222;background:rgba(255,255,255,0.1);text-align:center;font-size:2rem;cursor:pointer;line-height: 98px;width: 100px;margin:5px;}
.inpagelazygallery{margin: 1.3em;}
.ineditor .inpagelazygallery,
.ineditor .cb-settings.cb-slider,
.ineditor .cb-settings.cb-grid{margin: 1.3em; padding: 1rem 1rem 1.5rem;border:1px solid #ccc;background:#efefef;display: block;position: relative;}

.ineditor .inpagelazygallery .slick-arrow,.ineditor .inpagelazygallery  .slick-arrow:hover {padding: 7px;height: 44px;width: 44px;background-repeat:no-repeat!important;background-position:center!important;}/*match live css*/


.ineditor .inpagelazygallery .slick-dots{bottom:10px;left: 0;right: 0;}
.ineditor .inpagelazygallery .column.slide{display:inline-block;width:auto!important;float:none; vertical-align:top;}
.inpagelazygallery img{width: 100%;margin: 0;}
.inpagelazygallery .column{display:none;}
/*Attempt to show first image while loading/swapping*/
.inpagelazygallery .column:first-child{display:block;padding:0;float: none;border:none;}
.inpagelazygallery.gt .column:first-child{display:none;}
.inpagelazygallery .cb-sl-add-ico:hover {background: rgba(255,255,255,0.8);}
.ineditor .inpagelazygallery .cb-title:before{content: "INPAGE GALLERY SLIDER";}
.ineditor .inpagelazygallery .cb-title.variable-width:before{content: "INPAGE VARIABLE WIDTH GALLERY SLIDER";}
.ineditor .inpagelazygallery .cb-title{text-align:center;}

.ineditor .inpagelazypopup.cb-settings{background:unset;margin:unset;padding:unset;border:none;position: relative;}
.ineditor .inpagelazypopup{display: block;position: relative;}
.ineditor .inpagelazypopup.flex{display: flex;}
.ineditor .inpagelazypopup:before{
    content: "POPUP WINDOW";
    background: #006ac2;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.3rem 0.5rem;
    font-size: 10px;
}
.ineditor .inpagelazypopup.cb-settings{
  border:1px solid #006ac2;
}



/*end widget styling*/


#md-imageselect, #md-fileselect { width:90% !important; height: 90% !important ;  border: 2px solid #333;  overflow: auto; }

#ifrImageBrowse, #ifrFileBrowse {min-height: 2500px !important ; min-width: 600px !important ; background: white;  }

#md-imageselect .md-content {
border-radius: 0px !important;
}

body div.bar > div,
body div.bar > div > i {
	    white-space: nowrap;
	    overflow: hidden;
}



#divTool { width: 13% !important ; padding: 0; }
#divSnippetList { padding: 1%; width:95%; }
#divSnippetList>div img { min-height: 30px;}

#divSnippetList div {
	margin: 1% ; padding: 1%; width:95%;
    border: 1px solid #acacac;
    background: white;
    font-size: 8pt;
    color: #777;
    text-align: center;
}

.is-content-maxwidth #divTool { left: 10px !important; }


#divRteLink, .divRteEditButton {
    display: none;
    white-space: nowrap;
    height: 23px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
    opacity: 0.9;
    background: #1AA3FF;
    cursor: pointer;
    border-radius: 3px;
    border: #B7DEF3 0px solid;
    color: #fff;
    font-family: sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 5px;
    line-height: 25px;
}





#rte-toolbar {
	top: 1px;
    left: 50%;
    width: auto;
    margin-left:-327px;
    padding: 2px;
    height: 38px;
	border: none;
    }

#rte-toolbar button { padding: 5px; top: 5px; left: 12%; width: 38px;     background: rgba(60, 62, 63, 0.9);}
#rte-toolbar button[data-rte-cmd=mobileView]{width:30px;}

#rte-toolbar .separator{background:#999;display:inline-block;width:2px;height:28px;    vertical-align: middle;}




.md-body input[type=text], .md-body textarea { padding: 5px }

.md-body .md-vals{width:70%;background:#f7f7f7;    display: inline-block;}
.md-body .md-span{
    display: inline-block;
    height: 37px !important;
    line-height: 37px !important;
    vertical-align: top;
    padding: 0 5px;
}

.md-body .md-label {
width:25%  !important;
display: inline-block;
height: 37px !important;
line-height: 37px !important;
}
.md-body input[type=text] {
display: inline-block;
height: 37px !important;
}

.md-body select ,
.md-body textarea.inptxt,
.md-modal input[type='text'],
input#txtAltText {
    float: left !important;
    width: 75% !important;
	height: 37px !important;
    color: #999;
    color:black;
    border-bottom: 1px solid #444;
    border-bottom:1px solid #eaeaea;
    border-radius: 0;
    margin: 0;
	background-color: rgba(255,255,255,0.1);
	padding-left: 1rem;
}

#txtImgUrl, #txtLinkUrl {color: #999;color:black;}

.md-modal .md-title {
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.5px;
}

.md-modal input#txtImgUrl,
.md-modal input#txtImageLink  ,
.md-modal input#txtLinkUrl,
.md-modal input#txtLink,
.md-modal input.inpTxtWithButton
{
width: 65% !important;
display: inline-block;
}



.md-modal input#txtSrc ,
.md-modal input.inptxtFull { width: 100% !important; }

.md-btnbrowse, .md-btneffects,.md-btnstyle,
i#btnImageBrowse, i#btnFileBrowse,
.md-modal input[type=button].inpPopupButton,
.md-body .md-btnright {
    float:left;
	width:10% !important;
	height: 37px;
    line-height: 37px;
 	width: 10%;
    cursor: pointer;
    font-size: 13px;
	margin: 0; padding: 0;
    text-align: center;
    box-sizing: border-box;
 }
.md-body .md-btnright{
	height:auto;
}
.md-modal .md-btnright input[type=button].inpPopupButton{
	width:100%!important;
}

.md-body input.inpPopupButton,
.md-body .md-btnbrowse
{
	float: right;
	display: inline-block;
	padding: 0;
	margin: 0;
	background-color:#c2d3eb; color: black;
   	border:1px solid #c2d3eb;
	width:10% !important;
	height: 37px !important;
	line-height: 37px !important;
 }
.md-body .md-btnbrowse {
  color:#fff;
  background-color:#006bc2;
  border:1px solid #006bc2;

}

.md-body .md-btnstyle {
  color:#fff;
  background-color:#a73c3c;
  border:1px solid #a73c3c;
}
.md-body .md-btneffects {
  color:#fff;
  background-color:#832f2f;
  border:1px solid #832f2f;
}

.md-body #divImgLnk #btnImageBrowse,
#md-createlink #btnLinkBrowse,
#btnFileBrowse,
.md-body input.inpPopupButton,
.md-body .md-btnbrowse  {
	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;
    transition: all 0.2s ease-in-out;
}
.md-body .md-intro-text {
    background-color: #dfdfdf;
    color: black;
    margin:0;
}
#btnLinkBrowse,
#btnFileBrowse{
	  background-color:#006bc2;
	  background-color:#3c3e3f;
}



.md-body input.inpPopupButton:hover,
.md-body .md-btnbrowse  :hover
{
	background-color: #9bb7df;
}
.md-body .md-btnstyle:hover {
  background-color:#963636;
}
.md-body .md-btneffects:hover {
  background-color:#702929;
}



.md-body #divImgLnk #btnImageBrowse:hover,

#btnFileBrowse:hover
{
	background-color:#004f8f;
	border:1px solid #004f8f;
}
#md-createlink #btnLinkBrowse:hover,
#btnFileBrowse:hover
{
	background-color:#2f3131;
	border:1px solid #2f3131;
	}





#divImgLnkOk,#divLnkOk,
#md-html .md-footer{
	background-color:#ddd;
	background-color: #f7f7f7;
	padding: 0 1rem 1rem;}
#md-html .md-footer{
	padding: 0;
}

#md-view-html #btnViewHtmlOk,
#divImgLnkOk #btnImgOk,#divLnkOk #btnLinkOk,
#md-html .md-footer #btnHtmlOk{background-color:#00bf00;color:#fff;	border-radius: 0px; width: 100%;  }
#md-view-html #btnViewHtmlOk:hover,
#divImgLnkOk #btnImgOk:hover,
#md-html .md-footer #btnHtmlOk:hover{background-color:#00a300;}


.md-label {
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color:#555;
}

.md-modal {
    top: 8%;
    transform: translateY(0) translateX(-50%);
}

.md-modal.largerModal {
    height: 85% !important;
	width: 90% !important;
    transform: none  !important;
	left: 0 !important;
	top: 0 !important;
	margin: 2% 5% !important;
}

.md-modal.maximiseModal {
    top: 0  !important;
	width:100% !important;
	max-width:100% !important;
	left: 0 !important;
	height: 100% !important;
	max-height:100% !important;
    transform: none  !important;
	margin: 0% !important;
}


/* give space to the footer bar */
.md-modal.largerModal .md-content .md-body {
	box-sizing: border-box;
	border-bottom:rgba(0,0,0,0) 55px solid;
}

.md-modal.largerModal .md-content,
.md-modal.largerModal .md-content .md-body,
.md-modal.largerModal .md-content .md-body .maximiseHeight
{
		height: 100% !important;
}

.md-modal.maximiseModal .md-content,
.md-modal.maximiseModal .md-content .md-body,
.md-modal.maximiseModal .md-content .md-body .maximiseHeight
{
	height: inherit !important;
}

.md-modal.largerModal .md-footer ,
.md-modal.maximiseModal .md-footer {
	position:absolute; bottom: 0; right: 0;
}
.modalControls { position:absolute; top:3px; right: 8px; }
.modalControls button { line-height: 100% !important; padding: 3px; }
.modalControls button ion-icon { font-size: 15px; }



/* InnovaBox */
.md-tabs span#tabImgPl,
form#form-upload-cover { display: none !important ; visibility: hidden; }

.md-body p {color: silver;}

.md-body .md-intro-text  {
	padding: 1rem;
    font-size: 80%;
    line-height: 16px; }

.md-modal .is-box-2 { display: inline-block;box-sizing: border-box;}
.md-modal .is-box-3 { display: inline-block;box-sizing: border-box;}
.md-modal .is-box-4 { display: inline-block;box-sizing: border-box;}
.md-modal .is-box-6 { display: inline-block;box-sizing: border-box;}
.md-modal .is-box-12 {display: inline-block;box-sizing: border-box;}

.is-box{vertical-align:top;}

.cmsButton {
padding: 3px 20px;border-radius:30px;background:#515151;text-decoration:none;color:#fff;margin-right:10px; margin-left: 10px;
}


iframe #cmsContent {
margin: 0;
}




/* -/+ Panel CSS*/

.row-addcol, .row-remcol {
	cursor: pointer;
	background: #a73c3c;
	color: #fff;
	width: 15px;
	height: 30px;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
}
.row-addcol {
	background: #8a3737;
}
.row-addcol .cb-add-col:before {
	content: "+";
}
.row-remcol .cb-rem-col:before {
	content: "-";
}
.row-addcol i, .row-remcol i {
	font-style: normal;
	font-weight: 500;
}

/****************************

SNIPPET CONTROLBOX FORMATTING (e.g. Sliders)

*****************************/
.cb-controls {
    flex-wrap: wrap;
    border: 1px solid #ccc;
    background: #efefef;
    padding: 10px;
    font-size: 12px;
    align-items: center;
}
.cb-slider-controls {
    flex-wrap: wrap;
    align-items: center;
}
.diventry {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 12px;
    background: white;
    text-align: center;
}
.divblock{
    display: inline-block;
    padding: 0 3px 0 10px;
}
.numblock:before {
    content: "Posts to show:";
}
.colblock:before {
    content: "Columns:";
}
.widthblock:before {
    content: "Col gap:";
}
.numblock{text-align:center;}
.tokenblock:before{content:" ";display:inline-block;padding:0 3px 0 0;}
.tokenblock{flex:1;}
.tokenblock a{background:#ccc;border-radius:5px;color: #444;padding:10px;}

.inpagecheck {
    border: 1px solid #888;
    font-style: italic;
    color: #888;
    cursor: pointer;
    user-select: none;
    caret-color: #efefef;
    padding: 7px 15px;
}
.inpagecheck.active,
.cb-selectblock.selected {
    background: white;
    color: #222;
    font-style: normal;
    caret-color: white;
}
.cb-selectblock{
  position:relative;
  min-width: 125px;
  align-items: center;
}
.cb-selectblock ion-icon{
  font-size:18px;
}
.cb-options{
	background: white;
    border: 1px solid #ccc;
    position: absolute;
    bottom: 32px;
    display:none;
    z-index:21;
    left: 0;
    width: 140px;
}
.cb-selectblock:hover .cb-options{
		display:block;
	}
.cb-selectblock{
    border: 1px solid #888;
    font-style: italic;
    color: #888;
    cursor: pointer;
    user-select: none;
    caret-color: #efefef;
    padding: 7px;
	max-width:160px;
	margin-right:1rem;
	width:100%;
}
.cb-option{padding:0.25rem 0.5rem;}
.cb-option:hover{
	background:#efefef;
}
/* Custom code widget formatting for ineditor*/
.ineditor.cb-widget,
.ui-draggable .cb-feed,
.ui-draggable .cb-featured{
	margin: 1rem;
    border: 1px dotted #ccc;
}
.ineditor.cb-widget .cb-feed-content:before,
.ui-draggable .cb-feed-content:before {
    font-size: 1.5em;
    text-align: center;
    display: block;
	padding-top:1rem;
	min-height:50px;
}


.ineditor .inpagelazygallery .cb-title:before {
  display: block;
	padding-bottom: 1rem;
}

.ineditor.cb-widget .cb-feed-content:after,
.ui-draggable .cb-feed-content:after{
	text-align:center;
	display:block;
	padding-bottom:1rem;
	min-height:50px;
}

.ineditor .cb-spacer{border:1px solid rgba(228, 156, 90, 0.2);}

.ineditor .cb-spacer:hover{
	   border:1px solid rgba(228, 156, 90, 0.4);
}

.ineditor a#mobbtn{
  z-index:0;
}
/* Customise CB Section Slider Toolbar*/

.is-banner-slide-images-editor  .row-tool{
    display: flex;
    flex-direction: column;
}
.is-banner-slide-images-editor .row-html,
.is-banner-slide-images-editor .row-copy,
.is-banner-slide-images-editor .row-copy,
.is-banner-slide-images-editor .row-remove,
.is-banner-slide-images-editor .row-handle{display:none;}

.is-banner-slide-images-editor .row-addcol,
.is-banner-slide-images-editor .row-remcol {
    width: 30px;
    display: block;
}
.is-banner-slide-images-editor .row-addcol{
	border-radius:5px 5px 0 0;
	background: rgb(77, 77, 77);
}
.is-banner-slide-images-editor .row-remcol{
	border-radius:0 0 5px 5px;
    background: rgb(247, 99, 46);
	order:2;
}




/* Template Snippets */

/*
#cb-editor { background: #f7f7f8; }
*/
#cb-editor .wsb-template{font-size:14px;}
#cb-editor .wsb-template .column{
	margin:0.6em 0;
    border: 1px dotted #ccc;
	padding:1.2em;
}


.cmsNoEdit ,
div#menu.menu
{
}



/* Reuben, put this into the here, not in the page, simply hidden by default...  */

body .is-boxes.is-slideshow-boxes {
display: table; position: absolute !important;
bottom: 0 !important; z-index:23!important;
height: 0;/*above secondary */
}


body .has-sections .is-boxes.is-slideshow-boxes {
        height: 100%;/*address issue with height 0 above on multi-sections*/
}



			.ineditor .hidden.is-banner-slide-images-editor { 	display: table-cell; background:rgba(0,0,0,0.4);	    bottom: 0;    position: absolute;    width: 100%;   opacity: 1 ;  color: white; }
			body.ineditor .is-wrapper .is-banner-slide-images-editor  .is-container {max-width: none;transform: none; margin:10px 40px !important; padding:10px !important; min-height: none !important;
			background:none !important; ; }
			.ineditor .is-banner-slide-images-editor  .column{width:150px!important;display:inline-block;}
			.ineditor .is-banner-slide-images-editor  .row{display:flex;flex-wrap:wrap;}
			.slideThumbsEditorMessage {text-align: center;}
			.is-banner-slide-images-editor .slideThumbsEditor { margin-left: 80px; padding: 1rem 0 0 0; }


/* Slider Section Styling V2 for #innovaContentBoxArea */
body.ineditor .is-wrapper .is-banner-slide-images-editor.v2  .is-container{padding:5px!important;    margin: 0!important;    max-width: none!important;}
body.ineditor .is-wrapper .is-banner-slide-images-editor.v2  .addBlockRow{display:none!important;}
.is-banner-slide-images-editor{display:none;}
#innovaContentBoxArea .is-banner-slide-images-editor{display:block;}

.ineditor .banner-section{margin-bottom:80px!important;}
.ineditor .is-banner-slide-images-editor.v2{position: absolute;bottom: -80px;}
.ineditor .is-banner-slide-images-editor.v2 .row-tool{display:none!important;}
.ineditor .is-banner-slide-images-editor.v2 .row{margin:0;}
.ineditor .is-banner-slide-images-editor.v2 .column{position:relative;margin:5px!important;}
.ineditor .is-banner-slide-images-editor.v2 .slideThumbsEditor{display:none;}
.ineditor .is-banner-slide-images-editor.v2 .column,
.ineditor .is-banner-slide-images-editor.v2 .column img{height:60px!important;width:auto!important;margin:0;}

.ineditor .is-banner-slide-images-editor.v2 .column.slide{padding:0;border:1px dotted white;}
.ineditor .is-banner-slide-images-editor.v2 .column:first-child .cb-sl-prev{display:none;}
.ineditor .is-banner-slide-images-editor.v2.column:first-child .cb-sl-next{left:0;}
.ineditor .is-banner-slide-images-editor.v2 .column:nth-last-child(2) .cb-sl-next{display:none;}
.ineditor .is-banner-slide-images-editor.v2 .column .cb-sl-nav{opacity:0; transition: opacity 0.4s;position:absolute;z-index:510;top:0;left:0;background: #026699;line-height:20px;margin: 0;width: 20px;height: 20px;text-align: center;cursor:pointer;}
.ineditor .is-banner-slide-images-editor.v2 .column:hover .cb-sl-nav{opacity:1;}
.ineditor .is-banner-slide-images-editor.v2 .column .cb-sl-next{left:20px;}
.ineditor .is-banner-slide-images-editor.v2 .column .cb-sl-del{left:auto;right:0;background:#f7632e;}

.ineditor .is-banner-slide-images-editor.v2 .cb-sl-add-ico {
    border: 1px dotted white;
    background: rgba(255,255,255,0.1);
    text-align: center;
    font-size: 2rem;
    cursor: pointer;
    line-height: 58px;
    width: 60px;
    margin: 5px;
}

/*unsticky in editor*/
.is-wrapper .is-section.is-sticky,
.is-sticky {
    position: relative;
    top: inherit;
    z-index: auto;
}

.is-wrapper  div.wsColourMenuBG{
  position:relative;
  z-index:auto;
}


.ineditor .row.flex figcaption{}


#divboxtool { width: 260px !important; margin-left: -100px !important;}
#divboxtool > div { display:inline-block !important; border-radius: 0 !important; margin-right: 2px; min-width: 30px; background-color: silver; }
#divboxtool #lnkeditbox { width: 260px !important; }



#md-imageselect , #md-fileselect {
    transform:none;
    -webkit-transform: none;
    left: 5%;
    top: 5%;
    width: 90% !important;
    height: 90% !important;
}

#md-fileselect {
    transform:none;
    -webkit-transform: none;
    left: 20%;
    top: 20%;
    width: 60% !important;
    height: 60% !important;
}

body .is-wrapper>.is-section { /*margin-bottom: 10px; padding-bottom: 10px;*/}
body .is-section{ border: 1px dashed rgba(0, 172, 214,0);}
body .is-section .is-box + .is-box{ border-left: 1px dashed rgba(0, 172, 214,0);}
body .is-section:hover { border: 1px dashed rgb(0, 172, 214);}
body .is-section:hover .is-box + .is-box{ border-left: 1px dashed rgb(0, 172, 214);}
.is-section-auto .is-container { margin-bottom: 20px; margin-top: 20px; }
.is-tab-links a:link {/*color: #76a248;*/ text-transform: uppercase; text-decoration: none;border-radius: 4px;}
.is-tab-links a:link.active{color:white;}
.is-tab-links > a {
    padding: 0 8px;
    margin:0 2px;
  }

.is-tab-links > a:hover {
    background: #c2d3eb;
    color:white;
}

.is-tab-links{
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.is-section.fixed is-overlay-bg{
	background-attachment:fixed;
}

/*change section block captions from absolute to relative to allow the section to stretch to fit*/
.ineditor .secondary-overlay{
  position:relative!important;
}

/*--------------------------------------------------------------------

AJ TABLE CSS ADDED FROM 2.49 SRC

 ---------------------------------------------------------------------*/
#pop-table{
	z-index:61;
}
#pop-table table {
    background-color: rgba(0,0,0,0.8) !important;
    color: rgba(255,255,255,0.7);
}
#pop-table table td{
    color: rgba(255,255,255,0.7);
}
/*#pop-textsettings, #pop-fontfamily, #pop-headings, #pop-colors,*/ #pop-table {width:180px;height:190px;padding:0 13px;text-align:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: sans-serif;
    letter-spacing: 1px;
    line-height: 2;
    }

#pop-table {width:211px;height:196px;padding:0 0;}

#btnInsertPlh, #btnDelRowCancel, #btnDelRowOk, #btnDelTableCancel, #btnDelTableOk, .md-pick-tag {
    padding: 0 30px;
    font-size: 11px;
    line-height: 35px;
    height: 35px;
    text-transform: uppercase;

    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.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#btnInsertPlh, #btnDelRowCancel, #btnDelTableCancel {color: #333333;background-color: #e3e3e3;}
#btnInsertPlh:hover, #btnDelRowCancel:hover, #btnDelTableCancel:hover, .md-pick-tag:hover {color: #111;background-color: #e8e8e8;}
#btnDelRowOk {color: #ffffff;background-color: #08c2b3;}
#btnDelRowOk:hover {color: #ffffff;background-color: #09cbbb;}
#btnDelTableOk {color: #ffffff;background-color: #08c2b3;}
#btnDelTableOk:hover {color: #ffffff;background-color: #09cbbb;}


.table-insert {width:100%;height:100%}
.table-insert tr td {
    padding: 7px 8px;
    border-right: #ccc 1px dotted;
    border-bottom: #ccc 1px dotted;
    cursor: pointer;
    text-align: center;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 2;
}
.table-insert td.highlight {
    background: #3279d2; /*#70b421*/
    color: #fff;
}
table.default td {
    border: #cccccc 1px dashed;
}
#md-edittable .md-body {
    text-transform: uppercase;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 1px;
    line-height: 2.7;
}
#divTableDesign > div, #divTableLayout > div {
    margin:10px 20px;
}
#divTableLayout button {padding:12px}

#divRteTable {display:none;width:60px;height:30px;position:absolute;z-index:60;padding:0;}
#divRteTable #btnEditTable {float:left;background:#f7a82e;color:#fff;border-top-left-radius:4px;border-bottom-left-radius:4px;border:none;margin:0;width:30px;height:100%;box-sizing:border-box;cursor:pointer;font-size:13px;text-align:center;}
#divRteTable #btnDeleteTable {float:left;background:#f7632e;color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px;border:none;margin:0;width:30px;height:100%;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center;padding:0 2px 0 0;}

.ineditor .column td{
	border: 1px dotted #dadada;
}

cp-color-picker { z-index: 100000;} /*tinyColorPicker*/
#inpTextColor, #inpCellBgColor, #inpCellTextColor, #inpCellBorderColor {
	padding: 2px 7px;
    width: 160px!important;
    float:none!important;
    height: 36px;
    margin: 0;
    display: inline-block;
    border:#dcdcdc 1px solid;
    box-sizing:border-block;
    }
  #selCellBorderWidth{float:none!important;}

.rte-pop input[type=text], .rte-pop textarea {
    display: block;
    width:100%;
    margin:0;
    font-size: 14px;
    letter-spacing: 1px;
    height:63px;
    line-height: 1.7;
    color: #000;
    background-color: #ffffff;
    background-image: none;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 1px solid #b3b3b3;*/
    border:none;
    /*border-radius: 5px;*/
    border-bottom:#eaeaea 1px solid;
    border-collapse:collapse;

}
.rte-pop select {
    padding: 5px;
    margin:0 0 10px;
    font-size: 14px;
    letter-spacing: 1px;
    height:35px;
    line-height: 1.7;
    color: #454545;
    border-radius: 5px;
    border: none;
    background:#eee;
}
.rte-pop select option {background:#fff;}
.rte-pop .inpchk {
    font-family: sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.7;
    float: left;
    height: 63px;
    padding: 20px;
    box-sizing: border-box;
    margin:0;
}

.rte-pop button {
    background-color: rgba(0,0,0,0.8) !important;
    color: rgba(255,255,255,0.7);
}

#rte-toolbar button.on {
    background-color: #eee;
    }
.rte-pop button.on  {
    background-color: #eee;
    }

.table-insert {width:100%;height:100%}
.table-insert tr td {
    padding: 7px 8px;
    border-right: #ccc 1px dotted;
    border-bottom: #ccc 1px dotted;
    cursor: pointer;
    text-align: center;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 2;
}
.table-insert td.highlight {
    background: #3279d2; /*#70b421*/
    color: #fff;
}
table.default td {
    border: #cccccc 1px dashed;
}
#md-edittable .md-body,
#md-editrow .md-body {
    text-transform: uppercase;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 1px;
    line-height: 2.7;
}
.md-body {
    line-height: 2.7;
}
.md-modal-handle{text-align:center;border-bottom: 1px solid #e3e3e3;}
.md-modal-handle .md-modal-close{display:none;}
#divTableDesign > div, #divTableLayout > div {
    margin:10px 20px;
}
#divTableLayout button {padding:12px}

.md-tfbtn {
    height: 36px;
    width: 36px;
    background: white;
    border: 1px solid #ccc;
    color: #444;
    cursor: pointer;
}

  .md-modal button {
    margin: 0;
    line-height: 1.7;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #000;
    background-color: #e3e3e3;
    border:none;
    cursor:pointer;
    transition: all 0.2s ease-in-out;
}

.md-modal button.ap-btn {
  border: 1px solid #ccc;
  bACkground: white;
  border-radius: 0;
    letter-spacing: 0.5px !important;
}
  .md-modal button.ap-btn:hover {
      background-color: #f5f5f5;
  }

 .md-modal button.md-tfbtn {
    background: white;
    border: 1px solid #ccc;
}
.md-modal .tf-align{
	margin: 1.25rem 0 0.5rem;
    text-align: center;
}
.md-modal .tf-align button {
    background-color: #fff;
    border:1px solid #ccc;
}
.md-modal .tf-align button *{
		color:#000;
}
 .md-modal .tf-dom{
 	text-align:center;
 }
.md-modal .tabsection{display:none;}
.md-modal .tabsection.tabactive{display:block;}
#md-edittable .md-tabs > * {
   background: rgba(255, 255, 255, 0.7);
   color: rgba(0, 0, 0, 1);
}
#md-edittable .md-tabs span.active {
   color: rgba(255, 255, 255, 0.7);
   background: rgba(0, 0, 0, 1);
}

#md-edittable .cb-icon-cancel.md-modal-close,
#md-editrow .cb-icon-cancel.md-modal-close{display:none;}
#md-edittable .md-modal-handle.ui-draggable-handle,
#md-editrow .md-modal-handle.ui-draggable-handle{text-align:center;}
  .column table td{padding:12px;}

 .md-classes{text-align:center;}
.md-classes span{
    font-size: 10px;
    display: inline-block;
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    line-height: 12px;
    border: 1px solid #ccc;
}


/*--------------------------------------------------------------------

IMAGE LINK ICONS

 ---------------------------------------------------------------------*/

  #divToolImgSettings {
    margin-left: -30px;
}

  #lnkImageChange,
  #lnkImageCrop {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    opacity: 0.8;
    background: rgba(233, 84, 0, 0.9);
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
#lnkImageChange{
            background: rgba(0, 172, 214,0.9);
    }


 #divToolImgSettings #lnkImageSettings{
        background: #a73c3c;
    }
    #lnkImageCrop{
    	background: rgba(233, 84, 0, 0.9);
    }

#divResizeHelper{
    display: none;
    width: 30px;
    height: 30px;
    white-space: nowrap;
    position: absolute;
    z-index: 9999;
    pointer-events: none;
}


/*--------------------------------------------------------------------

AJ ANIMATION CLASSES - ADD VIA LAZYLOADCSS - /innovacontentbox/box/animations.css Added here for CMS preview

 ---------------------------------------------------------------------*/

.tracking-in-expand{-webkit-animation: tracking-in-expand 0.5s;animation: tracking-in-expand 0.5s;}
.tracking-in-contract{-webkit-animation: tracking-in-contract 0.5s;animation: tracking-in-contract 0.5s;}
.focus-in-expand{-webkit-animation: focus-in-expand 0.5s;animation: focus-in-expand 0.5s;}
.focus-in-contract{-webkit-animation: focus-in-contract 0.5s;animation: focus-in-contract 0.5s;}
.text-flicker-in-glow{-webkit-animation: text-flicker-in-glow 1s;animation: text-flicker-in-glow 5s;}

.scale-in-center{-webkit-animation: scale-in-center 1s;animation: scale-in-center 1s;}
.flip-in-ver-left{-webkit-animation: flip-in-ver-left 1s;animation: flip-in-ver-left 1s;}
.flip-in-hor-bottom{-webkit-animation: flip-in-hor-bottom 1s;animation: flip-in-hor-bottom 1s;}
.rotate-center{-webkit-animation: rotate-center 1s;animation: rotate-center 1s;}

@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes flip-in-ver-left{0%{-webkit-transform:rotateY(80deg);transform:rotateY(80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}@keyframes flip-in-ver-left{0%{-webkit-transform:rotateY(80deg);transform:rotateY(80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
@-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}
@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes focus-in-contract{0%{letter-spacing:1em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-contract{0%{letter-spacing:1em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes text-flicker-in-glow{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow:none}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.25)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.5%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.6%{opacity:0;text-shadow:none}45%{opacity:0;text-shadow:none}45.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}100%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}}@keyframes text-flicker-in-glow{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow:none}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.25)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.5%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.6%{opacity:0;text-shadow:none}45%{opacity:0;text-shadow:none}45.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}100%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}}
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


/* --------------------------------------------------------------------------------------------------------*/

/* ADDBLOCK EXPERIMENTAL TEMPORARILY PREFIXED WITH DEV CLASS TO AVOID CONFLICT
ALSO COPIED TO /InnovaContentBox/cms-editor-overrides.css */



 #divRteLink {
    width: 97px;
}

    	  button.btnEditBox {
    		background: #006bc2;
   		    line-height:32px;
   		    position:absolute;
			text-align: center;
    		right:0;
    		bottom:0;
    		transition: opacity 0.5s ease-in-out,background 0.4s ease-in-out;
			opacity:0;
			height:32px;
			width:100%;
			max-width: 190px;
			z-index:19;
			border:none;
			color:white;
			padding:0;
			border-radius: 0;
			font-size:13px;
		}

		 button.btnEditBox:hover{
			background:#004f8f;
		}

    	button.btnEditBox i,
    	.is-section-set.btnEditBox i{
    		font-size:15px;
    	}


    	 .is-section.editing button.btnEditBox{
    		/*opacity:1;*/
    	}

    	 .is-section.editing .is-box:hover button.btnEditBox{
    		opacity:1;
    	}

		.is-wrapper .is-section.editing button.btnEditBox{
			z-index: 61;
		}

    	  .is-box button.btnEditBox {

		}

		.addBlockRow{
			height: 20px;
			position: relative;
			left:0;
			width: 100%;
			z-index: 62;
			margin-top: -20px;


		}
		.addBlockRow:hover .add-block.add-btn,
		.addBlockRow.show .add-block.add-btn{
			opacity:1;
			left:0;
			width:100%;
		}
		 .ui-draggable.ui-dragbox-outlined{z-index:63;} /*overlay add-block 62 on highlighted section when active;*/


 .add-btn{
	z-index:20;
	opacity:0;
	position:absolute;
	height:26px;
	bottom:0;
	cursor:pointer;
	transition: opacity 0.2s ease-in-out,bottom 0.2s ease-in-out,background 0.3s ease-in-out;
	left:-9999px;
	background:rgba(0,0,0,0.05);
	text-align: center;
	font-size:13px;
	color: #fff;
}
 .add-btn i{color:#fff;}

 .add-btn i{
    transform: rotate(90deg);
    display: inline-block;
}

 .add-block.add-btn{

}


 .add-block span.add-btn-content{
	display:inline-block;
	padding:5px 0;
	border-radius:2px;
	line-height:16px;
	/*background: rgb(175, 206, 1);*/
	transition: width 0.4s ease-in-out;
	width:220px;
	color:#282828;
}
 .add-block span.add-btn-content .add-btn-text{
	padding-right:5px;

}
 .add-block span.add-btn-content{
	background: rgb(175, 206, 1)
}

 .add-block span.add-btn-content:hover{
	width:100%;
	max-width:none;
}

.cloned-handler .add-block{
	display:none!important;
}



/* .Always visible... */
/*  .add-section.add-btn{display:none;} */

 .add-section .add-section-btn{
	text-align: right;
	width: 100%;
	background:#3c3e3f;
	position:absolute;
	top:-32px;
	left:0;
	border: 1px dashed rgb(0, 172, 214);
    border-width: 1px 1px 0 1px;
     left:-9999px;   /* reuben want it visible  */
}
 .is-section.editing .add-section .add-section-btn{
	left:0; 	display: block;
}
 .is-section .add-section i{
	color:#fff;
	padding: 6px; /* more clickable area */
}


 .is-section .add-section{
    	    left: 0;
    		right: 0;
    		top: 32px;
    		opacity:0.8;  /* always visible */
    		z-index: 61;
    		position: sticky;

    	}

 .is-section .add-section span {
   padding:0 5px;
   line-height:32px;
   color:#fff;
   display: inline-block;
   font-size: 13px;
}

 .add-section span i{
		line-height:22px;
}


 .is-section:hover{  }
 .is-section.editing .add-section{	opacity:1; position:sticky; height: 0; } /* reuben likes it fixed */
 .is-box.editing:hover button.btnEditBox { opacity:1; }



 .btnAddSection:hover{
		background: rgb(0, 172, 214);
		cursor:pointer;
}
.btnAddSection i{
    transform: rotate(90deg);
    display: inline-block;
}


 .is-boxes .is-boxes + .bottomBar.section-bar {
		width:100%;
}

#md-snippets {
border: 5px solid white;
}

#md-snippets .md-content{width:100%;}
#md-addsection {
	max-height: 80%;
	overflow: scroll;
}
#md-addsection .section-list {
	max-height: none;
}

#md-editsection .is-box-3 {width: 25% !important; }

 #md-snippets{display:flex; }

 #md-snippets #snip-filters{
	position:relative!important;
	flex:1;
	list-style:none;
	padding-left:0;
	border-right:1px solid #ddd;
	    margin: 0;
	    border-radius: 0px 0 0 0;
}
 #md-snippets #snip-filters li{
	padding:10px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	color: #222;
      line-height: 1.5em;
	}

 	#md-snippets #snip-filters li:hover{
	background: #ddd;
	}

 	#md-snippets #snip-filters li.active {
    background: #006bc2;
    color: white;
	}

 #md-snippets #snippets{
	flex:5;

    border: 0!important;
}
 #md-snippets #snippets,
 #md-snippets #snip-filters{
	overflow-y:auto;
}

 #md-snippets #snippets div {
    margin: 0;
    padding: 1%;
    width: 20%;
	cursor:pointer;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	float: left;
    height: 150px;
    align-items: center;
	color: #222;
	line-height: 1.2em;
}
 #md-snippets #snippets div:hover {
	background:#efefef;
}
 #md-snippets{background:white;}

 .ui-draggable .row{transition: padding-bottom 0.3s ease-in-out,opacity 0.3s ease-in-out;padding-bottom:0;margin-bottom:0;}

 .ui-draggable:hover .row{padding-bottom:0;margin-bottom:0px;}
 .ui-draggable.nostretch:hover .row,
 .ui-draggable:hover .row .row,
 .cmsEditable .row .row{padding-bottom:0;margin-bottom:0;}

body.advEditing .ui-draggable .row .row .col-tool,
 .ui-draggable .row .row .col-tool{display:none;}
 .ui-draggable .column .column .col-tool,
body.advEditing  .ui-draggable .column .column .col-tool{display:none;}

body.advEditing .ui-draggable .row .row:hover > .column > .col-tool{
	/*display:block; Not implemented AJ*/
}


/* helps to locate the size of the row */
 .ui-draggable:hover:not(.ui-dragbox-outlined) > div:first-child {
    outline: rgba(228, 156, 90, 0.1) solid 1px;
 }

 .ui-draggable:hover .add-block{left:0;right:0;opacity:1; bottom: -15px;} /*move it out of way so i don't click on it. REUBEN*/
 .ui-draggable.ui-dragbox-outlined .add-block{bottom: -26px;} /*move down when active*/

 .is-wrapper .add-block [class^="cb-icon-"]:before, .is-wrapper .add-block [class*=" cb-icon-"]:before {
    line-height: 16px;
}

body.cbSidebar  div#divTool {
    right: -280px!important;
}
body  div.cmsOuterContainer{
		padding-right:0;
	}

body.dockSidebar .cmsOuterContainer{
    padding-right: 280px;
}




/*modify rowtool*/

 .row-tool{
	top:-30px;
	left:-1rem!important;
	width:auto;
    height: 30px;
    z-index: 21;
    min-width: 150px;
}
 .row-tool > div{
	float:left;
}

 .row-tool .row-handle{border-radius:5px 0 0 0;}
 .row-tool .row-remove{border-radius:0 5px 0 0;}

body .is-section .is-section-tool {
    margin-left: 0;
    padding-left: 0;
    box-sizing: border-box;
    top: 0;
    z-index:20;

   display:none;
}
body .is-section:hover .is-section-tool {
	 opacity:1; /* Reuben want visible*/
}

body .is-section .is-section-tool {
	top:-30px;
	}


/* When current section is being edited... */
body .is-section.editing .is-section-tool {
	opacity:1;
	   display:block;

}
body .is-section-tool .is-section-edit{border-radius:0 0 0 0; background: none; }
body .is-section-tool .is-section-copy{border-radius:0 0 0 0;}
body .is-section-tool .is-section-edit:hover{background: rgb(0, 172, 214);}
body .is-section-tool .is-section-set:hover{    /*background: #a73c3c;*/background: #006bc2;}
body .is-section-tool .is-section-remove:hover{background: rgb(247, 99, 46);}
body .is-section-tool .is-section-copy:hover{    background:rgb(77,77,77);}

body .is-section-tool > div {
	/*float:none;*/
	background:rgba(0,0,0,0);
	height: 30px;
    width: 30px;
}

 #innovaTitle{display:none!important;}






/* END ADDBLOCK EXPERIMENTAL*/

/*--------------------------------------------------------------------

 ADVANCED EDITING

 ---------------------------------------------------------------------*/


body .is-advanced{display:none;}
body.advEditing .is-advanced{display:block;}
body.advEditing .is-basic{display:none;}

body #rte-toolbar button[data-rte-cmd=advanced] {
   display:none;

}
body.dragdrop #rte-toolbar button[data-rte-cmd=advanced] {
  display: inline-block;
}

body #rte-toolbar button[data-rte-cmd=advanced] i{
    color: #fff;
}

body.advEditing #rte-toolbar button[data-rte-cmd=advanced] i{
    color: #DAA520;
}

body.advEditing .column .is-advanced{display:none;}
body.advEditing .ui-dragbox-outlined .column .is-advanced{display:block;}



.ui-dragbox-outlined span:hover{background-color:#ffcc0011;}

.ui-dragbox-outlined .column .col-tool.cb-sl-inc{
  height:20px;
}

.ui-dragbox-outlined .column .col-tool.cb-sl-inc  i{
  /*color:white!important;*/
  color: #9a9a9a!important;
  position:relative;
  z-index:1;
}

.ui-dragbox-outlined .column:hover .col-tool.cb-sl-inc {
    opacity: 1;
    text-align: center;
    width: 16px;

    height:100%;
}
.ui-dragbox-outlined .column:hover .col-tool.cb-sl-inc:before {
  content:" ";
  display:block;
  position:absolute;
  height:20px;
  width:16px;
  /*background: rgba(0,106,194,0.8);*/
}

.ui-dragbox-outlined .column .col-tool.cb-sl-inc:hover {
    opacity: 1;
    background: rgba(0,106,194,0.3);
    width:16px;

}

.col-tool i.ion-chevron-right, .col-tool i.ion-chevron-left {
    font-size: 10px!important;
}

.col-tool i.ion-chevron-left:before,
.col-tool i.ion-arrow-left-b:before,
.col-tool i.ion-chevron-right:before,
.col-tool i.ion-arrow-right-b:before {
    line-height: 18px;
}

body div.is-section-expert{
    border-left: 1px solid #827e7e;
    display: inline-block;
    line-height: 32px;
    width: 30px;
    text-align: center;

}
body div.is-section-expert:hover{background:#DAA520;}
body div.is-section-expert:hover i,
body.advEditing  .add-section div.is-section-expert:hover i{color:#fff;}
body.advEditing .add-section  div.is-section-expert i{color:#DAA520;}
body.advEditing .add-section .add-section-btn{background:black;}
body.advEditing #rte-toolbar button {
    background-color: rgba(0,0,0,0.9);
}

.md-col-btns .tabcolbtn{
	    display: inline-block;
    padding: 2px;
    margin: 0 5px;
    background: #efefef;
    width: 14px;
    line-height: 14px;
    border-radius: 14px;
    font-weight: 700;

}

.rc-edit{
	border:1px solid red!important;
}

/*Image Resize Helper*/
/*imitate image margins*/
.column > a > .resizehelper, .column  > .resizehelper{
  margin-top: 1em;
  margin-bottom: 1em;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-e {
	cursor: e-resize;
  width: 5px;
  right: 0;
  top: 50%;
  height: 50px;
  background: #006ac299;
  margin-top: -21px;
  pointer-events: all;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100px;
    bottom: 0px;
    left: 50%;
    margin-left:-50px;
    background: #006ac299;
}

.resizehelper .ui-resizable-handle{display:none!important;}
.cb-spacer .ui-resizable-handle{display:none!important;}
.advEditing .row .resizehelper:hover .ui-resizable-handle{display:block!important;}
.advEditing .cb-spacer:hover .ui-resizable-handle{display:block!important;}


/*switch to cbuilder format*/
div.md-tabs > .active {
    background: rgba(0, 0, 0, 0.88);
    background:#393c46;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.95);
    cursor: auto;
}

div.md-tabs > * {
	background: rgba(255, 255, 255, 1);
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.88);
        padding: 3px 10px;
}
.md-num {
    text-align: center;
    font-size: 11px;
    width: 40px;
    cursor:pointer;
    height:36px;
    line-height: 36px;
    position:relative;
}
.md-row.single {height:40px;}
.md-row.single span:first-child{width: 145px;}
.md-row.single span.md-num{text-align:left;    border: none;}

#md-textval{
    height: 36px!important;
    width: 38px!important;
    background: white;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 11px;
    position: absolute;
    left: 1px;
    padding-left: 5px;
}

body.advEditing .bottomBar{display:block;}



/*--------------------------------------------------------------------

 CMS CONTENTBOX EXPERIMENTAL - NOT FOR LIVEEDIT

 ---------------------------------------------------------------------*/



 body .is-section.editing{
	    z-index: 60;
}

 body .is-section.editing.under .add-section{
z-index: 20;
}

 body .is-section.editing.under .addBlockRow{display:none!important;} /*First addblock overlay if too close to top (under state)*/
 body .is-section.editing.under .addBlockRow.show {display:block!important;} /*First addblock overlay if too close to top (under state)*/

  .is-container>div:last-child,
  .is-container>.ui-draggable:hover {  transition: margin-bottom 0.5s; margin-bottom:0px; /*margin-bottom:26px; AJ V2 DISABLE*/ }


.is-wrapper .is-section > .is-boxes {
    position: relative;
    z-index:21;
    margin-top: 0;
}
.is-wrapper .is-section.editing > .is-boxes {
 	margin-top: 0;
}

/* INNER CMS REPOSITION CSS*/

/*
 #ContentCMS {
   max-width:none;
   transform: scale(1)!important;
   margin-right: 5%!important;
}
*/



#dragdropEditorContainer {
    max-width: 1100px;
    margin-top:35px;
    margin-left: 5%;
    min-height: 500px !important;
    padding-top:10px;
    padding-bottom:300px;
}


body>#dragdropEditorContainer {
    transform-origin: left top 0px;
}
@media (max-width: 1200px) {
    body>#dragdropEditorContainer {
        transform:scale(0.9);
    }
}
@media (max-width: 1000px) {
    body>#dragdropEditorContainer {
        transform:scale(0.8);
    }
}
@media (max-width: 800px) {
    body>#dragdropEditorContainer {
        transform:scale(0.7);
    }
}



 div.is-wrapper {
    padding-right: 0;
}

/*--------------------------------------------------------------------

@media

 ---------------------------------------------------------------------*/


@media (max-width: 1280px){

 #md-snippets #snippets div { width: 25%; }

}

@media (max-width: 1050px){

 #md-snippets #snippets div { width: 33%; }

}

@media (max-width: 960px){

body .is-boxes.is-slideshow-boxes {
    position: relative !important;
  }

}



@media (max-width: 600px){

/*hide drag sidebar on mobile*/
#divSnippetList,
#lnkToolOpen,
#divTool{display:none;}
body>#dragdropEditorContainer {
    transform: scale(1);
    max-width: 90%;
    margin-top: 90px;
}

/*reformat toolbar for mobile*/
#rte-toolbar {
    left: 0;
    margin-left:0;
    height: auto;
	background: rgba(60, 62, 63, 1);
	display:block!important;
    }
.advEditing #rte-toolbar{
		background:#000;
}
div.contentBoxEditor {
	margin-top: 95px !important;
}

#md-snippets #snippets {
    flex: 2;
    border: 0!important;
}
#md-snippets #snippets div {
    height: 70px;
    width: 90%;
}
#md-snippets #snip-filters li {
    font-size: 11px;
    line-height: 1.2em;
}

.md-modal .is-box-2,.md-modal .is-box-3{
    width: 25%;
}
.md-modal .is-box-4{
	width:33%;
}
.md-modal .is-box-5
.md-modal .is-box-6{
    width: 50%;
}
.md-modal .mob-box-2{
    width: 50%;
}
.md-modal .mob-box-3{
    width: 33%;
}
.md-modal .mob-box-full{
    width: 100%;
}



}

@media (max-width: 360px){
	margin-top: 123px !important;
}