.flex-item {
    flex: 1; /* allow other divs to flex and take up remaining space */
}

.flex-item-1 {
    flex: 1;
    order: 1; 
    flex-shrink: 2;
    flex-grow: 1;
}

.flex-item-2 {
    flex: 1;
    order: 2; 
    flex-shrink: 2;
    flex-grow: 2;
    min-height: 100px;
}

.flex-item-test {
    flex: 1;
    order: 2; 
    flex-shrink: 2;
    flex-grow: 1;
    min-height: 0px !important;
}

.flex-item-4 {
    flex: 1;
    order: 4;
    flex-shrink: 3;
    flex-grow: 0;
    /* flex-grow: 1; */
}
  
/* .flex-item:nth-child(1) {
    order: 1; 
    flex-shrink: 2;
}

.flex-item:nth-child(2) {
    order: 2;
    flex-shrink: 2;
}

.flex-item:nth-child(4) {
    order: 4;
    flex-shrink: 3;
    flex-grow: 0;
} */

.fixed-height{
    height: auto; 
    order: 3;
    padding-bottom: 60px;
}



/* Login page */
.login-page .page-content {
	text-align: center;
    /* overflow-y: clip; */
    overflow-y:scroll;
}
.login-view {
	max-width: 500px;
	margin: auto;
    height: 100%;
}

.logo-image-wrapper {
    min-height: 10px;
    
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 280px;
    margin: auto;
}

.logo-image-flex-wrapper{
    max-height: 350px;
    min-height: 0px;
    position: relative;
    overflow: hidden;
}

.login-view-content-wrapper{
    padding:20px 0px 20px 0px;
    padding-bottom: 60px;
    max-width: 500px;
    width: 100%;
    bottom: 0px;
    /* height: 100%; */
    height: auto; 
    order: 3;
    padding-bottom: 55px;
    z-index: 1;
}

.login-view-inner {
 /*   margin: 40px 20px;
    border: 1px solid #EEE;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 1px 1px 10px #CCC;
    */
    height: 100%;
    padding-top: 50px;
    padding: 0px;
    /* padding-bottom: 60px; */
    text-align: center;
}

.login-view-wrapper{
    height: 100%;
}

.login-view-flex-container{
    display: flex;
    flex-flow: column;
    height: 100%;
    /* overflow: scroll; */
}
.login-center-image-wrapper {
    /* flex: 2; */
    max-height: 300px;
    min-height: 0px;
    z-index: -1;
    overflow: hidden;
}

.login-center-image{
    height: 100%; 
    min-height: 100px;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    justify-self: flex-start;
}

.logo-image {
    max-width: 100%;
    max-height: 200px;
    /* height: 100%; */
    min-height: 50px;
    /*width: 100%;*/
    width: auto;
    height: 100%;
    object-fit: contain;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.login-form {
    text-align: center;
    margin-top: 20px;
}
.login-form input {
    text-align: left;
    padding-left: 10px;
} 
.my-button-inner.login{
    position: relative;
    height: 40px;
    display: block;
}


.my-button-text.login{
    padding: 8px 0px 0px 20px;
}
.login-btn {
    margin-top: 10px;
    border: 2px solid #fefefe;
}
.login-btn .my-button-image.bank-id-icon {
    background-image: url(images/bankid_white.png);
    background-position-x: center;
    position: absolute;
    right: 30px;
    top:4px;
    width: 30px;
    height: 30px;
    background-size: 30px;
}

.update-popup{
    margin-top:20px;
}

.page-description-login {
    font-size: 14px;
    color: #666;
    padding-bottom: 10px;
    text-align: center;
    display: none;
}
.login-choice {
	padding-bottom: 20px;
	padding-top: 30px;
}
.login-choice .switch {
	margin-bottom: 0;
	text-align: right;
}
.login-choice .menu-list-question-login-text {
	text-align: left;
	font-weight: bold;
}
.login-choice .menu-list-question-buttons {
	width: 70px;
	margin: auto;
}
#personal_id {
    display: none;
}

.call-emergancy-warning {
	margin-top: 5px;
}

.login-field-header {
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 10px;
    text-align: left;
}

.login-form select {
    line-height: 1;
    padding-left: 10px;
    border-radius: 5px;
}

#reserve_id {
    display: none;
}
.login-input-wrapper {
    display: none;
}

#bankId-qrcode-dialog {
    border: none;
    border-radius: 5px;
    max-width: 90%;
    outline: 0px solid transparent;
}


#bankId-qrcode-dialog::backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.bankId-qrcode-content{
    padding: 30px 35px;
    color: #666;
}
  
.qr-code-login-info {
text-align: center;
}
  
.blueBold {
color: #195981;
font-weight: bold;
padding-top: 15px;

}

.scan-qrcode-icon{
    width: 15px;
    height: 15px;
}

.qr-code-instruction-text {
    margin-bottom: 3px;
}

.bankId-qrcode {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    min-width: 150px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.qrcode {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    text-align: center;
}

.qrcode-button-container {
    text-align: center;
    margin-top: 30px;
}

#welcome-message-header {
    text-overflow: ellipsis;
    max-height: 50px;
    overflow: hidden;
    padding: 20px;
}

#welcome-message-content {
    text-overflow: ellipsis;
    max-height: 70px;
    overflow: hidden;
    padding: 0px 20px 0px 20px;
}

/* My bookings page */
.actor-info-wrapper {
    padding: 35px 0px 35px 0px;
    text-align: center;
}
.actor-info-text {
    padding: 10px 20px;
}
.actor-info-text-name {
    font-weight: bold;
}

.goto-cases-btn-wrapper {
    text-align: center;
}

.my-bookings {
    margin-top: 20px;
}
.my-home-page .logo-image-wrapper {
    text-align: center;
    padding-top: 30px;
}
.home-welcome-box{
    background: rgb(151 151 151 / 7%);
}

.home-page-footer-wrapper{

}
.current-message-wrapper {

}

.current-message-wrapper-inner{
    padding: 20px 35px;
    position: relative;
}
.current-message-header{
    font-weight: bold;
    font-size: 1.3em;
}

