﻿div.main-content {
    background-color: #f1f1f1;
}

/*h2.header-title {
    font-size: 29px;
    font-family: Open-Sans-Hebrew;
    font-weight: normal;
    margin: 0 auto 9px;
}*/

div.header-base {
    text-align: center;
    font-family: Open-Sans-Hebrew;
    color: #fff;
    direction: rtl;
}

div.header-base #noSessionHeader {
    padding: 54px 0 188px;
    background: linear-gradient(to bottom, #464646, #0e0e0e 154%);
    font-size: 26px;
    height: 397px;
}

div.header-base #noSessionHeader h3 {
    font-size: 29px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;

}

div.header-base .header-description {
    font-size: 19px;
    line-height: 32px;
    margin: 25.5px auto;
}

div.header-base #noSessionHeader h4 {
    font-size: 19px;
    font-weight: bold;
    margin: 0 auto 0;
    padding: 0;

}

    div.header-base #sessionHeader {
        /*background: url('/images/Agents/Agents2021/header-background-grey.png') no-repeat center center ;*/
        /*font-size: 22px;*/
        background: linear-gradient(to bottom, #090446, #0e0e0e 154%);
        padding: 37px 0 15px;
        height: 250px;
    }

div.header-base #sessionHeader .name {font-size: 29px; margin: 11px;}
div.header-base #sessionHeader .name #UserName {font-size: 29px; line-height: 1.34; cursor: pointer}
div.header-base #sessionHeader .name #UserTitle {font-size: 24px;  line-height: 1.38; margin-top: 3px; cursor: pointer;}

/*profile picture classes*/
img.bg-profile-image {position:absolute;margin-right:-109px;right:50%;z-index:-1;height:90px;}
img#UserProfileImage {width:70px;height:70px;border-radius:50%;padding:5px;background-color: #ffffff;z-index: 8;}

div.avatar-image {width: 108px;height: 108px;box-sizing: border-box;border-radius: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #ffffff;border: 2px solid #fff;z-index: 8;}

a.avatar-container {height: 112px;width: 112px;margin: 0 auto;border-radius: 100px;display: block;position: relative;;position: relative;}

a.avatar-container svg.circular-chart {display: block;margin: 0 auto;width: 114px;height: 114px;z-index: 99;position: relative;left: 1px;bottom: 1px;}

a.avatar-container svg.circular-chart path.circle {stroke: #15b2b2;fill: none;stroke-width: 1.5px;stroke-linecap: square;animation: progress 1s ease-out forwards;}

div.profile-percentage {width: 33px;height: 33px;line-height: 33px;border-radius: 100px;background-color: #FF007F;color: #ffffff;font-size: 12px;font-family: Open-Sans-Hebrew;text-align: center;position: absolute;bottom: 9px;right: -2px;z-index:99;}
img.avatar-backgrounds {width: 57px;height: 43px; position: absolute;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
img.avatar-backgrounds.left-background{right: 125px;}
img.avatar-backgrounds.right-background{left: 125px;}
img.vip-logo {width: 38px; height: 19px; position: absolute; left: -25px}
/*//profile picture classes*/

div#divSignInCtrl {margin: 0 auto; text-align: center; width: 939px; height: 600px; display: flex; align-items: center; background: #fff; position: relative; bottom: 135px;}
div#divSignInCtrl iframe.SignInFrame {width: 647px !important; max-height: 600px; margin: 0 auto; padding: 0;background-color:#fff}

#appUserAgentsContainer {
    /*margin-bottom: 80px;*/
    padding: 62px 0;
    margin:unset !important;
}