html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.JLVNoAudio {
    height: 100%;
}

.JLViews * {
    font-family: 'Arial', sans-serif;
    line-height: 1.5;
    color: #474F5C;
}

.JLViews {
    width: 100%;
    height: 100%;
    background: #fff;
    /*box-shadow: grey 0px 0px 13px -2px;*/
    overflow: hidden;
}

.JLVmain {
    position: fixed;
    width: 100%;
    max-width: 1020px;
    /*min-width: 620px;*/
    background: #fff;
    top: 10%;
    /*left: 50%;*/
    margin: auto;
    /*transform: translate(-50%, -50%);*/
    overflow: hidden;
    z-index: 99;
}

.JLViews.fullscreen {
}

.JLV { /*View*/
    /*display: none;*/
    text-align: center;
    /*height: 100%;*/
    position: relative;
    align-items: center;
}

    .JLV .container {
        width: 100%;
        padding: 5px;
    }


    /*Main V*/
    .JLV.JLVmain {
    }


        .JLV.JLVmain .chatOptions {
            display: none;
        }

.JLViews .grey-box {
    /*max-width: 600px;*/
    padding: 8px;
    margin: 0 auto 10px;
    color: #474F5C;
    background-color: #E1E3E7;
}

    .JLViews .grey-box.white {
        background-color: #FFFFFF;
    }


/*Form V*/
.JLV.JLVform {
}

.JLV .comm_type {
    margin-bottom: 40px;
}

    .JLV .comm_type span {
        padding: 0 30px;
        display: inline-block;
    }

    .JLV .comm_type button {
        height: 50px;
        padding: 50px 0px 0px 0px;
        font-size: 11pt;
        min-width: 50px;
    }

    .JLV .comm_type .choose_mic {
        background: url(../images/voice_passive.svg) center center transparent no-repeat;
    }

        .JLV .comm_type .choose_mic.active {
            background-image: url(../images/voice_active.svg)
        }

    .JLV .comm_type .choose_key {
        background: url(../images/chat_passive.svg) center center transparent no-repeat;
    }

        .JLV .comm_type .choose_key.active {
            background-image: url(../images/chat_active.svg)
        }

/*Chat V*/
.JLV.JLVchat {
}

    .JLV.JLVchat .container .cam-panel {
        width: calc(65vw - 30px);
        height: calc(calc(65vw - 30px) * 0.5625);
        float: left;
        /*transition: all 500ms ease-in;*/
        /*background: #dadee1 url("../images/bg_studio.jpg")  no-repeat;*/
        background-size: cover;
        position: relative;
    }

    .JLV.JLVchat .container .chat-panel {
        width: 35vw;
        height: calc(calc(65vw - 30px) * 0.5625);
        float: right;
        background-color: #dadee1;
        position: relative;
        /*transition: all 500ms ease-in;*/
        text-align: left;
        font-size: 10pt;
    }

    .JLV.JLVchat .container .banner-pannel {
        clear: both;
    }

#localPlayer {
    overflow: hidden;
    height: 0px;
}

#remotePlayer {
    height: 100%;
}

    #remotePlayer > div > video {
        position: relative !important;
    }

    #remotePlayer .pip {
        position: absolute !important;
        width: 250px !important;
        height: 140.625px !important;
        top: 10px !important;
        left: auto !important;
        right: 10px !important;
    }

/*Chat Buttons*/
.JLV.JLVchat .container .cam-panel .video-control {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: rgb(0,0,0,0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .5) 100%);
}


.JLViews button {
    border-radius: 4px;
    transition: 0.3s;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    padding: 15px 30px;
    font-size: 18px;
}

    .JLViews button.shadow {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    }

    .JLViews button.red {
        color: #fff;
        background-color: #E30613;
    }


        .JLViews button.red:disabled {
            background-color: #efa3a3;
            /*border: 1px solid #cfd0d2; */
            color: white;
            cursor: not-allowed;
        }

    .JLViews button.default {
        color: #525F6B;
        background-color: #DBDEE1;
    }

        .JLViews button.default:hover {
            color: #fff;
            background-color: #838c94;
            border-color: #838c94;
        }


