html, body {
    margin: 0;
    padding: 0;
    background: white url("../images/green-bottom-left.svg") no-repeat left bottom;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: #2D3A64
}


.body-login,
.body-lost-login,
.body-version,
.body-password\.reset-password-admin, .body-register,
.body-register-validate,
.body-register-terms,
.body-manager\.complete-terms,
.body-register-last,
.body-check-helper-data,
.body-login .full-height,
.body-login .wrapper,
.body-password\.reset-password-admin .full-height,
.body-password\.reset-password-admin .wrapper,
.body-manager\.complete-register .wrapper,
.body-verify\.index,
.body-manager\.complete-register,
.body-process-login,
.logged,
.body-verify\.index .wrapper,
.body-process-login .wrapper,
.body-verify\.index .full-height,
.body-process-login .full-height {
    height: 100%;
}

body[class^="body-survey-step"],
html[class^="body-survey-step"],
.body-load-info-check,
.body-check-helper-data,
.body-register,
.body-register-last,
.body-register-validate,
.body-register-terms,
.body-manager\.complete-terms,
.logged {
    background: #F5FBFC !important;
}

body[class^="body-survey-step"] .login-bottom,
body.body-load-info-check .login-bottom,
body.body-check-helper-data .login-bottom,
body.body-register .login-bottom,
.body-register-last .login-bottom,
.body-register-validate .login-bottom,
.body-register-terms .login-bottom,
.body-manager\.complete-terms .login-bottom,
.logged .login-bottom {
    display: none;
}

.body-load-survey, .body-profile\.index {
    background: #fff !important;
    height: 100%;
}

.body-login .register-bottom,
.body-manager\.complete-register .register-bottom,
.body-verify\.index .register-bottom {
    display: none;
}

.body-login, .body-verify\.index, .body-manager\.complete-register, .body-password\.reset-password-admin, .body-lost-login {
    background: #1c428c;
}

.body-admin\.index, .body-manager\.index, body[class^="body-admin"].logged, .body-manager\.profile, .body-manager\.patient {
    background: white !important;
}

.body-admin\.index,
.body-manager\.index,
.body-manager\.patient,
.body-manager\.profile,
body[class^="body-admin"] .wrapper,
.body-admin\.statistics,
.body-manager\.statistics {
    height: auto !important;
}

.login-bg-img {
    position: absolute;
    width: 80%;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.wrapper, main {
    position: relative;
    z-index: 50;
}

.bottom-background {
    position: fixed;
    z-index: 0;
    left: 0;
    bottom: 0;
}

.body-login .btn, .body-password\.reset-password-admin .btn {
    min-width: auto;
    width: auto;
}

.ui-datepicker {
    padding: 5px !important;
    z-index: 300 !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 1em;
}

.ui-datepicker-title select {
    padding: 3px 10px 5px;
}

.ui-datepicker {
    width: 20em;
}

.filter-block .date-format {
    padding: 3px 10px;
}

.filter-block .date-block {
    width: 150px;
}

.max-w-7xl {
    max-width: 85%;
}

.survey-success-page .centered-block {
    padding: 5% 0;
    margin: 5% auto;
}

.survey-success-page .inner-wrapper {
    width: 85%;
    margin: 0 auto !important;
}

.inner-container {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 15px;
}

.inner-left-margin {
    margin-left: 10%;

}

.inner-right-margin {
    margin-right: 10%;
}

table.full-width {
    width: 100%;
}

.geo-menu, .geo-menu2 {
    position: absolute;
    box-shadow: rgb(201 211 223) 0px 1px 4px;
    z-index: 1;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(173, 185, 201);
    color: rgb(28, 28, 28);
    border-radius: 0 0 5px 5px;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
}

.geo-menu .item, .geo-menu2 .item {
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1em;
    border-bottom: 1px solid whitesmoke;
}

.geo-menu .item:hover, .geo-menu2 .item:hover {
    background-color: rgb(0, 83, 179);
    color: rgb(255, 255, 255);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #D9DDE2;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #D9DDE2;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #D9DDE2;
}

.body-register .wrapper,
.body-register-validate .wrapper,
.body-register-last .wrapper,
.body-register-terms .wrapper,
.body-manager\.complete-terms .wrapper {
    padding-top: 85px;
}

.web-view {
    display: block;
}

.mobile-view, .action-col span.mobile-view {
    display: none;
}

.top-menu-block {
    position: absolute;
    right: 2px;
    z-index: 170;
    top: 0;
    width: 300px;
    display: none;
}

.top-menu-block a {
    display: block;
    margin: 10px 0;
    width: 100%;
}

.header-icon-block {
    margin: 30px 0;
}

.header-icon-block i {
    color: #5BB718;
    font-size: 35px;
}

.main-logo {
    width: 55px;
    height: auto;
}

.top-nav span {
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
    color: #2D3A64;
}

.top-nav span.icon-block {
    font-size: 22px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.bg-cyan {
    background: #F5FBFC !important;
}

.bg-cyan-on-web {
    background: #F5FBFC;
}

.bg-blue {
    background: #1D428C !important;
}

.bg-red {
    background: #EF4040;
}

.bg-green {
    background: #5BB718;
}


.tooltip-item {
    width: 20px;
    height: 20px;
    background: #D9DDE2;
    border-radius: 100%;
    display: inline-block;
    color: white;
    text-align: center;
}

.h1, h1 {
    font: normal normal bold 36px/42px Roboto, sans-serif;
!important;
    color: #2D3A64;
    font-family: "Roboto", sans-serif;
!important;
}

h1.welcome-title {
    color: white;
}

.block-heading h1 {
    color: #5BB718;
}

.h2 {
    font: normal normal bold 32px/37px Roboto, sans-serif;;
}

h2.heading {
    font: normal normal bold 36px/42px Roboto, sans-serif;;
    color: #1F448A;
}

.h-full {
    height: 100%;
}

.width-70 {
    width: 70%;
}

.margin-50 {
    margin: 50px;
}

.margin-90 {
    margin: 90px;
}

.margin-auto {
    margin: auto;
}

.f_sz_25 {
    font-size: 25px;
}

.f_sz_20 {
    font-size: 20px;
}

.f_sz_15 {
    font-size: 15px;
}

.text-blue {
    color: #1f448a !important;
}

.text-cyan {
    color: cyan !important;
}

header, nav {
    box-shadow: 0 3px 6px #00000015;
    background: white;
}

.body_1_step {
    font-size: 35px;
    text-align: center;
    margin-top: 130px;
}

.baner_1_step {
    text-align: center;
    background-color: #1f448a;
    color: white;
    font-size: 70px;
    padding: 50px;
    height: 950px;
}

.bnr-btn {
    width: 70%;
    margin: 35px auto;
    background-color: #5cb718;
    border-radius: 30px;
    padding: 20px;
}

.btn, .ui-button, button, [type=button], [type=reset], [type=submit], .ui-widget .ui-widget {
    padding: 10px 20px !important;
    color: white;
    border-radius: 80px !important;
    font: normal normal bold 18px/36px Roboto, sans-serif;;
    text-decoration: none;
    min-width: 50%;
    outline: none !important;
}

.btn-green, .btn-white:hover, .ui-button, .ui-dialog-buttonset button, .ui-button:active, .ui-button:focus {
    background: #5BB718;
    border: 1px solid #5cb718;
    opacity: 1;
    color: white !important;
}

.btn-blue {
    background-color: #1f448a;
    color: white !important;
    border-color: #1f448a;
}

.btn-white, .btn-green:hover, .ui-button:hover, .ui-button:active, .ui-dialog-buttonset button:hover {
    background-color: white;
    color: #5cb718 !important;
    border-color: #5cb718;
}

.btn.disabled, .btn:disabled, .btn.disabled:hover, .btn:disabled:hover {
    opacity: .65;
    background: #D9DDE2 !important;
    border: 1px solid #D9DDE2;
    color: white !important;
    font-size: 18px;
}

.small-text {
    font: normal normal normal 16px/22px Arial, sans-serif;
    letter-spacing: 0;
    color: #2D3A64;
}

.link {
    text-align: left;
    text-decoration: underline;
    font: normal normal bold 13px/15px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
    cursor: pointer;
}

.text-center {
    text-align: center;
}

.text-blue {
    color: #1F448A;
}

label {
    text-align: left;
    font: normal normal bold 16px/18px Arial, sans-serif;
    letter-spacing: 0;
    color: #1F448A;
}

input[type=text], input[type=password], input[type=email], select {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #D9DDE2;
    border-radius: 10px;
    font: normal normal normal 16px/28px Arial, sans-serif;
    color: #2D3A64;
}

input[type=checkbox] {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    width: 22px;
    height: 22px;
}

input[type=checkbox]:checked:before {
    background: #ACDC87;
    border: #ACDC87;
    content: "\2713";
    width: 100%;
    height: 100%;
    display: inline-block;
    color: white;
    text-align: center;
    border-radius: 2px;
}

.remember-me {
    text-align: left;
    font: normal normal normal 16px/18px Arial, sans-serif;
    letter-spacing: 0;
    color: #151515;
    opacity: 1;
    vertical-align: middle;
    display: inline-block;
}

.section {
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 100vh;
    align-items: center;
    justify-items: center;
}

.container_radio {
    text-align: center;
}

.relative {
    position: relative;
}

#logout-confirm {
    padding: 0;
}

#logout-confirm + div button:first-child {
    margin-bottom: 20px;
}

