﻿.messagesAndInfoBox {
    float: left;
    position: relative;
}

/*.messageInfoBox:hover {
    background-color: #f1f1f1 !important;
}*/

.messageInfoBox:hover > .infoText, .messageInfoBox:hover > .infoNum {
    color: #5B5963 !important;
}


.messages {
    /*padding: 18px 20px;*/
    background-color: #F2F2F2;
    font-family: "almoni-tzar-light";
    font-size: 23px;
    color: #948E9C;
    margin-top: 15px;
    /*height: 500px;*/
}

.messagesHeader {
    line-height: 50px;
    padding: 0 20px;
}

    .messagesHeader a {
        color: #5b5963;
    }

        .messagesHeader a:hover {
            color: #5b5963;
        }

    .messagesHeader img {
        float: left;
        margin-top: 9px;
    }

.boxType4 .messageRepeaterContainer {
    max-height: 249px;
    overflow: hidden;
}

.messageRepeaterContainer:hover {
    overflow: visible;
    overflow-y: scroll;
}



.msgBody {
    font-family: "OpenSansHebrew-Regular","Arial";
    font-size: 14px;
    line-height: 15px;
    padding: 0 20px;
}


    .msgBody p {
        font-family: "OpenSansHebrew-Regular","Arial";
    }

.messageInfoBox {
    margin-top: 15px;
    /*background: url('../../../Images/circle.png') no-repeat center #5B5963;*/
    background-color: #5B5963;
    font-family: "almoni-tzar-light";
    color: #FFFFFF;
    font-size: 24px;
    line-height: 23.5px;
    text-align: center;
    z-index:1;
}

.infoNum {
    font-family: "Bodoni-Std-Poster_7743";
    font-size: 38px !important;
}

.infoText {
    margin-top: 5px;
}

    .infoText span {
        font-size: 19px;
        font-family: "almoni-tzar-bold";
    }

.msgDivider {
    border-bottom: 2px solid #e3e3e3;
    margin: 0 20px !important;
}

.openMsgBox {
    height: 440px !important;
    font-family: "OpenSansHebrew-Regular";
    font-size: 14px;
    line-height: 15px;
    padding: 0 20px;
    overflow: hidden;
}


    .openMsgBox::-webkit-scrollbar-track ,.messageRepeaterContainer::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        background-color: #F2F2F2;
    }



    .openMsgBox::-webkit-scrollbar,.messageRepeaterContainer::-webkit-scrollbar {
        width: 12px;
        background-color: #F5F5F5;
    }

    .openMsgBox::-webkit-scrollbar-thumb,.messageRepeaterContainer::-webkit-scrollbar-thumb {

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
        background-color: #d5d5d5;
    }


    .openMsgBox:hover {
        overflow: visible;
        overflow-y: scroll;
    }

.closeInfoBox {
    display: none;
}

.openMsgNavigation {
    position: relative;
    border-top: 2px solid #e3e3e3;
    height: 45px;
    text-align: center;
}

    .openMsgNavigation a span {
        color: #72aecb;
        font-size: 13px;
        font-family: "OpenSansHebrew-Bold";
    }

.openMsgHeader p {
    font-family: "OpenSansHebrew-Bold" !important;
}

.previousMsg {
    width: 50%;
    float: right;
}

.nextMsg {
    float: right;
    width: 50%;
    border-right: 2px solid #e3e3e3;
}

.runningNumbers {
    font-weight: 400;
    font-size: 36px;
    font-family: "OpenSansHebrew-Bold";
    margin-top: 40px;
}

.openMsgArrow {
    color: #72aecb; 
    font-weight: bolder;
}

/***********************************box templates***************************************/
/* largest space - no numbers */
.messagesAndInfoBox .boxType5 {
    min-height: 536px !important;
}

.messagesAndInfoBox .infoBox5 {
    display: none;
}

.messagesAndInfoBox .boxType4 {
    min-height: 315px;
}

.messagesAndInfoBox .infoBox4 {
    height: 206px;
    padding-top: 5px;
}

.messagesAndInfoBox .boxType3 {
    min-height: 255px;
}

.messagesAndInfoBox .infoBox3 {
    height: 266px;
    padding-top: 80px;
}

.messagesAndInfoBox .boxType2 {
    min-height: 189px;
}

.messagesAndInfoBox .infoBox2 {
    height: 331px;
    padding-top: 120px;
}


.messagesAndInfoBox .boxType1 {
    min-height: 141px;
}

.messagesAndInfoBox .infoBox1 {
    height: 379px;
    padding-top: 160px;
}

/* smallest space - no messages */
.messagesAndInfoBox .boxType0 {
    display: none;
}

.messagesAndInfoBox .infoBox0 {
    height: 536px;
    padding-top: 220px;
}
/***************************************************************************************/


#gauge5 {
    position: absolute;
}

.round-progress {
    margin-top: 10px;
}

.dialgauge-value {
    font-weight: 400;
    stroke: #ffffff;
    fill: #ffffff;
    font-size: 36px;
    font-family: "OpenSansHebrew-Bold";
}

.eng .svgTransform {
    transform: translate(0px, 0px);
    -moz-transform: translate(-140px,0px);
    -webkit-transform: translate(-140px, 0px);
}

.svgTransform {
    transform: translate(-12px, 0px);
    -moz-transform: translate(5px,0px);
    -webkit-transform: translate(5px, 0px);
}



.dialgauge-title {
    font-size: 20px;
    font-family: "OpenSansHebrew-light";
}


.gaugeText {
    font-size: 24px;
    margin: 30px 30px;
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}

    .gaugeText span {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .gaugeText p {
        margin-top: 10px;
    }





@media (max-width: 1680px) {
    .gaugeSize {
        width: 112% !important;
    }

    .gaugeText {
        margin: 30px 15px !important;
    }

    .eng .svgTransform {
        transform: translate(-30px, 0px) !important;
        -moz-transform: translate(-125px, 10px) !important;
        -webkit-transform: translate(-125px, 0px) !important;
    }

    .svgTransform {
        transform: translate(-75px, 0px);
        -moz-transform: translate(0px,10px);
        -webkit-transform: translate(5px, 10px);
    }
}
