html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background-color: #f2f9ff;
}
.top_nav {
  z-index: 1 !important;
}
.video-slider-modal {
  direction: ltr;
}
.video-slider-modal .modal-header .close {
  margin-left: -20px !important;
  margin-top: -20px !important;
  float: left;
}
.file-upload .btn-s {
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.file-upload .table > thead > tr > th,
.file-upload .table > tbody > tr > th,
.file-upload .table > tfoot > tr > th,
.file-upload .table > thead > tr > td,
.file-upload .table > tbody > tr > td,
.file-upload .table > tfoot > tr > td {
  padding: 5px !important;
  vertical-align: middle !important;
}
.play2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: table;
  cursor: pointer;
}
.play2 .inner-play {
  color: #FFFFFF;
  opacity: 0.7;
  speak: none;
  background: none;
  border: none;
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin: 20% auto auto auto;
}
.play2 .inner-play:before {
  content: "\e000";
}
/*----------------------------------------------------------------------------------------------------*/
.polyclinic-contentbox {
  background-color: #0a6c6f;
  background-color: rgba(10, 108, 111, 0.7);
  border: 1px solid #fff;
}
.home-appointment-required {
  position: absolute;
  left: -16px;
  top: 20px;
  color: #f00;
}
.home-appointment {
  position: relative;
}
.pendingticket {
  margin-top: 40px;
  height: 30px;
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #06948f !important;
}
.pendingticket__message {
  height: 100%;
  line-height: 32px;
}
.pendingticket__link {
  margin-right: 5px;
  border-bottom: 1px solid;
  text-decoration: none !important;
  cursor: pointer;
}
/*-------------------------------------------- Loading -----------------------------------------------*/
.loading-back-profile {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  opacity: 0.4;
  background-color: #81CFFF;
}
.loading-main {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-main.gif') no-repeat center center;
  z-index: 99999;
  left: 0;
  top: 0;
  position: absolute;
}
.loading-lg-profile {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-lg-profile.gif') no-repeat center center;
  z-index: 99999;
  left: 0;
  top: 0;
  position: absolute;
}
.loading-back {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  opacity: 0.2;
  background-color: #FFFFFF;
}
.loading-back-gray {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  opacity: 0.4;
  background-color: #05BFA2;
}
.loading-back-lg {
  width: 100%;
  height: 100%;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.loading-back-lg2 {
  width: 100%;
  height: 100%;
  background: url('images/icon/Loading-black-64.GIF') no-repeat center center;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background-color: #fff;
}
.loading-back-sm {
  width: 150px;
  height: 30px;
  background-color: #FFFFFF;
  z-index: 99999;
  position: absolute;
  top: 48%;
  left: 43%;
  border: 1px solid #0473DA;
  border-radius: 5px;
}
.loading-lg {
  width: 100%;
  height: 100%;
  background: url('images/icon/Loading-lg.gif') no-repeat center center;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
}
.loading-me {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-me.gif') no-repeat center center;
  z-index: 99999;
  position: absolute;
}
.loading-black-64 {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-black-64.gif') no-repeat center center;
  z-index: 99999;
  position: absolute;
  top: -50px;
}
.loading-black-32 {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-black-32.gif') no-repeat center center;
  z-index: 99999;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.loading-sm {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-xs.gif') no-repeat center center;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
}
#MainContent {
  -ms-opacity: 0;
  opacity: 0;
}
.loading-xs {
  width: 100%;
  height: 100%;
  background: url('Images/icon/Loading-xs.gif') no-repeat center center;
  z-index: 99999;
  left: 0;
  top: 0;
  position: absolute;
}
.lazy-scroll-loading {
  position: relative;
  height: 50px;
}
.loading-veil {
  position: fixed;
  top: 25%;
  left: 30%;
  right: 30%;
  bottom: 65%;
}
.loading-veil .progress {
  height: 15px;
  background-color: #949393 !important;
}
.loading-veil .progress .progress-bar {
  background-color: #FFBA00 !important;
}
.loading-veil h3 {
  text-align: center;
  color: #4E4E4E;
}
/*-------------------------------------------- Appointment ------------------------------------------*/
.appointment-archive-btn {
  height: 30px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #fff;
  padding: 5px;
  color: #fff;
  line-height: 17px;
  padding-right: 10px;
  background-color: #298D96;
  position: relative;
}
.appointment-archive-btn:hover {
  color: #fff !important;
}
.appointment-archive-btn:focus {
  color: #fff !important;
}
.appointment-archive-btn span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 28px;
  top: 0;
  padding: 4px;
}
.appointment-Rating-btn {
  height: 30px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #fff;
  padding: 5px;
  color: #fff;
  line-height: 17px;
  padding-right: 10px;
  background-color: #27b6f7;
  position: relative;
}
.appointment-Rating-btn:hover {
  color: #fff !important;
}
.appointment-Rating-btn:focus {
  color: #fff !important;
}
.appointment-Rating-btn span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 28px;
  top: 0;
  padding: 4px;
}
.appointment-search {
  background-color: rgba(5, 4, 4, 0.5);
  color: #ffffff;
  margin-top: 10px;
  height: 100%;
}
.appointment-search .slimScrollDiv {
  margin-left: -15px;
  margin-right: -15px;
}
.appointment-search .appointment-right {
  height: 100%;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-header {
  height: 50px;
  background: #76c5fa;
  background: -moz-linear-gradient(top, #76c5fa 0%, #0a5c8f 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #76c5fa), color-stop(100%, #0a5c8f));
  background: -webkit-linear-gradient(top, #76c5fa 0%, #0a5c8f 100%);
  background: -o-linear-gradient(top, #76c5fa 0%, #0a5c8f 100%);
  background: -ms-linear-gradient(top, #76c5fa 0%, #0a5c8f 100%);
  background: linear-gradient(to bottom, #76c5fa 0%, #0a5c8f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c5fa', endColorstr='#0a5c8f', GradientType=0);
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-header span {
  /*margin-right: 33px;*/
  margin-right: 33px;
  line-height: 50px;
  display: inline;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-header span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 7px;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-header span.header-icon i {
  color: #fff;
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body {
  background-color: #fff;
  height: calc(100% - 50px) !important;
  /*.select {
                    z-index: 99999;
                    right: 10px;
                    max-height: 300px !important;
                    overflow-y: auto !important;
                }

                .form-group {
                    margin-top: 6%;

                    label {
                        color: #000;
                        margin-top: 15px;


                        span {
                            display: inline;

                            &.app-icon {
                                display: inline-block;
                                position: relative;
                                margin-left: 12px;

                                i {
                                    font-size: 20px;
                                    position: absolute;
                                    top: -14px;
                                    right: 0;
                                    left: 13px;
                                }
                            }
                        }
                    }

                    button {
                        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
                        background-color: rgba(10, 10, 10, 0);

                        .caret {
                            position: absolute;
                            margin-top: 9px;
                            margin-left: 9px;
                            left: 0;
                        }
                    }
                }*/
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body .select {
  z-index: 99999;
  right: 10px;
  max-height: 300px !important;
  overflow-y: auto !important;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group i.header-select-icon {
  position: absolute;
  z-index: 1;
  color: #545454;
  line-height: 40px;
  margin-left: 2px;
  margin-right: 4px;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group .btn:hover:not(.btn-link):not(.btn-flat),
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group .btn-default:hover:not(.btn-link):not(.btn-flat) {
  background-color: #fff;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group input.form-control {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  height: 40px;
  padding-right: 35px;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group button {
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0;
  height: 40px;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body div.form-group button .caret {
  position: absolute;
  margin-top: 9px;
  margin-left: 9px;
  left: 0;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body .appointment-search-box {
  margin-top: 5%;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-body .appointment-search-box button.btn-search {
  width: 100%;
  background: #52cc54;
  background: -moz-linear-gradient(top, #52cc54 0%, #056909 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #52cc54), color-stop(100%, #056909));
  background: -webkit-linear-gradient(top, #52cc54 0%, #056909 100%);
  background: -o-linear-gradient(top, #52cc54 0%, #056909 100%);
  background: -ms-linear-gradient(top, #52cc54 0%, #056909 100%);
  background: linear-gradient(to bottom, #52cc54 0%, #056909 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52cc54', endColorstr='#056909', GradientType=0);
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-footer {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.appointment-search .appointment-right .appointment-search-main .appointment-search-footer a {
  text-decoration: underline;
}
.appointment-search .appointment-right .appointment-search-main .android-download {
  height: 53px;
  width: initial;
  position: relative;
  left: -10px;
}
.appointment-search .appointment-right .appointment-search-main .ios-download {
  height: 53px;
  position: relative;
  width: initial;
  right: -10px;
}
.appointment-search .appointment-info {
  margin: 20px;
}
.appointment-search .appointment-info .appointment-info-top h3 {
  line-height: 33px;
  text-align: center;
  /*استان*/
  margin-top: -10px;
}
.appointment-search .appointment-info .appointment-info-top .appointment-split {
  border-bottom: 2px solid #CECCCC;
  margin-bottom: 15px;
  margin-top: 10px;
}
.appointment-search .appointment-info .appointment-info-bottom div {
  /*margin-top: 22px;*/
  margin-top: 13px;
}
.appointment-search .appointment-info .appointment-info-bottom div:first-child {
  margin-top: 5px;
}
.appointment-search .appointment-info .appointment-info-bottom div span {
  display: inline-block;
  position: relative;
}
.appointment-search .appointment-info .appointment-info-bottom div span i {
  position: absolute;
  top: -12px;
  right: 0;
  left: 0;
}
.appointment-search .appointment-info .appointment-info-bottom div p {
  display: inline;
  margin-right: 20px;
}
.google-unavailable {
  text-align: center;
  border: 1px solid #10B8C3;
  background-color: #15686E;
  padding: 5px 4px 5px 4px;
  height: 85%;
}
.google-unavailable i {
  text-align: center;
  color: #fff;
}
.google-unavailable-title {
  text-align: center;
  color: #fff;
  margin-top: 30px;
  border: 1px solid #10B8C3;
  background-color: #15686E;
  padding: 5px 4px 5px 4px;
}
.google-unavailable-title i {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.appointment-timesheet-page .header-box2 .header-menu {
  padding: 2px 0;
}
.appointment-timesheet-page .header-box2 .header-menu .appointment-register {
  text-align: right;
  font-size: 14px;
}
.appointment-timesheet-page .header-box2 .header-menu .appointment-register a {
  color: white;
  padding: 0 5px;
  top: 10px;
  position: relative;
}
.appointment-timesheet-page .header-box2 .header-menu .appointment-register a:last-child {
  border-left: none;
}
.appointment-timesheet-page .header-box2 .header-menu .clock {
  color: white;
  display: inline-block;
  padding: 0 50px;
  top: 10px;
  position: relative;
}
.appointment-timesheet-page .header-box2 .header-menu .logo-col .rayteb-logo {
  height: 40px;
  margin: 3px 0 0 -5px;
  float: left;
}
.appointment-timesheet-page .header-box2 .header-title h3 {
  /*margin-right: 30px;
                display: inline;
                color: #fff;*/
  /*استان*/
  margin-right: -55px;
  display: block;
  color: #fff;
  margin-top: 0;
  text-align: center;
  height: 12px;
}
.appointment-timesheet-page .header-box2 .header-title h3.header-icon {
  display: inline-block;
  position: relative;
  margin-right: -9px;
}
.appointment-timesheet-page .header-box2 .header-title h3.header-icon i {
  color: #fff;
  position: absolute;
  top: -16px;
  right: 0;
  left: 0;
}
.appointment-timesheet-page main .main-content .appointment-list {
  height: 100%;
  overflow: hidden;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main {
  height: 100%;
  background-color: rgba(5, 4, 4, 0.5);
  margin-top: 3px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet {
  height: 89%;
  margin-left: 0;
  padding-left: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select {
  padding-left: 0px;
  padding-right: 0px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select .row {
  margin-left: -10px;
  margin-right: -5px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select .row .header-select-icon {
  right: 11px;
  left: initial;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select .select {
  z-index: 99999;
  right: 10px;
  max-height: 300px !important;
  overflow-y: auto !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select .city-col {
  padding-right: 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select .center-col {
  padding-left: 0px;
  margin-left: 0px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select div {
  padding-left: 5px;
  padding-right: 5px;
  /*position: relative;*/
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select div i.header-select-icon {
  position: absolute;
  top: 16px;
  right: 11px;
  z-index: 5;
  color: #545454;
  height: 22px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select div .btn:hover:not(.btn-link):not(.btn-flat),
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select div .btn-default:hover:not(.btn-link):not(.btn-flat) {
  background-color: #fff;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select div button {
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-select div button .caret {
  position: absolute;
  margin-top: 9px;
  margin-left: 9px;
  left: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header {
  padding-right: 7px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header {
  padding-right: 5px;
  padding-left: 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 14px;
  z-index: 5;
  color: #9E9D9D;
  height: 22px;
  left: 20px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header input {
  border-bottom: none;
  margin-top: 7px;
  height: 35px;
  background-color: #fff;
  padding-right: 5px;
  font-size: 18px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick {
  margin: 6px auto 4px auto;
  width: 100%;
  color: white;
  text-align: center;
  position: relative;
  height: 35px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-left {
  position: absolute;
  left: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .day-pick-inner {
  top: 3px;
  font-size: 17px;
  line-height: 17px;
  width: auto;
  border: none;
  background: none;
  color: #fbd649;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-calendar {
  font-size: 19px;
  display: inline-block;
  top: 7px;
  position: relative;
  color: #ffd92e;
  cursor: pointer;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-right {
  position: absolute;
  right: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items {
  position: relative;
  margin-top: 5px;
  padding-right: 0px;
  margin-right: 0px;
  overflow-x: hidden;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor {
  background-color: #fff;
  margin-right: 7px;
  margin-top: 7px;
  height: auto;
  padding-bottom: 10px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor:first-child {
  margin-top: 5px !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor button {
  padding: 2px 20px 2px 20px;
  margin: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image {
  margin-top: 5px;
  height: auto;
  padding-right: 20px;
  /*استان*/
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner {
  height: 100%;
  border-left: 2px dashed #183a5d;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  width: 100%;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon i {
  font-size: 71px;
  color: #797878;
  position: absolute;
  top: 10px;
  right: -6px;
  left: 0;
  width: 90px;
  height: 90px;
  border-radius: 1%;
  text-align: center;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon i img {
  padding-top: 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon .i-img {
  width: 90px;
  height: 90px;
  border-radius: 1%;
  position: absolute;
  top: 2px;
  right: -6px;
  left: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info {
  display: inline-block;
  margin-right: 105px;
  margin-top: -15px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.clinic-name {
  border: none;
  padding: 3px 4px 3px 10px;
  width: 95%;
  border-radius: 3px;
  background-color: #dff7d9;
  color: #027912;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.clinic-name.blue {
  background-color: #dcf4fb;
  color: #024d7b;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #06948f !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.doctor-name.blue {
  color: #0670AE !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span a.blue {
  color: #0670AE !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet {
  /*border-left: 5px solid #17ad04;*/
  margin-top: 17px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 10px;
  height: auto !important;
  height: 130px;
  /*&.blue {
                                        border-color: #4cb4f1;
                                    }*/
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon span {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #2aa77e;
  background: linear-gradient(#2aa77e 0%, #139476 100%);
  position: absolute;
  top: 19px;
  left: -21px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #27b191;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #0f824c;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #27b191;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #0f824c;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon span.blue {
  background: #2a79a9;
  background: linear-gradient(#39abe2 0%, #1e8bb5 100%) !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon span.blue::before {
  border-left: 3px solid #3991bb !important;
  border-top: 3px solid #137896 !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .ribbon span.blue::after {
  border-right: 3px solid #3991bb !important;
  border-top: 3px solid #137896 !important;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-title {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-item {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .remain-appointment {
  display: block;
  color: #086f49;
  height: 20px;
  margin-top: 3px;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-center-address {
  text-align: right;
  padding-bottom: 4px;
  margin-top: 35px;
  padding-right: 5px;
  display: none;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-center-address.blue {
  border-color: #0069b3;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .next-appomintment-date {
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  background-color: #48a684;
  color: white;
  cursor: pointer;
}
.appointment-timesheet-page main .main-content .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .next-appomintment-date span {
  transform: rotate(90deg);
  display: block;
  margin-top: 70%;
  margin-right: -23px;
  font-size: 18px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
.appointment-timesheet-page main .main-content .appointment-list .register-template .btn-cancel {
  width: 200px;
  background-color: #feab00;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
.appointment-timesheet-page main .main-content .appointment-list .register-success-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
.appointment-timesheet-page main .main-content .appointment-map {
  height: 96%;
  margin-right: 0;
  padding-right: 0;
}
.appointment-timesheet-page main .main-content .appointment-map ng-map {
  display: block;
  margin-right: -5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.appointment-timesheet-page main .main-content .appointment-map .angular-leaflet-map {
  margin-top: 10px;
  margin-bottom: 10px;
}
.appointment-timesheet-page main .main-content .ticket-pre label {
  font-weight: bold;
  font-size: 1.1em;
  color: black;
}
.appointment-timesheet-page main .main-content .ticket-pre span {
  color: #444444;
}
.appointment-timesheet-page main .main-content .ticket-pre .ticket-pre-info {
  margin: 10px 0 0 40px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px 25px;
  height: 83%;
}
.appointment-timesheet-page main .main-content .ticket-pre .ticket-pre-info ul {
  font-size: 18px;
  color: white;
  line-height: 37px;
  height: 100% !important;
  overflow-y: auto;
  margin-left: 5%;
}
/*-------------------------------------------- SystemNoLayout --------------------------------------------*/
.heightMax {
  height: 100% !important;
}
.appointment-search-header-noLayout {
  padding-left: 62px !important;
}
.header-select-icon-noLayout {
  left: 70px !important;
}
/*--------------------------------------------------------------------------------------------------------*/
.registerCenterAppointment {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  height: 100%;
}
.registerCenterAppointment.pre-appointment {
  background-color: #027B86;
  border: 1px solid #fff;
}
.registerCenterAppointment.success-appointment {
  background-color: transparent;
  border: none;
}
.registerCenterAppointment .register-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
.registerCenterAppointment .register-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
.registerCenterAppointment .register-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
.registerCenterAppointment .register-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
.registerCenterAppointment .register-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
.registerCenterAppointment .register-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
.registerCenterAppointment .register-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
.registerCenterAppointment .register-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
.registerCenterAppointment .register-template .btn-accept {
  width: 200px;
  background-color: #01AB4C;
}
.registerCenterAppointment .register-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #D89202;
}
.registerCenterAppointment .register-template ul {
  color: #fff;
  line-height: 25px;
}
.registerCenterAppointment .register-success-template .register-success-main {
  background-color: rgba(5, 78, 86, 0.9) !important;
}
.registerCenterAppointment .register-success-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
.registerCenterAppointment .register-success-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
.registerCenterAppointment .register-success-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
.registerCenterAppointment .register-success-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
.registerCenterAppointment .register-success-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
.registerCenterAppointment .register-success-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
.registerCenterAppointment .register-success-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
.registerCenterAppointment .register-success-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
.registerCenterAppointment .register-success-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
.registerCenterAppointment .register-success-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
#CenterAppointment .modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 100%;
}
#CenterAppointment .appointment-list {
  height: 100%;
  overflow: hidden;
}
#CenterAppointment .appointment-list .appointment-list-main {
  height: 100%;
  background-color: rgba(1, 86, 88, 0.5);
  /*background-color: rgba(56, 55, 55, 0.5);*/
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet {
  height: 89%;
  margin-left: 0;
  padding-left: 0;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .slimScrollDiv {
  height: 85% !important;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select {
  padding-left: 37px;
  padding-right: 20px;
  /*position: relative;*/
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .select {
  z-index: 99999;
  right: 10px;
  max-height: 300px !important;
  overflow-y: auto !important;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 16px;
  right: 30px;
  z-index: 5;
  color: #545454;
  height: 22px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .btn:hover:not(.btn-link):not(.btn-flat),
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .btn-default:hover:not(.btn-link):not(.btn-flat) {
  background-color: #fff;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select button {
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0;
  height: 34px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select button .caret {
  position: absolute;
  margin-top: 9px;
  margin-left: 9px;
  left: 0;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header {
  padding-right: 2%;
  position: relative;
  padding-left: 40px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 17px;
  z-index: 5;
  color: #9E9D9D;
  height: 22px;
  left: 47px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header input {
  border-bottom: none;
  margin-top: 10px;
  height: 35px;
  background-color: #fff;
  padding-right: 5px;
  font-size: 18px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header {
  padding-right: 0;
  padding-left: 5px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick {
  margin: 10px auto;
  margin-right: -30px;
  margin-bottom: 0;
  width: 100%;
  /*background-color: #5D5D5D;*/
  background-color: rgba(1, 16, 16, 0.5);
  color: white;
  text-align: center;
  position: relative;
  height: 35px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-left {
  position: absolute;
  left: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .day-pick-inner {
  top: 3px;
  font-size: 17px;
  line-height: 17px;
  width: auto;
  border: none;
  background: none;
  color: #fbd649;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-calendar {
  font-size: 19px;
  display: inline-block;
  top: 7px;
  position: relative;
  color: #ffd92e;
  cursor: pointer;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-right {
  position: absolute;
  right: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items {
  height: 95%;
  position: relative;
  margin-top: 5px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor {
  background-color: #fff;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 5px;
  height: 120px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor:first-child {
  margin-top: 0 !important;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor button {
  padding: 2px 20px 2px 20px;
  margin: 0;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image {
  margin-top: 5px;
  height: 110px;
  padding-left: 28px;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner {
  height: 100%;
  border-left: 1px solid #B8B5B5;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  width: 100%;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon i {
  font-size: 71px;
  color: #797878;
  position: absolute;
  top: -2px;
  right: -6px;
  left: 0;
  width: 90px;
  height: 90px;
  border: 1px solid #888787;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  text-align: center;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon .i-img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -6px;
  left: 0;
  border: 1px solid #EBEAEA;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info {
  display: inline-block;
  margin-right: 105px;
  margin-top: 0;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #0670AE !important;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet {
  margin-top: 17px;
  height: auto;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-title {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-item {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#CenterAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-center-address {
  text-align: right;
  border: 1px solid #B1AEAE;
  border-radius: 2px;
  margin-top: 10px;
  padding-right: 0px;
  margin-right: -30px;
}
#CenterAppointment .appointment-list .register-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
#CenterAppointment .appointment-list .register-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
#CenterAppointment .appointment-list .register-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
#CenterAppointment .appointment-list .register-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
#CenterAppointment .appointment-list .register-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
#CenterAppointment .appointment-list .register-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
#CenterAppointment .appointment-list .register-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#CenterAppointment .appointment-list .register-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
#CenterAppointment .appointment-list .register-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
#CenterAppointment .appointment-list .register-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
#CenterAppointment .appointment-list .register-success-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
#CenterAppointment .appointment-list .register-success-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
#CenterAppointment .appointment-list .register-success-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
#CenterAppointment .appointment-list .register-success-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
#CenterAppointment .appointment-list .register-success-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
#CenterAppointment .appointment-list .register-success-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
#CenterAppointment .appointment-list .register-success-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#CenterAppointment .appointment-list .register-success-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
#CenterAppointment .appointment-list .register-success-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
#CenterAppointment .appointment-list .register-success-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
#SchedulePolyclinicAppointment .modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 100%;
}
#SchedulePolyclinicAppointment .appointment-list {
  height: 100%;
  overflow: hidden;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main {
  height: 100%;
  background-color: rgba(1, 86, 88, 0.5);
  /*background-color: rgba(56, 55, 55, 0.5);*/
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet {
  height: 89%;
  margin-left: 0;
  padding-left: 0;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .slimScrollDiv {
  height: 85% !important;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select {
  padding-left: 37px;
  padding-right: 20px;
  margin-top: -5px;
  margin-bottom: -10px;
  /*position: relative;*/
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .select {
  z-index: 99999;
  right: 10px;
  max-height: 300px !important;
  overflow-y: auto !important;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 5;
  color: #545454;
  height: 30px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .btn:hover:not(.btn-link):not(.btn-flat),
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .btn-default:hover:not(.btn-link):not(.btn-flat) {
  background-color: #fff;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select button {
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0;
  height: 40px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select button .caret {
  position: absolute;
  margin-top: 9px;
  margin-left: 9px;
  left: 0;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header {
  padding-right: 2%;
  position: relative;
  padding-left: 40px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 17px;
  left: 47px;
  z-index: 5;
  color: #9E9D9D;
  height: 22px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header input {
  border-bottom: none;
  margin-top: 10px;
  height: 35px;
  background-color: #fff;
  padding-right: 5px;
  font-size: 18px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header {
  margin-right: -45px;
  margin-left: 20px;
  background-color: rgba(4, 70, 70, 0.5);
  margin-top: 5px;
  height: 40px;
  color: #fff;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header .day-week-header-item {
  width: 14.28571429%;
  float: right;
  text-align: center;
  height: 40px;
  line-height: 18px;
  font-size: 15px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header .day-week-header-item span {
  width: 100%;
  display: inline-block;
  border-left: 1px solid #fff;
  height: 35px;
  margin-top: 2px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header .day-week-header-item:last-child span {
  border-left: none;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header {
  padding-right: 50px;
  padding-left: 5px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick {
  margin: 5px auto;
  margin-right: -30px;
  margin-bottom: 0;
  width: 100%;
  /*background-color: #5D5D5D;*/
  background-color: rgba(1, 16, 16, 0.5);
  color: white;
  text-align: center;
  position: relative;
  height: 35px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-left {
  position: absolute;
  left: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .day-pick-inner {
  top: 3px;
  font-size: 17px;
  line-height: 17px;
  width: auto;
  border: none;
  background: none;
  color: #fbd649;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-calendar {
  font-size: 19px;
  display: inline-block;
  top: 7px;
  position: relative;
  color: #ffd92e;
  cursor: pointer;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-right {
  position: absolute;
  right: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items {
  height: 95%;
  position: relative;
  margin-top: 5px;
  padding-bottom: 40px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor {
  background-color: #fff;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 5px;
  height: 100px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor:first-child {
  margin-top: 0 !important;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor button {
  padding: 2px 5px 2px 5px;
  margin: 0;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image {
  margin-top: 5px;
  height: 90px;
  padding-left: 0;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner {
  height: 100%;
  border-left: 1px solid #B8B5B5;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  width: 100%;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon i {
  font-size: 45px;
  color: #797878;
  position: absolute;
  top: 4px;
  right: -6px;
  left: 0;
  width: 55px;
  height: 55px;
  border: 1px solid #888787;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  text-align: center;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon .i-img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: -6px;
  left: 0;
  border: 1px solid #EBEAEA;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info {
  display: inline-block;
  margin-right: 65px;
  margin-top: -3px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 20px;
  font-size: 13px;
  color: #5F5F5F;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.doctor-name {
  font-size: 14px !important;
  font-weight: bold;
  color: #0670AE !important;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet {
  margin-top: 5px;
  height: 90px;
  padding-right: 20px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .day-week-item {
  width: 14.28571429%;
  float: right;
  text-align: center;
  height: 90px;
  line-height: 24px;
  font-size: 17px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .day-week-item span {
  width: 100%;
  display: inline-block;
  border-left: 1px solid #fff;
  height: 25px;
  margin-top: 2px;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .day-week-item:last-child span {
  border-left: none;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-title {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-item {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#SchedulePolyclinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-center-address {
  text-align: right;
  border: 1px solid #B1AEAE;
  border-radius: 2px;
  margin-top: 20px;
  padding-right: 5px;
}
#SchedulePolyclinicAppointment .appointment-list .register-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
#SchedulePolyclinicAppointment .appointment-list .register-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
#SchedulePolyclinicAppointment .appointment-list .register-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
#SchedulePolyclinicAppointment .appointment-list .register-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
#SchedulePolyclinicAppointment .appointment-list .register-success-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
#ScheduleClinicAppointment .modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 90%;
}
#ScheduleClinicAppointment .appointment-list {
  height: 100%;
  overflow: hidden;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main {
  height: 100%;
  background-color: rgba(1, 86, 88, 0.5);
  /*background-color: rgba(56, 55, 55, 0.5);*/
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet {
  height: 89%;
  margin-left: 0;
  padding-left: 0;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .slimScrollDiv {
  height: 85% !important;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select {
  padding-left: 37px;
  padding-right: 20px;
  margin-top: -5px;
  margin-bottom: -10px;
  /*position: relative;*/
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .select {
  z-index: 99999;
  right: 10px;
  max-height: 300px !important;
  overflow-y: auto !important;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 5;
  color: #545454;
  height: 30px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .btn:hover:not(.btn-link):not(.btn-flat),
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select .btn-default:hover:not(.btn-link):not(.btn-flat) {
  background-color: #fff;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select button {
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 0;
  height: 40px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-select button .caret {
  position: absolute;
  margin-top: 9px;
  margin-left: 9px;
  left: 0;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header {
  padding-right: 2%;
  position: relative;
  padding-left: 40px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header i.header-select-icon {
  font-size: 20px;
  position: absolute;
  top: 17px;
  left: 47px;
  z-index: 5;
  color: #9E9D9D;
  height: 22px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-search-column-header input {
  border-bottom: none;
  margin-top: 10px;
  height: 35px;
  background-color: #fff;
  padding-right: 5px;
  font-size: 18px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header {
  margin-right: 5px;
  margin-left: 20px;
  background-color: rgba(4, 70, 70, 0.5);
  margin-top: 5px;
  height: 40px;
  color: #fff;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header .day-week-header-item {
  width: 14.28571429%;
  float: right;
  text-align: center;
  height: 40px;
  line-height: 18px;
  font-size: 15px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header .day-week-header-item span {
  width: 100%;
  display: inline-block;
  border-left: 1px solid #fff;
  height: 35px;
  margin-top: 2px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .day-week-header .day-week-header-item:last-child span {
  border-left: none;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header {
  padding-right: 50px;
  padding-left: 5px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick {
  margin: 5px auto;
  margin-right: -30px;
  margin-bottom: 0;
  width: 100%;
  /*background-color: #5D5D5D;*/
  background-color: rgba(1, 16, 16, 0.5);
  color: white;
  text-align: center;
  position: relative;
  height: 35px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-left {
  position: absolute;
  left: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .day-pick-inner {
  top: 3px;
  font-size: 17px;
  line-height: 17px;
  width: auto;
  border: none;
  background: none;
  color: #fbd649;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-calendar {
  font-size: 19px;
  display: inline-block;
  top: 7px;
  position: relative;
  color: #ffd92e;
  cursor: pointer;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-header .appointment-date-column-header .day-pick .rayteb-big-angle-arrow-right {
  position: absolute;
  right: 4px;
  top: 9px;
  color: #fbd649;
  font-size: 1.3em;
  cursor: pointer;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items {
  height: 75%;
  position: relative;
  margin-top: 5px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor {
  background-color: #fff;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 5px;
  height: 95%;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor:first-child {
  margin-top: 0 !important;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor button {
  padding: 2px 5px 2px 5px;
  margin: 0;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image {
  margin-top: 5px;
  height: 90px;
  padding-left: 0;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner {
  height: 100%;
  border-left: 1px solid #B8B5B5;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  width: 100%;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon i {
  font-size: 45px;
  color: #797878;
  position: absolute;
  top: 4px;
  right: -6px;
  left: 0;
  width: 55px;
  height: 55px;
  border: 1px solid #888787;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  text-align: center;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner span.header-icon .i-img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: -6px;
  left: 0;
  border: 1px solid #EBEAEA;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info {
  display: inline-block;
  margin-right: 65px;
  margin-top: -3px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 20px;
  font-size: 13px;
  color: #5F5F5F;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-image .appointment-doctor-image-inner .appointment-doctor-info span.doctor-name {
  font-size: 14px !important;
  font-weight: bold;
  color: #0670AE !important;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet {
  margin-top: 5px;
  height: 99%;
  padding-right: 20px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row {
  height: 100%;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row .day-week-item {
  width: 14.28571429%;
  float: right;
  text-align: center;
  height: 99%;
  line-height: 24px;
  font-size: 17px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row .day-week-item div {
  height: 100%;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row .day-week-item div span {
  width: 100%;
  display: inline-block;
  border-left: 1px solid #fff;
  height: 33%;
  margin-top: 2px;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row .day-week-item div span span {
  height: 100%;
  padding-top: 18%;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row .day-week-item div span span span {
  padding-top: 0;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-doctor-timesheet .row .day-week-item div span:last-child span {
  border-left: none;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-title {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .shift-item {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#ScheduleClinicAppointment .appointment-list .appointment-list-main .appointment-timesheet .appointment-doctor-items .appointment-doctor .appointment-center-address {
  text-align: right;
  border: 1px solid #B1AEAE;
  border-radius: 2px;
  margin-top: 20px;
  padding-right: 5px;
}
#ScheduleClinicAppointment .appointment-list .register-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
#ScheduleClinicAppointment .appointment-list .register-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
#ScheduleClinicAppointment .appointment-list .register-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
#ScheduleClinicAppointment .appointment-list .register-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
#ScheduleClinicAppointment .appointment-list .register-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
#ScheduleClinicAppointment .appointment-list .register-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
#ScheduleClinicAppointment .appointment-list .register-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#ScheduleClinicAppointment .appointment-list .register-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
#ScheduleClinicAppointment .appointment-list .register-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
#ScheduleClinicAppointment .appointment-list .register-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
#ScheduleClinicAppointment .appointment-list .register-success-template span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
#ScheduleClinicAppointment .appointment-list .register-success-template span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
#ScheduleClinicAppointment .appointment-list .register-success-template span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .appointment-doctor-info .prof label {
  color: #2b4a76;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
#ScheduleClinicAppointment .appointment-list .register-success-template .btn-cancel {
  margin-right: 100px;
  width: 200px;
  background-color: #feab00;
}
/*---------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- Slider -----------------------------------------------*/
.slider-edit-v1 {
  z-index: 99999;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 50px;
}
.slider-edit-v1 .btn-editable2 {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin-bottom: 0 !important;
  color: #107171 !important;
}
.slider-edit-v1 .btn-editable2 span {
  font-size: 23px;
  line-height: 43px;
  color: #000;
}
.slider-edit {
  z-index: 99999;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.slider-edit .btn-editable2 {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin-bottom: 0 !important;
  color: #107171 !important;
  background-color: #2D2C2C !important;
}
.slider-edit .btn-editable2 .rayteb-android-create {
  color: #FFBA00 !important;
}
.slider-edit .btn-editable2 .rayteb-android-close {
  color: #FB7683 !important;
}
.slider-edit .btn-editable2 .rayteb-android-add {
  color: #62EAD6 !important;
}
.slider-edit .btn-editable2 span {
  font-size: 23px;
  line-height: 43px;
  color: #000;
}
.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width: 500px;
  height: 350px;
}
.slider-form {
  float: right;
  width: 55%;
  padding: 10px !important;
}
.slider-form input,
.slider-form textarea {
  font-size: 18px;
}
.slider-form .form-control-wrapper {
  margin-top: 15px !important;
}
.slider-form .form-control-wrapper .floating-label {
  font-size: 18px !important;
}
.slider-form .form-control-wrapper .form-control:focus ~ .floating-label,
.slider-form .form-control-wrapper .form-control:not(.empty) ~ .floating-label {
  top: -25px !important;
  font-size: 15px !important;
}
.slider-image {
  float: right;
  width: 45%;
  text-align: center;
  padding: 10px;
  color: black;
}
.slider-image img {
  height: 150px;
  width: auto;
}
.slider-movie {
  float: left !important;
}
.slider-movie .progress-area {
  background-color: #ababab;
  height: 20px;
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
}
.slider-movie .progress-area .percent {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 18px;
  line-height: 21px;
}
.slider-movie .remove-movie {
  background-color: #fc8585;
  height: 25px;
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
}
.slider-movie .remove-movie label {
  margin-bottom: 0;
  line-height: 25px;
  font-size: 16px;
}
.slider-movie .remove-movie .close {
  font-size: 30px;
  margin-right: 5px;
  margin-top: -2px;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
header {
  z-index: 1000;
}
header .header-box {
  /*height: 100px;*/
  /*border-bottom: solid #05c9a5 5px;*/
  /*background-color: #373636;*/
  background-color: rgba(5, 4, 4, 0.5);
}
header .header-box .center-logo {
  padding: 8px 0;
}
header .header-box .center-logo img.rayteb-logo {
  height: 42px;
  margin: -3px 0 0 -20px;
  left: 20px;
  position: relative;
  float: left;
}
header .header-box .center-logo img.logo {
  height: 42px;
  margin: 0 0 0 -20px;
  position: relative;
}
header .header-box .search-box {
  float: right;
  margin-top: 25px;
  margin-bottom: 25px;
}
header .header-box .search-box .search-top-icon {
  color: white;
}
header .header-box .search-box input {
  font-size: 20px;
  color: white;
}
header .header-box .search-box input::-webkit-input-placeholder {
  color: white !important;
  font-size: 18px;
}
header .header-box .search-box input:-moz-placeholder {
  /* Firefox 18- */
  color: white !important;
  font-size: 18px;
}
header .header-box .search-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: white !important;
  font-size: 18px;
}
header .header-box .search-box input:-ms-input-placeholder {
  color: white !important;
  font-size: 18px;
}
header .header-box .center-tel {
  position: absolute;
  left: 0;
  top: 5px;
  margin: 0 24px;
}
header .header-box .center-tel .tel-label {
  color: #FFADA7;
  text-align: center;
  margin: 0;
}
header .header-box .center-tel .dropdownjs input {
  color: #fff;
}
header .header-box .center-tel .dropdownjs ul {
  background-color: #f44336;
}
header .header-box .center-tel .dropdownjs ul li {
  color: white;
}
header .header-box .center-tel .dropdownjs ul li:hover {
  background-color: #d9534f;
}
header .header-box .center-tel .tel-number {
  direction: ltr;
  float: left;
  width: 100%;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 20px;
}
header .header-box2 {
  height: 50px;
  background-color: rgba(5, 4, 4, 0.5);
}
header .header-box2 .center-logo {
  padding: 2px 0;
}
header .header-box2 .center-logo img.rayteb-logo {
  height: 40px;
  margin: 3px 0 0 -32px;
  left: 30px;
  position: relative;
  float: left;
}
header .header-box2 .center-tel {
  position: absolute;
  left: 0;
  top: 5px;
  margin: 0 24px;
}
header .header-box2 .center-tel .tel-label {
  color: #FFADA7;
  text-align: center;
  margin: 0;
}
header .header-box2 .center-tel .tel-number {
  direction: ltr;
  float: left;
  width: 100%;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 20px;
}
header nav {
  background-color: transparent !important;
  /*margin: 0 !important;*/
}
header nav .navbar-header {
  position: relative;
  background-color: #FFBA00;
}
header nav .navbar-header input {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: #009688;
  width: 0;
  border-width: 0;
  border-radius: 100%;
  -webkit-transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
  -moz-transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
  -o-transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
  transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
}
header nav .navbar-header .close {
  position: absolute;
  margin-left: 15px;
  padding: 4px 10px;
  border: 1px solid transparent;
  font-size: 40px;
  color: #009688;
  opacity: 0;
  left: -60px;
  -webkit-transition: left 0.6s ease-in, opacity 0.6s ease-in;
  -moz-transition: left 0.6s ease-in, opacity 0.6s ease-in;
  -o-transition: left 0.6s ease-in, opacity 0.6s ease-in;
  transition: left 0.6s ease-in, opacity 0.6s ease-in;
}
header nav .navbar-header .navbar-search {
  position: absolute;
  margin-right: 15px;
  padding: 10px;
  background-color: transparent;
  border: 1px solid transparent;
  display: none;
  font-size: 20px;
}
@media (max-width: 767px) {
  header nav .navbar-header .navbar-search {
    display: block;
  }
}
header nav .navbar-header .navbar-search span {
  color: white;
}
header nav .navbar-header .navbar-search span:before {
  line-height: 1.4;
}
header nav .navbar-header.search input {
  padding: 0 60px;
  width: 100%;
  border-radius: 0;
  -webkit-transition: width 0.6s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
  -moz-transition: width 0.6s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
  -o-transition: width 0.6s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
  transition: width 0.5s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
}
header nav .navbar-header.search .close {
  opacity: 1;
  left: 0;
  -webkit-transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
  -moz-transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
  -o-transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
  transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
}
header nav .navbar-header.search .navbar-search span {
  color: #009688;
}
@media (max-width: 991px) {
  header nav .slimScrollDiv {
    position: absolute !important;
    height: 0 !important;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
  }
  header nav .slimScrollDiv.open {
    height: 250px !important;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
  }
}
header nav .navbar-collapse {
  padding: 0 !important;
}
header nav .navbar-collapse i {
  padding: 15px !important;
  height: 65px;
}
@media (max-width: 767px) {
  header nav .navbar-collapse i {
    display: inline-block;
    padding: 0 !important;
    width: 30px;
    height: 30px;
  }
}
header nav .navbar-collapse i:before {
  line-height: 2px;
}
header nav .navbar-collapse .user-picture {
  color: transparent;
  background-position: center center !important;
  background-size: contain;
  border-radius: 100%;
}
header .navbar .navbar-toggle .icon-bar {
  background-color: #48a684 !important;
  border-radius: 2px;
  border: 1px #48a684 solid;
  width: 25px;
  height: 4px;
}
header .navbar .clock-bar {
  float: left;
  margin-top: 15px;
  padding-left: 30px;
  font-size: 1.3em;
}
@media (max-width: 320px) {
  header .navbar .clock-bar {
    padding-left: 0px;
  }
  header .navbar .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.header2 {
  z-index: 1000;
}
.header2 .header-box {
  height: 100px;
  /*border-bottom: solid #05c9a5 5px;*/
  background-color: #135973;
}
.header2 .header-box .center-logo {
  padding: 8px 0;
}
.header2 .header-box .center-logo img.rayteb-logo {
  height: 48px;
  margin: 12px 0 0 0;
  left: 0;
  position: relative;
  float: left;
}
.header2 .header-box .center-logo img.logo {
  height: 75px;
  margin: 5px 0 0 0;
  right: 0;
  position: relative;
}
.header2 .header-box .center-logo .header-top-link {
  /*height: 85px;*/
  color: #ffffff;
  /*float: right;*/
  margin-right: 30px;
  display: inline-block;
}
.header2 .header-box .center-logo .header-top-link .header-top-item {
  float: right;
  height: 65px;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #4dbfd8;
  margin-top: 10px;
  margin-bottom: 10px;
}
.header2 .header-box .center-logo .header-top-link .header-top-item h1 {
  font-size: 17px;
  text-align: center;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.header2 .header-box .center-logo .header-top-link .header-top-item h1.header-item-one {
  /*margin-top:24px;*/
  margin-top: 18px !important;
}
.header2 .header-box .center-logo .header-top-link .header-top-item p {
  margin-bottom: 0 !important;
  text-align: center;
}
.header2 .header-box .center-logo .header-top-link .header-top-item p a {
  color: #fff !important;
}
.header2 .header-box .center-logo .header-top-link .header-top-item p span {
  /*float:right;*/
  font-size: 17px;
  text-align: center;
}
.header2 .header-box .center-logo .header-top-link .header-top-item p i {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.header2 .header-box .center-logo .header-top-link .header-top-item p.header-item-one {
  /*margin-top:24px;*/
  margin-top: 18px;
}
.header2 .header-box .search-box {
  float: right;
  margin-top: 25px;
  margin-bottom: 25px;
}
.header2 .header-box .search-box .search-top-icon {
  color: white;
}
.header2 .header-box .search-box input {
  font-size: 20px;
  color: white;
}
.header2 .header-box .search-box input::-webkit-input-placeholder {
  color: white !important;
  font-size: 18px;
}
.header2 .header-box .search-box input:-moz-placeholder {
  /* Firefox 18- */
  color: white !important;
  font-size: 18px;
}
.header2 .header-box .search-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: white !important;
  font-size: 18px;
}
.header2 .header-box .search-box input:-ms-input-placeholder {
  color: white !important;
  font-size: 18px;
}
.header2 .header-box .center-tel {
  position: absolute;
  left: 0;
  top: 5px;
  margin: 0 24px;
}
.header2 .header-box .center-tel .tel-label {
  color: #FFADA7;
  text-align: center;
  margin: 0;
}
.header2 .header-box .center-tel .dropdownjs input {
  color: #fff;
}
.header2 .header-box .center-tel .dropdownjs ul {
  background-color: #f44336;
}
.header2 .header-box .center-tel .dropdownjs ul li {
  color: white;
}
.header2 .header-box .center-tel .dropdownjs ul li:hover {
  background-color: #d9534f;
}
.header2 .header-box .center-tel .tel-number {
  direction: ltr;
  float: left;
  width: 100%;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 20px;
}
.header2 nav {
  background-color: transparent !important;
  margin: 0 !important;
}
.header2 nav .navbar-header {
  position: relative;
  background-color: #FFBA00;
}
.header2 nav .navbar-header input {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: #009688;
  width: 0;
  border-width: 0;
  border-radius: 100%;
  -webkit-transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
  -moz-transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
  -o-transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
  transition: width 0.5s ease-in 0.6s, border-radius 0.5s ease-in 0.6s;
}
.header2 nav .navbar-header .close {
  position: absolute;
  margin-left: 15px;
  padding: 4px 10px;
  border: 1px solid transparent;
  font-size: 40px;
  color: #009688;
  opacity: 0;
  left: -60px;
  -webkit-transition: left 0.6s ease-in, opacity 0.6s ease-in;
  -moz-transition: left 0.6s ease-in, opacity 0.6s ease-in;
  -o-transition: left 0.6s ease-in, opacity 0.6s ease-in;
  transition: left 0.6s ease-in, opacity 0.6s ease-in;
}
.header2 nav .navbar-header .navbar-search {
  position: absolute;
  margin-right: 15px;
  padding: 10px;
  background-color: transparent;
  border: 1px solid transparent;
  display: none;
  font-size: 20px;
}
@media (max-width: 767px) {
  .header2 nav .navbar-header .navbar-search {
    display: block;
  }
}
.header2 nav .navbar-header .navbar-search span {
  color: white;
}
.header2 nav .navbar-header .navbar-search span:before {
  line-height: 1.4;
}
.header2 nav .navbar-header.search input {
  padding: 0 60px;
  width: 100%;
  border-radius: 0;
  -webkit-transition: width 0.6s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
  -moz-transition: width 0.6s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
  -o-transition: width 0.6s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
  transition: width 0.5s ease-in, border-radius 0.2s ease-in, padding 0.6s ease-in;
}
.header2 nav .navbar-header.search .close {
  opacity: 1;
  left: 0;
  -webkit-transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
  -moz-transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
  -o-transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
  transition: left 0.6s ease-in 0.6s, opacity 0.6s ease-in 0.6s;
}
.header2 nav .navbar-header.search .navbar-search span {
  color: #009688;
}
@media (max-width: 991px) {
  .header2 nav .slimScrollDiv {
    position: absolute !important;
    height: 0 !important;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
  }
  .header2 nav .slimScrollDiv.open {
    height: 250px !important;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
  }
}
.header2 nav .navbar-collapse {
  padding: 0 !important;
}
.header2 nav .navbar-collapse i {
  padding: 15px !important;
  height: 65px;
}
@media (max-width: 767px) {
  .header2 nav .navbar-collapse i {
    display: inline-block;
    padding: 0 !important;
    width: 30px;
    height: 30px;
  }
}
.header2 nav .navbar-collapse i:before {
  line-height: 2px;
}
.header2 nav .navbar-collapse .user-picture {
  color: transparent;
  background-position: center center !important;
  background-size: contain;
  border-radius: 100%;
}
.home-header,
.appointment-header {
  width: 100%;
  position: fixed;
  top: -2px;
}
main {
  /*position: absolute;
    top: 140px;
    bottom: 50px;
    left: 0;
    right: 0;*/
  direction: ltr;
}
main > * {
  direction: rtl;
}
main .main-content {
  /*min-width: 650px;
        max-width: 1200px;*/
  /*margin: 0 auto;
        padding: 0px;*/
  /*background-color: rgba(0,0,0,.1);*/
  /*border-top: 3px gray solid;*/
}
main .main-content .progress-wrapper {
  position: relative;
  /*margin: 5% auto;*/
  margin: 21% auto;
  font-size: 40px;
  width: 40%;
  height: 40%;
}
main .main-content .progress-text {
  position: absolute;
  color: #fff;
  font-weight: 100;
  line-height: 1;
}
main .main-content .info-box .flipFront i,
main .main-content .center-info .flipFront i {
  direction: ltr;
}
.editable-textarea {
  width: 90% !important;
}
.editable-textarea div.editable-controls {
  width: 100% !important;
}
.editable-textarea div.editable-controls textarea {
  width: 100% !important;
}
.editable-checklist label {
  display: block !important;
  max-width: 100%;
  width: 120px !important;
  margin-bottom: 5px;
  font-weight: bold;
  float: right !important;
}
footer {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 50;
}
footer .footer-content {
  min-width: 650px;
  /*background-color: #373636;*/
  padding-top: 10px;
  padding-bottom: 10px;
  height: 90px;
}
footer .footer-content3 {
  min-width: 650px;
  /*background-color: #373636;*/
  padding: 0;
  height: 60px;
}
footer .footer-content2 {
  min-width: 650px;
  /*border-top: 1px solid lightgray;*/
  border-top: 6px double #686969;
  padding: 15px 0 0 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
}
footer .footer-content2 .btn-editable-add {
  color: #7f7f7f !important;
}
footer .footer-content2 .editable-add-label {
  display: block;
  float: right;
  margin-top: -4px;
  color: #7f7f7f !important;
}
footer .footer-content2 .rayteb-sign-out {
  color: #7f7f7f !important;
}
footer .footer-content2 .footer-link {
  text-align: center;
  color: #7f7f7f !important;
  position: relative;
  font-size: 16px;
}
footer .footer-content2 .footer-link .btn-editable-add-icon {
  margin-right: 6px;
  display: block;
  float: right;
}
footer .footer-content2 .footer-link p {
  margin: 0;
  float: left;
}
footer .footer-content2 .footer-copyright {
  text-align: center;
  direction: ltr;
  margin-top: -11px;
  line-height: 17px;
  font-size: 15px;
  color: #3a3a3a;
}
footer .footer-content2 .footer-copyright a {
  color: #3a3a3a;
}
footer .footer-content2 .footer-copyright a:hover {
  color: #da7804 !important;
}
footer .footer-link {
  text-align: center;
  color: #353535 !important;
  position: relative;
  font-size: 16px;
}
footer .footer-link .editable-add-label {
  display: block;
  float: right;
  margin-top: -4px;
}
footer .footer-link .btn-editable-add-icon {
  margin-right: 6px;
  display: block;
  float: right;
}
footer .footer-link p {
  margin: 0;
  float: left;
}
.home-footer-content {
  position: relative !important;
  padding-top: 10px !important;
  border-top: 2px solid #4d4d59;
  color: #fff;
  border: 0;
  background-color: #285083;
  margin-top: 5px;
  text-align: right;
  padding-bottom: 10px !important;
}
.home-footer-content .footer-home-link {
  position: absolute;
  left: 10px;
  height: 40px;
  top: 6px;
}
.btn-material-custom {
  background-color: #118A4D !important;
  color: #F1EFEF !important;
}
.register-modal input[type=text],
.register-modal input[type=password],
.register-modal input[type=email] {
  color: #000 !important;
}
.login-modal input[type=text],
.login-modal input[type=password] {
  color: #000 !important;
}
.LoginForm {
  min-width: inherit !important;
  max-width: 800px !important;
  top: 45% !important;
}
@media (max-width: 500px) {
  .LoginForm {
    min-width: 90% !important;
  }
}
.LoginForm .drop-down {
  margin: 0;
  padding: 0 10px;
  width: 70%;
  float: left;
}
.LoginForm .drop-down .caret {
  float: left;
  margin-top: 10px;
}
.LoginForm .form-group {
  height: 45px;
  margin-top: 10px;
}
.LoginForm .form-group label {
  float: right;
}
.LoginForm .form-group .dropdown-menu {
  max-height: 150px;
  overflow-y: scroll;
}
.LoginForm .dropdownjs {
  width: 70%;
  float: left;
}
.LoginForm .dropdownjs .caret {
  float: left;
  margin-top: 10px;
}
.LoginForm .form-control-wrapper .floating-label {
  color: #333333;
}
.LoginForm .form-control-wrapper .form-control:focus ~ .floating-label,
.LoginForm .form-control-wrapper .form-control:not(.empty) ~ .floating-label {
  font-size: 12px;
}
.LoginForm .form-group input.form-control:focus ~ .floating-label,
.LoginForm .form-group-default input.form-control:focus ~ .floating-label {
  color: #080808;
}
.LoginForm .modal-content {
  text-align: right;
}
.LoginForm button {
  font-size: 20px;
}
.LoginForm input {
  font-size: 16px;
  line-height: 36px;
}
.LoginForm .checkbox .checkbox-material:before {
  right: 0;
}
.LoginForm .modal-body {
  margin-top: 20px;
  padding-top: 16px;
}
.LoginForm .modal-header .close {
  float: left;
}
.LoginForm ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
.LoginForm :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
.LoginForm ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
.LoginForm :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}
.LoginForm .checkbox input[type=checkbox]:checked + .checkbox-material .check,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
  color: #ffffff !important;
}
.faramedical-form {
  min-width: inherit !important;
}
@media (max-width: 500px) {
  .faramedical-form {
    min-width: 90% !important;
  }
}
.faramedical-form .checkbox input[type=checkbox]:checked + .checkbox-material .check,
.faramedical-form .checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
  color: #ffffff !important;
}
.faramedical-form .drop-down {
  margin: 0;
  padding: 0 10px;
  width: 70%;
  float: left;
}
.faramedical-form .drop-down .caret {
  float: left;
  margin-top: 10px;
}
.faramedical-form .form-group {
  height: 45px;
}
.faramedical-form .form-group label {
  float: right;
}
.faramedical-form .form-group .dropdown-menu {
  max-height: 150px;
  overflow-y: scroll;
}
.faramedical-form .dropdownjs {
  width: 70%;
  float: left;
}
.faramedical-form .dropdownjs .caret {
  float: left;
  margin-top: 10px;
}
.faramedical-form .form-control-wrapper .floating-label {
  color: #333333;
}
.faramedical-form .form-control-wrapper .form-control:focus ~ .floating-label,
.faramedical-form .form-control-wrapper .form-control:not(.empty) ~ .floating-label {
  font-size: 14px;
  color: #333333;
}
.faramedical-form .form-group input.form-control:focus ~ .floating-label,
.faramedical-form .form-group-default input.form-control:focus ~ .floating-label {
  color: #080808;
}
.faramedical-form .modal-content {
  text-align: right;
}
.faramedical-form button {
  font-size: 16px;
}
.faramedical-form input {
  font-size: 16px;
  line-height: 36px;
}
.faramedical-form .checkbox .checkbox-material:before {
  right: 0;
}
.faramedical-form .modal-body {
  margin-top: 20px;
  padding-top: 16px;
}
.faramedical-form .modal-header .close {
  float: left;
}
.faramedical-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
.faramedical-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
.faramedical-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
.faramedical-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
  text-align: right;
  direction: rtl;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ffffff !important;
}
#patientInsert {
  line-height: 40px;
}
.modal-backdrop {
  z-index: 1050 !important;
}
.btn-progress {
  padding: 0 !important;
  height: 45px;
}
@media (max-width: 768px) {
  .btn-progress {
    margin-bottom: 30px;
  }
}
.btn-progress .progress {
  padding: 0 !important;
  margin: 0 !important;
  height: 45px;
}
@media (max-width: 768px) {
  .btn-cancel {
    padding: 0 !important;
  }
}
.btn.drop-down {
  font-size: 14px;
}
.appointment-item {
  width: 100%;
  border-bottom: solid #CDCDCD 1px;
  float: right;
  padding: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .appointment-item {
    height: 165px;
  }
}
.appointment-item.focusable:hover {
  box-shadow: 0 0 16px -5px;
}
@media (min-width: 768px) {
  .appointment-item .doctor-profile {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .appointment-item .doctor-profile > div {
    padding-right: 0;
  }
}
.appointment-item .doctor-profile > div img {
  height: 80px;
  width: 80px;
  box-shadow: 0 0 12px 1px #a9a9a9;
}
.appointment-item .doctor-profile > div .doctor-name {
  font-size: 18px;
}
.appointment-item a {
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 24px;
  text-decoration: none;
  border: solid white 1px;
  background-color: #124747;
  color: #fff;
}
.appointment-item a:hover {
  background-color: #1a7474;
  cursor: pointer;
}
.appointment-item .timepicker {
  padding: 0;
}
.appointment-item .timepicker .more-ticket {
  background-color: #e9931a;
}
.appointment-item .no-ticket {
  margin-top: 50px;
  font-size: 19px;
}
.appointment-item.disabled:before {
  background-color: gray;
}
.profile-content {
  /*.drop-down{*/
  /*}*/
}
.profile-content .select {
  z-index: 99999;
  right: 10px;
  max-height: 200px !important;
  overflow-y: auto !important;
}
.DoctorTicketsForm .modal-content .modal-header {
  padding-top: 10px;
}
.DoctorTicketsForm .modal-content .modal-body {
  padding-bottom: 0;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item {
  width: 100%;
  float: right;
  padding: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .DoctorTicketsForm .modal-content .modal-body .ticket-item .doctor-profile {
    padding-right: 0;
  }
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .doctor-profile > div {
  color: #fff;
}
@media (min-width: 768px) {
  .DoctorTicketsForm .modal-content .modal-body .ticket-item .doctor-profile > div {
    padding-right: 0;
  }
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .doctor-profile > div img {
  height: 80px;
  width: 80px;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .doctor-profile > div .doctor-name {
  font-size: 18px;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .current-date-wrapper {
  color: #fff;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .current-date-wrapper span {
  color: #e9931a;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .slimScrollDiv {
  height: auto !important;
  border: solid 2px #f5f5f5;
  padding: 9px 23px 9px 24px;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .timepicker {
  padding: 0;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .timepicker a {
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 24px;
  text-decoration: none;
  border: solid white 1px;
  background-color: #124747;
  color: #fff;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item .timepicker a:hover {
  background-color: #1a7474;
  cursor: pointer;
}
.DoctorTicketsForm .modal-content .modal-body .ticket-item.disabled:before {
  background-color: gray;
}
.TimeSheetTicket {
  height: 100%;
  background-color: #007a85;
}
.TimeSheetTicket .ticket-item {
  width: 100%;
  float: right;
  padding: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .TimeSheetTicket .ticket-item .doctor-profile {
    padding-right: 0;
  }
}
.TimeSheetTicket .ticket-item .doctor-profile > div {
  color: #fff;
}
@media (min-width: 768px) {
  .TimeSheetTicket .ticket-item .doctor-profile > div {
    padding-right: 0;
  }
}
.TimeSheetTicket .ticket-item .doctor-profile > div img {
  height: 80px;
  width: 80px;
}
.TimeSheetTicket .ticket-item .doctor-profile > div .doctor-name {
  font-size: 18px;
}
.TimeSheetTicket .ticket-item .current-date-wrapper {
  color: #fff;
}
.TimeSheetTicket .ticket-item .current-date-wrapper span {
  color: #e9931a;
}
.TimeSheetTicket .ticket-item .slimScrollDiv {
  height: auto !important;
  border: solid 2px #f5f5f5;
  padding: 9px 23px 9px 24px;
}
.TimeSheetTicket .ticket-item .timepicker {
  padding: 0;
}
.TimeSheetTicket .ticket-item .timepicker a {
  display: block;
  text-align: center;
  padding: 5px;
  margin: 2px;
  font-size: 24px;
  text-decoration: none;
  border: solid white 1px;
  background-color: #124747;
  color: #fff;
}
.TimeSheetTicket .ticket-item .timepicker a:hover {
  background-color: #1a7474;
  cursor: pointer;
}
.TimeSheetTicket .ticket-item.disabled:before {
  background-color: gray;
}
.aside-close-title {
  position: absolute;
  right: 15px;
  left: 15px;
}
.aside-close-title .aside-title {
  display: inline-block;
}
/********************* Maps *****************************/
ng-map {
  height: 100% !important;
}
.ng-map-info-window {
  background-color: rgba(7, 94, 97, 0.7) !important;
  /*background-color: #868686;*/
  color: #fff;
  border-radius: 10px;
  font-size: 18px;
  border-radius: 0;
}
.ng-map-info-window div:first-child > div:nth-child(1) {
  border-top-color: rgba(7, 94, 97, 0.7) !important;
  /*border-top-color: #868686 !important;*/
}
.ng-map-info-window div:first-child > div:nth-child(3) div {
  background-color: transparent !important;
}
.ng-map-info-window div:first-child div:nth-child(4) {
  background-color: transparent !important;
}
.project-map-info textarea {
  color: #fff;
}
/********************************************************/
/****************** Info Template ***********************/
.info-template {
  height: 100%;
}
.info-template .modal-header {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  /*background-color: #726F6F;*/
  background-color: rgba(7, 94, 97, 0.7) !important;
}
.info-template .modal-header .close {
  float: left;
  width: 20px;
  height: 20px;
  /*background-color: #353333;*/
  background-color: rgba(1, 16, 16, 0.5) !important;
  color: #ffffff !important;
  border-radius: 50%;
  margin-top: -6px;
  margin-left: -5px;
  text-shadow: none;
  opacity: 1;
}
.info-template .modal-header h4 {
  margin-top: -7px !important;
  color: #FFFFFF;
}
.info-template .modal-header .close:hover {
  background-color: #FFBA00 !important;
  color: #000000 !important;
}
.info-template .modal-header .modal-title {
  direction: rtl;
  color: #ffffff;
  margin-top: -3px;
}
.info-template .modal-body {
  padding: 15px 15px !important;
}
#center-map {
  padding: 0;
}
#center-map .modal-body {
  padding: 0 !important;
  height: 100%;
  padding: 0;
}
#center-map .appointment-map {
  height: calc(100% - 40px) !important;
}
/********************************************************/
/*-------------------------------------------ChangePass------------------------------------------------*/
.PersonChangePass input {
  color: #ffffff !important;
}
.PersonChangePass .floating-label {
  color: #ffffff;
}
/*-----------------------------------------------------------------------------------------------------*/
/*------------------------------------------- Feedback ------------------------------------------------*/
.modal-offer .modal-dialog {
  width: 600px !important;
}
.modal-offer .modal-dialog .modal-header {
  height: 50px !important;
}
.modal-offer .modal-dialog table tbody .firstTd {
  width: 35%;
  border: 1px solid #A4A4A4;
  font-size: 19px;
  background-color: #BDBDBD !important;
  color: #000 !important;
}
.modal-offer .modal-dialog table tbody .td-vertical {
  width: 65%;
  border: 1px solid #C3C0C0;
  font-size: 19px;
  background-color: #ffffff !important;
  color: #000 !important;
}
.pager2 {
  text-align: center;
}
#offer-project .table {
  border: 1px solid #CACACA;
  borderbackground-color: #FFF;
  position: relative;
}
#offer-project .table tbody {
  border-bottom: 1px solid #CACACA;
}
#offer-project .table thead tr {
  /*background-color: #FFBA00;
               color: #000000;*/
  background-color: #B5B4B4;
  color: #151414;
}
#offer-project .btn-xs {
  padding: 4px 6px 1px 6px !important;
}
#offer-project .btn-info {
  background-color: #7B7A7A !important;
  color: #FFBA00 !important;
}
#offer-project .btn-info:hover:not(.btn-link):not(.btn-flat) {
  background-color: #FFBA00 !important;
  color: #000 !important;
}
.feedback-container .table {
  border: 1px solid #CACACA;
  borderbackground-color: #FFF;
  position: relative;
}
.feedback-container .table tbody {
  border-bottom: 1px solid #CACACA;
}
.feedback-container .table thead tr {
  /*background-color: #FFBA00;
               color: #000000;*/
  background-color: #B5B4B4;
  color: #151414;
}
.feedback-container .btn-xs {
  padding: 4px 6px 1px 6px !important;
}
.feedback-container .btn-info {
  background-color: #7B7A7A !important;
  color: #FFBA00 !important;
}
.feedback-container .btn-info:hover:not(.btn-link):not(.btn-flat) {
  background-color: #FFBA00 !important;
  color: #000 !important;
}
.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: #FFBA00 !important;
}
#offer-project .table > thead > tr > th {
  border-bottom: none;
}
.loading-me {
  top: 0;
}
.table thead tr:first-child {
  background-color: #4AA8C5;
  color: #fff;
}
.pagination {
  margin: 0;
}
#offer-project input[type=text] {
  height: 30px;
}
.offer-project {
  width: 100% !important;
}
.aside .aside-dialog .aside-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
}
.modal {
  overflow: hidden;
}
.orderDetailTable {
  margin-top: 20px;
}
.OrderDetail .form-group {
  margin-left: 2%;
}
.orderDetailTotal tbody tr td:first-child,
.firstTd {
  background-color: #428bca;
  color: #fff;
}
.OrderDetail .td-vertical {
  padding-right: 20px;
}
.rowSwipe {
  position: relative;
}
.columnSwipe {
  width: 0%;
  left: 0;
  z-index: -1;
  height: 42px;
  padding: 0 !important;
}
.columnSwipeAdd {
  width: 100% !important;
  position: absolute;
  background-color: transparent !important;
  opacity: 0.7;
  z-index: 1;
}
@media (min-width: 1451px) and (max-width: 1750px) {
  .modal-dialog {
    width: 60% !important;
  }
  .OrderDetail .form-group {
    width: 33%;
    margin-left: 0;
  }
}
@media (min-width: 1080px) and (max-width: 1450px) {
  .modal-dialog {
    width: 75% !important;
  }
  .OrderDetail .form-group {
    width: 33%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  #Factors .pagination {
    margin: 0;
  }
  .OrderDetail .form-group {
    width: 33%;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .columnSwipe {
    height: 48px;
  }
  #Factors .pagination {
    margin: 0;
  }
  .OrderDetail .form-group {
    width: 33%;
    margin-left: 0;
  }
  #Factors .btn-xs {
    padding: 7px 15px 4px 15px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .columnSwipe {
    height: 48px;
  }
  #Factors .pagination {
    margin: 0;
  }
  .OrderDetail .form-group {
    margin-left: 0;
  }
  #Factors .btn-xs {
    padding: 7px 15px 4px 15px !important;
  }
}
@media (max-width: 530px) {
  .columnSwipe {
    height: 48px;
  }
  .firstTd {
    width: 60% !important;
  }
  .td-vertical {
    width: 40% !important;
  }
  #Factors .btn-xs {
    padding: 7px 15px 4px 15px !important;
  }
}
@media (min-width: 480px) and (max-width: 515px) {
  .columnSwipe {
    height: 57px;
  }
}
@media (max-width: 479px) {
  .columnSwipe {
    height: 48px;
  }
  .aside * {
    font-size: 13px;
  }
  .aside input[type=text] {
    font-size: 11px;
  }
  #Factors .pagination {
    margin: 0;
  }
  .OrderDetail .form-group {
    margin-left: 0;
  }
  #Factors .btn-xs {
    padding: 7px 15px 4px 15px !important;
  }
}
/*----------------------------------------------------------------------------------------------------*/
/****************** Project Info ************************/
.projectinfo-header {
  margin-bottom: 10px;
  text-align: right;
  padding-right: 15px;
  font-size: 15px;
}
.projectinfo-header span {
  /*color: #17A79E;*/
}
.btn-editable {
  width: 25px !important;
  height: 25px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  color: #515252 !important;
}
.btn-editable.btn-danger {
  color: #C50D0D !important;
}
.btn-editable.btn-warning {
  color: #C50D0D !important;
}
.btn-editable span {
  font-size: 17px;
  line-height: 35px;
}
.btn-editable:hover:not(.btn-link):not(.btn-flat):not(.btn-fab) {
  background-color: #7D7B7B !important;
  color: #FFBA00 !important;
}
.btn-editable-add {
  padding: 0px 10px !important;
  background-color: rgba(35, 35, 35, 0.8) !important;
  color: #FFBA00 !important;
  margin-right: 10px;
  border: 1px solid #8E8D8D;
}
.btn-editable-add .btn-editable-add-icon {
  margin-top: 5px;
  display: inline-block;
  float: right;
  margin-left: 4px;
}
.btn-editable-add .editable-add-label {
  margin-top: 3px;
  display: inline-block;
  float: right;
}
.btn-editable-add:hover {
  background-color: #FFBA00 !important;
  color: #272727 !important;
}
.aside .aside-dialog .aside-header {
  background: #C3C3C3 !important;
  color: #000 !important;
  min-height: 40px !important;
  padding: 0px 7px !important;
}
.aside .aside-dialog .aside-header .close {
  color: #000 !important;
}
.item-editable {
  float: right;
  width: 80%;
}
.form-btn-editable {
  float: right;
  margin-top: -10px;
}
.btn-plan {
  background-color: #12757A !important;
  margin: 0 !important;
}
.btn-floor {
  display: inline-block !important;
  margin-top: 0px !important;
  margin-left: -4px !important;
  background-color: #615F5F !important;
  font-size: 15px !important;
  padding: 1px 17px !important;
  margin-bottom: 0px;
}
.btn-floor:hover {
  background-color: #3F3E3E !important;
  color: #FFBA00 !important;
}
.btn-unit {
  display: inline-block !important;
  margin-top: 3px !important;
  background-color: #615F5F !important;
  font-size: 15px !important;
  padding: 1px 17px !important;
}
.btn-unit:hover {
  background-color: #3F3E3E !important;
  color: #FFBA00 !important;
}
.panel-floor {
  border-radius: 0px !important;
  border: 1px solid #ACABAB !important;
  box-shadow: none !important;
}
.panel-heading-floor {
  background-color: #CBCAC9 !important;
  border-bottom: 1px solid #303030 !important;
  color: #000000 !important;
  font-size: 15px;
  border-radius: 0;
}
.panel-heading-floor .panel-title {
  font-size: 15px !important;
}
.panel-heading-unit {
  background-color: #F1EFEF !important;
  border-bottom: 1px solid #AFAFAF !important;
  color: #000000 !important;
  font-size: 15px;
}
.panel-heading-unit .panel-title {
  font-size: 15px !important;
}
.row-unit {
  border: 1px solid #A7A3A3;
  padding: 0;
  margin: -1px;
  /*&:first-child {
        .col-unit {
            margin-top: -4px !important;
        }
    }*/
}
.row-unit .col-unit {
  border-left: 1px solid #949393;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.row-unit .col-unit:last-child {
  border-left: none;
  text-align: center;
  height: 30px;
  line-height: 22px !important;
}
.block-form .editable-controls input[name='Name'] {
  width: 50px;
}
.block-form .editable-controls input[name='Area'] {
  width: 50px;
}
.block-form .editable-controls input[name='FloorCount'] {
  width: 30px;
}
.floor-form .editable-controls input[name='Name'] {
  width: 50px;
}
.floor-form .editable-controls input[name='Area'] {
  width: 50px;
}
.floor-form .item-editable {
  width: 70%;
}
.unit-form .editable-controls input[name='Name'] {
  width: 50px;
}
.unit-form .editable-controls input[name='Area'] {
  width: 50px;
}
.unit-form .editable-controls input[name='Price'] {
  width: 50px;
}
.unit-form .editable-controls input[name='$data'] {
  width: 60px;
}
.unit-form .item-editable {
  width: 70%;
}
.parking-form .editable-controls input[name='UnitCount'] {
  width: 50px;
}
.parking-form .editable-controls input[name='Area'] {
  width: 50px;
}
.parking-form .item-editable {
  width: 80%;
}
/********************************************************/
/****************** Offer Project ***********************/
#offer-project {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f2f2f2+25,f2f2f2+72,e5e5e5+100 */
  background: #e5e5e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f2f2f2 25%, #f2f2f2 72%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f2f2f2 25%, #f2f2f2 72%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #f2f2f2 25%, #f2f2f2 72%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-9 */
}
#offer-project .form-group {
  width: 50%;
  float: right;
}
#offer-project .form-group label {
  padding-right: 40px;
}
#offer-project .form-group.row {
  width: 100%;
}
#offer-project button[type=submit] {
  background-color: #1C838A;
  color: #fff;
}
/************************* Feedback **********************/
.offer-rayteb {
  margin-top: 50px;
  padding: 70px;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: transparent;
}
.offer-rayteb label {
  color: #ffffff !important;
}
.offer-rayteb input {
  color: #ffffff !important;
  background-image: linear-gradient(#009688, #009688), linear-gradient(#fffefe, #fffefe) !important;
}
.offer-rayteb textarea {
  color: #ffffff !important;
  background-image: linear-gradient(#009688, #009688), linear-gradient(#fffefe, #fffefe) !important;
  min-height: 150px;
}
.offer-rayteb .floating-label {
  color: #ffffff;
}
.offer-rayteb .drop-down {
  box-shadow: 0 1px 6px 0 rgba(255, 254, 254, 0.15), 0 1px 6px 0 rgba(255, 255, 255, 0.15) !important;
  border-radius: 0;
  height: 32px !important;
  color: #fff !important;
  margin-right: 16px !important;
  border-color: #fff !important;
}
/*********************************************************/
.close-profile {
  font-size: 30px !important;
  border: 2px solid #908F8F !important;
  border-radius: 50% !important;
  width: 26px !important;
  height: 26px !important;
  line-height: 25px !important;
  z-index: 99999999 !important;
  background-color: #C2BFBF !important;
}
.track-list {
  background-color: #246A75;
  position: fixed;
  z-index: 1;
  left: 15px;
  top: 50px;
  padding: 10px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}
.track-list:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 40px;
  width: 10px;
  height: 10px;
  border: solid 10px transparent;
  border-bottom-color: #246A75;
}
.track-list .list-main-panel {
  background-color: white;
  color: #000;
  border: solid 1px #ededed;
  border-radius: 4px;
  padding: 5px;
  margin: 4px 0;
}
.track-list .list-main-panel .track-info img {
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0 0 10px 0;
  -ms-box-shadow: 0 0 10px 0;
  box-shadow: 0 0 10px 0;
}
.track-list .list-main-panel .track-info .track-text {
  margin-left: 45px;
  margin-right: 15px;
  display: inline-block;
  margin-top: -4px;
}
.track-list .list-main-panel .track-info button {
  font-size: 12px;
  padding: 0;
  width: 35px;
  height: 35px;
}
.track-list .list-main-panel .track-confirm {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.track-list .list-main-panel.active {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -o-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  background-color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.track-list .list-main-panel.active .track-info {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s 0.25s;
  -moz-transition: opacity 0.25s 0.25s;
  -o-transition: opacity 0.25s 0.25s;
  transition: opacity 0.25s 0.25s;
}
.track-list .list-main-panel.active .track-confirm {
  z-index: -1;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.track-list .list-main-panel.deactive {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  background-color: #EA5E5E;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.track-list .list-main-panel.deactive .track-info {
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.track-list .list-main-panel.deactive .track-confirm {
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.25s 0.25s;
  -moz-transition: opacity 0.25s 0.25s;
  -o-transition: opacity 0.25s 0.25s;
  transition: opacity 0.25s 0.25s;
}
/********************************************************/
/********************************************************/
.current-date-wrapper {
  margin-right: auto;
  margin-left: auto;
  display: block;
  text-align: center;
}
.current-date-wrapper span {
  font-size: 20px;
  vertical-align: middle;
  color: gray;
}
.current-date-wrapper span:hover {
  color: #309191;
}
.current-date-wrapper .hasDatepicker {
  background-color: transparent;
  border: none;
  width: 125px;
  font-size: 20px;
  text-align: center;
}
/*-------------------------------------------- Animate -----------------------------------------------*/
/************* ng-view Animate *************/
.animate11.ng-enter {
  -webkit-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -moz-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -ms-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -o-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  position: relative;
  display: block;
}
.animate11.ng-enter.animate11.ng-enter-active {
  opacity: 1;
  right: 0;
  height: 30px;
}
.animate11.ng-enter {
  opacity: 0;
  right: -50px;
  height: 0px;
}
.animate.ng-enter {
  -webkit-transition: 600ms cubic-bezier(0.55, 0.085, 0.68, 0.53) all;
  -moz-transition: 600ms cubic-bezier(0.55, 0.085, 0.68, 0.53) all;
  -ms-transition: 600ms cubic-bezier(0.55, 0.085, 0.68, 0.53) all;
  -o-transition: 600ms cubic-bezier(0.55, 0.085, 0.68, 0.53) all;
  transition: 600ms cubic-bezier(0.55, 0.085, 0.68, 0.53) all;
  position: relative;
  display: block;
}
.animate.ng-enter {
  -webkit-transform: rotateY(50deg) rotateZ(90deg);
  -moz-transform: rotateY(50deg) rotateZ(90deg);
  -ms-transform: rotateY(50deg) rotateZ(90deg);
  -o-transform: rotateY(50deg) rotateZ(90deg);
  transform: rotateY(50deg) rotateZ(90deg);
  opacity: 0;
}
.animate.ng-enter.animate.ng-enter-active {
  -webkit-transform: rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateY(0deg) rotateZ(0deg);
  -o-transform: rotateY(0deg) rotateZ(0deg);
  transform: rotateY(0deg) rotateZ(0deg);
  opacity: 1;
}
.animate2.ng-enter-stagger,
.animate2.ng-leave-stagger,
.animate2.ng-move-stagger {
  /* 200ms will be applied between each sucessive enter operation */
  -webkit-transition-delay: 0.06s;
  transition-delay: 0.06s;
  /* this is here to avoid accidental CSS inheritance */
  -webkit-transition-duration: 0;
  transition-duration: 0;
  /*-moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;*/
}
.animate2.ng-enter {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.animate2.ng-enter {
  -webkit-transform: scaleY(0.5) scaleX(0.5);
  -moz-transform: scaleY(0.5) scaleX(0.5);
  -ms-transform: scaleY(0.5) scaleX(0.5);
  -o-transform: scaleY(0.5) scaleX(0.5);
  transform: scaleY(0.5) scaleX(0.5);
  opacity: 0;
}
.animate2.ng-enter.animate2.ng-enter-active {
  -webkit-transform: scaleY(1) scaleX(1);
  -moz-transform: scaleY(1) scaleX(1);
  -ms-transform: scaleY(1) scaleX(1);
  -o-transform: scaleY(1) scaleX(1);
  transform: scaleY(1) scaleX(1);
  opacity: 1;
}
.animate3.ng-enter {
  -webkit-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.animate3.ng-enter {
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
  opacity: 0;
}
.animate3.ng-enter.animate3.ng-enter-active {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}
.animate4.ng-enter {
  -webkit-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.animate4.ng-enter {
  -webkit-transform: skewX(90deg);
  -moz-transform: skewX(90deg);
  -ms-transform: skewX(90deg);
  -o-transform: skewX(90deg);
  transform: skewX(90deg);
  opacity: 0;
  height: 0px;
}
.animate4.ng-enter.animate4.ng-enter-active {
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
  -o-transform: skewX(0deg);
  transform: skewX(0deg);
  opacity: 1;
  height: 30px;
}
.animate5.ng-enter {
  -webkit-animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: block;
  position: relative;
}
@-webkit-keyframes enter {
  from {
    opacity: 0;
    right: -70px;
  }
  75% {
    right: 15px;
  }
  to {
    opacity: 1;
    right: 0px;
  }
}
@keyframes enter {
  from {
    opacity: 0;
    right: -70px;
  }
  75% {
    right: 15px;
  }
  to {
    opacity: 1;
    right: 0px;
  }
}
.animate6.ng-enter {
  -webkit-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 600ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.animate6.ng-enter {
  -webkit-transform: skewX(-90deg) skewY(90deg);
  -moz-transform: skewX(-90deg) skewY(90deg);
  -ms-transform: skewX(-90deg) skewY(90deg);
  -o-transform: skewX(-90deg) skewY(90deg);
  transform: skewX(-90deg) skewY(90deg);
  opacity: 0;
}
.animate6.ng-enter.animate6.ng-enter-active {
  -webkit-transform: skewX(0deg) skewY(0deg);
  -moz-transform: skewX(0deg) skewY(0deg);
  -ms-transform: skewX(0deg) skewY(0deg);
  -o-transform: skewX(0deg) skewY(0deg);
  transform: skewX(0deg) skewY(0deg);
  opacity: 1;
}
.animate15.ng-enter {
  -webkit-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -moz-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -ms-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -o-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  position: relative;
  display: block;
}
.animate15.ng-enter.animate15.ng-enter-active {
  opacity: 1;
  right: 0;
  height: 30px;
}
.animate15.ng-enter {
  opacity: 0;
  right: -50px;
  height: 0px;
}
/******************************************/
/*************** ng-repeat ****************/
.repeatAnimate.ng-leave {
  -webkit-animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: block;
  position: relative;
}
@-webkit-keyframes leave {
  to {
    opacity: 0;
    height: 0px;
    right: -70px;
  }
  25% {
    right: 15px;
  }
  from {
    opacity: 1;
    height: 15px;
    right: 0px;
  }
}
@keyframes leave {
  to {
    opacity: 0;
    height: 0px;
    right: -70px;
  }
  25% {
    right: 15px;
  }
  from {
    opacity: 1;
    height: 15px;
    right: 0px;
  }
}
.animate7.ng-enter,
.animate7.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -moz-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -ms-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  -o-transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  transition: 500ms cubic-bezier(0.39, 0.575, 0.565, 1) all;
  /*position: relative;*/
  display: block;
}
.animate7.ng-enter.animate7.ng-enter-active,
.animate7.ng-leave {
  opacity: 1;
  right: 0;
}
.animate7.ng-leave.animate7.ng-leave-active,
.animate7.ng-enter {
  opacity: 0;
  right: -100px;
}
.animate8.ng-enter,
.animate8.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) all;
  -moz-transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) all;
  -ms-transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) all;
  -o-transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) all;
  transition: 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) all;
  position: relative;
  display: block;
}
.animate8.ng-leave.animate8.ng-leave-active,
.animate8.ng-enter {
  -webkit-transform: rotateY(80deg) translatez(80px);
  -moz-transform: rotateY(80deg) translatez(80px);
  -ms-transform: rotateY(80deg) translatez(80px);
  -o-transform: rotateY(80deg) translatez(80px);
  transform: rotateY(80deg) translatez(80px);
  opacity: 0;
  height: 0px;
}
.animate8.ng-enter.animate8.ng-enter-active,
.animate8.ng-leave {
  -webkit-transform: rotateY(0deg) translatez(80px);
  -moz-transform: rotateY(0deg) translatez(80px);
  -ms-transform: rotateY(0deg) translatez(80px);
  -o-transform: rotateY(0deg) translatez(80px);
  transform: rotateY(0deg) translatez(80px);
  opacity: 1;
  height: 30px;
}
.animate9.ng-enter,
.animate9.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1) all;
  -moz-transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1) all;
  -ms-transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1) all;
  -o-transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1) all;
  transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1) all;
  position: relative;
  display: block;
}
.animate9.ng-enter.animate9.ng-enter-active,
.animate9.ng-leave {
  opacity: 1;
  top: 0;
  height: 30px;
}
.animate9.ng-leave.animate9.ng-leave-active,
.animate9.ng-enter {
  opacity: 0;
  top: -50px;
  height: 0px;
}
.animate10.ng-enter,
.animate10.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.animate10.ng-leave.animate10.ng-leave-active,
.animate10.ng-enter {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  height: 0px;
  opacity: 0;
}
.animate10.ng-enter.animate10.ng-enter-active,
.animate10.ng-leave {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  height: 30px;
  opacity: 1;
}
.animate12.ng-enter,
.animate12.ng-leave {
  -webkit-transition: 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
  -moz-transition: 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
  -ms-transition: 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
  -o-transition: 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
  transition: 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
  position: relative;
  display: block;
}
.animate12.ng-leave.animate12.ng-leave-active,
.animate12.ng-enter {
  -webkit-transform: scaleY(0) scaleX(0);
  -moz-transform: scaleY(0) scaleX(0);
  -ms-transform: scaleY(0) scaleX(0);
  -o-transform: scaleY(0) scaleX(0);
  transform: scaleY(0) scaleX(0);
  height: 0;
  opacity: 0;
}
.animate12.ng-enter.animate12.ng-enter-active,
.animate12.ng-leave {
  -webkit-transform: scaleY(1) scaleX(1);
  -moz-transform: scaleY(1) scaleX(1);
  -ms-transform: scaleY(1) scaleX(1);
  -o-transform: scaleY(1) scaleX(1);
  transform: scaleY(1) scaleX(1);
  height: 125px;
  opacity: 1;
}
.fade-in-out.ng-hide-add,
.fade-in-out.ng-hide-remove {
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
.fade-in-out.ng-hide-add {
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
  -ms-opacity: 0;
  opacity: 0;
}
.fade-in-out.ng-hide-add.ng-hide-add-active {
  -ms-opacity: 0;
  opacity: 0;
}
.fade-in-out.ng-hide-remove {
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
  -ms-opacity: 1;
  opacity: 1;
}
.fade-in-out.ng-hide-remove.ng-hide-remove-active {
  -ms-opacity: 1 !important;
  opacity: 1 !important;
}
.fade-in-main {
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
  -ms-opacity: 1 !important;
  opacity: 1 !important;
}
.list-group-item {
  cursor: pointer;
  /* Apply transitions when an item gets added, removed or repositioned in a list */
  /* Apply a transition delay (stagger effect) to items (with the same parent element) that are manipulated at the same time
   * For example, if multiple items get added at once, ng-enter transition would be applied to each with a delay in between */
  /* Define the start opacity value for ng-enter and ng-move
   * And define the end value for ng-leave */
  /* Define the start opacity value for ng-leave
   * And define the end value for ng-enter and ng-move */
  /* Apply transitions when 'toggle' class gets added to or removed from an item */
  /* Add text-indent during the 'toggle-add' transition (it is not a permanent style as the class gets removed after transition period) */
  /* Apply a background colour when 'toggle' class gets applied (it is a permanent style unless you remove the class explicitly) */
}
.list-group-item.ng-enter,
.list-group-item.ng-leave,
.list-group-item.ng-move {
  transition: 0.5s linear all;
}
.list-group-item.ng-enter-stagger,
.list-group-item.ng-leave-stagger,
.list-group-item.ng-move-stagger {
  transition-delay: 0.05s;
}
.list-group-item.ng-enter,
.list-group-item.ng-move,
.list-group-item.ng-leave.ng-leave-active {
  opacity: 0;
}
.list-group-item.ng-enter.ng-enter-active,
.list-group-item.ng-move.ng-move-active,
.list-group-item.ng-leave {
  opacity: 1;
}
.list-group-item.toggle,
.list-group-item.toggle-add,
.list-group-item.toggle-remove {
  -moz-transition: 0.5s ease-out all;
  -o-transition: 0.5s ease-out all;
  -webkit-transition: 0.5s ease-out all;
  transition: 0.5s ease-out all;
}
.list-group-item.toggle-add-active {
  text-indent: 1em;
}
.list-group-item.toggle {
  background: #fcf8e3;
}
.label {
  /* Animate multiple properties when a label gets added or removed */
}
.label.ng-enter,
.label.ng-leave {
  -moz-transition: 0.25s ease-in-out all;
  -o-transition: 0.25s ease-in-out all;
  -webkit-transition: 0.25s ease-in-out all;
  transition: 0.25s ease-in-out all;
}
.label.ng-enter,
.label.ng-leave.ng-leave-active {
  opacity: 0;
  margin-left: 2em;
}
.label.ng-enter.ng-enter-active,
.label.ng-leave {
  opacity: 1;
  margin-left: 0;
}
/******************************************/
/************** ng Touch ******************/
.swipe-left.ng-leave,
.swipe-right.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 1, 1) all;
  -moz-transition: 500ms cubic-bezier(0.42, 0, 1, 1) all;
  -ms-transition: 500ms cubic-bezier(0.42, 0, 1, 1) all;
  -o-transition: 500ms cubic-bezier(0.42, 0, 1, 1) all;
  transition: 500ms cubic-bezier(0.42, 0, 1, 1) all;
}
.swipe-left.ng-leave {
  left: 0;
}
.swipe-left.ng-leave.ng-leave-active {
  position: absolute;
  left: -100%;
}
.swipe-right.ng-leave {
  left: 0;
}
.swipe-right.ng-leave.ng-leave-active {
  position: absolute;
  left: 100%;
}
/******************************************/
/*----------------------------------------------------------------------------------------------------*/
.feedback-form .modal-content {
  text-align: right;
}
.feedback-form .modal-content .modal-header .close {
  float: left;
}
.feedback-form .modal-content .modal-body {
  margin-top: 20px;
}
.feedback-form .modal-content textarea {
  resize: none;
  overflow-x: hidden;
}
.floating-label {
  right: 0;
}
/*--------------------------------------------------------------------------*/
.top-menu-nav {
  padding: 0;
  text-align: center;
  /*border: 1px solid #fff;
    background-color: rgba(10, 108, 111, 0.7);*/
  margin-top: 5px !important;
}
/*--------------------------------------------------------------------------*/
.plan-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.plan-list li {
  font: 200 18px BBC;
  border-bottom: 1px solid #ccc;
}
.plan-list li:last-child {
  border: none;
}
.plan-list li a {
  font: 100 18px BBC;
  text-decoration: none;
  color: #000;
  display: block;
  width: 150px;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  padding-right: 5px;
}
.plan-list li a:hover {
  font: 100 20px BBC;
  background: #F1f1f1;
}
.plan-list li.active a {
  color: #DA5050;
}
/*--------------------------------------------------------------------------*/
/* jssor slider thumbnail navigator skin 01 css */
/*
       .thumbnavigator .p            (normal)
       .thumbnavigator .p:hover      (normal mouseover)
       .thumbnavigator .p.pav        (active)
       .thumbnavigator .p.pdn        (mousedown)
       */
.thumbnavigator .p.pav {
  border: #fff 2px solid;
}
.thumbnavigator .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 87px;
  height: 60px;
}
.thumbnavigator .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.thumbnavigator .w {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.thumbnavigator .c {
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 59px;
  border: #000 2px solid;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  _background: none;
}
.thumbnavigator .pav .c {
  top: 2px;
  _top: 0;
  left: 2px;
  _left: 0;
  width: 85px;
  height: 59px;
  border: #000 0 solid;
}
.thumbnavigator .p:hover .c {
  top: 0;
  left: 0;
  width: 85px;
  height: 59px;
  border: #fff 1px solid;
}
.thumbnavigator .p.pdn .c {
  width: 85px;
  height: 59px;
  border: #000 2px solid;
}
.gallery-category h2 {
  font: 400 20px BBCBold;
  margin: 0;
  padding: 0;
}
.gallery-category ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: -15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  height: 100%;
}
.gallery-category li {
  font: 200 18px BBC;
  position: relative;
  margin-bottom: 2px;
  /*border-bottom: 1px solid #ccc;*/
}
.gallery-category li:last-child {
  border: none;
}
.gallery-category li a {
  font: 100 18px BBC;
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  -webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, background-color 0.3s ease;
  -ms-transition: opacity 0.3s ease, background-color 0.3s ease;
  transition: opacity 0.3s ease, background-color 0.3s ease;
  padding-right: 5px;
  border: 1px solid transparent;
  /*position:absolute;*/
}
.gallery-category li .gallery-cat-arrow {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #FFBA00;
  position: absolute;
  left: -44px;
  z-index: 999;
  /*height: 85%;*/
  top: 0;
}
.gallery-category li a:hover {
  /*font: 100 20px BBC;*/
  /* Arrow Buttons */
  /* ------------- */
  /* Prev Button */
  /* ----------- */
  background: #FFBA00;
  /*border: 1px solid #868484;*/
  opacity: 1;
}
.gallery-category li a:hover.arrowBtn {
  position: relative;
  margin: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 2.8px;
  padding-bottom: 2.8px;
  /*background: #0d5287;*/
  color: #fff !important;
  /*font-size: 14px;*/
}
.gallery-category li a:hover.arrowBtn::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, background-color 0.3s ease;
  -ms-transition: opacity 0.3s ease, background-color 0.3s ease;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
.gallery-category li a:hover.arrowBtn:hover {
  background: #3e3e3e;
}
.gallery-category li a:hover.prev::after {
  border-style: solid;
}
.gallery-category li a:hover.prev::after {
  left: -32px;
  border-color: transparent #FFBA00 transparent transparent;
  border-width: 16px;
}
.gallery-category li a:hover.prev:hover::after {
  border-right-color: #3e3e3e;
}
.gallery-category li.active a {
  /* Arrow Buttons */
  /* ------------- */
  /* Prev Button */
  /* ----------- */
  background: #FFBA00;
  color: #000;
  /*border: 1px solid #868484;*/
  opacity: 1;
}
.gallery-category li.active a.arrowBtn {
  position: relative;
  margin: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 2.8px;
  padding-bottom: 2.8px;
  /*background: #0d5287;*/
  color: #000;
  /*font-size: 14px;*/
}
.gallery-category li.active a.arrowBtn::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, background-color 0.3s ease;
  -ms-transition: opacity 0.3s ease, background-color 0.3s ease;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
.gallery-category li.active a.arrowBtn:hover {
  background: #3e3e3e;
}
.gallery-category li.active a.prev::after {
  border-style: solid;
}
.gallery-category li.active a.prev::after {
  left: -32px;
  border-color: transparent #FFBA00 transparent transparent;
  border-width: 16px;
}
.gallery-category li.active a.prev:hover::after {
  border-right-color: #3e3e3e;
}
.wysiwyg-menu {
  font-size: 15px;
}
.wysiwyg-menu .btn {
  line-height: 1;
  margin-bottom: -5px;
}
.wysiwyg-menu .btn-default {
  font-size: 20px;
}
.wysiwyg-menu select {
  font-size: 15px !important;
}
.wysiwyg-menu .icon:before {
  font-size: 15px;
}
/*------------------------------*/
#personnelGrid .table {
  border: 1px solid #CACACA;
  background-color: #FFF;
  position: relative;
}
#personnelGrid .table tbody {
  border-bottom: 1px solid #CACACA;
}
#personnelGrid .table thead tr {
  background-color: #428bca;
  color: #fff;
}
#personnelGrid .btn-xs {
  padding: 4px 6px 1px 6px !important;
}
#personnelGrid .personnel-list-item {
  font-size: 17px;
}
/*--------------------------- HighChart -------------------------------*/
.highcharts-contextmenu {
  direction: rtl !important;
}
.highcharts-contextmenu div div {
  line-height: 20px !important;
  font-size: 13px !important;
}
/*---------------------------------------------------------------------*/
/*--------------------------------*/
.square-device,
.rectangular-device {
  display: none !important;
}
@media screen and (max-aspect-ratio: 1.8) {
  .square-device {
    display: block !important;
  }
}
@media screen and (min-aspect-ratio: 1.8) {
  .rectangular-device {
    display: block !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  #MobileDevice a.link {
    font-size: 23px;
  }
}
@media (max-width: 530px) {
  #MobileDevice a.link {
    font-size: 18px;
  }
}
.animate-slide {
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  /* Chrome, Safari, Opera */
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.animate-slide.ng-hide-add,
.animate-slide.ng-hide-remove {
  display: block !important;
}
.animate-slide.ng-hide-remove.ng-hide-remove-active {
  -webkit-animation: 0.5s slide-up;
  animation: 0.5s slide-up;
}
.animate-slide.ng-hide-add.ng-hide-add-active {
  -webkit-animation: 0.5s slide-down;
  animation: 0.5s slide-down;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes slide-up {
  0% {
    top: 80%;
  }
  100% {
    top: 0;
  }
}
/* Standard syntax */
@keyframes slide-up {
  0% {
    top: 80%;
  }
  100% {
    top: 0;
  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes slide-down {
  100% {
    top: 100%;
  }
}
/* Standard syntax */
@keyframes slide-down {
  100% {
    top: 100%;
  }
}
#RequestDoctorRegisterForm .form-group input {
  text-indent: 10px;
}
#RequestDoctorRegisterForm .form-group button {
  margin: 0;
  width: 100%;
  text-align: right;
}
#RequestDoctorRegisterForm .file-upload {
  margin: 10px;
  margin-top: 0;
  border: 1px solid gray;
  border-radius: 10px;
}
#RequestDoctorRegisterForm .file-upload button {
  background-color: gray;
  margin-right: 10px;
}
.home-newslist .news-date-area {
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: darkgray;
}
.TimeSheetTicket-container .ticket-info h4 {
  color: #ffffff;
  background-color: #e63d3d;
  padding: 5px;
  margin-right: -11px;
  border-radius: 3px;
  line-height: 23px;
}
.dynamic-col .slimScrollDiv {
  margin-left: 0px;
  margin-right: 0px;
}
.center-home {
  right: 0px;
}
#bodyAreaForm.body-area-form .btn-success {
  background-color: #48a684;
}
#bodyAreaForm.body-area-form .btn-warning {
  background-color: #5f80cf;
}
#bodyAreaForm.body-area-form .btn-danger {
  background-color: #e32b35;
}
#bodyAreaForm.body-area-form div div {
  color: black;
}
#bodyAreaForm.body-area-form div .file-upload {
  margin-right: 35px;
  width: 93%;
}
#bodyAreaForm.body-area-form div .file-upload td {
  color: black;
}
#bodyAreaForm.body-area-form div .file-upload span {
  float: left;
  color: black;
  margin-top: 5px;
}
#bodyAreaForm.body-area-form div .file-upload span span {
  float: initial;
}
#bodyAreaForm.body-area-form div .file-upload .select_file {
  margin-bottom: 5px;
  float: right;
  background-color: #5c80ce;
  color: white;
}
#bodyAreaForm.body-area-form div form textarea {
  color: #000000;
  margin: 5px 50px 5px 5px;
  width: 88%;
  min-height: 150px;
  border: 1px solid #c1c1c1;
  padding: 5px;
}
@media (min-width: 530px) {
  #pre-register div {
    margin-right: 5px;
  }
  .header-top-item .navbar-toggle {
    margin: initial;
    padding: initial;
  }
  .header-top-item .navbar-toggle .icon-bar {
    background-color: #48a684 !important;
    border-radius: 2px;
    border: 1px #48a684 solid;
    width: 25px;
    height: 4px;
  }
  .TimeSheetTicket-container {
    margin-left: 5px;
  }
}
.TicketRequest #pre-register span.header-icon {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  width: 100%;
}
.TicketRequest #pre-register span.header-icon i {
  font-size: 47px;
  color: #797878;
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 2px solid #888787;
  border-radius: 50%;
  text-align: center;
}
.TicketRequest #pre-register span.header-icon .i-img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
}
.TicketRequest #pre-register .appointment-doctor-info {
  display: inline-block;
  margin-right: 90px;
  margin-top: -10px;
}
.TicketRequest #pre-register .appointment-doctor-info .prof {
  color: #2b4a76 !important;
  margin: 0 5px;
}
.TicketRequest #pre-register .appointment-doctor-info .prof label {
  color: #2b4a76;
}
.TicketRequest #pre-register .appointment-doctor-info span {
  display: inline-block;
  width: 100%;
  height: 25px;
  font-size: 14px;
  color: #5F5F5F;
}
.TicketRequest #pre-register .appointment-doctor-info span.doctor-name {
  font-size: 17px !important;
  font-weight: bold;
  color: #2b4a76 !important;
  margin: 10px 5px;
}
.TicketRequest #pre-register .btn-accept {
  width: 200px;
  background-color: #3ec400;
}
.TicketRequest #pre-register .btn-cancel {
  width: 200px;
  background-color: #feab00;
}
.TicketRequest #pre-register label {
  font-weight: bold;
  font-size: 1.1em;
  color: black;
}
.TicketRequest #pre-register span {
  color: #444444;
}
.TicketRequest #pre-register .ticket-pre-info {
  margin: 10px 0 0 40px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px 25px;
  height: 83%;
}
.TicketRequest #pre-register .ticket-pre-info ul {
  font-size: 18px;
  color: white;
  line-height: 37px;
  height: 100% !important;
  overflow-y: auto;
  margin-left: 5%;
}
::-webkit-scrollbar {
  background-color: lightgray ;
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-track {
  background: 0 0;
}
::-webkit-scrollbar-track-piece {
  background: 0 0;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
/*@media (max-width: 700px) {
    .pre-register-header {
        margin-top: 60px;
    }
}*/
.appointment-drprofile__drProfile-info {
  position: relative;
  background: white;
  border: 1px solid gray;
  border-bottom-left-radius: 23px;
  border-bottom-right-radius: 23px;
}
.appointment-drprofile__drProfile-info--top-40 {
  top: -40px;
}
.appointment-drprofile__drProfile-info--vw {
  width: 100vw;
}
.appointment-drprofile__drProfile-info--m-b {
  margin-bottom: 45px;
}
.appointment-drprofile__info-content-top {
  padding: 15px;
  padding-top: 5px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.appointment-drprofile__avatar {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  margin-top: 10px;
  border: 3px solid #d0d0d0;
}
.appointment-drprofile__info-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 2);
  padding: 5px;
  text-align: center;
}
.appointment-drprofile__info-name {
  font-size: 16px;
  margin-bottom: 5px;
  color: #062f4b;
  font-weight: 600;
}
.appointment-drprofile__info-prof {
  font-size: 11px;
  margin-bottom: 5px;
  color: #86949d;
  font-weight: 600;
}
.appointment-drprofile__info-other {
  text-align: end;
}
.appointment-drprofile__info-location {
  width: 35px;
}
.appointment-drprofile__star {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  padding-bottom: 10px;
  color: #ababab;
}
.appointment-drprofile__star--color {
  color: #f8de4d;
  padding-right: 5px;
}
.appointment-drprofile__serveType {
  padding-bottom: 15px;
  color: #00796f;
  font-weight: 900;
  text-align: center;
  font-size: 17px;
}