.JLViews .video-control .btn_voice,
.JLViews .video-control .btn_endcall,
.JLViews .video-control .btn_chat {
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    border-radius: 17px;
    padding: 0px;
}

.JLViews .video-control .btn_voice {
    width: 33px;
    height: 32px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: url(../images/voice.png) center center transparent no-repeat;
}

    .JLViews .video-control .btn_voice.muted {
        background-color: red;
    }

.JLViews .video-control .btn_endcall {
    width: 33px;
    height: 32px;
    position: absolute;
    left: calc(50% - 15px);
    bottom: 10px;
    background: url(../images/endcall.png) center center transparent no-repeat;
}

.JLViews .video-control .btn_chat {
    width: 33px;
    height: 32px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url(../images/chatpanel.png) center center transparent no-repeat;
}

.JLViews .btn_fullscreen {
    width: 33px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/fullscreen.svg) top right transparent no-repeat;
    z-index: 9;
}


/*CHAT BAR*/

.nochat .JLV.JLVchat .container .cam-panel {
    width: calc(100vw - 20px);
    height: 100%; /*calc(100vw  * 0.5625);*/
}

.nochat .JLV.JLVchat .container .chat-panel {
    display: none;
}


.chat-panel.chatpanel-none {
    display: none !important;
}

.nochat .JLV.JLVchat .container .chat-frame {
    display: none;
}

.JLV.JLVchat .container .chat-panel .info-box {
    width: calc(100% - 20px);
    height: 20px;
    margin: 0 10px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 2px #91949b solid;
}

    .JLV.JLVchat .container .chat-panel .info-box span {
        float: right;
    }

.JLV.JLVchat .container .chat-panel .messages {
    margin: 0 10px;
    height: calc(100% - 125px);
    overflow: scroll;
    overflow-x: hidden;
}

.JLV.JLVchat .container .chat-panel .chat-form {
    margin: 10px;
    padding: 10px;
    position: relative;
    background: #fff;
}

    .JLV.JLVchat .container .chat-panel .chat-form textarea {
        width: 70%;
        border: 0px;
        outline: none;
        resize: none;
    }

    .JLV.JLVchat .container .chat-panel .chat-form button {
        width: 24%;
        float: right;
        background-color: #838c95;
        color: #fff;
        border-radius: 4px;
        transition: 0.3s;
        font-size: 18px;
        padding: unset;
    }


/*MESSAGES*/
.JLViews .chat-panel .messages .message-item {
    margin-bottom: 2px;
    overflow: auto;
}

    .JLViews .chat-panel .messages .message-item.center {
        text-align: center;
    }

    .JLViews .chat-panel .messages .message-item.left span {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        font-size: 14px;
    }

    .JLViews .chat-panel .messages .message-item.right span {
        float: right;
        margin-right: 10px;
        margin-top: 10px;
        font-size: 14px;
    }

    .JLViews .chat-panel .messages .message-item p {
        border-radius: 10px;
        display: inline-block;
        padding: 10px;
        max-width: 60%;
        margin: 0;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .JLViews .chat-panel .messages .message-item.typing p {
        padding: 0 10px;
    }

    .JLViews .chat-panel .messages .message-item.right p {
        float: right;
        background-color: #666e7b;
        color: #fff;
        text-align: left;
        margin-right: 5px;
    }

    .JLViews .chat-panel .messages .message-item.left p {
        float: left;
        color: #666e7b;
        background-color: #fff;
        text-align: left;
    }
/*Generic*/
.JLViews .logo {
    max-width: 50%;
    margin: 5% auto 0;
}


.JLoffline {
    text-align: center;
    font-family: Arial;
    background: rgba(255,255,255,0.5);
    margin: 10px auto;
    padding: 8px;
    width: 80%;
}


.nochat.tablet .JLV.JLVchat .container .cam-panel {
    width: calc(81vw - 20px);
    height: calc(81vw * 0.5625);
    left: 50%;
    margin-left: calc(calc(81vw - 20px) / 2 * -1);
}

/*Overlays*/

#quenum {
    position: absolute;
    background: #fff;
    bottom: 49%;
    border-radius: 16px;
    font-size: 11pt;
    text-align: center;
    box-shadow: #d2d2d2 1px 1px 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
}


