.felgappointment2 .felgloading{ background-image: url('../images/loading.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; }

.felgappointment2.loadingbox{ position: absolute; top: 35px; bottom: 60px; left: 0px; right: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.felgappointment2.loadingbox .felgloading{ background-image: url('../images/loading.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; }

.felgappointment2 .check, 
.felgappointment2 .error{ border: solid 5px #58ea58; width: 120px; height: 120px; border-radius: 50%; text-align: center; line-height: 110px; font-size: 90px; color: #18b118; margin-bottom: 15px; margin-top: 20px; }
.felgappointment2 .error{ border-color: #ff8e8e; color: red; }

.felgappointment2 .block-select + .block-select{ margin-top: 10px; } 
.felgappointment2 .block-select.blocked{ opacity: 0.3 } 
.felgappointment2 .block-select .title{ font-size: 65%; font-weight: bold; } 

.felgappointment2 .block-select .select{ display: flex; align-items: center; border: solid 1px; border-radius: 5px; padding: 5px; position: relative; } 
.felgappointment2 .block-select .select:hover{ opacity: 0.6; cursor: pointer; } 
.felgappointment2 .block-select.blocked .select:hover{ opacity: 1; cursor: default; } 

.felgappointment2 .block-select.offices-select .select .hometoolbar{ background-image: url('../images/home.svg'); background-position: center; background-repeat: no-repeat; min-width: 20px; height: 20px; margin-right: 5px; background-size: contain; } 
.felgappointment2 .block-select.types_patients-select .select .hometoolbar{ background-image: url('../images/all.svg'); background-position: center; background-repeat: no-repeat; min-width: 20px; height: 20px; margin-right: 5px; background-size: contain;} 
.felgappointment2 .block-select.visittype-select .select .hometoolbar{ background-image: url('../images/unit.svg'); background-position: center; background-repeat: no-repeat; min-width: 25px; height: 25px; margin-right: 5px; background-size: contain;} 
.felgappointment2 .block-select.doctors-select .select .hometoolbar{ background-image: url('../images/doctor.svg'); background-position: center; background-repeat: no-repeat; min-width: 25px; height: 25px; margin-right: 5px; background-size: contain;} 


.felgappointment2 .block-select .select .text{ padding-right: 80px; display: flex; width: 100%; align-items: center; } 
.felgappointment2 .block-select .select .text .name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; } 
.felgappointment2 .block-select .select .text .time{ position: absolute; right: 35px; display: flex; align-items: center; } 
.felgappointment2 .block-select .select .text .time .imgtime{ background-image: url('../images/clock.svg'); background-position: center; background-repeat: no-repeat; min-width: 15px; min-height: 15px; background-size: contain; } 
.felgappointment2 .block-select .select .text .time .texttime{ min-width: 35px; font-size: 12px; margin-left: 3px; }
.felgappointment2 .block-select .select .text .address{ color: #888; font-size: 16px; margin-left: -10px; } 
.felgappointment2 .block-select .select .arrowtoolbar{ 	background-image: url('../images/down.svg'); background-position: center; background-repeat: no-repeat; min-width: 20px; min-height: 20px; position: absolute; right: 10px; top: 50%; margin-top: -15px; } 
.felgappointment2 .block-select .select .list{ display: none; } 

.felgappointment2 .block-select.offices-select .select .text{ padding-right: 30px; flex-direction: column; align-items: normal; } 
.felgappointment2 .block-select.offices-select .select .text .name{ font-weight: bold;} 
.felgappointment2 .block-select.offices-select .select .text .address{ font-size: 85%; margin-top: -10px; margin-left: 0; } 

.felgappointment2Overley{ position: absolute; z-index: 100153; }
.felgappointment2Overley .list{ border: solid 1px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.felgappointment2Overley .list .oneposition{ line-height: 20px; white-space: normal; padding: 5px; display: flex; } 
.felgappointment2Overley .list .oneposition>div{ width: 100%; } 
.felgappointment2Overley .list .oneposition.hide{ display: none !important; } 
.felgappointment2Overley .list .oneposition .address{ font-size: 14px; padding-left: 5px; } 
.felgappointment2Overley .list .oneposition:hover{ cursor: pointer; } 
.felgappointment2Overley .list .oneposition .firstline{ display: flex; width: 100%; justify-content: space-between; } 
.felgappointment2Overley .list .oneposition .firstline .time{ display: flex; align-items: center; } 
.felgappointment2Overley .list .oneposition .firstline .time .imgtime{ background-image: url('../images/clock.svg'); background-position: center; background-repeat: no-repeat; min-width: 15px; min-height: 15px; background-size: contain; } 
.felgappointment2Overley .list .oneposition .firstline .time .texttime{min-width: 35px; text-align: center; color: black; font-size: 12px; margin-left: 3px; line-height: 15px; } 
.felgappointment2Overley .list .oneposition .description{ white-space: normal; font-size: 12px; line-height: normal; } 


.felgappointment2 .find-visits{ width: 100%; margin-top: 15px; }
.felgappointment2 .autofocus-dialog{ width: 1px !important; height: 1px !important; padding: 0; position: absolute; top: -5px; left: -12px; }

.felgappointment2 .content{ position: absolute; top: 5px; bottom: 5px; left: 10px; right: 10px; display: flex; justify-content: space-between; align-items: center; }
.felgappointment2 .content .arrow-left{ background-image: url('../images/left.svg'); background-position: center; background-repeat: no-repeat; min-width: 25px; height: 50px; background-size: contain; cursor: pointer; position: absolute; left: 0;}
.felgappointment2 .content .arrow-right{ background-image: url('../images/right.svg'); background-position: center; background-repeat: no-repeat; min-width: 25px; height: 50px; background-size: contain; cursor: pointer; position: absolute; right: 0; }

.felgappointment2 .daybox{ position: absolute; top: 0; bottom: 0; left: 30px; right: 30px; display: flex; justify-content: space-around; }
.felgappointment2 .empty-list{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.felgappointment2 .empty-list .title{ margin-top: -30px; font-weight: bold; }
.felgappointment2 .empty-list .days{ margin: 10px 0; }

.felgappointment2 .oneday{ padding: 0; width: 252px; outline: none; position: relative; }
.felgappointment2 .oneday .title{ margin: 5px 0; color: black; width: 100%; font-size: 16px; text-align: center; font-weight: bold; }
.felgappointment2 .oneday .border{ border:solid 1px #cdcdcd; border-radius:10px; min-height: 155px; position: absolute; width: 100%; bottom: 0; top: 30px; scrollbar-width: none; overflow: auto; }
.felgappointment2 .oneday .border::-webkit-scrollbar { width: 0px; }

.felgappointment2 .oneday .border .time-block{ padding: 0px 0px 10px 10px; display: flex; flex-wrap: wrap; width: 100%; }
.felgappointment2 .oneday .border .time-block>div{ padding: 10px 10px 0 0; }
.felgappointment2 .oneday .border .time-block>div [timeindex]{ border: solid 1px; background-color: white; padding: 5px 0px; border-radius: 5px; width: 70px; text-align: center; }
.felgappointment2 .oneday .border .time-block>div [timeindex]:hover{ background-color: #cdcdcd; cursor: pointer; }

.felgappointment2 .oneday .scroll-box{ width: 3px; position: absolute; top: 40px; bottom: 10px; right: 0; }
.felgappointment2 .oneday .scroll-box .scroll{ width: 3px; position: absolute; top: 0px; height: 10px; }

[aria-describedby='FelgappointemntDialog'] .ui-dialog-titlebar{ text-align: center; padding: 0 36px; }
[aria-describedby='FelgappointemntDialog'] .calendar{ float: left; height: 28px; padding: 0 10px 1px; cursor: pointer; border-width: 1px; border-style: solid; border-radius: 3px; border-color: #ccc; box-shadow: 0 1px 0 #ccc; display: flex; align-items: center; }

[aria-describedby='FelgappointemntDialog'] .calendar .text{ font-size: 13px; line-height: 2; text-transform: uppercase; }
[aria-describedby='FelgappointemntDialog'] .calendar .text:hover{ text-decoration: underline; }
[aria-describedby='FelgappointemntDialog'] .calendar .img{ 	background-image: url('../images/calendar-white.svg'); background-position: center; background-repeat: no-repeat; min-width: 15px; height: 15px; background-size: contain; margin-right: 3px; } 

[aria-describedby='Felgappointemnt_calendarDialog'] .ui-dialog-titlebar{ text-align: center; padding: 0 36px; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2{ position: relative;  height: 100%; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar{ text-align: center; margin: 0px; height: 100%; border: 2px solid transparent; width: 100%; }

[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar thead .days th{ width: 14.3%; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar thead .arrow.arrleft{ position: absolute; left: 10px; font-size: 35px; margin-top: -15px; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar thead .arrow.arrright{ position: absolute; right: 10px; font-size: 35px; margin-top: -15px; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar thead .arrow:hover{ cursor: pointer; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar .visit-date{ cursor: pointer; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar .visit-date .date{  border-radius: 50%; display: flex; line-height: normal; width: 27px; height: 27px; align-items: center; justify-content: center; margin: 0 auto; }
[aria-describedby='Felgappointemnt_calendarDialog'] .felgappointment2-calendar .prev-date{ color: #ccc !important; background: #f5f5f5 !important; cursor: default; }
#Felgappointemnt_calendarDialog{ padding: 0px; }


[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-titlebar{ text-align: center; padding: 0 36px; }

.felgappointment2 .patientinfo{ margin-top: -20px; }
.felgappointment2 .inputgroup{ cursor: pointer; position: relative; border: 1px solid #a9b6be; padding: 5px; margin-top: 20px; border-radius: 5px;}
.felgappointment2 .inputgroup .errorinput{ color: red; }
.felgappointment2 .inputgroup input{ cursor: pointer; }

[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-buttonpane .desc_email{ float: left; color: #888; font-size: 9px;  margin-bottom: 10px; }
.felgappointment2 label{ padding: 0 3px; font-size: 10px; top: -7px; max-width: 90%; position: absolute; background-color: white; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 !important; line-height: normal !important; }
.felgappointment2 textarea,
.felgappointment2 input{ border: none !important; height: 20px; outline: none; font-size: 15px !important;  max-width: 100% !important; padding: 5px 2px !important; width: 100% !important; line-height: normal !important; margin: 0 !important; }
.felgappointment2 textarea{ height: 75px !important; resize: none; }

[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button{  margin-left: 0; }
[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child{ margin-right: 16px; background-color: #00aeef; color: white; }
[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.notshow{ cursor: default; opacity: 0.6; }
[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover{ background-color: #057097; color: white; }
[aria-describedby='Felgappointemnt_patientDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.notshow:hover{ background-color: #00aeef; text-decoration: none; }

[aria-describedby='Felgappointemnt_confirmDialog'] .ui-dialog-titlebar{ text-align: center; padding: 0 36px; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm{ margin: 0px auto; border-color: transparent; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm tr{ height: 0px; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm td{ vertical-align: top; border-color: transparent; text-align: left; padding: 10px 5px 0px; }

[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm td.tit{ width: 50%; text-align: right; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm td.val .address{ font-size: 80%; margin-top: -5px; }


[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor td{ vertical-align: middle;  }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor .val{ display: flex; align-items: center;  }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor .val img{ width: 30px; height: 30px; border-radius: 30px; margin-right: 5px; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor .val .info{ display: flex; flex-direction: column; width: 90%; font-size: 14px; justify-content: center; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor .val .info .docspec{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888 }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor .val .info .name{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .doctor .val .info .rolename{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888 }

[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .visitstart .val{display: flex; align-items: center;  }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .visitstart .val .img{ background-image: url('../images/calendar.svg'); background-position: center; background-repeat: no-repeat; min-width: 25px; height: 20px; background-size: contain; margin-right: 5px; }


[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .duration .val{display: flex; align-items: center; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .duration .val img{ width: 25px; height: 20px; margin-right: 5px; }

[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .infopat .nln,
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .infopat .phone,
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .infopat .email,
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .infopat .desc
    {display: flex; align-items: center; }
[aria-describedby='Felgappointemnt_confirmDialog'] table.confirm .infopat img{ width: 25px; height: 20px; margin-right: 5px; }

[aria-describedby='Felgappointemnt_confirmDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child{ margin-right: 16px; background-color: #00aeef; color: white; }
[aria-describedby='Felgappointemnt_confirmDialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover{ background-color: #057097; color: white; }


.felgappointment2 .captcha{ flex-direction: column; overflow: overlay; justify-content: normal; width: 200px; align-items: normal; margin: 0 auto; padding: 10px 0; }
.felgappointment2 .captcha .top-title{ font-weight: bold; margin-bottom:10px; text-align: center;}
.felgappointment2 .captcha img{ border: solid 1px transparent; border-radius: 25px; margin-bottom: 10px; }
.felgappointment2 .captcha .title{ margin-bottom: -18px; font-size: 65%; font-weight: bold; }
.felgappointment2 .captcha .inputgroup{ width: 100%; }
.felgappointment2 .captcha .inputgroup input{ letter-spacing: 15px; }

.felgappointment2 .checkbox{ margin-top: 10px; margin-left: 0px; display: flex; }
.felgappointment2 .checkbox .border{ min-width: 25px; height: 25px; border: 1px solid #a9b6be; border-radius: 5px; overflow: hidden; }
.felgappointment2 .checkbox>span{ padding-left: 5px; padding-top: 1px; cursor: pointer; }
.felgappointment2 input[type=checkbox] { position: relative; cursor: pointer; padding: 0 !important; margin: 0 !important; }
.felgappointment2 input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 28px; height: 28px; top: 0; left: 0; background-color: white; }
.felgappointment2 input[type=checkbox]:checked:after{ content: ""; display: block; width: 8px; height: 15px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 8px; }


.felgappointment2.changeindex .next_visit{ text-align: center; text-transform: uppercase; font-weight: bold; }
.felgappointment2.changeindex .val{ display: flex; align-items: center; }
.felgappointment2.changeindex .val .img{ background-image: url('../images/calendar.svg'); background-position: center; background-repeat: no-repeat; min-width: 25px; height: 20px; background-size: contain; margin-right: 5px; }
.felgappointment2.changeindex .title{ font-size: 65%; font-weight: bold; padding-left: 3px; margin-bottom: -5px; margin-TOP: 10px;}

.felgappointment2.changeindex .doctor .val{ margin-top: 5px; }
.felgappointment2.changeindex .doctor .val img{ width: 30px; height: 30px; border-radius: 30px; margin-right: 5px; }
.felgappointment2.changeindex .doctor .val .info{ display: flex; flex-direction: column; width: 90%; font-size: 14px; justify-content: center; }
.felgappointment2.changeindex .doctor .val .info .docspec{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888 }
.felgappointment2.changeindex .doctor .val .info .name{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.felgappointment2.changeindex .doctor .val .info .rolename{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888 }


.felgappointment2.changeindex .office .val{ flex-direction: column; align-items: normal; }
.felgappointment2.changeindex .office .val .address{ font-size: 70%; margin-top: -5px; }
.felgappointment2.changeindex button{ display: block; width: 100%; margin-top: 10px; }


.ui-dialog-felgcalendar .ui-dialog-titlebar-close { background: 0 0; border: none; box-shadow: none; color: #666; cursor: pointer; display: block; padding: 0; position: absolute; top: 0; right: 0; width: 36px; height: 36px; text-align: center; border-radius: 0; }
.ui-dialog-felgcalendar .ui-dialog-titlebar-close:hover{ opacity: 0.7; cursor: pointer; }