body {margin:0 0 57px} /* 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;}

  

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


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


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 { margin: 1% ; padding: 1%; width:95%; } 
#divSnippetList>div img { min-height: 30px;} 


#rte-toolbar { top: 5px; left: 10%; width: auto !important; }
#rte-toolbar button {padding: 3px; width: 35px; } 

#pop-align{z-index:2;}
/*
#rte-toolbar.rte-side {top: 20px; left: 3%; width: 40px;} 
#rte-toolbar.rte-side button {padding: 3px; width: 38px; } 
*/



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

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





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


.md-body .md-label { 
width:30%  ;
display: inline-block;  
height: 43px !important; 
line-height: 43px !important; 
}
.md-body select , 
.md-body input[type=text] { 
display: inline-block;  
height: 43px !important; 
}
	
.md-body select , 
.md-body textarea.inptxt,
.md-body input.inptxt[type="text"] { 
	width: 70% !important; display: inline-block;  height: auto;  margin: 0 !important; padding: 5px !important; 
	border-radius: 0;      background-color: #ffffff; border-bottom: #eaeaea 1px solid;
}

.md-body .md-intro-text  {  background-color:  #777; color: white; padding: 10px; font-size: 80%;  margin: 0; }

.md-body select.inpTxtWithButton, 
.md-body input.inpTxtWithButton[type="text"], 
#txtLinkUrl { width: 60% !important; display: inline-block;  padding: 5px !important;  }

.md-body select.widthAuto, .md-body input.widthAuto  { width: auto !important; } 

.md-body input.inpPopupButton, 
.md-body .md-btnbrowse  
{ 
	float: right; 
	display: inline-block;  
	padding: 0; 
	margin: 0; 
	/*background: #999;*/ color: #333;
	background: #c2d3eb;
   	border:1px solid #c2d3eb;
   	border-top: 1px solid #cacaca;
	width:10% !important;     
	height: 43px !important; 
	line-height: 43px !important; 
 }

.md-body #divImgLnk #txtImgUrl,
#md-createlink #txtLink 
 { 
width: 50% !important; 

} 


.md-body #divImgLnk #btnImageBrowse, 
#md-createlink #btnLinkBrowse 
{ 
	float: right; 
	width: 20% !important; 
  	color:#fff; 
	background-color:#006bc2;
	font-weight: 400;
	border:1px solid #006bc2;
	font-style:normal;
} 

.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;
} 

#btnFileBrowse{
	    background-color: #006bc2;
	border:1px solid #006bc2;
	  	color:#fff; 	
}

#md-createlink #btnLinkBrowse:after,
.md-body #divImgLnk #btnImageBrowse:after 
{
    content: "Browse";
}

#txtAltText 
.md-modal .inpFullSize { 
width: 70px !important , float: left !important; 
} 

.md-footer button:hover { background-color: #999; }

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

.md-body #divImgLnk #btnImageBrowse:hover, 
#md-createlink #btnLinkBrowse:hover,
#btnFileBrowse:hover
{
	background-color:#004f8f;
	border:1px solid #004f8f;
	}

#divImgLnkOk{background-color:#ddd;}
#divImgLnkOk #btnImgOk{background-color:#00bf00;color:#fff;	width:50%;    border-bottom-left-radius: 0px;}
#divImgLnkOk #btnImgOk:hover{
	background-color:#00a300;
}
	
#md-html { width: 80% !important; }
#txtHtml {height: 450px !important; 
font-size: 9pt;
line-height: 150%;
}


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




/* InnovaBox */

        /* Bottom panel to place "Save" button */
        .bottomBar {position:fixed;bottom:0;left:0;width:100%;height:57px;background:rgba(255,255,255,0.95);border-top:#eee 1px solid;;text-align:center;padding:10px 0 0;box-sizing:border-box;z-index:1000}
        
        /* Adjustment due to bottom panel */
        .is-wrapper > div.is-section:nth-last-of-type(2) {margin-bottom: 57px;} 
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* for IE */
            .is-wrapper > div:last-child {border-bottom:rgba(0,0,0,0) 57px solid;height:calc(100% - 0px);}
        }
        .is-wrapper > div.is-section-100 {height: -moz-calc(100% - 57px); height: -webkit-calc(100% - 57px); height: -o-calc(100% - 57px); height:calc(100% - 57px);} 
        
                .is-wrapper {display:none}