.return-block {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.settings-page .return-block {
    left: 60px;
    top: 30px;
}

.admin-alert-block {

}

.company-logos {
    width: 100%;
    margin: 10px 0 30px;
}

.company-logos ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
}

.company-logos ul li {
    list-style: none;
    display: inline-block;
    width: calc(100% / 4);
    height: 60px;
    text-align: center;
    padding: 0 1%;
    vertical-align: middle;
    line-height: 60px;
}

.company-logos ul li img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    margin: 0 auto;
}

.close-block {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid gray;
    border-radius: 100%;
    text-align: center;
    background: white;
    z-index: 9;
}

.close-action {
    line-height: 40px;
    text-align: center;
}

.close-action a, .close-action button {
    text-decoration: none;
    color: #2D3A64;
}
.line-btn{
    padding: 0 !important;
    color: initial;
    min-width: auto;
}

.launcher-screen {
    background: url(../images/white-bottom-left.svg) no-repeat bottom left, url(../images/white-top-right.svg) no-repeat top right;
    background-color: #F5FBFC;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 200;
}

.loader {
    width: 80px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -10px;
}

.load-item {
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background: #0A4F93;
    border-radius: 100%;
    margin-right: 15px;
}

.load-item:nth-child(3), .load-item:nth-child(2) {

    width: 11px;
    height: 11px;
}

.load-item:nth-child(3) {
    margin-right: 0;
}

.pre-login {
    background: url(../images/green-left-bottom-single.svg) no-repeat bottom left;
    height: 100%;
}

.pre-login .main-logo {
    width: 80px;
    position: relative;
    z-index: 20;
}

.pre-login-header {

    text-align: center;
}

.pre-login-header-inner {
    background: #1f448a;
}

.pre-login-header:after {
    content: "";
    display: block;
    background: url(../images/blue-bottom.png) no-repeat;
    width: 100%;
    background-size: 100%;
    height: 80px;
    margin-top: -1px;
}

.pre-login-header .login_banner {
    padding: 30px 0 50px;
}

.pre-login .login_title {
    font: normal normal bold 34px/40px Roboto, sans-serif;;
    color: #FFFFFF;
    margin-top: 120px !important;
}

.pre-login .div_btn {
    width: 250px;
    margin: 10px auto;
}

.company-logo-block {
    height: 120px;
    background: white;
    margin-top: 40px;
}

.pre-login .btn {
    font: normal normal bold 20px/36px Roboto, sans-serif;;
    color: #FFFFFF;
}

.pre-login-label {
    font: normal normal bold 16px/19px Roboto, sans-serif;;
    color: #1F448A;
    margin-bottom: .5rem;
}

.back-to-pre-login {
    position: absolute;
    top: 20px;
    left: 20px
}

.form-step-4 {
    max-width: 300px;
    text-align: center;
}

.btn.create-step-four {
    width: 75%
}

.container_radio label {
    border: 1px #ccc solid;
    padding: 16px 0;
    width: 95px;
    display: inline-block;
    margin-left: 0;
    cursor: pointer;
    text-align: center;
    background: white;
}

.container_radio label:nth-child(2),
.container_radio label:nth-child(4),
.container_radio label:nth-child(6) {
    margin-left: -5px;
}

.account-warning-msg-block .msg-inner {
    text-align: center;
    font: normal normal normal 13px/15px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
    background: #F5FBFC 0% 0% no-repeat padding-box;
    border-left: 3px solid #3070EB;
    padding: 10px;

}

.register-left-info p {
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    color: #2D3A64;
}

label.option-left {
    border-radius: 15px 0 0 15px;
}

label.option-right {
    border-radius: 0 15px 15px 0;
    margin-left: -5px;
}

.section input[type="radio"] {
    display: none;
}

input[type="radio"]:checked + label {
    background: #1c428c;
    color: white;
}

.req-asterisk {
    color: red;
}

.verify-code, input[type="text"].verify-code {
    width: 20% !important;
    margin: 0 3%;
    line-height: 46px;
    height: 120px;
    font-size: 46px;
    text-align: center;
    border-radius: 10px !important;
}

.body-verify\.index .verify-code,
.body-process-login .verify-code {
    height: 200px !important;
}

.wide-container {
    width: 80%;
    margin: auto;
}

.terms-and-conditions {
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
}

#step-34 {
    margin-top: 35px;
}

.registration_container {
    width: 72%;
    margin: 0 auto;

}

.registration_form_container {
    border: 1px solid #ccc;
    border-radius: 15px;
    background: white;
    padding: 40px;
}

.container-login-wrapper {
    border: 1px solid #ccc;
    border-radius: 15px;
    background-color: white;
}

.body_container_login {
    margin: 4% 0;
    padding: 50px;
}

.form-heading {
    color: #5cb718;
    font: normal normal bold 27px/32px Roboto, sans-serif;;
    margin-bottom: 20px;
}

.clear {
    clear: both;
}

.step1-submit-block {
    padding: 5px 15px;
}

.r_b_title {
    margin: 10px 0;
    font: normal normal bold 16px/20px Arial, sans-serif;
    letter-spacing: 0;
    color: #1F448A;
}

.standard_block {
    width: 50%;
    float: left;
}

.step {
    width: 50%;
    float: right;
}

.account-success-msg-block {
    text-align: center;
    height: 100%;
    padding: 50px 60px;
}

.account-success-msg-block h3 {
    font: normal normal bold 27px/32px Roboto;
    letter-spacing: 0;
    color: #2D3A64;
}

.msg-inner {
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    text-align: center;
    color: #2D3A64;
    padding: 20px;
}

.fail-text-title {
    font: normal normal bold 27px/32px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
    margin: 25px 0 10px;
}

.title_icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #e4fdec;
}

.form-processing {
    width: 80%;
}

.form-processing.web-view {
    margin-top: 30px;
    height: 370px;
}

.form-processing .processing-ruler {
    width: 16px;
    height: 328px;
    display: inline-block;
    background: rgb(91 183 32 / 22%);
    border-radius: 78px;
    vertical-align: top;
}

.form-processing .processing-ruler > div {
    background: #5BB718;

    border-radius: 78px;
}

.form-processing .processing-ruler > div.step-1 {
    height: 20%;
}

.form-processing .processing-ruler > div.step-2 {
    height: 40%;
}

.form-processing .processing-ruler > div.step-3 {
    height: 60%;
}

.form-processing .processing-ruler > div.step-4 {
    height: 80%;
}

.form-processing .processing-ruler > div.step-5 {
    height: 100%;
}

ul.vertical-steps {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    list-style: none;
}

li.vertical-step-item {
    margin-bottom: 44px;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    color: #D9DDE2;
}

li.vertical-step-item:first-child {
    margin-top: 20px;
}

li.vertical-step-item.active {
    font: normal normal bold 18px/21px Roboto, sans-serif;;
    color: #5BB718;
}

.v-step-process {

}

.v-step-status {
    display: none;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: #ACDC87;
    color: white;
    padding: 2px;
    line-height: 18px;
    font-size: 20px;
}

li.vertical-step-item.passed .v-step-status {
    display: inline-block;
}

.input_50_right {
    width: 48%;
    float: right;
}

.input_50_left {
    width: 48%;
    float: left;
}

select {
    padding: 10px 20px;
}

.sep-title-s7 {
    text-align: center;
    padding: 23px 0;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
    position: relative;
}

.sep-title-s7 div.separator {
    position: absolute;
    z-index: 1;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: #2D3A64;
}

.sep-title-s7 div.inner-sep-text {
    position: relative;
    z-index: 10;
    background: white;
    margin: 0 auto;
    padding: 0 5px;
    width: 32%;
    font: normal normal 600 13px/18px "Open Sans", sans-serif;
}

.pwd-rules-block {
    font-size: 12px;
}

