.smartBody{height:100%; width:100%;}
div#smartScreen{width:100%; height:100%;}
div#smartScreen .SSWrapper{width:90%; margin:0 auto; position:relative;}
div#smartScreen .topHeader{height:80px; border-bottom:2px solid #fff;     background-color: #1b93b8;}
div#smartScreen .topHeader .logoBox{width: 135px; height: 105px; display:table; background-color: #e4e5e7; border: 3px solid #fff; border-top: none;
  border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; position:absolute; right:0; z-index:10;}
div#smartScreen .topHeader .logoBox .wrapImg{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
div#smartScreen .topHeader .logoBox img{max-width:80%; max-height:100px; display:inline-block;}
div#smartScreen .topHeader .titleLine{margin-right: 260px; color: #fff; line-height:80px;}
div#smartScreen .topHeader .titleLine h1{display:inline-block;}
div#smartScreen .topHeader .titleLine h2{display:inline-block;}
div#smartScreen .topHeader .titleLine #minuts{display:inline-block; margin-right:15px;}

div#smartScreen .grid-smart-screen{margin-top:85px; margin-left:-20px;}
div#smartScreen .grid-stack-item-content{border-radius:10px; background-color:#fbfbfb; overflow-y: hidden;}

 .events{}
div#smartScreen .events div.head{height:60px; line-height:60px; color:#fff; background-color:#d5be20; border-radius:10px; position:relative;}
div#smartScreen .events div.head h1{/*padding-right:15%;*/ text-align:center;}
div#smartScreen .events div.content{}
div#smartScreen .events div.content ul{list-style:none; padding:0; padding-right:20px; padding-left:20px; width:95%;}
div#smartScreen .events div.content ul li{font-size:20px; line-height:55px;}
div#smartScreen .events div.content ul li span.title{}
div#smartScreen .events div.content ul li span.date{font-size:16px; display:block; margin-top:-30px;}

div#smartScreen .gallery{}
div#smartScreen .gallery .grid-stack-item-content{border: 5px solid #d9d9d9;}
div#smartScreen .gallery div.smartGallerySlide{width:100%; height:100%; direction:ltr;}
div#smartScreen .gallery span.smartImg{display:block; width:100%; height:100%; position:relative;}
div#smartScreen .gallery span.smartImg div.desc{direction: rtl; height: 60px; background-color: rgba(0,0,0,0.5); font-size: 25px; font-weight: bold; 
   line-height: 60px; color: #fff; width: 85%; position: absolute;  bottom: 10%; right: 0; padding-right: 10%;}
div#smartScreen .slick-track{width:100%; height:100%;}
div#smartScreen .slick-list{width:100%; height:100%;}

div#smartScreen .messages{}
div#smartScreen .messages div.head{background-color:#c0de94;}
div#smartScreen .messages div.head h1{}
div#smartScreen .messages div.content{}
div#smartScreen .messages div.content ul{}
div#smartScreen .messages div.content ul li{}
div#smartScreen .messages div.content ul li span.title{}
div#smartScreen .messages div.content ul li span.date{}

div#smartScreen .phrase{}
div#smartScreen .phrase .grid-stack-item-content{border:none; background-color:transparent;}
div#smartScreen .phrase .contenMaint{}
div#smartScreen .phrase div.head{float:right;}
div#smartScreen .phrase div.head h1{background-color:#b5ab30; height:60px; line-height:60px; color:#fff; width:260px; text-align:center; border-radius:10px;}
div#smartScreen .phrase div.proverb{float:right; font-size:25px; font-weight:bold; margin-right:25px; color:#fff;}
div#smartScreen .phrase div.proverb span.content{}
div#smartScreen .phrase div.proverb span.source{font-size:20px; font-weight:normal; display:block; padding-top:5px;}
div#smartScreen .move{position:absolute; left:0; z-index:1;}