*{margin:0;padding:0;border:0; box-sizing: border-box;}
body{background-color: rgba(0, 0, 0, .1);
background-image: url('../media/green-bubbles.jpg');
/*background-repeat: repeat;
    background-size: cover;*/
}
iframe{
}
/*HEADER*/
.main-header{margin:0; padding:0;border:0;}
.headerLeft{margin:0; padding:0;}
.site-title-btn, .site-menu-btn{background-color: transparent; border-radius: 0px; margin-right: 0px; float: right;}
.site-title-btn{float: left;}
.site-menu-btn{float:right;}
.headerMiddle{background-color: transparent;height: 55px;}
.headerRight{margin:0; padding:0;}
img.main-header-logo{width:55px; float:left;}
img.main-header-admin{width:35px; margin:0px; }
.header-btn-admin{width:55px; height:55px;background-color: #00A848; border-radius: 0px; border:0px; margin-right: 0px; float: right; }

/*FOOTER*/
.footer-main{color:#ffffff; position:fixed; bottom:0px; left:0px;}
.footer-article{text-align: center;}

/*CREATE NEW SITE/ EDIT SITE FORM*/

.viewsOnSiteTank{height: 350px; margin-top: 15px; margin-bottom: 15px; background-color: rgba(229, 229, 229, 0);}
.viewsOnSite{
    padding-bottom: 35px; padding-top: 0px;
    border: 15px solid rgb(109, 159, 143);
    border: 15px solid rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
button.create-view-btn{color:#fff; background-color:#00A848; border-radius: 0px; padding: 20px; font-weight: 200; float:right; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
button.create-view-btn:hover{color:#fff;background-color: red; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.24); margin-top: -2px;}

.viewIframesParent{overflow: scroll!important; -webkit-overflow-scrolling:touch!important;}
.viewIframes{width:100%; height: 295px; border:none; overflow: scroll; -webkit-overflow-scrolling:touch; position: relative;}
.createNewSite{height:300px; border: dotted 7px #8da6ce; margin-top: 15px !important;}

/*EDITOR*/
#editor-btn-delete{background-color: #e5e5e5; padding:0px;}
#editor-btn-edit, #editor-btn-open, #editor-btn-back{padding:0px;}
.editor-div-delete{/*margin: 0 auto; */background: url('../media/icons/Trash-icon.png') 11px 2px; background-size:16px; width:100%; height:22px; background-repeat: no-repeat; }
.editor-div-delete:hover{margin: 0 auto; background: url('../media/icons/Trash-icon.png') 10px -23px; width:100%; background-size:18px; width:100%; height:24px; background-repeat: no-repeat; }
/*.createNewSite form div div input.textInputLabel{width:100%; height: 100%;}*/
.editor-div-back{background: url('../media/icons/Back-spot-icon.png') 8px 6px; background-size:23px; width:30px; height:30px; background-repeat: no-repeat;}
.editor-div-back:hover{background: url('../media/icons/Back-spot-icon.png') 6px 4px; background-size:27px; width:34px; height:30px; background-repeat: no-repeat;}
.editor-div-edit{background: url('../media/icons/Edit-icon.png') 9px 7px; background-size:20px; width:30px; height:30px; background-repeat: no-repeat;}
.editor-div-edit:hover{background: url('../media/icons/Edit-icon.png') 7px 5px; background-size:25px; width:32px; height:30px; background-repeat: no-repeat;}
.editor-div-open{background: url('../media/icons/Fullscreen.png') 9px 8px; background-size:24px; width:35px; height:32px; background-repeat: no-repeat;}
.editor-div-open:hover{background: url('../media/icons/Fullscreen.png') 8px 7px; background-size:26px; width:38px; height:33px; background-repeat: no-repeat;}

input.textInputInput{width:100%; height: 100%;}
.textInputTitle {box-sizing: border-box; background-color: #f5f5f5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; font-weight: 200;}
.textInputLabel{background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
.btnCreateDiv{background-color: transparent; padding-left: 0px; padding-right: 0px; float:right;}
.createBtn, cancelBtn, saveBtn{/*background-color: #BAD0E5;*/ width: 100%; height: 100%; padding: 10px 10px 10px 10px;}
.createBtn{background-color:#489055;}
.cancelBtn{background-color:#33577F;}
.saveBtn{background-color:#9E3B3B;}
.saveBtn, .cancelBtn{margin-left: 12px; float:right;}
.createBtn.btn, .cancelBtn.btn, .saveBtn.btn{border-radius: 0px; color:#ffffff; font-weight: 200;}
.titleP{color: #898989; font-weight: 100;}

.btnRefresh{background-color: #F7B98B;}
.btnRefresh.btn{border-radius: 0px;}



/*Dynamic browser*/
#dynamicBrowserId{display:none;}
#navEditorHandlerBing{display:none;}

/*View Editor Handler*/
.navEditorHandler{position:absolute; width:100%;bottom:0px; left:0px; height: 40px; background-color: transparent;}
.navEditorBackBtn, .navEditorAddBtn{background-color: rgba(229, 229, 229, 0);}
.navEditorLink{background-color: rgb(109, 159, 143); background-color: rgba(0, 0, 0, .6); }
.navEditorLink{height: 100%; overflow: hidden;}
.navEditorBackBtn{height: 100%;}
.navEditorAddBtn{height: 100%; padding-right:15px; padding-left: 0px;background-color: rgb(109, 159, 143); background-color: rgba(0, 0, 0, .6); }
.imput-container{}

h4.titleP{white-space: nowrap; }
    /*Navigation Buttons*/
.btnNavView{border-radius: 0px; margin:0px; border:0px; height:40px; max-width:40px; float:right;}
.btnNavViewBack{background-color: #DEDEDE;}
.btnNavViewErase{background-color: #e5e5e5;}
.btnNavViewEdit{background-color: #f2f2f2;}
.btnNavViewOpen{background-color: #f9f9f9;}


.navEditorHandlerTOP{position:absolute; width:100%; top:15px; left:0px; height: 45px; background-color: transparent;}

.navEditorHandlerTOPless{position: absolute; right:15px;border-radius: 0; color: #ffffff; background-color: #117ac3;}


/*TESTS*/

.example{width:300px; height:300px; background-color: #8da6ce; z-index: 99999; margin:0 auto; overflow: hidden; position: relative; }
div.example {
  /*transform: matrix3d(0, 0, 0, 0, 0.190951, 0.882948, 0.428884, 0, -0.913545, 0, 0.406737, 0, 0, 0, 0, 1);*/
  transform: matrix(1,2,3,4,5,6);
}