.password-rules {
    font-size: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #1F448A;
}

.return-action {
    margin-right: 10px;
    color: #1F448A;
}

.return-action a {
    color: #1F448A;
}

.bottom-return {
    bottom: 0;
    left: 0;
    position: absolute;
}

.link_x {
    text-align: right;
}

.text_stat {
    font: normal normal bold 27px/32px Roboto, sans-serif;;
    margin-top: 30px;
    color: #1F448A;
}

.text-green {
    color: #5cb718;
}

.tiny-label {
    font: normal normal normal 18px/21px Arial, sans-serif;
    letter-spacing: 0;
    color: #1F448A;
}

.static_title {
    padding: 15px 0;
    font-family: Roboto, sans-serif;;
    font-size: 20px;
    letter-spacing: 0;
    color: #1F448A;
}

.greeting {
    text-align: center;
    padding: 10%;
}

.home_title {
    font-size: 35px;
    font-weight: 500;
}

.body_background_color {
    background-color: #f5fbfc;
}

.home_title_grand {
    font-size: 95px;
    font-weight: 600;
}

.a_btn {
    padding: 10px 50px;
}

.a_btn:hover {
    text-decoration: none
}

.home_title_small {
    padding: 50px;
    font-size: 30px;
    font-weight: 600;
}

.login_container {
    padding-top: 85px;
}

.login_title {
    color: white;
    font-size: 40px;
    font-weight: 600;
}

.login_baner {
    width: 325px;
    margin: 0;
}
.login_banner_large{
    width: 90%;
}
.login_banner_large p{
    font-size: 16px;
}
.login_banner_large strong{
    font-size: 17px;
}
.login-inner-block {
    margin: 0 auto;
}
.login-inner-block-large .banner-bg-block{
    text-align: center;
}

.login_baner_text {
    margin: auto;
    color: white;
    text-align: left;
    font-size: 20px;
}

.standard_block_log {
    margin-top: 7%;
}
.standard_block_log_large{
    margin-top: 4%;
}

.div_btn {
    padding: 4px 13px;
    background: #5BB718 no-repeat padding-box;
    border-radius: 10px;
    margin: 10px 0 30px;
    text-align: center;
    font: normal normal bold 34px/40px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #FFFFFF;
    width: fit-content;
}

.login_form {
    width: 60%;
}

.login-heading {
    margin-bottom: 40px;
}

.login-submit-block {
    margin: 20px 0 0 0;
}

.field-icon {
    float: right;
    margin-left: 40px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.survey-alert-block {
    padding: 50px 0;
    background: #1C428C;
}

.survey-padding {
    padding: 10px;
}

.survey-icon {
    width: 45px;
    height: 45px;
    background: #1BABB4;
    border-radius: 100%;
    float: left;
    margin-right: 2%;
}

.memory-icon {
    background-image: url("../images/memory.svg");
}

.appetit-icon {
    background-image: url("../images/appetit.svg");

}

.eye-icon {
    background-image: url("../images/eye.svg");

}

.movement-icon {
    background-image: url("../images/movement.svg");

}

.ear-icon {
    background-image: url("../images/ear.svg");

}

.mood-icon {
    background-image: url("../images/mood.svg");

}


.alert-left-block {
    padding: 0 50px 50px;
    font: normal normal normal 23px/26px Roboto, sans-serif;;
    color: white;
    width: 85%;
    margin: 0 0 0 auto;
}

.alert-center-block img {
    width: 275px;
}

.alert-content p, .alert-text p {
    margin: 25px 0;
}

.alert-right-block {
    background-color: #f5fbfc;
    text-align: center;
    padding-bottom: 42px;
}

.alert-img {
    text-align: center;
    font-size: 23px;
    font-family: Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
}

.alert-img img {
    width: 100px;
    margin: 22px auto;
}

.btn_block {
    padding: 25px;
}

.pro-sante-connect {
    margin: 50px !important;
}

.pro-sante-connect-btn {
    width: 100% !important;
    background: url(../images/ProSanteConnect.svg) no-repeat 70% center;
    text-align: left;
    border: 2px solid #1f448a !important;
    margin: 0;
    position: relative;
}

.pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
    text-decoration: none;
    color: #1f448a;
    text-align: left;
    padding-left: 15%;
    display: block;
    width: 100%;
    height: 100%;
}

.pro-sante-connect-btn.btn:not(:disabled):not(.disabled):active {
    background: url(../images/ProSanteConnect.svg) no-repeat 70% center;
}

.connection-sep {
    position: relative;
    height: 2px;
    background: #1f448a;
    margin: 0 50px;
}

.connection-sep span {
    position: absolute;
    left: 50%;
    background: white;
    width: 65px;
    height: 30px;
    display: block;
    transform: translate(-50%, -50%);
    font: normal normal bold 16px / 30px Arial, sans-serif;
    color: #1F448A;
    text-align: center;
}

.pro-sante-connect-btn img {
    width: 215px
}

.inner-content {
    background-color: #f5fbfc;
    margin-top: 57px;
    padding: 40px 0 32px;
}

.summary-list-item .summary-content {
    display: none;
}

.summary-header, .summary-content {
    background-color: #F5FBFC;
    padding: 16px !important;
    margin: 10px !important;
    text-align: left;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
    border-radius: 5px;
}

.body-survey-result .summary-content,
.body-survey-result .summary-header {
    background: #fff;
}

.summary-header.extended {
    background-color: #dbf2f5;
}

.summary-list-block {
    width: 98%;
    margin: 0 auto;
}

.download-pdf {
    text-align: center;
    border-right: 1px solid #0D3182;
}

.download-pdf:before {
    content: "";
}

.download-pdf a {
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
}

.download-pdf span, .expend span {
    display: inline-block;
    vertical-align: middle;
}

.dashboard-file-download:before {
    text-align: center;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/pdf-download.png) no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

.expend {
    text-align: center;
    cursor: pointer;
}

.inner-title {
    padding: 0 2% 24px;
}

.survey-icon img {
    width: 45px;
}

.summary-content-icon-block {
    display: flex;
}