span#tabImgPl, 
form#form-upload-cover { display: none !important ; visibility: hidden; } 


.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;}


/* AJ Colorbox colour fix*/
.is-colorbuttons > div {display: table-cell;}
.is-wrapper {margin-top: -22px;}

/* AJ Flex Banner CSS*/
.flex{display:flex;}
.flex .column{display:flex;flex-direction:column;padding:0;}
.flex .column.textblock{padding:2% 5%;}
.flex .column.imgblock{padding:0;justify-content: center;}
.flex .column.imgblock img{ align-self: center;} /*center non 100% width img*/

.flex .vcenter{justify-content:center;}
.flex .end{justify-content:flex-end;}

.flex figure.hdr figcaption {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.3em 2.5em;
    margin:0;
}

.flex figcaption > div{flex:0;} /*fix for insert div on text align*/






#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;
}



#divSnippetList div {
    border: 1px solid #acacac;
    background: white;
    font-size: 8pt;
    color: #777;
    text-align: center;
	line-height: 20px;
}
	
.md-modal {	
	border: 1px solid #666;
	}
	



/* Custom code widget formatting for ineditor*/
.ineditor .cb-widget,
.ineditor .cb-feed,
.ineditor .cb-featured{
    margin: 1.3em;
    border: 1px dotted #ccc;
}
.ineditor .cb-feed-content:before{
    font-size: 1.5rem;
    text-align: center;
    display: block;
    padding-top:1.3rem;
    min-height:1.5rem;
}
.ineditor .cb-feed-content:after{
    text-align:center;
    display:block;
    padding-bottom:1.3rem;
    min-height:1.5rem;
	font-size:1.0rem;
}

/* 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;
}


/*TEST for iPad - disabled*/

.row-addblock {
    width: 200px;
    color: #444;
    background: white;
    padding: 6px;
    border: 1px solid #555;
    left: 38px;
    top: -28px;
    z-index: 500;
    position: relative;
    color: #555;
    display:none;
}













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

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



.dev #divRteLink {
    width: 97px;
}

    	.dev  button.btnEditBox {
    		background: #3d4b57;
    		background: #006bc2;
   		    line-height:28px;
   		    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:28px;
			/*width:50%;*/
			width: 160px;
			z-index:19;
			border:none;
			color:white;
    		/*margin-left:-80px;*/
			padding:0;
			border-radius: 0;
			font-size:13px;
		}
    	
		.dev button.btnEditBox:hover{
			background:#004f8f;
		}     	 
    	
    	.dev .is-section.editing button.btnEditBox{
    		/*opacity:1;*/
    	} 
    	
    	.dev .is-section.editing .is-box:hover button.btnEditBox{
    		opacity:1;
    	} 
    	
		.is-wrapper .is-section.editing button.btnEditBox{
			z-index: 61;
		}

    	.dev  .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{
			opacity:1;
			left:0;
			width:100%;
		}
		.dev .ui-draggable.ui-dragbox-outlined{z-index:63;} /*overlay add-block 62 on highlighted section when active;*/
		

.dev .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;
}

.dev .add-block.add-btn{
	
}


.dev .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:180px;
	color:#282828;
}

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

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

