/* 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: 35px !important; 
		margin-bottom: 75px !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;    bottom: 10px; left: 10px; z-index:1; }
.bottomBar button{transition: background-color .3s ease;}

.bottomBar button#btnAddSection,
.bottomBar #btnEditBox:hover,.bottomBar #btnViewHTML:hover { /*background-color: rgb(175, 206, 1);*/ background-color:#006bc2; border-radius:3px;color:#fff;} 
.bottomBar #btnEditBox,.bottomBar #btnViewHTML{background-color:#ccc;border-radius:3px;}
.bottomBar button#btnAddSection:hover{background-color:#004f8f;border:1px solid #004f8f;}


#htmlEditorSaveIframe { height: 30px ;}


.clearfix { clear: both;}

/*
div#divboxtool { 
	 position: fixed !important; 
	 opacity: 1 !important ;
	 top: auto !important; 
	 bottom: 50px !important; 
	 left: 10px !important; 
	display: block !important; 
	}
div.is-section-tool { 
 position: fixed !important; 
	top: auto !important; 
	bottom: 100px !important; 
	left: 10px !important; 
	opacity: 1 !important; 
	margin: 0 !important;
}
*/

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

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


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: 5px; left: 10%; width: auto; }
#rte-toolbar button { padding: 5px; top: 5px; left: 12%; width: 38px; }







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


.md-body .md-label { 
width:30%  !important;
display: inline-block;  
height: 43px !important; 
line-height: 43px !important; 
}
.md-body input[type=text] { 
display: inline-block;  
height: 43px !important; 
}
	
.md-body select ,
.md-body textarea.inptxt,
.md-modal input[type='text'],
input#txtAltText {
    float: left !important;
    width: 70% !important;
	height: 43px !important; 
    color: #999; 
    border-bottom: 1px solid #444;	
    border-bottom:1px solid #eaeaea;
    border-radius: 0; 
    margin: 0;
	background-color: rgba(255,255,255,0.1)
}

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


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



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

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

.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: 43px !important; 
	line-height: 43px !important; 
 }
.md-body .md-btnbrowse {
  color:#fff; 
  background-color:#006bc2;
  border:1px solid #006bc2;
}

.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: #777;
    color: white;
    margin:0;
}
#btnFileBrowse{
	  background-color:#006bc2;
}

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


/* 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: 10px; font-size: 80%;  }

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



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

/* Custom code widget formatting for ineditor*/
.ineditor.cb-widget,
.ui-draggable .cb-feed,
.ui-draggable .cb-featured{
	margin: 1.3em;
    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:1.3em;
	min-height:50px;
}
.ineditor.cb-widget .cb-feed-content:after,
.ui-draggable .cb-feed-content:after{
	text-align:center;
	display:block;
	padding-bottom:1.3em;
	min-height:50px;
}


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

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


			
#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:hover { border: 1px dashed rgb(0, 172, 214);} 
.is-section-auto .is-container { margin-bottom: 20px; margin-top: 20px; } 
.is-tab-links a:link {color: #76a248; }



i>ion-icon {font-size: 20px; padding: 3px; }