.survey-result {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.summary-item {
    display: flex;
}

.body-survey-result .summary-item {
    display: block;
}

.summary-item.not-normal > div.survey-padding {
    background: #FFF6EE !important;
}

.summary-item.not-normal .survey-icon {
    background-color: #FF7B54;
}

.summary-item.not-normal .survey-result-item {
    color: #FF7B54;
}

.survey-result-item img {
    width: 20px;
}

.survey-result-item {
    font: normal normal normal 16px/20px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #5BB718;
}

.survey-result-block {
    padding: 0 5px;
    float: left;
}

.profile-survey-block .survey-result-block {
    width: 70%;
}

.survey-result-block .survey-result {
    width: 20px;
    height: 20px;
}

.survey-result-block .survey-result {
    display: inline-block;
}

.survey-group {
    font: normal normal bold 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
}

.search_red {
    color: red;
}

.dashicons {
    font-size: 14px;
    font-weight: bold;
}

.success-icon {
    color: #5bb718;
}

.error-icon {
    color: #ed1164;
}

.process-bar {
    background: #d3eccc;
    border-radius: 78px;
    width: 100%;
    height: 16px;
}

.process-bar > div {
    height: 16px;
    width: 0;
    background: #5BB718;
    border-radius: 78px;
    opacity: 1;
}

.process-step {
    color: #1F448A;
    font-weight: bold
}

.form-processing.mobile-view .process-bar.step-1 > div {
    width: 20%;
}

.form-processing.mobile-view .process-bar.step-2 > div {
    width: 40%;
}

.form-processing.mobile-view .process-bar.step-3 > div {
    width: 60%;
}

.form-processing.mobile-view .process-bar.step-4 > div {
    width: 80%;
}

.form-processing.mobile-view .process-bar.step-5 > div {
    width: 100%;
}

.profile-data {
    background-color: #f5fbfc;
    margin-top: 15px;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #1F448A;
    padding: 20px 25px;
}

.profile-data ul li {
    margin-top: 10px;
}

.profile-data ul li span.left-text-block {
    font-weight: bold;
}

.user_info_block {
    width: 90%;
    margin: 50px auto;
}

.content-header-block h1 {
    font: normal normal bold 36px/42px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
    margin-bottom: 12px;
}

.content-header-block {
    background-color: #f5fbfc;
    text-align: center;
    padding: 50px 0;
    margin-bottom: 40px;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #2D3A64;
}

.settings-page .content-header-block {
    background: #f5fbfc url(../images/green-top-right.svg) no-repeat top right;
}

.icon-block {
    width: 30px;
    height: 30px;

}

.prof-icon {
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #5bb718;
    line-height: 20px;
    font-size: 20px;
    margin-right: 5px;
}

.prof-icon i {
    line-height: 15px;
}

.medical-icon {
    background: url("../images/doctor_icon.svg") no-repeat center center;
    background-size: 100%;
}

.female-icon {
    background: url("../images/gender-icon.svg") no-repeat center center;
    background-size: 100%;
    height: 25px;
}

.male-icon {
    background: url("../images/male-icon.png") no-repeat center center;
    background-size: 100%;
    height: 25px;
}

.plus-icon {
    background: url("../images/plus-icon.svg") no-repeat center center;
    background-size: 100%;
}

.hand-icon {
    background: url("../images/hand-icon.svg") no-repeat center center;
    background-size: 100%;
}

.calendar-icon {
    background: url("../images/calendar-icon.svg") no-repeat center center;
    background-size: 100%;
}

.history-icon {
    background: url("../images/history-icon.svg") no-repeat center center;
    background-size: 100%;
}

.content-title-block {
    margin: 40px;
}

.profile-title {
    font: normal normal bold 23px/26px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #1F448A;
    vertical-align: middle;
    display: inline-block;
}

.profile-data ul {
    list-style: none;
}

.profile-icon img, .search-icon img {
    width: 100%;
}

.right-text {
    float: right;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #0D3182;
    text-align: right;
}

.right-text-block {
    float: right;
    text-align: right;
}

/* Modals */
.custom-modal-wrappr, .custom-modal-wrapper {
    display: none;
    background: #000;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 120;
}

.custom-modal-wrapper {
    display: block;
}

.hidden {
    display: none;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-dialog {
    z-index: 300;
    max-width: 95%;
}

.custom-modal {
    display: none;
    position: fixed;
    width: 95%;
    max-width: 500px;
    transform: translate(-50%, -20%);
    left: 50%;
    top: 20%;
    z-index: 150;
    border: 1px solid #1F448A;
    padding: 20px;
    border-radius: 10px;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
}


.custom-modal-inner {

}

.custom-modal-close {
    text-align: right;
    margin-bottom: 20px;
}

.close-popup {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: white;
    border: 1px solid;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 28px;
}

.custom-modal-title {
    font: normal normal bold 23px/26px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #1F448A;
    text-align: center;
    margin-top: 0;
}

.modal-content {
    font: normal normal normal 16px/19px Roboto, sans-serif;;
    color: #2D3A64;
}

.filter-enabled {
    position: relative;
}

.filter-icon {
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../images/filter.png) no-repeat;
    background-size: 100%;
    right: 10px;
    cursor: pointer;
    top: 40%;
}

.filter-icon.active {
    background: url("../images/filter-active.png") no-repeat;
    background-size: 100%;
}

.filter-alert-popup {
    position: absolute;
    width: 240px;
    height: auto;
    display: none;
    padding: 10px 20Px;
    background: white;
    border: 2px solid #E5E6EB;
    top: 90%;
    left: 0;
    z-index: 2000;
}

.filter-data-list > div {
    float: left;
}

.filter-data-list > div + div {
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

/* gap between columns */
.filter-data-list div.sub-list {
    padding: 3px 0 0 15px;
    margin-left: 10px;
    border-left: 1px dashed #E5E6EB;

}

/* indent hierarchy */
.filter-data-list label {
    padding-left: 5px !important;
    font-size: 12px;
    margin-bottom: 5px;
}

.filter-data-list input, [type=checkbox]:focus {
    outline: none !important;
    box-shadow: none;

}

.filter-data-list .list-child {
    position: relative;
}

.filter-data-list .list-child:before {
    content: "----";
    display: inline-block;
    position: absolute;
    left: -15px;
    color: #E5E6EB;
    font-size: 9px;
    top: 0;
}

.fixed-with-col {
    max-width: 180px !important;
}

.btn.squared-btn {
    border-radius: 5px !important;
    padding: 5px !important;
    font: normal normal normal 12px/10px Roboto, sans-serif;;
    display: inline-block;
    width: 60px;
    min-width: auto;
    margin-left: 5px;
    background: #cccccc;
}

.ui-dialog, .ui-widget-content, .modal-content, .top-menu-block {
    background-color: #F5FBFC !important;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    border: none;
}

.ui-dialog-titlebar {
    display: none !important;
}

.ui-dialog-buttonset {
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog-buttonset button {
    width: 100%;
}

.ui-dialog-content {
    font: normal normal bold 24px/28px Roboto, sans-serif;;
    color: #0D3182;
}

.test-page-info {
    font: normal normal normal 14px/16px Roboto, sans-serif;;
    margin-bottom: 30px;
    color: #2D3A64;
    text-align: center;
}

.bg-icon {
    background: #E4FDEC 0 0 no-repeat padding-box;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 50px;
}


/*----Survey---*/
.no-survey {
    font: normal normal normal 16px/19px Roboto, sans-serif;;
    color: #1F448A;
    text-align: center;
    padding: 20px;
}

.page-center {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding: 80px 0;
}

.user-info-check-page .content-header-block {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.blue-edit {
    background: #1F448A;
    width: 50px;
    height: 50px;
    border: 1px solid #1F448A;
    border-radius: 100%;
    line-height: 50px;
    color: white;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
}

.blue-edit:hover {
    background: #fff;
    color: #1F448A;
}


.question_group {
    background: #0D3182 0% 0% no-repeat padding-box;
    border-radius: 50px;
    font: normal normal 600 16px/22px Open Sans;
    color: #FFFFFF;
    padding: 10px 5px;
    text-align: center;
    min-width: 130px;
    max-width: 210px;
}

.quest-answer-block {

}

.step-16 .quest-block {
    min-height: 200px;
}

.sub_step_02 {
    min-height: 380px;
}

.survey_stap_16 .sub_step_02 .return-block.survey-return {
    bottom: 140px;
}

.quest-note {
    font: italic normal normal 16px/19px Roboto, sans-serif;;
    color: #2D3A64;
    text-align: center;
    margin: 30px 0;
}

.quest-step {
    width: 40px;
    height: 40px;
    background: #5BB718 0% 0% no-repeat padding-box;
    font: normal normal 600 16px/22px "Open Sans", sans-serif;
    text-align: center;
    color: #FFFFFF;
    border-radius: 100%;
    line-height: 40px;
    margin: 20px auto;
    padding: 0;
}

.quest-title {
    font: normal normal bold 20px/24px Roboto, sans-serif;;
    text-align: center;
    color: #151515;
}

.audio-block {

}

.audio {
    width: 50px;
    height: 50px;
    background: url(../images/volume.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
}

.audio-icon {

}

.user-weight input[type="text"].verify-code {
    width: 58px !important;
    margin: 0 5px;
    height: 80px;
    text-align: center;
    padding: 15px;
    font: normal normal normal 32px/44px Arial, sans-serif;
    flex: none !important;
    display: inline-block;
}

.user-weight .verify-code.is-invalid {
    background: #f8d7da;
}

.user-weight {
    font: normal normal bold 26px/30px Roboto, sans-serif;;
    margin-bottom: 70px;
}

.survey_stap_10 .sub_step_1,
.survey_stap_10 .sub_step_2,
.survey_stap_16 .sub_step_1,
.survey_stap_16 .sub_step_02,
.survey_stap_16 .sub_step_03 {
    display: none;
}

.video-block {
    position: relative;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 480px;
    height: 270px;
    margin: 15px auto;
}

.video-quote {
    position: absolute;
    right: -32%;
    width: 45%;
    font-size: 16px;
    line-height: 20px;
    top: 50%;
}

.timer-icon {
    width: 135px;
    height: 125px;
    margin: 0 auto 50px;
    cursor: pointer;
}

.green-title {
    font-size: 26px;
    font-weight: bold;
    color: #5cb718;
    font-style: normal;
}

.audio-block-logo {
    position: absolute;
    left: 25%;
    top: -7px
}

.step3-block {
    margin-top: 65px;
    margin-bottom: 65px;
}

#sec {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sec {
    position: absolute;
    top: 0;
    left: 285px;
    background: green;
    width: 50px;
    height: 3px;
    z-index: 3;
}

.survey-success-page img {
    margin: 0 auto 30px
}

.survey-success-page h1 {
    font: normal normal bold 36px/42px Roboto, sans-serif;;
    color: #2D3A64;
}

.survey-success-page p {
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    color: #2D3A64;
}

.survey-header {
    padding: 50px 0 20px;
}

.survey-processing {
    margin-top: 40px;
}

.survey-processing ul {
    padding: 1px 0;
    border-radius: 20px;
}

.survey-processing ul li {
    width: 12%;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border-radius: 20px;
    position: relative;
}

.survey-processing ul li.passed:after {
    content: "";
    width: 82%;
    display: block;
    background: #5BB718;
    height: 10px;
    margin: 5px auto;
    border-radius: 20px;
}

.survey-processing ul li ul li.passed:after {
    content: none;
}

.survey-processing ul li ul {
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.survey-processing ul li ul li {
    width: 13px;
    height: 13px;
    background: grey;
    margin: 0 1%;
}

.survey-processing .survey-sub_step {
    background: white;
}

.survey-processing .step-title {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    font-size: 13px;
    width: 100%;
}

.survey-sub_step.passed {
    background: #5BB718;
}

.survey-sub_step.active {
    background: #CEEABA;
}

.survey-processing ul li.passed ul {
    display: none;
}

.survey-step-page {
    padding-top: .5rem;
}

.survey-step-page .content-header-block {
    background: #1D428C url(../images/green-right-top.svg) no-repeat top right !important;
}

.result-alert-block {
    margin-top: 65px;
    position: relative;
}

.result-no-alert, .result-alert {
    background: #F5FBFC;
    text-align: center;
    color: #1D428C;
    padding: 50px 30px 30px;
    border-radius: 10px;
}

.alert-icon, .alert-icon span {
    width: 60px;
    position: absolute;
    height: 60px;
    left: 50%;
    top: -30px;
    transform: translate(-50%);
    z-index: 2;
    border: 6px solid rgb(253 123 84 / 50%);
    border-radius: 100%;
    color: white;
    text-align: center;
    line-height: 48px;
}

.alert-icon span {
    border: none;
    width: 48px;
    height: 48px;
    z-index: 3;
    background: #FD7B54;
    top: 0;
}

.result-no-alert .alert-icon {
    border: 6px solid rgb(31 68 138 / 50%);
}

.result-no-alert .alert-icon span {
    background: #1F448A;
}

.result-alert {
    background: #FFF0E3;
    text-align: center;
    color: #FF7B54;
    padding: 50px 30px 30px;
    border-radius: 10px;
}

.alert {
    margin-top: 20px;
}


.result-heading {
    font: normal normal bold 27px/32px Roboto, sans-serif;;
    letter-spacing: 0;
    color: #1F448A;
}

.small-content {
    padding: 20px 50px;
}

.country-list {
    position: absolute;
    width: 70%;
    top: 20px;
    height: 200px;
    overflow: scroll;
    z-index: 30;
}

.country-item {
    margin: 3px 0;
}

.country-item img, .country-item span {
    display: inline-block;
    vertical-align: middle;
}

.country-list-block {
    position: relative;
}

.country-group-addon {
    cursor: pointer;
    position: absolute;
    top: 13px;
    left: 7px;
}

.country-group-addon img {
    width: 25px;
}

input[name="phone_number"] {
    padding-left: 40px;
}

input.disabled {
    background: #B7B7B7;
}

/* Admin */
.dashboard-tabs {
    width: 100%;
}

.donutCell {
    position: relative;
}

.donutDiv {
    width: 256px;
    height: 256px;
}

.centerLabel {
    position: absolute;
    left: 7.5%;
    top: 20%;
    width: calc(100% / 4);
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: black;
}

.pie-legend {
    position: absolute;
    top: 10px;
    right: 5%;
    font-size: 14px;
}

.pie-legend span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.chart-total {
    font-size: 40px;
    padding-top: 12px;
}

.tab-content-block select {
    padding: 3px 20px;
}


.tab-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 30px;
    height: 30px;
    background: red;
    transform: translate(0, -50%);
}

.tab-icon.tab-statistic-icon {
    background: url("../images/admin/statistics.png") no-repeat center center;
    background-size: 100%;
}

.tab-icon.tab-territories-icon {
    background: url("../images/admin/territories.png") no-repeat center center;
    background-size: 100%;
}

.tab-icon.tab-user-icon {
    background: url("../images/admin/user.png") no-repeat center center;
    background-size: 100%;
}

.tab-icon.tab-eval-icon {
    background: url("../images/admin/eval_icon.png") no-repeat center center;
    background-size: 100%;
    height: 50px;
}

.title-eval-icon {
    background: url("../images/admin/edit_icon.png") no-repeat center center;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

.title-alert-icon {
    background: url("../images/admin/alert_icon.png") no-repeat center center;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

.title-brain-icon {
    background: url("../images/admin/brain_icon.png") no-repeat center center;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

.create-new-user-btn {
    margin: 10px auto;
}

.create-new-user-btn button {
    width: 100%;
}

.tab-title-block {

    margin: 0;
    background: white;
}

.tab-title {
    border-bottom: 2px solid #abd5dd;
    text-align: center;
    border-right: 2px solid #abd5dd;
    cursor: pointer;
}

.tab-title a {
    padding: 20px 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.tab-title h2, .tab-title h2 a {
    margin: 0;
    color: darkgray;
}

.tab-title:nth-child(3) {
    border-right: none;
}

.tab-title.active {
    border-left: 2px solid #abd5dd;
    border-right: 2px solid #abd5dd;
    background: #f5fbfc;
    border-top: 2px solid #abd5dd;
    border-bottom: none;
}

.tab-title.active h2, .tab-title.active h2 a {
    color: #212529;
    text-decoration: none;
}

.tab-content {
    width: 100%;
    position: relative;
}

.tab-content.active {
    display: block;
}

.admin-alert-block {
    margin: 50px 0 55px;
}

.admin-alert-block h1 {
    font: normal normal normal 45px/53px Roboto, sans-serif;;
    color: #2D3A64;
}

.admin-welcome {
    font: normal normal normal 23px/26px Roboto, sans-serif;;
    color: #2D3A64;
}

.admin-search-block {
    margin-top: 35px;
}

.admin-search-block input {
    width: 80%;
    background: #F5FBFC 0 0 no-repeat padding-box;
    border: 1px solid #F5FBFC;
    border-radius: 10px;
    padding-left: 35px;
}

.admin-search-block i {
    color: #5BB718;
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 18px;
}

.paginate_button {
    border: 1px solid #2D3A64 !important;
    border-radius: 5px !important;
    background: white !important;
    color: #2D3A64 !important;
}

.paginate_button:hover, .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 1px solid #fff !important;
    background: #2D3A64 !important;
    color: #fff !important;
}

.paginate_button.disabled:hover, .paginate_button.disabled {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: gray !important;
}

.admin-info-block {
    border-radius: 25px;
    height: 190px;
    padding: 15px 10px;
}

.admin-info-block a, .admin-info-block a:hover {
    text-decoration: none;
}

.info-title-block {
    text-align: center;
    font: normal normal bold 20px/22px Roboto, sans-serif;;
}

.info-circle {
    width: 84px;
    height: 84px;
    margin: 0 auto 20px;
    border: 8px solid #3070EB;
    border-radius: 100%;
}

.info-center-circle {
    width: 60px;
    height: 60px;
    margin: 4px auto;
    background: #3070EB;
    text-align: center;
    border-radius: 100%;
}

.info-center-circle span {
    font: normal normal bold 28px/32px Roboto, sans-serif;;
    color: #FFFFFF;
    display: inline-block;
    padding-top: 15px;
}


.dark-green-bg {
    background: #95B97F;
}

.darker-green-bg {
    background: #83B698;
}

.dark-cyan-bg {
    background: #5FB1BB;
}

.dark-blue-bg {
    background: #6598EE;
}

.dark-orange-bg {
    background: #FF7B54;
}

.dark-red-bg {
    background: #EF4040;
}


.admin-info-block.green-block {
    background: #DBEFCE
}

.admin-info-block.green-block .info-circle {
    border-color: #C7E0B7
}

.admin-info-block.green-block .info-title-block {
    color: #95B97F;
}

.admin-info-block.light-cyan-block {
    background: #dbf1f4
}

.admin-info-block.light-cyan-block .info-circle {
    border-color: #B8D7DB
}

.admin-info-block.light-cyan-block .info-title-block {
    color: #5FB1BB;
}


.admin-info-block.dark-green-block {
    background: #D4E4DB
}

.admin-info-block.dark-green-block .info-circle {
    border-color: #A9CFB8
}

.admin-info-block.dark-green-block .info-title-block {
    color: #83B698;
}


.admin-info-block.blue-block {
    background: #DCF2F5;
}

.admin-info-block.blue-block .info-circle {
    border-color: #88B1F1
}

.new-alert-block.filtered .admin-info-block.blue-block {
    border: 1px solid #6598EE;
}

.admin-info-block.blue-block .info-title-block {
    color: #6598EE;
}


.admin-info-block.orange-block {
    background: #FFF0E2
}

.alert-status-block.filtered .admin-info-block.orange-block {
    border: 1px solid #FF7B54;
}

.admin-info-block.orange-block .info-circle {
    border-color: #FFB69C
}

.admin-info-block.orange-block .info-title-block {
    color: #FF7B54;
}


.admin-info-block.red-block {
    background: #FDE4E4
}

.alert-sphere-block.filtered .admin-info-block.red-block {
    border: 1px solid #EF4040;
}

.admin-info-block.red-block .info-circle {
    border-color: #F99593
}

.admin-info-block.red-block .info-title-block {
    color: #EF4040;
    margin-top: -14px;
}

.dashboard-summary-users {

}

.dashboard-summary-users .inner-title {
    padding: 0 3% 25px;
}

.users-list-block {
    padding: 0 2%;
    width: 100%;
}

.users-list {

}

.users-list table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px !important;
}

.users-list table th {
    font: normal normal bold 16px/19px Roboto, sans-serif;;
    color: #2D3A64;
}

.users-list table tr {
    font: normal normal bold 16px/19px Roboto, sans-serif;;
    color: #2D3A64;
    background: white !important;
}

.users-list table td {
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    color: #2D3A64;
    padding: 5px !important;
}

#manager-alert-list td {
    font: normal normal normal 16px/20px Roboto, sans-serif;;
    color: #2D3A64;
    padding: 5px 0 !important;

}

.alert-status-list, .transferToSphere-list {
    border: none;
    outline: none;
}

.alert-status-list.confirmed {
    color: green
}

.alert-status-list.untreated {
    color: red
}

.alert-status-list-block {
    cursor: pointer;
}

.alert-status-list-block.confirmed {
    background-color: #E4FDEC;
    border: 1px solid green;
    color: green
}

.alert-status-list-block.untreated {
    color: #EF4040;
    border: 1px solid #EF4040;
    background: #FCE4E4;
}

.action-col {
    width: 12%;
}

.action-col > div {
    border-left: 1px solid #5BB718;
}

.action-col span {
    display: inline-block;
    width: 20px;
    margin-left: 7%;
    cursor: pointer;
}

.date-col {
    width: 10%;
    max-width: 200px;
}

.name-col {
    width: 15%;
}

.status-col {
    width: 12%;
}

.small-col {
    width: 2%;
}

.alert-col {
    width: 7%;
    text-align: center;
}

.inline-view {
    display: inline-block;
}

thead.web-view, td.web-view {
    display: revert;
}

#manager-alert-list_length, #manager-alert-list_filter,
#admin-users-list_length, #admin-users-list_filter {
    display: none;
}

.dataTables_paginate.paging_simple_numbers {
    margin-top: 20px;
}

.paginate_button {
    padding: 10px;
}

[type=checkbox]:checked {
    outline: none;
    border: none;
}

.comment-item {
    text-align: left;
    font: normal normal normal 18px/21px Roboto, sans-serif;;
    color: #1F448A;
    background: #F5FBFC;
    border-radius: 10px;
    padding: 10px;
    margin-top: 15px;
}

.comment-item .comment-heading .left {
    float: left;
}

.comment-item .comment-heading .right {
    float: right;
    width: auto;
}

.comment-item .comment-body {
    display: none;
    border-top: 1px dashed;
    background: white;
    padding: 5px;
    margin-top: 5px;
}

span.cgu {
    width: 20px;
    height: 21px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: white;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
}

span.cgu.valid {
    background: #ACDC87;
}

span.cgu.not-valid {
    background: red;
}

#admin-users-list .data-col,
#admin-users-list .name-col,
#admin-users-list .alert-col,
#admin-users-list .status-col {
    width: auto;
}

#admin-users-list .action-col {
    width: 110px !important;
}

.export-button {
    color: #0A4F93;
    display: inline-block;
    min-width: auto;
    font-weight: normal;
    cursor: pointer;
    padding-left: 0 !important;
}

.export-button img {
    width: 25px;
    display: inline-block;
    vertical-align: text-bottom;
}

.export-button:hover {
    text-decoration: underline;
}

#emptyField {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #D9DDE1;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    right: 15px;
    top: 48px;
    margin-left: -40px;
    cursor: pointer;
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    display: none;
}

#delete-confirm + .ui-dialog-buttonpane {
    padding: 0;
}