#blockCatch, #blockCatchMic, #clickUnblock {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #fff;
    background: rgba(0,0,0,0.6);
    font-weight: bold;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

#blockCatchMic {
    bottom: auto;
}

#blockCatch .pointer {
    position: absolute;
}

#clickUnblock {
    top: unset;
    display: block;
}

#micPleaseAllow {
    width: 300px;
    background: #fff;
    box-shadow: 2px 2px 6px #909090;
    margin: 21px;
    text-align: left;
    padding: 10px;
    position: relative;
    left: 150px;
    top: 60px;
    display: none;
    position: absolute;
}

    #micPleaseAllow:after {
        margin: 0;
        left: 0;
        right: auto;
        border-width: 5px;
        border-color: transparent;
        border-bottom-color: #fff;
        border-left-color: #fff;
        top: -10px;
        bottom: auto;
        content: "";
        display: block;
        border-style: solid;
        position: absolute;
    }

@keyframes clickHere {
    0% {
        padding-left: 35px;
        padding-top: 35px;
        width: 40px;
    }

    50% {
        padding-left: 65px;
        padding-top: 65px;
        width: 60px;
    }

    100% {
        padding-left: 35px;
        padding-top: 35px;
        width: 40px;
    }
}

#blockCatch .pointer svg {
    width: 50px;
    animation: clickHere 5s infinite;
}

.JLV.JLVchat .speaker {
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    background: currentColor;
    background-clip: content-box;
    width: 1em;
    height: 1em;
    border: .333em solid transparent;
    border-right-color: currentColor;
    position: relative;
    left: -.337em;
    font-size: 50pt;
    color: #c00;
}

    .JLV.JLVchat .speaker.-on:before, .speaker.-on:after {
        content: '';
        background: currentColor;
        width: .1em;
        position: absolute;
    }

    .JLV.JLVchat .speaker.-on:before {
        height: .333em;
        right: -.533em;
    }

    .JLV.JLVchat .speaker.-on:after {
        height: .667em;
        right: -.733em;
        top: -50%;
    }

    .JLV.JLVchat .speaker.-off:before, .speaker.-off:after {
        content: '';
        background: currentColor;
        width: .1em;
        position: absolute;
        height: 1.2em;
        margin-top: -.333em;
        top: -.1em;
        left: .1em;
        transform: translateX(.333em) rotate(-45deg);
    }

    .JLV.JLVchat .speaker.-off:before {
        background: #980000;
        left: .2em;
    }


/**************** Is IOS IPHONE/IPAD CSS BEGIN***************/

.is-not-ios, .is-ipad {
    height: 100%;
}

.is-mobile.is-ios.keyboard-off {
    height: 100%;
}

.is-mobile.is-not-ios.keyboard-off {
    height: 100%;
}

.is-mobile.is-ios #imgFullScreen {
    display: none;
}

.is-mobile #imgFullScreen {
    display: none;
}


.is-tablet #imgFullScreen {
    display: inline;
}


.is-mobile.is-ios.keyboard-on {
    align-items: self-start !important;
    /*height: calc(100% - 240px) !important;*/ /* min:240 Max:240*/
    height: 100%;
}

    .is-mobile.is-ios.keyboard-on .container {
        /*height: calc(100% - 200px) !important;*/
    }