#main-menu-wrapper {
    padding-bottom: 30px;
}

#main-menu-wrapper .menu-list {
    padding: 20px 30px;
}

.my-bookings-menu-list {
    margin-top: 30px;
    padding-bottom: 1px;
}

.settings-menu-list {
    padding-left: 20px;
    padding-right: 20px;
    
}



.my-bookings-page-menu-list {
    padding-left: 20px;
    padding-right: 20px;
}


.push-editProfile .menu-list-element-icon-left {
    background-image: url(images/edit.png);
}

.push-devicePage .menu-list-element-icon-left {
    background-image: url(images/settings.png);
}

.push-aboutUs .menu-list-element-icon-left {
    background-image: url(images/info-black_40.png);
}
.settings-menu-btn .menu-list-element-icon-left {
    background-image: url(images/settings_gray.svg);
}
.push-history .menu-list-element-icon-left {
    background-image: url(images/history-black_50.png);
}
.push-messages .menu-list-element-icon-left {
    background-image: url(images/chat-black_40.png);
}
.push-contactinfo .menu-list-element-icon-left {
    background-image: url(images/info-black_40.png);
}
.push-newbooking .menu-list-element-icon-left {
    background-image: url(images/calendar-black_40.png);
}
.push-video-history .menu-list-element-icon-left {
    background-image: url(images/eye-black_40.png);
}
.my-bookings-menu-list .menu-list-element[menutype=newbooking] .menu-list-element-icon-left {
    background-image: url(images/calendar-black_40.png);
}
.my-bookings-menu-list .menu-list-element[menutype=standardpage][page=about] .menu-list-element-icon-left {
    background-image: url(images/info-black_40.png);
}
.booking-card .booking-card-top-content {
	background: #2583b7;
	color: #FFF;
	font-weight: bold;
	padding: 5px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.booking-card[openclosedstatus=closed] .booking-card-top-content, 
.booking-card[callbackstatus=DONE_COMPLETED] .booking-card-top-content,
.booking-card[callbackstatus=DONE_FAILED] .booking-card-top-content {
    background: #494949;
}

.booking-card .booking-card-center-content {
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #FFF;
    border: 1px solid #D7D7D7;
    border-top: 0;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
}
.booking-card {
    margin-bottom: 20px;
    padding: 0px 20px 0px 20px;
}
.booking-card .booking-date-row {
    height: 40px;
}
.booking-card .booking-desc-row {
    padding-bottom: 15px;
}
.booking-card .booking-desc-row .doctor-info-btn {
    background: url(images/info-black_40.png) no-repeat top+15px center;
    background-size: 20px;
    width: 50px;
}
.booking-card .booking-card-warning-row {
    height: 40px;
}
.booking-card .booking-card-warning-text {
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    height: 100%;
    color: #887219;
    background-color: #fdfae5;
    font-weight: bold;
}
.booking-card .doctor-text-wrapper {
    padding-bottom: 5px;
}
.booking-card .booking-warning-message-row {
    background-color: #fdfae5;
}
.booking-card .booking-warning-image {
    width: 50px;
    background: url(images/attention-red_60.png) no-repeat 13px 6px;
    background-size: 20px;
}
.booking-card .booking-warning-text {
    text-align: left;
    /* background-color: #fdfae5; */
    color: #887219;
    padding: 5px 0;
    font-weight: bold;
}
.booking-card .booking-for-image-wrapper {
    width: 45px;
    vertical-align: top;
}
.booking-card .booking-for-image {
    height: 60px;
    background: url(images/person-black_40.png) no-repeat center 15px;
    background-size: 20px;
}
.booking-card .booking-for-text {
    text-align: left;
    font-weight: bold;
    padding-right: 15px;
    padding-top: 10px;
    padding-left: 5px;
    color: #555;
}
.booking-card .booking-for-subtext {
	text-align: left;
	font-style: italic;
	padding-left: 5px;
	padding-right: 15px;
	color: #666;
	height: 20px;
}
.booking-card .doctor-image-wrapper {
    width: 45px;
    vertical-align: top;
    display: none;
}
.booking-card .doctor-image {
    height: 60px;
    background: url(images/tag-black_40.png) no-repeat center 18px;
    background-size: 20px;
}
.booking-card .doctor-text {
    text-align: left;
    font-weight: bold;
    padding-right: 15px;
    padding-top: 10px;
    padding-left: 15px;
    color: #555;
}
.booking-card .doctor-subtext {
	text-align: left;
	font-style: italic;
	padding-left: 15px;
	padding-right: 15px;
	color: #666;
	height: 20px;
}
.booking-chat-row {
	height: 50px;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 10px;
}
.booking-chat-row.unread-messages {
    font-weight: bold;
    color: #333;
}
.booking-chat-row.unread-messages .menu-list-element-indication {
    display: block;
}
.menu-list-element.unread-messages {
    font-weight: bold;
    color: #333;
}
.menu-list-element.unread-messages .menu-list-element-indication {
    display: block;
}
.booking-files-row {
	height: 50px;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

.booking-chat-row .booking-chat-row-date {
	width: 100px;
	text-align: right;
	color: #909090;
}

.booking-chat-row .menu-list-element-icon-left {
	width: 45px;
	background: url(images/chat-blue_40.png) no-repeat center;
	background-size: 20px;
}
.booking-files-row .menu-list-element-icon-left {
	width: 45px;
	background: url(images/attachment_black_40.png)  no-repeat center;
	background-size: 20px;
}
.booking-card .menu-list-element.enabled {
    cursor: pointer;
}
.booking-card .booking-state-large {
    width: 50px;
    background: url(images/pencil-orange_50.png) no-repeat center center;
    background-size: 30px;
}
.booking-card.booking-paid .booking-state-large {
    background-image: url(images/confirm-green_60.png);
}
.booking-card .booking-date-text {
    text-align: left;
    padding-left: 15px;
}
.booking-card .booking-time-text {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding-left: 15px;
}

.booking-card .booking-tag-text {
    text-align: right;
}

.booking-card .booking-date-image {
    width: 50px;
    background: url(images/calendar-white_150.png) no-repeat left+10px center;
    background-size: 40px;
}

.booking-card .booking-time-image {
    width: 50px;
    background: url(images/clock-black_40.png) no-repeat center center;
    background-size: 20px;
}
.booking-card .booking-state-row {
    height: 50px;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 10px;
}
.booking-card .guardian-booking-state-row {
    height: 50px;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

.booking-card .booking-state-text {
    text-align: left;
    font-weight: bold;
    color: #f15a24;
}

.booking-card .booking-state-image {
	width: 45px;
    background: url(images/pencil-orange_50.png) no-repeat center center;
    background-size: 20px;
}
.booking-card .all-updated .booking-state-image {
	background-image: url(images/confirm-green_60.png);
}
.booking-card .all-updated .booking-state-text {
	color: #29ad23;
}
.booking-card .booking-extra-wrapper {
	margin-bottom: 20px;
    display: none;
}
.booking-card .booking-extra {
    height: 50px;
}
.booking-card .booking-extra .menu-list-element-text {
	color: #f15a24;
	font-style: italic;
}
.booking-card .booking-extra .menu-list-element-icon-left {
    width: 50px;
    background: url(images/attention-orange_50.png) no-repeat center center;
    background-size: 20px;
}
.booking-card .booking-extra.updated .menu-list-element-text {
	color: #29ad23;
}
.booking-card .booking-extra.updated .menu-list-element-icon-left {
    background-image: url(images/confirm-green_60.png);
}
.booking-card .booking-extra-state-info {
	padding: 10px 15px;
}
.booking-card .booking-tag-image {
    width: 50px;
    background: url(images/tag-black_40.png) no-repeat center center;
    background-size: 20px;
}
.booking-card .edit-booking-image {
    background-image: url(images/pencil-white_30.png);
}
.booking-card .pay-booking-image {
    background-image: url(images/attention-white_30.png);
}
.booking-card .unbook-image {
    background-image: url(images/cross-white_30.png);
}
.join-booking-btn .video-image {
    background-image: url(images/video_white.svg);
}
.booking-card .booking-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}
.booking-card .booking-actions-left {
    text-align: left;
    padding-left: 13px;
}
.booking-card .booking-actions-right {
    text-align: right;
    padding-right: 13px;
}

.booking-card .queue-subtext {
    font-size: small;
    font-weight: normal;
}

/*.booking-card.show-as-more-bookings .booking-card-center-content .basic-row {
    display: none;
}

.booking-card.show-as-more-bookings .booking-card-center-content {
    height: 15px;
    border-radius: 0;
    border-bottom: none;
    box-shadow: none;
    box-shadow: inset 0 -10px 15px -10px #666;
}*/

.more-cases-btn-wrapper {
    text-align: center;
    padding: 10px 20px;
}
.more-cases-btn-inner {
    background-color: #c1c1c152;
    padding: 20px 0;
    backdrop-filter: blur(10px);
    border-radius: 5px;
    padding-top: 10px;
}
.more-cases-text {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    color: #333;
}
.more-cases-text-count {
    color: #1779ba;
}
.my-bookings-extended-page .my-bookings, .my-bookings-history-page .my-bookings, .my-bookings-messages-page .my-bookings {
    padding-bottom: 50px;
}



/* Contact info page */
.contact-info-page .page-main-header {
        margin-bottom: 15px;
}
.contact-info-row {
        margin-bottom: 30px;
}
.contact-info-text {
        padding-left: 20px;
        text-align: left;
}
.contact-info-image {
        padding: 0 20px;
        width: 90px;
        vertical-align: top;
}

.consumeinvite-btn-wrapper {
    text-align: center;
    padding: 20px;
}

.consumeinvite-btn-wrapper .consumeinvite-btn {
    font-weight: bold;
    /* text-decoration: underline; */
    margin: auto;
    cursor: pointer;
    width: 80%;
    text-align: left;
}

.consumeinvite-btn-inner{
    display: flex;
    flex-direction: row;
}

.consumeinvite-text {
    font-weight: bold;
    font-size: 15px;
}

/*How it works*/
.how-it-works-page .page-main-header {
	margin-bottom: 15px;
}
.how-it-works-row {
	margin-bottom: 30px;
}
.how-it-works-text {
	padding-left: 20px;
	text-align: left;
}
.how-it-works-image {
	padding: 0 20px;
	width: 90px;
	vertical-align: top;
}
.how-it-works-image img {
    max-width: 100%;
}
.payment-info.how-it-works-row {
    padding: 0 20px;
    text-align: center;
}
.how-it-works-page .custom.page-content {
    padding: 0 20px;
}

/*New booking page*/
.new-booking .menu-list-element-icon-left {
    background-image: url(images/person-black_40.png);

}
.push-child-booking .menu-list-element-icon-left {
    background-image: url(images/for-child_40.png);

}

/*Child booking page*/
.child-booking-wrapper {
    text-align: center;
    padding: 0 40px;
	max-width: 340px;
	margin: auto;
}
input#child_id {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}

/*Questions page*/
#center-layout .questions-page {
    background: rgba(255, 255, 255, 0.5) !important;
}
.questions-pager {
    text-align: center;
    padding: 5px 10px;
    background: #ffffff7a;
    color: #a57878;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    margin: auto;
    display: table;
}
.mandatory-description {
    margin-top: 10px;
}
#questions-progress {
    display: none;
    padding-top: 10px;
}
#questions-progress .questions-progress-bar-wrapper {
    padding: 0 20px;
}
#questions-continue {
    font-size: 14px;
    color: #1b4c6d;
    height: 100%;
    display: none;
}
#questions-continue .all-done-text {
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1779ba;
    text-shadow: 1px 1px 1px #CCC;
}
#questions-bottom {
    height: 55px;
    padding-bottom: 10px;
}
#questions-bottom .questions-continue-btn {
    margin: 0;
    margin-top: 10px;
    width: 100%;
}
#questions-bottom .questions-continue-inner {
    padding: 0 20px;
}
#questions-bottom .questions-bottom-row {
	height: 100%;
}