#delete-confirm + .ui-dialog-buttonpane button {
    margin-top: 20px;
}

#manager-alert-list thead th:first-child:before,
#manager-alert-list thead th:first-child:after,
#admin-users-list thead th:first-child:before,
#admin-users-list thead th:first-child:after {
    content: none;
}

.admin-info-block-wrapper {
    cursor: pointer;
}

#toggleConfirmPassword, #togglePassword {
    position: absolute;
    right: 15px;
    top: 39px;
    margin-left: -40px;
    cursor: pointer;
}

#toggleConfirmPassword img, #togglePassword img {
    display: inline-block;
    vertical-align: middle
}

#admin-users-list th, #manager-alert-list th {
    font: normal normal bold 14px/19px Roboto, sans-serif;
}

#admin-users-list, #manager-alert-list {
    table-layout: fixed;
    overflow-wrap: break-word;
    min-width: 100%;
}

#admin-users-list thead th {
    width: 10%;
    padding: 10px 15px 10px 0
}

#admin-users-list td {
    font: normal normal normal 16px/20px Roboto, sans-serif;;
}

.register-loader {
    position: absolute;
    width: 40px;
    height: 40px;
    background: url("../images/loader.gif") no-repeat center center;
    background-size: 100%;
    right: 10%;
    top: 0;
    margin: 0 auto;
    display: none;
}