/**************** Is IOS IPHONE/IPAD CSS END***************/

/**************** Is Mobile CSS BEGIN***************/



.is-mobile .container .chat-panel {
    min-width: 100%;
    max-height: calc(98vh - calc(100vw * 0.5625));
    display: block;
    flex: 1;
}

.is-mobile .container .cam-panel {
    width: calc(100vw) !important;
    height: calc(100vw * 0.5625) !important;
}




@media only screen and (orientation: landscape) {


    .is-ipad .container .cam-panel,
    .is-tablet .container .cam-panel {
        width: calc(65vw - 30px) !important;
        height: calc(calc(65vw - 30px) * 0.5625) !important;
    }

    .nochat .is-ipad .container .cam-panel,
    .nochat .is-tablet .container .cam-panel {
        width: calc(100vw - 20px) !important;
        height: 100% !important;
    }

    .nochat .is-ipad .divButtons,
    .nochat .is-tablet .divButtons {
        bottom: 70px;
    }


    .is-ipad .container .chat-panel,
    .is-tablet .container .chat-panel {
        min-width: 1% !important;
        max-height: 100% !important;
    }

    .is-ipad .container,
    .is-tablet .container {
        height: auto !important;
    }

    .is-tablet.keyboard-on {
        align-items: flex-start !important;
        /*height: 50%;*/
    }

    .is-mobile.is-ios.is-chrome .video {
    }

    .is-mobile.is-ios.is-firefox .video {
        margin-right: 100px;
    }

    .is-mobile.is-ios.is-edge .video {
        margin-right: 100px;
    }
}

@media only screen and (min-device-width: 600px) and (orientation: landscape) {
    .divButtons {
        bottom: 70px !important;
    }
}

@media only screen and (orientation: portrait) {


    .is-ipad.keyboard-on .container {
        /* height: 10% !important;*/
    }

    .is-ipad.keyboard-on.browsertab-open .chat-frame {
        height: 90% !important;
    }

    .is-ipad.keyboard-on.browsertab-close .chat-frame {
        height: 90% !important;
    }

    .is-ipad.keyboard-on {
        align-items: self-start !important;
    }


    /*.is-mobile.is-ios.portrait.keyboard-on .chat-panel {
		bottom: 216pt;*/ /*for iphone always 216pt in potrait mode*/
    /*}*/

    /*.is-mobile.is-ios.portrait.keyboard-on.is-ipad .chat-panel {
		bottom: 264pt;*/ /*for ipad always 216pt in potrait mode*/
    /*}*/

    .JLViews.keyboard-on.is-iphone.is-safari {
        height: 62% !important; /* 55% */
        /*bottom: 324pt;*/ /*for ipad always 352pt in landscape mode*/
        position: fixed !important;
        bottom: 1px !important; /*bottom: 10px; for old IOS < 15.0 */
        top: initial; /*top: initial;*/
    }

    .JLViews.keyboard-on.is-ipad.is-safari {
        height: 75% !important;
        /*bottom: 324pt;*/ /*for ipad always 352pt in landscape mode*/
        position: fixed !important;
        bottom: 10px;
    }

    .JLViews.keyboard-on.is-andoid-phone1 {
        height: 62% !important; /* 55% */
        /*bottom: 324pt;*/ /*for ipad always 352pt in landscape mode*/
        position: fixed !important;
        bottom: 1px !important; /*bottom: 10px; for old IOS < 15.0 */
        top: initial; /*top: initial;*/
    }

    .JLViews.keyboard-on.is-android-tablet1 {
        height: 75% !important;
        /*bottom: 324pt;*/ /*for ipad always 352pt in landscape mode*/
        position: fixed !important;
        bottom: 10px;
    }
}



.cam-panel {
    z-index: 99;
}

.is-mobile .container .chat-panel {
    min-width: 100%;
    max-height: calc(98vh - calc(100vw * 0.5625));
    display: block;
    flex: 1;
}