.my-button-image.bank-id-icon {
    background-image: url(images/bankid_white.png);
    background-position-x: center;
}
#questions-bottom .questions-sign-btn {
    margin: 0;
    margin-top: 3px;
    width: 100%;
}
#questions-bottom .questions-sign-inner {
    padding: 0 20px;
}
#questions-sign .all-done-text {
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1779ba;
    text-shadow: 1px 1px 1px #CCC;
}
#questions-sign {
    font-size: 14px;
    color: #1b4c6d;
    height: 100%;
    display: none;
}

.questions-done {
    color: #4eabe9;
    font-weight: bold;
    text-align: left;
    padding-left: 25px;
}
.questions-left {
    color: #666;
    font-weight: bold;
    text-align: right;
    padding-right: 25px;
}
.invalidvalue .questions-left {
	color: #e36363;
}
.questions-page .mobile-app-toggle .button.is-active[value=yes] {
    background: #2AB558;
}
.questions-page .mobile-app-toggle .button.is-active[value=no] {
    background: #FF002B;
}
.questions-page .mobile-app-toggle .button.is-active[value="1"] {
    background: #2AB558;
}
.questions-page .mobile-app-toggle .button.is-active[value="0"] {
    background: #FF002B;
}
.questions-page textarea {
	resize:none;
	height: 80px;
}
.questions-page .slider-handle {
	background-color: #999;
}
.questions-page .is-active .slider-handle {
	background-color: #2AB558;
}
.questions-page .slider-value-output {
	display: none;	
}
.questions-page .is-active .slider-value-output {
	display: block;	
}
.questions-page .slider-value-placeholder {
	padding: 6px;
}
.questions-page .is-active .slider-value-placeholder {
	display: none;	
}
.menu-list-question .menu-list-question-info-container {
    padding-top: 10px;
}
.menu-list-question.text-top .menu-list-question-text {
	vertical-align: top;
}
.menu-list-question .menu-list-question-pre {
	width: 20px;	
	text-align: left;
	padding-top: 10px;
}
.menu-list-question.invalidvalue .menu-list-question-pre {
	padding-top: 0;
}