.delete-name-block {
    width: 30px;
    height: 30px;
    border: 1px solid #D9DDE2;
    background: white;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    cursor: pointer;
    z-index: 40;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    color: #626263;
}

.new-name-block input {
    padding-right: 35px;
}

.new-name-block {
    margin-top: 10px;
}

.add-new-name-block {
    font: normal normal bold 14px/18px Roboto, sans-serif;;
    padding: 10px !important;
    margin-top: 10px;
    width: 170px;
    min-width: 100px;
}

.app-download-modal {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20000;
    background: white;
    padding: 10px;
    display: none;
}

.app-modal-content {
    display: flex;
}

.app-popup-title {
    flex: 0 0 50%;
    padding-top: 4%;
    padding-left: 3%;
}

.app-close-modal {
    flex: 0 0 10%;
    font-size: 26px;
    font-weight: bold;
    line-height: 80px;
}

.app-modal-content a {
    flex: 0 0 18%;
    padding-top: 8%;
    text-align: center;
}
.conditions-block-manager{
    padding: 20px 0;
    height: 200px !important;
}

#export-notification{
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    background: #f9fafb;
    border: 1px solid #ddd;
    padding: 15px 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 9999;
    border-radius: 8px;
    font-weight: bold;
    color: #333;
    animation: fadeIn 0.5s ease-in-out;
}
.note-spinner{
    width: 20px;
    height: 20px;
    border: 3px solid #ccc;
    border-top-color: #00aa66;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media all and (min-width: 1800px) {
    .centerLabel {
        left: 16%;
        width: 100px;
    }
}

@media all and (min-width: 1500px) and (max-width: 1590px) {
    .centerLabel {
        left: 11%;
        width: 100px;
    }

    .tab-title .h2 {
        font-size: 28px;
    }
}

@media all and (max-width: 1499px) and (min-width: 1201px) {
    .video-quote {
        width: 35%;
        right: -21%;
    }

    .centerLabel {
        font-size: 12px;
        line-height: 14px;
        top: 23%
    }

    .chart-total {
        font-size: 30px;
        padding-top: 12px;
    }
}


@media all and (max-width: 1364px) and (min-width: 1201px) {
    .survey-result-block .survey-result {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 14px;
    }

    .survey-result-item {
        font: normal normal normal 12px/16px Roboto, sans-serif;;

    }

    .survey-group {
        font: normal normal bold 14px/18px Roboto, sans-serif;;
    }
}

@media all and (min-width: 1400px) and (max-width: 1500px) {
    .btn, .ui-button, button, [type=button], [type=reset], [type=submit] {
        padding: 5px 12px !important;
    }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
    .btn, .ui-button, button, [type=button], [type=reset], [type=submit] {
        font-size: 16px;
        padding: 5px 12px !important;
    }

    .body_container_login {
        padding: 50px 30px;
    }

    .info-title-block {
        text-align: center;
        font: normal normal bold 16px/18px Roboto, sans-serif;;
    }

    .info-circle {
        margin-bottom: 30px;
    }
}


