.felgappointment2 .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.loadingbox{ display: flex; flex-direction: column; align-items: center; }

.felgappointment2 textarea,
.felgappointment2 input:focus, 
.felgappointment2 input{ outline: none !important; border: none !important; height: 20px; font-size: 15px !important;  max-width: 100% !important; padding: 5px 2px !important; width: 100% !important; line-height: normal !important; margin: 0 !important; box-shadow: none !important; }
.felgappointment2 textarea{ height: 75px !important; resize: none; }


.felgappointment2 button
{ outline: none; border: 0px solid transparent; }


.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 .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; }


.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; }

.felgappointment2Overley.fixed{ position: fixed; }
.felgappointment2Overley.fixed .list{ max-height: 300px; overflow: overlay; }


.felgappointment2.bg-dialog{ background: rgba(0,0,0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; display: flex; justify-content: center; align-items: center; }
.felgappointment2.bg-dialog .box{ background: white; position: absolute;  border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }
.felgappointment2.bg-dialog .box .close{ background-image: url('../images/close.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; position: absolute; top: 3px; right: 3px; z-index: 1;}
.felgappointment2.bg-dialog .box .close:hover{ cursor: pointer; opacity: 0.6; }
.felgappointment2.bg-dialog .box .loading{ background-image: url('../images/loading.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 30px; height: 30px; padding: 30px; }
.felgappointment2.bg-dialog .box .htmlcontener{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; }
.felgappointment2.bg-dialog .box .htmlcontener .title{ width: 100%; padding: 10px 25px 10px 10px; text-align: center; font-weight: bold; border-bottom: solid 1px #cdcdcd; }
.felgappointment2.bg-dialog .box .htmlcontener .content{ flex: 1 1 auto; overflow-y: auto; min-height: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 10px; width: 100%; height: 100%; position: relative; }
.felgappointment2.bg-dialog .box .htmlcontener .bottom{ padding: 10px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.felgappointment2.bg-dialog .box .htmlcontener .bottom .fbtn{ padding: 5px 10px; margin: 5px; display: flex; text-transform: uppercase; border-radius: 3px;}
.felgappointment2.bg-dialog .box .htmlcontener .bottom .fbtn:hover{ text-decoration: underline; cursor: pointer; }


#Felgappointemnt_captchaDialog .box{ width: 250px; height: 350px; }
#Felgappointemnt_captchaDialog .box .htmlcontener img{ border: solid 1px transparent; border-radius: 25px; margin-bottom: 30px; }
#Felgappointemnt_captchaDialog .box .htmlcontener .text{  margin-bottom: -18px; font-size: 65%; font-weight: bold; width: 100%; text-align: left; padding: 0px 25px; }
#Felgappointemnt_captchaDialog .box .htmlcontener .inputgroup input{ letter-spacing: 15px; }
#Felgappointemnt_captchaDialog .box .htmlcontener .bottom .refresh{ width: 100%; justify-content: center; }


#Felgappointemnt_listDialog .box .htmlcontener .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: 3px;}
#Felgappointemnt_listDialog .box .htmlcontener .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: 3px; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox{ position: absolute; top: 10px; bottom: 10px; left: 30px; right: 30px; display: flex; justify-content: space-around; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list .titleday{ margin-top: -30px; font-weight: bold; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list .days{ margin: 10px 0; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list .search_next_month{ padding: 5px 10px; margin: 5px; display: flex; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list .search_next_month:hover{ text-decoration: underline; cursor: pointer; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list .search_prev_month{ padding: 5px 10px; margin: 5px; display: flex; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .empty-list .search_prev_month:hover{ text-decoration: underline; cursor: pointer; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday{ padding: 0; width: 252px; outline: none; position: relative; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .titleday{ margin: 5px 0; color: black; width: 100%; font-size: 16px; text-align: center; font-weight: bold; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .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; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .border::-webkit-scrollbar { width: 0px; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .border .time-block{ padding: 0px 0px 10px 10px; display: flex; flex-wrap: wrap; width: 100%; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .border .time-block>div{ padding: 10px 10px 0 0; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .border .time-block>div [timeindex]{ border: solid 1px; background-color: white; padding: 5px 0px; border-radius: 5px; width: 70px; text-align: center; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .border .time-block>div [timeindex]:hover{ background-color: #cdcdcd; cursor: pointer; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .scroll-box{ width: 3px; position: absolute; top: 40px; bottom: 10px; right: 0; }
#Felgappointemnt_listDialog .box .htmlcontener .content .daybox .oneday .scroll-box .scroll{ width: 3px; position: absolute; top: 0px; height: 10px; }
#Felgappointemnt_listDialog .box .htmlcontener .bottom{ justify-content: space-between; }
#Felgappointemnt_listDialog .box .htmlcontener .bottom .calendar .img{ background-image: url('../images/calendar-white.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; margin-right: 5px; }


#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar{ text-align: center; margin: 0px; height: 100%; border: 2px solid transparent; width: 100%; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar thead .days th{ width: 14.3%; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar thead .arrow.arrleft{ position: absolute; left: 10px; font-size: 35px; margin-top: -15px; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar thead .arrow.arrright{ position: absolute; right: 10px; font-size: 35px; margin-top: -15px; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar thead .arrow:hover{ cursor: pointer; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar .visit-date{ cursor: pointer; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .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; }
#Felgappointemnt_calendarDialog .box .htmlcontener .content .felgappointment2-calendar .prev-date{ color: #ccc !important; background: #f5f5f5 !important; cursor: default; }
#Felgappointemnt_calendarDialog .box .htmlcontener .bottom{ justify-content: flex-end; }


#Felgappointemnt_patientDialog .box .htmlcontener .content{ align-items: start; }
#Felgappointemnt_patientDialog .box .htmlcontener .content .patientinfo{ width: 100%; }
#Felgappointemnt_patientDialog .box .htmlcontener .content .checkbox{ margin-top: 10px; margin-left: 0px; display: flex; }
#Felgappointemnt_patientDialog .box .htmlcontener .content .checkbox .border{ min-width: 25px; height: 25px; border: 1px solid #a9b6be; border-radius: 5px; overflow: hidden; }
#Felgappointemnt_patientDialog .box .htmlcontener .content .checkbox>span{ padding-left: 10px; padding-top: 1px; cursor: pointer; text-align: left; }
#Felgappointemnt_patientDialog .box .htmlcontener .content input[type=checkbox] { position: relative; cursor: pointer; padding: 0 !important; margin: 0 !important; }
#Felgappointemnt_patientDialog .box .htmlcontener .content input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 28px; height: 28px; top: 0; left: 0; background-color: white; }
#Felgappointemnt_patientDialog .box .htmlcontener .content 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; }
#Felgappointemnt_patientDialog .box .htmlcontener .bottom .right_btn{ display: flex; }
#Felgappointemnt_patientDialog .box .htmlcontener .bottom .desc_email{ float: left; color: #888; font-size: 9px;  margin-bottom: 10px; text-align: left;}
#Felgappointemnt_patientDialog .box .htmlcontener .bottom .fbtn.notshow{ cursor: default; opacity: 0.6; }
#Felgappointemnt_patientDialog .box .htmlcontener .bottom .fbtn.notshow:hover{ text-decoration: none; }


#Felgappointemnt_emptyDialog .box{ width: 300px; height: 250px; }
#Felgappointemnt_emptyDialog .box .htmlcontener .bottom .fbtn.cancel{ width: 100%; justify-content: center; }


#Felgappointemnt_confirmDialog .box{ width: 90%; height: 500px; }
#Felgappointemnt_confirmDialog table.confirm{ margin: 0px auto; border-color: transparent; }
#Felgappointemnt_confirmDialog table.confirm tr{ height: 0px; }
#Felgappointemnt_confirmDialog table.confirm td{ vertical-align: top; border-color: transparent; text-align: left; padding: 10px 5px 0px; }
#Felgappointemnt_confirmDialog table.confirm td.tit{ width: 50%; text-align: right; }
#Felgappointemnt_confirmDialog table.confirm td.val .address{ font-size: 80%; margin-top: -5px; }
#Felgappointemnt_confirmDialog table.confirm .doctor td{ vertical-align: middle;  }
#Felgappointemnt_confirmDialog table.confirm .doctor .val{ display: flex; align-items: center;  }
#Felgappointemnt_confirmDialog table.confirm .doctor .val img{ width: 30px; height: 30px; border-radius: 30px; margin-right: 5px; }
#Felgappointemnt_confirmDialog table.confirm .doctor .val .info{ display: flex; flex-direction: column; width: 90%; font-size: 14px; justify-content: center; }
#Felgappointemnt_confirmDialog table.confirm .doctor .val .info .docspec{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888 }
#Felgappointemnt_confirmDialog table.confirm .doctor .val .info .name{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
#Felgappointemnt_confirmDialog table.confirm .doctor .val .info .rolename{ line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888 }
#Felgappointemnt_confirmDialog table.confirm .visitstart .val{display: flex; align-items: center;  }
#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; }
#Felgappointemnt_confirmDialog table.confirm .duration .val{display: flex; align-items: center; }
#Felgappointemnt_confirmDialog table.confirm .duration .val img{ width: 25px; height: 20px; margin-right: 5px; }
#Felgappointemnt_confirmDialog table.confirm .infopat .nln,
#Felgappointemnt_confirmDialog table.confirm .infopat .phone,
#Felgappointemnt_confirmDialog table.confirm .infopat .email,
#Felgappointemnt_confirmDialog table.confirm .infopat .desc {display: flex; align-items: center; }
#Felgappointemnt_confirmDialog table.confirm .infopat img{ width: 25px; height: 20px; margin-right: 5px; }


#Felgappointemnt_newDialog .box{ width: 300px; height: 200px; }


.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; }