/*

 * Theme Name: MemoApp

 * Author: Alexey Chaschin

 * Version: 1.0

 */



 @import 'css/screen.min.css';

 @import 'css/font-awesome.min.css';




 .app-content .events-and-alarms .inner .alarms-title,

 .app-content .events-and-alarms .inner .events-title {

	 color: #585858;

	 padding-bottom: 5px;

 }

 

 .bd .text,

 .phone .text {

	 padding-right: 12px;

 }

 

 .app-content .events-and-alarms .inner {

	 padding: 1% 3% 0 0;

	 color: #000000

 }

 

 .app-content .events-and-alarms .inner .events .event {

	 padding: 2px!important;

	 margin-bottom: 15px;

	 position: relative;

 }

 

 .app-content .events-and-alarms .inner .alarms-title {

	 padding-top: 0;

 }

 

 .color span {

	 margin-right: 5px;

 }

 

 

/*12*/ 

.app-content .events-and-alarms .inner .events .event .time_12 {

    /*width: 106px;*/

        width: 210px;

    padding: 0px 20px;

        text-align: inherit !important;

}

.app-content .events-and-alarms .inner .events .event .time_24 {

    width: 106px;

        padding: 0px 20px;

} 

 .app-content .events-and-alarms .inner .events .event .time-event {

	 width: 106px;

	 padding: 0px 20px;

 }



 

 .app-content .events-and-alarms .inner .events .event .done {

		 width: 60px;

		 height: 60%;

		 font-size: 16px;

		 background-image: url(./img/ok_sign.png);

		 background-repeat: no-repeat;

		 background-size: contain;

		 position: absolute;

		 left: 10px;

		 top: 10px;

		 line-height: 2;

		 color: #4E9A06;

		 display:  none;

	 }

	 

 .app-content .events-and-alarms .inner .events .event.event-done .done {

	 display: inline-block;

 }

 

 /*.app-content .events-and-alarms .inner .events .event.event-done {

	 background-color: #b9cde6;

	 border: 1px solid #5B9BD5;

	 

 }*/

 

 /*ofir 27/11/19*/

 .app-content .events-and-alarms .inner .events .event.event-done {

	 background-color: #b9cde6;

	 border: 1px solid #5B9BD5;

		 display:none;

 }

 .app-content .events-and-alarms .inner .events .event.no-time-event.event-done{

	 background-color: #fff;

	 border: none;

 }

 .app-content .events-and-alarms .inner .events .event.no-time-event.event-done .done{

	 display:none;

 }

 .app-content .events-and-alarms .inner .events .event{

	 display:none;

 }

 .app-content .events-and-alarms .inner .events .event.event-done.in-limit,.app-content .events-and-alarms .inner .events .event.in-limit,.app-content .events-and-alarms .inner .events .event.no-time-event,.app-content .events-and-alarms .inner .events.events-memo .event {

	 display:block;

 }

 

 /* ofir hide 16-1*/

 .app-content .events-and-alarms .inner .events .event.next-event{

	 background-color: #F2DCDB;

	 -webkit-box-shadow: 0px 0px 10px 1px rgba(255,0,0,1);

	 -moz-box-shadow: 0px 0px 10px 1px rgba(255,0,0,1);

	 box-shadow: 0px 0px 10px 1px rgba(255,0,0,1);

 }

 .app-content .events-and-alarms .inner .events .event.next-event {

	 background-color: #F2DCDB;

	 -webkit-box-shadow: 0px 0px 40px 1px rgba(255,0,0,1);

	 -moz-box-shadow: 0px 0px 40px 1px rgba(255,0,0,1);

	 box-shadow: 0px 0px 40px 1px rgba(255,0,0,1);

	 border: 3px dotted #C00000;

 }

 

 

 .event-alert{

	 display:none;

 }

 

 /*ofir hide 16-1*/

 .next-event .event-alert{

	 display:block; /*was block*/

	 margin-right:148px;

	 color:#c00000;

 }

 .next-event .event-alert .no-hours{

	 display:none;

 }

 .arrow-left {

   width: 0;

   height: 0;

   border-top: 12px solid transparent;

   border-bottom: 12px solid transparent;

   border-right:12px solid #c00000;

	 display:inline-block;

	 margin-left:15px;

 }

 /*end ofir 27/11/19*/

 

 

 .app-header .weather {

	 font-size: 42.57px!important;

 }

 

 .bd {

	 padding: 10px 0 10px 0;

 }

 

 .phone {

	 padding: 10px 0;

 }

 

 .user-1 {

	 height: 270px!important;

 }

 

 

 .app-content .users .inner {

	 padding-left: 0 !important;

	 padding-right: 0 !important;

 }

 

 

 .app-content .users .inner .user-1 .title,

 .app-content .users .inner .user-2 .title {

	 font-size: 140%;

	 padding-top: 5px;

	 line-height: 1;

 }

 

 

 .caption {

 color: #4E9A06;

 padding-top: 0px;

 line-height: 15px;

 }

 

 .app-content .users .inner .user-1 .description,

 .app-content .users .inner .user-2 .description {

	 padding-top: 5px;

	 line-height: 20px;

	 font-size: 1.1rem;

 }

 

 .app-content .events-and-alarms .inner .events .event {

	 font-size: 165%;

 }

 

 .app-content .events-and-alarms .inner .events .event .color {

	 width: 30px;

	 padding: 0 14px;

 

 }

 

 .footer-line .color-def {

	 padding: 1% 3%;

 }

 

 .app-content .events-and-alarms .inner .events .event {

	 padding: 4px;

 }

 

 .footer-line .first-child {

	 margin-right: 43px;

 }

 

 .footer-line .copyrights span {

	 font-size: 55%;

	 margin-top: 22px;

 }

 

 .footer-line .copyrights .logo {

	 margin: 0 24px 0 10px;

 }

 

 .carousel {

	 /*width: 70%;*/

	 margin: 0 auto;

 }

 

 .carousel-item {

	 max-height: 184px;

	 width: auto;

 

 }

 .carousel-item-next,

 .carousel-item-prev,

 .carousel-item.active {

	 display: block;

	 height: 184px

 }

 

 

 .carousel-item img {

	 height:  184px;

	 width: 100% !important;

	 object-fit: cover;

	 object-position: center center;

 }

 

 .app-content .users {

	 padding-right: 10px !important;

	 padding-left: 32px !important;

	 

 }

 

 .app-content .users .inner .user-1,

 .app-content .users .inner .user-2 {

	 overflow: inherit;

	 padding-left: 0 !important;

	 padding-right: 0 !important;

 }

 

 .app-content .users .inner .user-1 {

	 padding-top: 4%!important;

 }

 

 .carousel-inner {

	 /*margin-top: 9%;*/

	 margin-top: 3px;

 }

 

 .app-content .users .inner .user-1 img,

 .app-content .users .inner .user-2 img {

	 width: auto;

 }

 

 @media (min-width: 1200px) {

	 .col-md-9,

	 .col-sm-9 {

		 padding-left: 0!important;

	 }

 } 

 

 @media (max-width: 1600px) {

	 .carousel-item-next,

	 .carousel-item-prev,

	 .carousel-item.active {

		 height: auto;

	 }

 }

 

 @media (max-width: 575px) {

	 .app-content .users .inner .user-1,

	 .app-content .users .inner .user-2 {

		 height: auto !important

	 }

 }

 

 

 .app-content .events-and-alarms .inner .events .event.fifteen-min {

	 background-color: #F2DCDB;

	 -webkit-box-shadow: 0px 0px 10px 1px rgba(255,0,0,1);

	 -moz-box-shadow: 0px 0px 10px 1px rgba(255,0,0,1);

	 box-shadow: 0px 0px 10px 1px rgba(255,0,0,1);

 }

 .app-content .events-and-alarms .inner .events .event.ten-min {

	 background-color: #F2DCDB;

	 -webkit-box-shadow: 0px 0px 40px 1px rgba(255,0,0,1);

	 -moz-box-shadow: 0px 0px 40px 1px rgba(255,0,0,1);

	 box-shadow: 0px 0px 40px 1px rgba(255,0,0,1);

	 border: 3px dotted #C00000;

 }

 .app-content .events-and-alarms .inner .events .event.ten-min .title{

	 font-weight: bolder;

	 color: #000;

 }

 .app-content .events-and-alarms .inner .events .event.ten-min .time{

	 font-weight: bolder;

	 color: #000;

 }

 

 

 .time-modal{

	 max-width: 700px;

	 background-color: #fff;

	 -webkit-box-shadow: 0px 0px 60px 8px rgb(173, 58, 58);

	 -moz-box-shadow: 0px 0px 60px 8px rgb(173, 58, 58);

	 box-shadow: 0px 0px 60px 8px rgb(173, 58, 58);

	 padding: 40px 20px;

	 margin: 0 auto;

	 text-align: center;

	 position: relative;

 }

 .time-modal .pr-arrow{

	 font-size: 9px;

	 color: #000;

	 text-align: center;

	 width: 60px;

	 height: 60px;

	 border: 70px solid transparent;

	 border-bottom: 70px solid #fff;

	 position: absolute;

	 left: 88px;

	 top: -160px;

	 padding-top: 25px;

 }

 .time-modal .pr-arrow p{

	 font-size: 16px;

	 font-weight: normal;

	 line-height: 1.2;

	 width: 50px;

	 padding-top: 40px;

	 margin-right: -22px;

 }

 .time-modal .pr-modal-title{

	 display: -webkit-flex;

	 display: -moz-flex;

	 display: -ms-flex;

	 display: -o-flex;

	 display: flex;

	 -webkit-flex-direction: column;

	 -moz-flex-direction: column;

	 -ms-flex-direction: column;

	 -o-flex-direction: column;

	 flex-direction: column;

 }

 .time-modal .pr-modal-title h1{

	 font-size: 30px;

	 font-weight: bolder;

	 position: relative;

	 display: inline-block;

	 margin: 0 auto;

	 font-weight: bold;

	 color: #000;

 }

 .time-modal .pr-modal-title h1:after{

	 content: '';

	 position: absolute;

	 bottom: -15px;

	 left: 0;

	 width: 100%;

	 height: 4px;

	 background-color: #C00000;

 }

 

 .time-modal .pr-modal-content {		

	 overflow: hidden;		

	 max-height: calc(100vh - 94px);		

 }

 

 .time-modal .pr-content{

	 margin-top: 25px;

	 display: -webkit-flex;

	 display: -moz-flex;

	 display: -ms-flex;

	 display: -o-flex;

	 display: flex;

	 -webkit-box-align: baseline;

	 -ms-flex-align: baseline;

	 align-items: baseline;

	 justify-content: flex-start;

	 color: #000;

	 font-size: 36px;

	 text-align: right;

	 flex-wrap: wrap;/* !important                      added     21-9-19*/

 }

 .time-modal .pr-content .color{

	 -ms-flex-item-align: start;

	 align-self: flex-start;

	 margin-left: 45px;

	 line-height: 1.2;

	 margin-top: 2px;

 }

 .time-modal .nm-event-popup:not(.nm-active-event),

 .time-modal .media:not(.nm-active-event) {

	 display: none!important;

 }

 

 .time-modal .pr-content .color span{

	 width: 30px;

	 height: 30px;

	 border-radius: 50%;

 }

 .time-modal .pr-content .time{

	 font-weight: bolder;

	 margin-left: 30px;

 }



 

 .time-modal .pr-content .extra_text{

		background-color: #DCE6F2; 	/* was #f2f2f2*/

	 padding: 0 80px;

	 padding-top: 10px;

	 font-size: 24px;

	 margin: 20px 0px 20px 0px;

	 width: 100%;

	 

	 /*background-color: #f2f2f2;

	 padding: 0 15px;

   font-size: 30px;

   margin: 10px 201px 20px 10px;

   width: calc(100% - 201px);*/

 }

 

 .time-modal .pr-content .title{

	 font-size: 30px;

	 padding-right: 15px;

	 line-height: 1.2;

	 overflow: hidden; 

	 max-width: 64%;

 }

 

 .time-modal .media {

	 display: block !important;

	 padding: 0 68px;

	 width: 100%;

	 margin: 0 auto;

	 min-height: 82px; /* Fix for audio elements */

	 flex: 0 0 100%;

	 text-align: center;

 }

 

 time-modal .video-embed {

	 flex: 0 0 100%;

 }

 .time-modal .media > * {

	 width: auto;

	 height: auto;

	 max-height: calc(100% - 512px);

	 max-height: calc(100vh - 512px);

 

 }

 

 .time-modal .media.portrait > * {

	 width: auto;

	 height: 100%;

	 max-height: calc(100% - 512px);

	 max-height: calc(100vh - 512px);

		 

 }

 

 .remodal-is-locked .row.app-header{

	 z-index: 999999999;

 }

 .remodal {

	 vertical-align: unset;

	 top: 145px;

	 position: absolute!important;

	 right: 0;

	 left: 0;

	 /*max-height: calc(100vh - 188px);*/

 }

 

 @media (max-width: 480px){

	 .time-modal .pr-content{

		 -webkit-flex-wrap: wrap;

		 -moz-flex-wrap: wrap;

		 -ms-flex-wrap: wrap;

		 -o-flex-wrap: wrap;

		 flex-wrap: wrap;

	 }

 }

 

 

 /*Osnat 24/6 alarm style in memo.php*/

 .app-content .events-and-alarms .inner .events .event .alarm {

	 display:  none;

 }

 

 

 .offscreen .digitalClock {

	 font-size: 300%;

	 margin-top: 26px;

 }

 

 /* General helper classes */

 .no-padding {

	 padding: 0 !important;

 }

	 

 .video-embed{

	 margin-left: auto !important;

	 margin-right: auto !important;

	 

 }

 

	 

 @media(min-width:768px){

	 iframe{

		 width: 640px;

		 height: 360px;

	 }

 }

 

 /*overides screen.min.css attribute*/

 .app-header .weather small {

	 font-size: 100% !important;

 }

 

 

 

 .body {

     color: #000000;

 }

 

/* .phone .text .single-phone.phone1 {

    margin-left: unset !important; 

    padding-left: unset !important;

    border-left: unset !important;

    border-right: unset !important;

}*/



.hebrew-date {

	color: #585858;

	/* padding-bottom: 5px; */

	font-size: 30px;

}