@media all and (min-width: 1024px) and (max-width: 1200px) {
    .btn, .ui-button, button, [type=button], [type=reset], [type=submit] {
        font-size: 15px;
        padding: 0 10px !important;
    }

    .video-quote {
        right: -10%;
        width: 40%;
    }

    .pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
        padding-left: 15%;
    }
}


@media all and (min-width: 851px) and (max-width: 1023px) {
    .video-quote {
        right: -2%;
        width: 30%;
    }
}

@media all and (min-width: 1201px) and (max-width: 1366px) {
    .pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
        padding-left: 8%;
    }
}


@media all and (min-width: 851px) and (max-width: 1200px) {

    .centerLabel {
        font-size: 10px;
        line-height: 10px;
        top: 25%
    }

    .chart-total {
        font-size: 24px;
        padding-top: 10px;
    }

    .video-block {
        margin: 15px 0;
    }

    .summary-content .col-md-2 {
        flex: 0 0 33.333333%;
        max-width: 32.333333%;
        margin: 10px 0;
    }

    .info-title-block {
        text-align: center;
        font: normal normal bold 16px/18px Roboto, sans-serif;;
    }

    .info-center-circle {
        width: 47px;
        height: 47px;
        margin: 3.5px auto;
    }

    .info-circle {
        width: 70px;
        height: 70px;
        margin-bottom: 40px;
    }

    .info-center-circle span {
        font: normal normal bold 22px/26px Roboto, sans-serif;;
        color: #FFFFFF;
        display: inline-block;
        padding-top: 12px;
    }

    .users-list table th, .users-list table td {
        width: auto !important;
    }
}

@media all and (min-width: 851px) and (max-width: 1023px) {
    .btn, .ui-button, button, [type=button], [type=reset], [type=submit] {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 15px !important;
    }

    .login_container .items-center .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}


@media all and (min-width: 851px) and (max-width: 1100px) {
    .registration_container, .wide-container {
        width: 90%;
    }

    .pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
        padding-left: 5%;
    }

    .survey-processing ul li ul li {
        width: 10px;
        height: 10px;
        background: grey;
        margin: 0 1%;
    }

    .survey-processing ul li {
        width: 13%;
    }
}

@media all and (min-width: 851px) and (max-width: 955px) {
    .pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
        font-size: 14px;
        padding-left: 0;
    }
}