.mandatory-text-style {
	font-size: 20px;
	color: #4eabe9;
	font-weight: bold;
	vertical-align: top;
}

.menu-list-question[mandatory=no] .mandatory-indication, .menu-list-question.invalidvalue .mandatory-indication {
	display: none;
}
.menu-list-question .invalid-indication {
	display: none;
}
.menu-list-question .invalid-indication.mandatory-text-style {
	color: #e36363;
}
.menu-list-question.invalidvalue .invalid-indication {
	display: block;
}
.menu-list-question.text-top .menu-list-question-pre {
	padding-top: 15px;
    vertical-align: top;
}
.menu-list-question .menu-list-question-input {
    vertical-align: middle;
    padding: 0 20px;
    padding-bottom: 10px;
}
.menu-list-question .menu-list-question-input input.question-text-input {
    display: inline-block;
    margin: 20px 0;
}
.menu-list-question .slider-value-wrapper {
    padding-top: 20px;
}
/*.menu-list-question.hidden {
	display: none;
}
*/

/*Choose doctor page*/
.all-doctors-btn-wrapper {
	text-align: center;
}
.doctor-list .menu-list-element-icon-left {
    background-image: url(images/tag-black_40.png);
}

.doctor-list {
    margin-top: 20px;
}

/*Available times page*/
.available-times-page .page-content {
	text-align: center;
}
.available-times-page .doctor-image {
    width: 55px;
    height: 55px;
    background: url(images/tag-black_70.png) no-repeat center bottom;
    background-size: 35px;
    margin: 20px auto 0 auto;
}
.change-doctor-wrapper {
    text-align: center;
    padding-bottom: 15px;
}
.change-doctor .back-image {
    background-image: url(images/arrow-left-white_30.png);
}
.available-dates-interval {
    color: #1779ba;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
.available-times-page .no-result {
	margin-top: 20px;
}
.available-dates-list {
    color: #555;
	margin-top: 15px;
}
.available-dates-list .available-date {
    margin-bottom: 10px;
    cursor: pointer;
}
.available-dates-list .available-date:hover {
	/*cursor: pointer;*/
}
.available-date .bottom-separator {
	margin-top: 10px;
}
.available-date .available-date-header {
    padding: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}
.available-date .available-date-header-icon-wrapper {
    width: 25px;
}
.available-date .available-date-header-text {
    text-align: left;
    padding-left: 10px;
}
.available-date .available-times-header-text-count-wrapper {
	width: 65px;
}
.available-date .available-times-header-text-count {
    margin-right: 40px;
    text-align: right;
	color: #1779ba;
}
.available-date .available-times-list {
	display: none;
}
.available-date .available-date-header-icon {
    background: url(images/calendar-black_40.png) no-repeat center center;
    background-size: 20px;
    height: 20px;
}
.available-date .available-times-header-icon-wrapper {
    width: 55px;
}
.available-date .available-times-header-icon {
    background: url(images/clock-black_40.png) no-repeat center center;
    background-size: 20px;
    margin-left: 30px;
    height: 20px;
}
.available-date .available-times-header {
    margin: 5px 0px 10px 0px;
}
.available-times-header .available-times-header-text {
    text-align: left;
    padding-left: 10px;
}
.available-date .open-close-icon-row {
	height: 25px;
}
.available-date .open-close-icon {
	background: url(images/arrow-down-blue_40.png) no-repeat top center;
	background-size: 20px;
}
.available-date .open.open-close-icon {
	background-image: url(images/arrow-up-blue_40.png);
}
.available-date .available-times-list.menu-list {
    margin: 0px 20px 0px 20px;
}
.available-date .available-time, .available-time-with-cat .available-time-text {
    color: #4eabe9;
    font-weight: bold;
}
.available-time-with-cat .available-time-text {
	width: 80px;
}
.available-time-cat-text {
	color: #666;
}
.available-times-page .timeless-booking-btn {
	margin-top: 30px;
}
.available-times-page .closed-wrapper {
	margin-top: 20px;
}
.available-times-page .closed-label, .available-times-page .open-label{
	margin-top: 20px;
	margin-bottom: 15px;
    font-weight: bold;
    color: #FFF;
}
.available-times-page .welcome-message {
	margin-bottom: 20px;
}

.available-times-page .number-of-agents, .available-times-page .number-in-queue {
    font-weight: bold;
    font-size: 30px;
}
.available-times-page .queue-stats-wrapper {
    display: inline-block;
    padding: 10px 20px;
}
.available-times-page .payment-info-auto-charging-wrapper {
    display: none;
}
.available-times-page .payment-info-auto-charging-wrapper table {
    width: auto;
    margin: auto;
    margin-bottom: 5px;
}
.available-times-page .payment-info-auto-charging-wrapper tr {
    background: none;
}
.available-times-page .start-price-label, .available-times-page .interval-price-label {
    text-align: left;
    font-weight: bold;
}
.available-times-page .start-price-value, .available-times-page .interval-price-value {
    text-align: right;
    padding-right: 20px;
}
/*Confirm booking page*/
.confirm-booking-with {
	font-weight: bold;
}
.confirm-booking-page .page-content {
    text-align: center;
}
.confirm-booking-btn {
    margin-top: 10px;
}
.confirm-booking-info-wrapper {
	padding: 0 20px;
}
.confirm-phone-number {
	margin: 20px 20px 10px 20px;
}
.phone-form {
    margin: auto;
	margin-top: 0px;
	text-align: center;
    max-width: 300px;
}
.phone-form input {
    text-align: center;
} 
.confirm-mail {
        margin: 20px 20px 10px 20px;
}
.mail-form {
    margin: auto;
        margin-top: 0px;
        text-align: center;
    max-width: 300px;
}
.mail-form input {
    text-align: center;
}


/*High cost page*/
.high-cost-page .high-cost-wrapper, .high-cost-page .listed-wrapper {
    text-align: center;
}
.high-cost-page .high-cost-wrapper {
	padding-top: 10px;
}
.high-cost-page .listed-wrapper {
	margin-top: 20px;
}
.high-cost-page .continue-to-payment {
    margin-top: 20px;
    margin-bottom: 20px;

}
.high-cost-wrapper .menu-list-separator {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
.high-cost-wrapper .page-description {
	padding-top: 10px;
}
.high-cost-input-wrapper {
    padding: 0 40px;
}
#high_cost_num {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
#high_cost_num_date {
    text-align: center;
}
.use-high-cost-code {
    margin-top: 20px;
}
.high-cost-page .listed-description {
	text-align: left;
	padding-right: 10px;
}
.high-cost-page .listed-question-row {
	margin: auto;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 25px;
}
.high-cost-page .listed-switch-wrapper {
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	width: 70px;
}
.high-cost-page .listed-switch-wrapper .switch {
	margin-bottom: 0;
}

.high-cost-page .agreement-customers-list .enabled .menu-list-element-icon-right {
    background-image: url(images/pencil-gray_100.png);
}

/*Payment page*/
.payment-page .page-description {
}
#dibs-complete-checkout {
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	margin-top: 10px;
	display: block;
}

