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


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

.md-modal.maximiseModal {
    top: 0  !important; width:100% !important; 
	left: 0 !important; height: 100% !important; 
    transform: none  !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.maximiseModal .md-footer {
	position:absolute; bottom: 0; right: 0; 
}
.modalControls { position:absolute; top:8px; right: 8px; } 
.modalControls button { line-height: 100%; padding: 3px; } 
.modalControls button ion-icon { font-size: 15px; } 


#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: 37px !important; 
line-height: 37px !important; 
}
.md-body select , 
.md-body input[type=text] { 
display: inline-block;  
height: 37px !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: 37px !important; 
	line-height: 37px !important; 
 }

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

} 

.md-footer button { line-height: 1.2; } 


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