@media all and (max-width: 850px) {
    .pro-sante-connect-btn {
        background: url(../images/ProSanteConnect.svg) no-repeat 90% center;
        max-width: 250px;
        background-size: 55%;
    }

    .pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
        font-size: 14px;
        padding-left: 0;
    }

    .survey-step-page {
        padding-top: 0 !important;
    }

    .delete-name-block {
        top: 50%;
        right: 24%;
    }

    .add-new-name-block {
        margin-bottom: 20px;
        margin-top: 20px !important;
    }

    .new-name-block input {
        width: 65%
    }

    .audio-block-logo {
        left: 5%;
    }

    .step3-block {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .video-quote {
        position: static;
        width: 100%;
    }

    .small-content {
        padding: 0;
    }

    .name-col, .action-col {
        width: 50%;
    }

    .dashboard-summary-users .inner-title {
        padding-bottom: 0;
    }

    .users-list table tr {
        background: #F5FBFC !important;
    }

    .users-list table td {
        font: normal normal normal 16px/20px Roboto, sans-serif;;
        color: #2D3A64;
        padding: 7px;
    }

    .inner-left-margin {
        margin-left: 0;
    }

    .mobile-view, .action-col span.mobile-view {
        display: block;
    }

    .action-col .mobile-view, .action-col span.mobile-view {
        display: inline-block;
        vertical-align: middle;
    }

    .inner-right-margin {
        margin-right: 0;
    }

    .body-verify\.index .company-logos, .container-login-wrapper .company-logos {
        display: none;
    }

    .mp-0 {
        padding: 0 !important;
    }

    .mm-0 {
        margin: 0 !important;
    }

    .mp-l {
        padding-left: 0 !important;
    }

    .mp-r {
        padding-right: 0 !important;
    }

    .mp-t {
        padding-top: 0 !important;
    }

    .mp-b {
        padding-bottom: 0 !important;
    }

    .mm-l {
        margin-left: 0 !important;
    }

    .mm-r {
        margin-right: 0 !important;
    }

    .mm-t {
        margin-top: 0 !important;
    }

    .mm-b {
        margin-bottom: 0 !important;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .max-w-7xl {
        width: 100%;
        max-width: 100%;
    }

    .row {
        margin: 0
    }

    .body-register .row,
    .body-register-last .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .m-right-text {
        text-align: right !important;
    }

    body {
        overflow-x: hidden;
    }

    .web-view, thead.web-view, td.web-view, .action-col span.web-view, .download-pdf span.web-view, .expend span.web-view {

        display: none;
    }

    .bg-cyan-on-web {
        background: #fff;
    }

    .body-login .full-height, .body-register .full-height, .body-register .wrapper, .body-lost-login,
    .body-password\.reset-password-admin .full-height {
        height: 100%;
    }

    .body-login .main-logo, .body-password\.reset-password-admin .main-logo, .body-lost-login .main-logo {
        width: 80px;
    }

    .pre-login .login_title {
        font: normal normal bold 36px/40px Roboto, sans-serif;;
    }

    .btn, .ui-button, button, [type=button], [type=reset], [type=submit] {
        padding: 5px 18px !important;
    }

    .survey-result-page {
        max-width: 100%;
    }

    .full-width {
        width: 100%;
    }

    .result-heading {
        font: normal normal bold 20px/24px Roboto, sans-serif;;
        padding-top: 20px;
    }

    h2.heading {
        font: normal normal bold 24px/28px Roboto, sans-serif;;
    }

    .content-header-block, .settings-page .content-header-block {
        background: url(../images/mobile-header-rings.svg) no-repeat;
        background-size: 100%;
    }

    .content-header-block h1 {
        font: normal normal bold 24px/28px Roboto, sans-serif;
    !important;
    }

    .content-header-block > div {
        font: normal normal normal 16px/19px Roboto, sans-serif;;
        color: #1F448A
    }

    .top-nav {
        margin-top: 20px;
    }

    .wrapper,
    .body-register .wrapper, .body-register-validate .wrapper,
    .body-register-last .wrapper,
    .body-register-terms .wrapper,
    .body-manager\.complete-terms .wrapper,
    .logged {
        padding: 0;
        background: white !important;
        z-index: 10;
        position: relative;
    }

    .registration_form_container {
        border: none;
        border-radius: 0;
    }

    .body-login, .body-verify\.index, .body-manager\.complete-register,
    .body-lost-login,
    .body-password\.reset-password-admin {
        background: #fff;
    }

    .padding-0 {
        padding: 0;
    }

    .logged {
        height: auto;
    }

    .body-register-validate .registration_form_container,
    .body-register-terms .registration_form_container,
    .body-manager\.complete-terms .registration_form_container {
        background: white url(../images/green-bottom-left.svg) no-repeat left bottom !important;
    }

    .body-register-validate .registration_container,
    .body-manager\.complete-terms .registration_container,
    .body-register-terms .registration_container {
        position: static;
        padding: 0;
    }

    .body-register-last {
        background: none !important;
    }

    .body-register-terms .registration_form_container,
    .body-manager\.complete-terms .registration_form_container {
        padding: 20px;
    }

    .body-register-last .registration_form_container {
        padding: 10px;
    }

    .mobile-top {
        position: relative;
        padding: 60px 24px 20px;
        width: 100%;
        background: #F5FBFC 0 0 no-repeat padding-box;
    }

    .mobile-top .form-processing {
        width: 100%;
        padding-top: 10px;
    }

    .mobile-top .form-processing .process-step {
        padding-bottom: 5px;
    }

    .body-register-last .mobile-top {
        background: #F5FBFC url("../images/green-right-top.svg") no-repeat top right;
    }

    .body-register .mobile-top {
        background: #fff url("../images/mobile-header-bg.svg") no-repeat top right;
        background-size: 100%;
    }

    .body-register-terms .mobile-top,
    .body-register-validate .mobile-top {
        padding-bottom: 0;
    }

    .body-register-validate .mobile-top,
    .body-register-terms .mobile-top,
    .body-manager\.complete-terms .mobile-top {
        background: white;
    }

    .wide-container {
        width: 92%;
    }

    .body_container_login {
        border: none;
        margin: 0 auto;
        padding: 50px 0;
        max-width: 500px;
        background: none;
    }

    .login-heading {
        text-align: center;
    }

    .container-login-wrapper {
        border: none;
    }

    .login_container {
        height: 100%;
        padding-top: 100px;
        background: white url(../images/green-bottom-left.svg) no-repeat bottom left;
    }

    .items-center {
        text-align: center;
    }

    .btn.login-btn {
        margin-top: 20px;
        min-width: 200px !important;
    }

    .btn.register-btn {
        margin-top: 55px;
        min-width: 300px !important;
    }

    .body-login .logo, .body-manager\.complete-register .logo,
    .body-password\.reset-password-admin .logo {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        z-index: 4;
    }

    .body-register header,
    .body-register-last header,
    .body-register-validate header,
    .body-process-login header,
    .body-verify\.index header,
    body.logged header,
    .body-register-terms header,
    .body-manager\.complete-terms header {
        display: none;
    }

    body.body-dashboard header, body.body-user\.dashboard header, body.body-manager\.index header, body.body-admin\.index header {
        display: block;
    }

    .settings-page {
        padding-top: 0;
    }

    .registration_container {
        width: 100%;
        margin: 0;
        border: none;
        border-radius: 0;
        padding: 25px 30px;
        background: white;
    }

    .form-step-4 {
        max-width: 100%;
    }

    .return-block {
        position: absolute;
        top: 20px;
        z-index: 9999999;
        left: 20px;
        height: 30px;
    }

    .settings-page .return-block {
        left: 15px;
        top: 15px;
    }

    .profile-data, .user-profile-block .right-text, .doctor-info-block .right-text {
        font-size: 14px;
        line-height: 16px;
    }

    .profile-title {
        font: normal normal bold 16px/19px Roboto, sans-serif;;
    }

    .block-heading {
        text-align: center;

    }

    .block-heading h1 {
        font: normal normal bold 24px/28px Roboto, sans-serif;
    !important;
        color: #5BB718;
    }

    .form-heading {
        font: normal normal bold 20px/24px Roboto, sans-serif;;
    }

    .r_b_title {
        font: normal normal bold 16px/18px Arial;
        text-align: center;
    }

    .container_radio {
        max-width: 400px;
        margin: 0 auto;
    }

    .container_radio label {
        width: auto;
        padding: 15px;
    }

    .close-block {
        top: 15px;
        right: 20px;
    }

    .close-action {
        line-height: 40px;
        text-align: center;
    }

    .mobile-refister-info {
        margin: 20px 0 40px;
        text-align: center;
        line-height: 18px;
    }

    .register-info-small {
        font-size: 13px;
        line-height: 16px;
    }

    .custom-modal {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .body-verify\.index .verify-code,
    .body-process-login .verify-code {
        height: 120px !important;
    }

    .verify-code-input-block input.verify-code {
        height: 90px !important;
        background: #FFFFFF 0 0 no-repeat padding-box;
        border: 1px solid #D9DDE2;
        border-radius: 10px;
        padding: 0;
    }

    .verify-code-input-block {
        width: 80%;
        margin: 0 auto;
    }

    #step-34 {
        margin-top: 30px;
    }

    .text_stat {
        text-align: center;
        font: normal normal bold 24px/28px Roboto, sans-serif;;
        margin-top: 0;
    }

    .accept-terms-block {
        margin-top: 50px;
        text-align: center;
    }

    h1.welcome-title {
        color: white;
        font: normal normal 600 24px/33px "Open Sans", sans-serif !important;
    }

    .alert-left-block {
        margin: 0;
        text-align: center;
        width: 100%;
        font: normal normal normal 16px/19px Roboto, sans-serif;;
    }

    .inner-content {
        margin: 0;
        background: white;
    }

    .inner-title {
        width: 95%;
        margin: 0 auto;
        padding: 0 0 24px;
        text-align: center;
    }

    .inner-title h2 {
        font: normal normal bold 22px/26px Roboto, sans-serif;
    }

    .summary-header, .summary-content, .comment-heading, .comment-item {
        font-size: 16px;
        line-height: 19px;
    }

    .survey-result-item {
        font: normal normal normal 12px/18px "Open Sans";
    }

    .survey-group {
        font: normal normal bold 14px/16px Roboto;
        color: #1F448A;
    }

    .summary-header {
        background: #F5FBFC;
        display: block;
    }

    .summary-header .left {
        width: 75%;
        float: left !important;
        display: block;
    }

    .summary-header .right {
        width: 25%;
        float: right !important;
        display: block;
    }

    .summary-content {
        clear: both;
    }

    .download-pdf {
        border-right: none;
        border-left: 1px solid #0D3182;
        width: 50%;
        cursor: pointer;
    }

    .expend {
        width: 50%;
        text-align: right;
    }

    .summary-content .col-md-2 {
        width: 50%;
        margin-bottom: 12px;
    }

    .inner-wrapper {
        padding-top: 10px;
    }

    .profile-info-table tr div.info-item {
        margin-bottom: 20px;
    }

    .survey-step-page .return-block {
        bottom: 0;
        top: auto;
    }

    .survey-processing ul li {
        width: 13%;
    }

    .survey-processing ul li ul li {
        width: 8px;
        height: 8px;
        margin: 0;
    }

    .survey-header h1 {
        font-size: 28px !important;
    }

    .user-weight {
        width: 100%;
    }

    .survey-return {
        bottom: 25px !important;
        position: fixed;
    }

    .survey-next-step {
        position: fixed;
        width: 100%;
        text-align: right !important;
        right: 5%;
        bottom: 20px;
    }

    .survey-success-page .inner-wrapper {
        width: 95%;
    }

    .small-h1 {
        font: normal normal bold 24px/30px Roboto, sans-serif;
    !important;
    }

    .body-survey-result .summary-item {
        padding: 0;
    }

    .top-menu-block {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .company-logos ul li {
        /*width: calc(100% / 3) !important;*/
        padding: 0 3%;
    }

    .admin-alert-block {
        background: #1C428C;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 55px;
    }

    .admin-search-block {
        margin: 12px 0 15px;
    }

    .admin-search-block input {
        width: 100%;
    }

    .dashboard-summary-users {
        margin-top: 95px !important;
        min-height: auto !important;
    }

    .admin-header-right-block {
        position: absolute;
        bottom: -90px;
    }

    .admin-info-block-wrapper {
        width: 31.33%;
        padding: 0;
        margin-right: 2%;
    }

    .admin-info-block-wrapper:nth-child(3) {
        margin-right: 0;
    }

    .admin-info-block {
        height: 150px;
    }

    .info-center-circle {
        width: 40px;
        height: 40px;
        margin: 2px auto;
    }

    .info-circle {
        width: 60px;
        height: 60px;
        margin: 0 auto 20px
    }

    .info-title-block {
        text-align: center;
        font: normal normal bold 13px/15px Roboto, sans-serif;;
    }

    .info-center-circle span {
        font: normal normal bold 16px/19px Roboto, sans-serif;;
        color: #FFFFFF;
        display: inline-block;
        padding-top: 12px;
    }

    .admin-alert-block h1 {
        font: normal normal 600 24px/33px "Open Sans", sans-serif !important;
        color: #FFFFFF;
    }

    .heading-info-admin {
        text-align: center;
        margin-top: 35px
    }

    .admin-welcome {
        font: normal normal normal 16px/22px "Open Sans", sans-serif !important;
        color: white;
    }

    .two-lines .left-text-block {
        display: inline-block;
        width: 230px;
        vertical-align: middle;
    }

    .fixed-width-btn {
        width: 190px;
        min-width: 190px;
        padding: 5px !important;
    }
}


@media all and (max-width: 650px) {

    .audio-block-logo {
        left: 0;
    }

    .body-dashboard .survey-icon {
        width: 35px;
        height: 35px;
    }

    .body-dashboard .survey-result-block .survey-result {
        width: 15px;
        height: 15px;
        line-height: 10px;
        font-size: 12px;
    }

    .survey-processing ul li {
        height: 17px;
    }

    .survey-processing ul li.passed:after {
        margin: 4px auto;
    }

    .survey-processing ul li ul li {
        width: 5px;
        height: 5px;
        margin: 0;
    }

}

@media all and (max-width: 300px) {
    .pro-sante-connect-btn a, .pro-sante-connect-btn a:hover {
        font-size: 14px;
        padding-left: 0
    }

    .quest-title {
        font: normal normal bold 16px/20px Roboto, sans-serif;
    }

    .survey-header h1 {
        font-size: 22px !important;
    }
}

@media all and (max-height: 500px) {
    .survey-return {
        bottom: 0 !important;
        position: static;
    }

    .survey-next-step {
        position: static !important;
        width: auto;
        text-align: center !important;
        right: 0;
        bottom: 0;
    }
}