/*Success page*/
.success-page .page-content {
    text-align: center;
}
.success-image {
    width: 120px;
    height: 120px;
    margin: 40px auto;
    font-size: 14px;
    display: block;
}
.success-title {
    color: #39B54A;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.success-description {
    padding: 20px 20px;
    color: #999;
    text-align: center;
}

/*Files Page*/
.files-page .files-page-content, .files-page .page-content{
    background: #FFF;
}
.file-field{
    cursor:pointer;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}
.file-field .message-field-attachment-other{
    background-color: transparent;
}


.file-field .file-field {
    background-color: #E7E7E7;
    float: left;
    padding: 8px 10px;
    border-radius: 5px;
    text-align: left;
    width:150px;
    height:150px;
    cursor:pointer;

}
.file-field .file-field-image-wrapper{
    width:60px;
    vertical-align: middle;
}
.file-field .file-field-thumbnail{
   /* max-width:50px;
    max-height:50px;*/
    height:50px;
    /*border-radius: 5px;*/
    background-size:cover;
   /* padding: 8px 10px;*/
    vertical-align: middle;
}
.file-field .file-field-thumbnail-inner {
    padding-left: 10px;
}

.thumbnail{
    border:unset;
    max-width:40px;
    max-height:40px;
    margin-bottom:0rem;
    box-shadow: unset;
    border-radius: 5px;
    
}
.file-field .file-field-text{
    padding-right: 5px;
    padding-left: 5px;
    text-align:left;
    font-weight:bold;
}
.file-field .file-field-text-info{
    padding-right: 5px;
    padding-left: 5px;
    text-align:left;
    color:#909090;
    font-size:12px;
}
.file-field-time{
    color:#909090;
    font-size:12px;
}
.file-field .file-field-date{
    background:green;
}
.file-field-text-wrapper {
    margin-bottom: 5px;
    margin-top: 5px;
    height:50px;
}
.file-field-content-wrapper {
    height: 66px;

    /*margin-bottom: 10px;*/
}
.file-field-time-wrapper {
    padding-right: 20px;
    width: 100px;
}
.files-page-info{
    margin-left:20px;
    margin-bottom:10px;
    margin-top:20px;
    font-size: 15px;
    font-weight: bold;
}
.bottom-page{
    height:50px;
}
.file-field .message-field-attachment-other .file-icon {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: url(images/unknown-document.svg) center center no-repeat;
    background-color: #FFF;
    margin: auto;
}
.file-field .message-field-attachment-other .file-word {
    background-image: url(images/word-file-icon.svg);
    background-size: 30px;
}
.file-field .message-field-attachment-other .file-pdf {
    background-image: url(images/pdf-file-icon.svg);
    background-size: 25px;
}
.file-field .message-field-attachment-other .file-excel {
    background-image: url(images/excel-file-icon.svg);
    background-size: 30px;
}
.file-field .message-field-attachment-other .file-powerpoint {
    background-image: url(images/powerpoint-file-icon.svg);
    background-size: 30px;
}
.file-field .message-field-attachment-other{
    border-radius:5px;
    display:flex;
    cursor:pointer;
    padding: 8px 10px;
    padding-left: 20px;
}

