#media-container{background:url(icons/glare-demo.png) center center no-repeat #666;background-size:100% 100%;}  /** default main background and styles **/
/******* icon editing styles *********/
#media-container .screen .icon-block .icon{max-height:45%;max-width:45%;background:url(icons/theme-icon-blob.png) transparent;padding:10%;background-size:100% 100%;border-radius:100%;border:3px #fff solid;margin-top:5%;
  -webkit-box-shadow: 0px 0 3px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0 3px 0px rgba(0,0,0,0.4);box-shadow: 0px 0 3px 0px rgba(0,0,0,0.4);
}
#media-container .screen .icon-block > span{text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px -1px 1px rgba(0,0,0,0.4),-1px 1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(0,0,0,0.4);min-height:20%;font-size:70%;line-height:100%;color:#fff;}
#media-container[theme="light"] .screen .icon-block > span{color:#333;text-shadow:none;}
#media-container[textweight="bold"] .screen .icon-block > span{font-weight:bold}

/******* icon editing end* ********/

/******* module open window styles *********/
#media-container #module-viewer{background:#fff;}
/******* module open end *********/


/******* Menu editing options ************/
#media-container #menu-container{-webkit-box-shadow: 20px 0px 29px 0px rgba(0,0,0,0.75);-moz-box-shadow: 20px 0px 29px 0px rgba(0,0,0,0.75);box-shadow: 20px 0px 29px 0px rgba(0,0,0,0.75);left:0;top:0;height:100%;width:80%;} /** sliding menu container styles **/
#media-container .title-block{width:90%;overflow:hidden;margin:0 5%;border-radius:20px;height:9%;margin-top:0.5%}
#media-container .title-block .media-menu{} /** menu open icon style **/
#media-container .title-block .media-logo{} /** main logo style **/
#menu-container .menu-title{overflow:hidden;background:#363636;-webkit-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.75);box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.75);} /** menu title container styles **/

#menu-container .menu-title img{outline:1px solid #484848}  /** open menu icon style **/
#menu-container .menu-title .ttl{font-size:80%;color:#fff;line-height:240%;} /** open menu title styles **/


#media-container .screen .icon-block.big-block{border-radius:20px;width:98%;margin:0 1%;margin-bottom:1%;overflow:hidden; }

																																										f
#media-container .screen .icon-block > span{bottom:3%}
/******* menu block options *********/
#menu-container > ul{direction:rtl;background:url(icons/menu-background.png) top center repeat-x #010204;background:#eee} /** menu container box style **/
#menu-container ul li{float:right;max-height:8%; border-bottom:1px #999999 solid;} /** general li styles USE ONLY MAX HEIGHT NOT HEIGHT!!!**/
#menu-container ul li a,
#menu-container ul li span{padding-right:5%; color:#333;line-height:200%;font-size:60%;} /** in li text element span or link style **/
#menu-container ul li.expand > span{padding-right:7vh;margin-right:0;background:url(icons/menu-list-expand.png) right center no-repeat;background-size:auto 100%;} /** expanding li span element (SPAN ONLY HERE!) **/
#menu-container ul li.expand.open > span{background-image:url(icons/menu-list-expand-open.png)} /** open li element span **/
/******* sub menu block options *********/
#menu-container > ul > li > ul{padding-right:8%;} /** submenu style edits **/
#menu-container > ul > li > ul > li{border-bottom:0;} /** submenu li element **/
#menu-container > ul > li > ul > li ~ li{border-top:1px #999999 solid;} /** submenu li second and on element **/
#menu-container > ul > li > ul > li a,
#menu-container > ul > li > ul > li span{background:none;line-height:160%;font-size:60%;padding-right:2%;} /** submenu inner link or span styles **/




#media-container .theme-container-app{position:absolute;top:0;right:0;bottom:0;left:0;background: #d7d7d7;}
#media-container .theme-title-line{background:url(icons/theme-title-bg.png);background-size:auto 100%;position:relative;width:90%;text-align:left;padding:0 5%;border-bottom: 1px solid #000;color: #000;font-size: 100%;height: 11%;line-height: 200%;}
#media-container .theme-title-line .theme-close{z-index:1;position:absolute;left:0;top:0;height:100%;width:15%;background:url(icons/th_close_button.png) center center no-repeat;background-size:auto 90%;}
#media-container .theme-title-line .theme-title{text-align:right;height:100%;line-height:190%;font-size:100%;color:#fff;text-shadow: 0px 0px 1px #000;}
#media-container .theme-select-container{position:absolute;top:11%;right:0;bottom:0;left:0;overflow:auto;padding-top:1%;}
#media-container .theme-select-container .theme-field{border:3px #ccc solid;width:82%;padding:0 4%;height:10%;font-size:60%;background:#fff;border-radius:0.5em;margin-top:1%;}
#media-container .theme-select-container .theme-textarea{text-align:right;direction:rtl;border:3px #ccc solid;width:82%;padding:0 4%;height:40%;font-size:60%;background:#fff;border-radius:0.5em;margin-top:1%;}


#media-container #module-viewer .theme-submit{background-color:#6cba0e;text-shadow:0 0 4px #000;font-weight:bold;font-size:60%;height:15%;border-radius:1em;width:38%}
#media-container #module-viewer .theme-button{margin-right:10%;background-color:#218392;text-shadow:0 0 4px #000;font-weight:bold;font-size:60%;height:15%;border-radius:1em;width:38%}




#media-container .screen .icon-block .widget-container .waze-map{box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.64) inset;height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;z-index: 0;}
#media-container .theme-select-container .waze-map-app{width:92%;height:1px;padding-bottom:92%;margin:1% 4%;position:relative;outline:1px #fff solid;}
#media-container .theme-select-container .waze-edit-view{position:relative;margin:0;width:100%;height:auto;height:0;padding-bottom:65%;border-bottom:1px #fff solid;}
#media-container .theme-select-container .waze-edit-view iframe{position:absolute;top:0;left:0;width:100%;height:100%;float:left;border:0;}