.is-mobile .container {
    height: 100%
}
/**************** Is Mobile CSS END***************/

/*Mobile Phones*/

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    /*, (max-device-width: 1024px) and (max-aspect-ratio: 13/9)*/

    #micPleaseAllow {
        left: 10px;
        right: 10px;
        top: 5px;
    }

    .JLViews .container {
        height: 100%;
        padding: 0px;
        display: flex;
        flex-direction: column;
    }

    .JLV.JLVchat .container .cam-panel {
        width: calc(100vw) !important;
        height: calc(100vw * 0.5625) !important;
    }

    .JLV.JLVchat .container .chat-panel {
        min-width: 100%;
        max-height: calc(98vh - calc(100vw * 0.5625));
        display: block;
        flex: 1;
    }

    .JLV.JLVchat .container .btn_chat,
    .JLV.JLVchat .container .btn_fullscreen {
        display: none;
    }

    .JLViews .cam-panel #quenum {
        font-size: 9pt;
    }

    .JLVmain {
        top: 0px;
    }
}

@media only screen and (max-device-height: 812px) and (orientation: landscape) and (min-aspect-ratio: 13/9) {

    #micPleaseAllow {
        left: 10px;
        right: 10px;
        top: 5px;
    }

    .JLViews {
        overflow: unset;
        box-shadow: unset;
    }


    .JLVmain {
        top: 0px;
    }

    .JLV .container {
        padding: 0px;
    }

    /*	.JLV.JLVchat .container .cam-panel {
			width: calc(100vh * 1.77777778);
			height: calc(100vh);
			float: unset;
			margin: 0 auto;
		}*/

    /*.JLV.JLVchat .container .chat-panel,
		.JLV.JLVchat .container .btn_chat,
		.JLV.JLVchat .container .btn_fullscreen {
			display: none;
		}*/

    .JLViews .logo {
        max-width: 30%;
        margin: 0 auto 0;
    }

    .JLV .main_title {
        margin: 0px;
    }

    .JLV .main_text,
    .JLV h2 {
        margin: 0 auto 8px;
        /*font-size: 11pt;*/
    }

    .JLViews .grey-box.white {
        padding: 0px;
    }

    .JLV .comm_type {
        margin-bottom: 25px;
    }

    .JLViews .cam-panel #quenum {
        font-size: 9pt;
    }
}

/* samsung tablet on keyboard on */
@media only screen and (orientation: landscape) {

    .JLV.JLVchat.portrait .container .cam-panel {
        width: calc(100vw) !important;
        height: calc(100vw * 0.5625) !important;
    }

    .JLV.JLVchat.portrait .container .chat-panel {
        min-width: 100%;
        width: calc(100vw) !important;
        max-height: calc(98vh - calc(100vw * 0.5625));
        display: block;
        flex: 1;
    }

    .JLV.JLVchat.portrait #imglocalMessage {
        display: none !important;
    }
}

/*Tablet*/

/*Toolkit*/



::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    /*  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
    background-color: rgba(100, 100, 100, .50);
}

.rst {
    clear: both;
}

.divButtons {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.jura_client_remotevdeo {
    height: 100% !important; /*calc(100vh - 0px) !important; */
    top: 0px;
    left: 0px;
    transform: initial;
    width: 100%;
}

.grey-box {
    padding: 20px !important;
}

.JLViews h1, .JLViews h2, .JLViews h3, .JLViews h4, .JLViews h5, .JLViews h6 {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .JLViews {
        height: 100%;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        transform: none;
        width: 100vw;
    }
}


/* Only for firefox */
@-moz-document url-prefix() {
    .nochat .JLV.JLVchat .container .cam-panel {
        height: calc(100vh);
    }
}