/*file viewer page */
/*.file-viewer-page .page-content{
    max-width: 800px;
}*/
.file-viewer-page .page-content, .file-viewer-page-web .page-content {
    max-width: 100%;
    background-color: #EEE;
}

.pdf_viewer_page {
    margin: auto;
    position: relative;
    padding-top: 10px;
}
.file-viewer {
    height: 100%;
}
.file-viewer-page-content {
    height: 100%;
}
.file-viewer-body{
    height: 100%;
    overflow: auto;
}
.pdf-zoom-container {
    position: relative;
}
/*.file-viewer-body .page{
    display:unset;
    margin-top: 10px;
}
.file-viewer-body .canvasWrapper{
    margin-top: 10px;
    height:100px;
    width:100px;
   
}*/
.file-viewer-body canvas{
    /*margin-top: 10px;
    height:400px;
    width:400px;*/
}
.file-viewer-body canvas{
    width:auto;
    /*margin-top: 10px;
    height:400px;
    width:400px;*/
}
.file-viewer-body .image-viewer {
    margin: auto;
    position: relative;
    border: 1px solid #ccc;
    display: block;
    max-width: 100%;
}
.file-viewer-body .image-viewer-wrapper {
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/*.image-viewer{
    width:100%;
    height:auto;
    overflow:hidden;
    position: absolute;
    top: 30%;
    left:5%;
    max-width:90%
}
.image-viewer img{
    width:100% !important;
    height:auto;
    overflow:hidden;
}*/
.image-wrapper-mobile{
    width:100px;
    height:100px;
    overflow: hidden;

}
.image-container{
    background-size: contain;
    background-repeat: no-repeat;
   
    height: 0;
    padding-top: 66.64%;
    min-width:300px;
    top:50%;
    max-width: 1500px;
    max-height: 1000px;
    margin:auto;
    width:800px;
   
}
.image-zoomable{
    background-size:cover
}
img{
    max-width:none;
}
.viewer-buttons-container{
    width:400px;
    height:50px;
    margin:auto;
    display:flex;
}
.my-button .small .round .blue .rotate{
    width:50px;
    height:30px;
}
.viewer-button{
    width: 50px;
    height: 50px;
    color: red;
    background-color: white;
    border-radius: 20px;
    margin:5px;
    cursor:pointer;
}

.file-viewer-unavailable-page-content{
    max-width: 400px;
    margin-left: auto;
    margin-right:auto;
}
.hidden{
    display: none;
}

.file-viewer-unavailable-content-header{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top:20px;

}
.file-viewer-unavailable-content-info{
    text-align: center;
    color:#909090;
    padding-top:10px;
}

#marker-zoom{
	position:absolute;
	left:0px;
	top:0px;
	width:5px;
	height:5px;
	border-radius:5px;
   
}
#container-zoom{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:1;
	overflow:hidden;
 
}
#fgDiv-zoom{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#F00;
	opacity:0;
 
}
.file-viewer-body .page{
    display:none;
}
#canvases-zoom{
    position:absolute;
    top:1%;
   
}

/* Message overview page */

.page .messages .booking-card .booking-card-top-content {
    display: none;
}

.page .messages .booking-card .doctor-image-wrapper {
    display: none;
}

.page .messages .booking-card .doctor-subtext {
    display: none;
}

/*.page .messages .booking-card .doctor-text {
    padding-left: 15px;
}*/