/*AJ Minimal + add-block test version 2*/
/*.dev .add-block.add-btn{background: rgba(0,0,0,0);}
.dev .add-block.add-btn:after{content:"";height:2px;background:rgba(0,0,0,0.3);position:absolute;left:0;right:0;top:12px;}
.dev .add-block.add-btn span{width:26px;border:2px solid rgba(0,0,0,0);border-radius:26px;color:white;position:relative;z-index:1;padding: 3px 0;}
.dev .add-block.add-btn span span{display:none;}
.dev .add-block.add-btn:hover > span{border:2px solid rgba(0,0,0,0.3);color:#3c3e3f!important;background:#fff;width:26px;}

.dev .add-section.add-btn span {
    background: #fff;
}*/
/*AJ End Minimal add-block test version 2*/



.dev .add-section.add-btn{display:none;} 

.dev .add-section.add-btn{
	text-align: right;
	width: 100%;
	transition:background 0.3s ease-in-out, opacity 0.4s ease-in-out,top 0.3s ease-in-out;
	background:#9EC3E6;
	background:#3c3e3f;
	
}

.dev .is-section .add-section{
    	    left: 0;
    		right: 0;
    		top: 0px;
    		top:-27px;
    		height:32px;
    		opacity:0;
    		z-index: 0;
    		
    		
    	}	
    	
.dev .is-section .add-section span{
   padding:0 5px;
   line-height:32px;
   color:#fff;
   display: inline-block;
   /*background:#9EC3E6;*/
}    		

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


.dev .is-section:hover{  }	
/*.dev .is-section:hover .add-section{	opacity:1; top:-32px;}*/
.dev .is-section.editing .add-section{	opacity:1; top:-32px;}

/*.dev .is-box:hover button.btnEditBox { opacity:1; }*/
.dev .is-box.editing:hover button.btnEditBox { opacity:1; }



.dev .add-section.add-btn span:hover{
		background: rgb(0, 172, 214);
}


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



.dev #md-snippets{display:flex;}

.dev #md-snippets #snip-filters{
	position:relative!important;
	flex:1;
	list-style:none;
	padding-left:0;
	border-right:1px solid #ddd;
	    margin: 0;
	    border-radius: 5px 0 0 0;
}
.dev #md-snippets #snip-filters li{
	padding:10px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	}
	
.dev 	#md-snippets #snip-filters li:hover{
	background: #ddd;
	}
	
.dev 	#md-snippets #snip-filters li.active {
    background: #006bc2;
    color: white;
	}

.dev #md-snippets #snippets{
	flex:5;

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

.dev #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;
}
.dev #md-snippets #snippets div:hover {
	background:#efefef;
}
.dev #md-snippets{background:white;}

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

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

.dev .ui-draggable .row .row .col-tool{display:none;}
.dev .ui-draggable:hover .add-block{left:0;right:0;opacity:1;bottom: 0;}
.dev .ui-draggable.ui-dragbox-outlined .add-block{bottom: -26px;} /*move down when active*/

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

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

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

/*hide cbox lower buttons - added per section*/
.dev .bottomBar #btnAddSection{display:none;}
.dev .bottomBar #btnEditBox{display:none;}

/*modify rowtool*/

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

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

body.dev .is-section .is-section-tool {
    margin-left: 0;
    padding-left: 0;
    box-sizing: border-box;
    top: 0;
	top:-31px;
    z-index:20;
   opacity:0; /**/
}

body.dev .is-section .is-section-tool {
	
	}
	
	
/**/
body.dev .is-section.editing{
	    z-index: 60;
}

body.dev .is-section.editing .is-section-tool {
	opacity:1;
}
body.dev .is-section-tool .is-section-edit{border-radius:0 0 0 0;}
body.dev .is-section-tool .is-section-copy{border-radius:0 0 0 0;}
body.dev .is-section-tool .is-section-edit:hover{background: rgb(0, 172, 214);}
body.dev .is-section-tool .is-section-remove:hover{background: rgb(247, 99, 46);}
body.dev .is-section-tool .is-section-copy:hover{    background:rgb(77,77,77);}

body.dev .is-section-tool > div {
	/*float:none;*/	
	background:#3c3e3f;
	height: 30px;
    width: 30px;
}

.dev #innovaTitle{display:none!important;}

/* END ADDBLOCK EXPERIMENTAL*/


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