@media only screen and (orientation: landscape) {

    .nochat .JLV.JLVchat .container .cam-panel {
        height: calc(100vh);
    }

    /* set height only for mobile */
    .nochat .JLV.JLVchat.is-mobile .container .cam-panel {
        height: calc(100vw * 0.5625) !important;
    }

    /* if for mobile phones */
    .nochat .JLV.JLVchat.is-mobile.use-max-height .container .cam-panel {
        height: calc(100vh - 1px) !important;
    }

    .nochat .JLV.JLVchat.is-mobile.is-ios.use-max-height .container .cam-panel .divButtons {
        bottom: 30px;
    }

    .nochat .JLV.JLVchat.is-mobile {
        align-items: self-start;
    }


    .JLV.JLVchat.is-mobile #imglocalRotate {
        display: inline !important;
    }

    .JLV.JLVchat.is-mobile.is-tablet #imglocalRotate {
        display: inline !important;
        /*display: none !important;*/
    }


    .JLV.JLVchat.is-mobile.is-tablet.keyboard-on #imglocalRotate {
        display: none !important;
        /*display: none !important;*/
    }

    .JLV.JLVchat.is-mobile.is-tablet.portrait #imglocalRotate {
        display: none !important;
        /*display: none !important;*/
    }


    /*.is-mobile.landscape.keyboard-on.is-ipad .container {
		position: absolute;
		bottom: 374pt;*/ /*for ipad always 352pt in landscape mode*/
    /*}*/

    .JLViews.keyboard-on.is-ipad {
        height: 49% !important;
        /*bottom: 324pt;*/ /*for ipad always 352pt in landscape mode*/
        position: fixed !important;
        bottom: 20;
    }
}

@media only screen and (orientation: landscape) {
    .JLV.JLVchat.is-mobile #imglocalMessage {
        display: none;
    }

    .JLV.JLVchat.is-mobile.is-tablet #imglocalMessage {
        /*display: inline;*/
    }

    .quenum {
        top: 150px;
    }

    .imglocalRotate-off {
        display: none !important;
    }
}

@media only screen and (orientation: portrait) {
    /* if portrait than don't show message icon */
    #imglocalRotate {
        display: none !important;
    }

    #imglocalMessage {
        display: none;
    }

    .quenum {
        bottom: 250px;
    }
}

.imglocalFullScreen-off, .imglocalMessage-off {
    display: none !important;
}

.ResumeShortly {
    position: absolute;
    background: #fff;
    bottom: 49%;
    border-radius: 16px;
    font-size: 17pt;
    text-align: center;
    box-shadow: #d2d2d2 1px 1px 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    z-index: 9;
}

.lbl_join_chat_header span {
    font-size: 48pt;
    font-family: Arial;
    color: #9A7348;
}

.lbl_join_chat_text, .lbl_join_headset_text, .lbl_join_click_mouse_hand_text {
    font-size: 16pt;
    font-family: Arial;
    color: #575756;
}


.btn_join_chat {
    font-family: Arial;
    background-color: #6EBA5A !important;
    color: #ffffff;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

    .btn_join_chat span {
        font-size: 26pt;
    }

.img_client_headset {
    max-height: 50px;
    padding-right: 15px;
}

.div_icon_client {
    padding-top: 50px;
    padding-bottom: 50px;
}

.img_client_mouse_click {
    max-height: 50px;
    padding-right: 15px;
}

.hr_client {
    border-color: grey;
}

.img_client_ofis {
    max-height: 200px
}

.btn_customer_service {
    font-size: 12pt;
    font-family: Arial;
    background-color: #474F5C !important;
    color: #ffffff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 20px !important;
}

.lbl_customer_service {
    font-size: 16pt;
    font-family: Arial;
    color: #575756;
    margin-bottom: 30px;
}

.div_headset_text {
    text-align: left;
    padding-left: 60px;
}

.JLViews button.green:disabled {
    background-color: #a8d99b !important;
    color: white;
    cursor: not-allowed;
}

.JLViews button.green {
    background-color: #6EBA5A !important;
    color: white;
}