.page .messages .booking-card .booking-card-center-content {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Messages page */
.messages-page .messages-page-content, .messages-page .page-content {
	background: #FFF;
}
.message-field .message-field-image-wrapper {
        width: 60px;
}
.message-field.right .message-field-image-wrapper {
}

.message-field-image-thumbnail{
    width:50px;
}
.message-field-attachment{
    width:auto;
    height:auto;
    border-radius:5px;
    cursor:pointer;
}
.image-thumbnail{
    border-radius: 10px;
    cursor:pointer;
    max-height:150px;
    max-width:150px;
    width:auto;
    height:auto;
    float:left;
}
.message-field.right .image-thumbnail{
    float:right;
}

.message-field.right .message-field-attachment{
    float: right;
    width:auto;
    height:auto;
    border-radius:5px;
    display:flex;
}
.message-field .message-field-attachment-other{
    float:left;
    border-radius:5px;
    display:flex;
    cursor:pointer;
    background-color: #E7E7E7;
    padding: 8px 10px;
}
.message-field.right .message-field-attachment-other{
    float:right;
    background-color: #3fa9f5;
    color: #FFF;
}
.message-field .message-field-attachment-other:hover {
    opacity: 0.7;
}

.message-field .message-field-text-wrapper {
        padding-right: 100px;
}
.message-field.right .message-field-text-wrapper {
        padding-left: 100px;
        padding-right: 0px;
}
.message-field .message-field-image {
        top: 3px;
        left: 20px;
}
.message-field.right .message-field-image {
	right: 10px;	
        left: 0;
}
.message-field-content-wrapper {
        margin-bottom: 5px;
}
.message-field .message-field-text {
        background-color: #E7E7E7;
        float: left;
        padding: 8px 10px;
        border-radius: 5px;
        text-align: left;
        word-break: break-word;
}
.message-field.right .message-field-text {
        float: right;
        background-color: #3fa9f5;
        color: #FFF;
}
.message-field {
        padding-top: 15px;
        padding-bottom: 15px;
}
.messages-page-load-more {
        display: none;
        width: 110px;
        margin: 0 auto;
	padding: 20px 0;
}
.messages-page-load-btn {
	width: 100%;
}
.messages-page-session-not-started {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.messages-page-session-not-started-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}
.messages-page-session-join-wrapper {
    padding: 20px;
    padding-bottom: 40px;
    text-align: center;
    display: none;
}
.enter-message-wrapper {
	margin: auto;
	max-width: 500px;
    margin-bottom: 8px;
}
.enter-message-textbox-wrapper {
        padding-left: 5px;
	padding-right: 10px;
        height: auto;
        vertical-align: middle;
}
.enter-message-textbox {
        resize: none;
        height: 35;
	min-height: auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
        padding: 0;
        margin: 0;
	padding-left: 15px;
	padding-top: 5px;
	/*
        width: 100%;
        position: relative;
	*/
}
.enter-message-textbox-bg {
	padding-top: 7px;
}
.enter-message-send-wrapper {
	padding-right: 20px;
        width: 110px;
}

.send-message-image {
        background: url(images/send_white_40.png) no-repeat center center;
        background-size: 15px;
}
.enter-message-send-btn {
/*
        width: 100%;
        height: 100%;
	*/
	margin-top: 9px;
	min-height: auto;
}
.enter-message-attachment-wrapper{
    padding-right: 0px;
        width: 50px;
}
.select-attached-file-btn {
    background: url(images/attachment_black_40.png) no-repeat center center;
    background-size: 25px;
    height:30px;
    cursor: pointer;
    margin-top: 7px;
}
.message-field-sub-wrapper .basic-column, .message-field-sub-wrapper-extra .basic-column {
    height: 20px;
}
.message-field-state-image {
        background: url(images/message_sent.png) no-repeat center center;
        background-size: 15px;
        width: 25px;
        height: 15px;
        float: right;

}
.message-field-date-wrapper, .message-field-extra-wrapper {
    padding: 0 20px;
}
.message-field-extra-text {
    font-size: 12px;
}
.message-field-extra-text.green {
    color: #42B549;
}
.message-field-extra-text.red {
    color: #CF2027;
}
.message-field .message-field-date-text, .message-field .message-field-extra-text {
    float: left;
}
.message-field.right .message-field-date-text, .message-field.right .message-field-extra-text {
    float: right;
}
.message-field-date-text {
        font-size: 12px;
        color: #777;
        text-align: left;
}
.enter-message-container .choosen-message-file-wrapper {
    vertical-align: middle;
    padding-top: 7px;
}
.enter-message-container .choosen-message-file-description {
    padding: 6px 15px;
    padding-right: 35px;
    border: 1px solid #999; border-radius: 5px;
    background: #FFF;
    margin: 0 10px;
    margin-right: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.enter-message-container .remove-file-btn {
    margin-top: 7px;
    width: 25px;
    position: absolute;
    right: 24px;
    height: 25px;
    top: 4px;
    background: url(images/cross_white.svg) no-repeat center center;
    background-size: 15px;
    background-color: #6c6c6c;
    border-radius: 50px;
    cursor: pointer;
}
.message-field .message-field-attachment-other .file-icon {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: url(images/unknown-document.svg) center center no-repeat;
    background-color: #FFF;
    margin-right: 10px;
}
.message-field .message-field-attachment-other .file-word {
    background-image: url(images/word-file-icon.svg);
    background-size: 30px;
}
.message-field .message-field-attachment-other .file-pdf {
    background-image: url(images/pdf-file-icon.svg);
    background-size: 25px;
}
.message-field .message-field-attachment-other .file-excel {
    background-image: url(images/excel-file-icon.svg);
    background-size: 30px;
}
.message-field .message-field-attachment-other .file-powerpoint {
    background-image: url(images/powerpoint-file-icon.svg);
    background-size: 30px;
}
/* Permissions page */
.permissions-page .permissions-content {
    display: none;
    margin-top: 25px;
}
.permissions-page .permissions-header {
    margin-left: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
}
.permission-wrapper {
    position: relative;
}
.permissions-page .permission-container {
    height: 75px;
    margin-bottom: 10px;
}
.permission-no-device-msg {
    display: none;
    position: absolute;
    color: red;
    top: 60px;
    padding-left: 60px;
}
.permission-notif-info {
    display: none;
    color: red;
    padding-left: 60px;
    position: relative;
    font-size: 13px;
    font-style: italic;
    top: -20px;
}
/*#permissions-begin-btn .my-button, #permissions-settings-btn .my-button {
    display: block;
    max-width: 70%;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    margin: auto;
    margin-top: 15px;
}*/
.permissions-page #permissions-info-text {
    color: #a33400;
    background-color: rgb(238, 226, 186);
    padding: 5px 10px;
    margin: 20px 0 20px 0;
    border-radius: 3px;
}
.permissions-page .permissions-btn.my-button {
    width: 280px;
    margin-top: 15px;
}
.permissions-page  .permission-img {
    width: 60px;
}
.permissions-page  .permission-img-granted {
    background: url(images/granted-green_70.png) no-repeat center center;
    background-size: 25px;
}
.permissions-page .permission-img-notgranted {
    background: url(images/not-granted-red_70.png) no-repeat center center;
    background-size: 25px;
}
.permissions-page .notif-not-granted {
    background: url(images/not-granted-red_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .notif-granted {
    background: url(images/granted-green_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .notif-unknown {
    background: url(images/note-gray-bg_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .video-not-granted {
    background: url(images/not-granted-red_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .video-granted {
    background: url(images/granted-green_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .video-unknown {
    background: url(images/cam-gray-bg_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .audio-not-granted {
    background: url(images/not-granted-red_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .audio-granted {
    background: url(images/granted-green_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .audio-unknown {
    background: url(images/mic-gray-bg_70.png) no-repeat center center;
    background-size: 35px;
}
.permissions-page .permission-desc {
    word-break: break-word;
    text-align: left;
    padding-right: 10px;
    font-size: 15px;
}
.permissions-page .permission-request-specific {
    display: none;
    width: 50px;
    background: url(images/send_blue.png) no-repeat center center;
    background-size: 25px;
}
.permissions-page .permissions-initial-container,
.permissions-page .permissions-warning-container,
.permissions-page .permissions-done-container,
.permissions-page .softphone-unsupported-browser {
    display: none;
}
.permissions-page .softphone-unsupported-browser {
    text-align: center;
}
#permissions-skip-btn {
    display: none;
}
.img-zero-size {
    background-size: 0px !important;
}
.loader {
    display: none;
    border: 2px solid black;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 17px;
    top: 25px;
    animation-name: loading;
    animation-duration: 900ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* Settings page */
.settings-page .setting-value select {
    margin: 0 auto;
}
.setting-select {
    margin: 0 auto;
}
.settings-page .settings-container .basic-row {
    margin: 20px 0;
}
.setting-label {
    text-align: left;
}
#settings-video-preview {
    width: 320px;
    height: 180px;
    background-color: black;
    margin: 15px auto;
}
#settings-video-preview video {
    width: 320px;
    height: 180px;
}
.setting-icon-wrapper {
    width: 30px;
}
.setting-no-permission {
    display: none;
    width: 25px;
    height: 25px;
    background: url(images/attention_red_white_border.svg) no-repeat center center;
    background-size: 20px;
}
#setting-sound-input, #setting-sound-output, #setting-video-input {
    margin-bottom: 15px;
}
#precall-devices-view select {
    margin-bottom: 3px;
    line-height: 1;
    padding-left: 10px;
    border-radius: 5px;
}
#precall-devices-view select.disabled {
    border: 2px solid red;
    background-color: #ff9999;
}
#precall-devices-view .device-header.disabled {
    color: red;
}
#precall-devices-view .precall-header {
    display: inline-block;
    font-size: 16px;
    color: #0c507a;
    font-weight: 600;
    margin-bottom: 10px;
}
#precall-devices-view .precall-permissions-btn {
    display: none;
    float: right;
    position: relative;
}
#precall-devices-view .precall-permissions-btn .my-button-text {
    padding: 0px;
    font-weight: inherit;
}
#precall-devices-view .device-header {
    font-size: 13px;
}
#precall-devices-view .precall-video-preview-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
}
#precall-devices-view .precall-video-overlay {
    display: table;
    background-color: lightgray;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
#precall-devices-view .precall-video-overlay .overlay-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*line-height: 180px;*/
    color: gray;
    height: 100%;
    font-weight: 600;
    font-size: 12px;
}
#precall-video-preview {
    width: 100%;
    height: 100%;
    transform: scale(1.01);
    position: absolute;
    top: 0;
    object-fit: cover;
}
.precall-video-overlay .in-use-reload-img {
    background: url(images/history-black_50.png) no-repeat center center;
    background-size: 17px;
}
.precall-try-again-btn {
    position: absolute;
    font-size: 11px;
    line-height: 10px;
    background-color: darkgray;
    padding: 2px 2px;
    top: 38%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


/* Edit profile page*/


.edit-profile-content{
    padding: 0px 20px 0px 20px;
    position: relative;
}

.edit-profile-wrapper{
    padding: 10px 0px 5px 0px;
    margin-top: 5px;
}

.edit-profile-header{
    font-weight: bold;
    font-size: 15px;
}

.edit-profile-text{
    margin-top: 5px;
}

.edit-profile-input-field{
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.my-button.edit-profile-save-btn{
    margin-top: 20px;
    max-width: 500px;
}

.save-result-banner{
    height: 50px;
    position: absolute;
    top: 0px;
    background-color: #42b549;
    width: 100%;
    z-index: 1;
    transition: transform 0.5s ease-in-out; 
    transform: translateY(-100px);
}

.save-result-banner-content {
    max-width: 500px;
    margin: auto;
}
.result-indicator-icon{
    width: 40px;
    height:40px;
    background: url(images/check_white.svg) no-repeat center center;
    background-size: 40px;
    float: left;
    position: absolute;
    margin-top: 5px;
    margin-left: 40px;
}
.save-result-banner-text-wrapper {
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
}

.save-result-banner-text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: #ffffff;
    font-weight: bold;
}


.save-result-text {
    text-align: center;
    padding: 20px;
    font-weight: bold;
    font-size: 16px;
    opacity: 0;
    transition: opacity 2s;
}
.saved-confirm{
    background-color: #2AB558;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0%;
    transform: translate(0%, -100%);
}


/*External iframe page*/
.external-iframe-page {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.external-page-iframe {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    border: none;
}

/* Case update request page */

.case-update-request-page .page-content {
    background-color: #FFF;
}

.case-update-request-page .case-update-request-page-content {
    /*padding: 0 20px;*/
}

.case-update-request-page .booking-state-row {
    height: 30px;
    padding-bottom: 10px;
}

.case-update-request-page .booking-state-text {
    text-align: left;
    font-weight: bold;
    color: #f15a24;
}

.case-update-request-page .booking-state-image {
	width: 50px;
    background: url(images/pencil-orange_50.png) no-repeat center center;
    background-size: 20px;
}
.case-update-request-page .all-updated .booking-state-image {
	background-image: url(images/confirm-green_60.png);
}
.case-update-request-page .all-updated .booking-state-text {
	color: #29ad23;
}
.case-update-request-page .booking-extra-wrapper {
	margin-bottom: 20px;
}

.case-update-request-page .booking-extra {
    height: 50px;
}
.case-update-request-page .booking-extra.enabled {
    cursor: pointer;
}
.case-update-request-page .booking-extra .menu-list-element-text {
	color: #f15a24;
	font-style: italic;
}
.case-update-request-page .booking-extra .menu-list-element-icon-left {
    width: 50px;
    background: url(images/attention-orange_50.png) no-repeat center center;
    background-size: 20px;
}
.case-update-request-page .booking-extra.updated .menu-list-element-text {
	color: #29ad23;
}
.case-update-request-page .booking-extra.updated .menu-list-element-icon-left {
    background-image: url(images/confirm-green_60.png);
}
.case-update-request-page .booking-extra-state-info {
	padding: 10px 15px;
}

.case-update-request-page .menu-list-element .menu-list-element-icon-right {
    filter: grayscale(100%);
}

/* Case info page */
.case-info-page .page-content {
    background-color: #FFF;
}

.case-info-page .case-info-page-content .basic-row {
    text-align: left;
}

.case-info-page .case-info-page-content .page-section {
    padding-bottom: 30px;
}

.case-info-page .case-info-page-content .page-section-title {
    font-weight: bold;
}

.case-info-page .case-info-page-content .unbook-booking-btn-wrapper {
    text-align: left;
}