@font-face {
    font-family: 'irsans';
    src: url('../../common/css/fonts/irsans/irsans.ttf');
    font-weight: normal;
    font-style: normal;
}
body{font-family:irsans;font-size:13px;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-family:irsans;}
h2{font-size:15px;}
h5{font-size:12px}
.CenterTextAlign{text-align:center}
.Block{float:right;width:100%}
.RightFloat{float:right}
.RelativeLayout{position:relative}
.RedBorder{border:1px solid red}
.BlueBorder{border:1px solid blue}
.GreenBorder{border:1px solid green}
.RemoveSpace{padding:0;margin:0}
a:hover{text-decoration:none}
.WhiteColor{color:white}
.FontSize10{font-size:10px}
.FontSize11{font-size:11px}
.FontSize12{font-size:12px}
.FontSize13{font-size:13px}
.FontSize14{font-size:14px}
.FontSize15{font-size:15px}

.BottomBorder{position:relative;height:2px;background:#0087d4;width:100%}
.ui_mainContent{}
.shadow {position: relative;}
.shadow:before, .shadow:after {content: ""; height: 20px; position: absolute;z-index: -1;}
.i2:after {border-radius: 50%;top:-25px;box-shadow:0 11px 20px rgba(0, 0, 0, 0.25);right: 5%;width: 90%;}

.ui_footer{background:#2e2e2e;display:none}
.ui_footer .top{height:40px;background:#212121}
.FixedPosition{position: fixed;bottom:0;left: 0;right:0;}
.RelativePosition{position:relative;float:right;width:100%;}

.users_footer_items{float:left;width:98%;margin:5px 0 0 0;padding:0;list-style-type:none;font-size:inherit}
.users_footer_items li{position:relative;float:right;width:100%;position:relative;padding:5px 20px;}
.users_footer_items li i{position:absolute;top:7px;font-size:15px;right:0;color:white}
.users_footer_items li .Title{float:right;font-size:12px;color:white}
.users_footer_items li .Text{float:right;font-size:12px;padding:0 3px;color:white}


.users_footer_hr {
    background: -webkit-linear-gradient(-90deg, white ,#2e2e2e);
    background: -o-linear-gradient(-90deg, white,#2e2e2e);
    background: -moz-linear-gradient(-90deg, white,#2e2e2e);
    background: linear-gradient(-90deg, white,#2e2e2e);
    float: right;
    margin: 0 5px 0 0
}
.CopyRight{width:100%;margin:0 auto;padding:8px 5px 0 0;text-align:center;color:#989898}
.ui_doctors_info{padding:4px;}
.ui_doctors_info .item{border-radius:10px;/*height:103px;*/box-shadow: 0 3px 20px rgba(0,0,0,0.25);float:right;margin:0;padding:5px 5px;width:100%;}
.ui_doctors_info .item img{background:#f1f1f1;margin:-15px 0 0 0;float:right;border-radius:10px !important;}
.ui_doctors_info .item .doctor_name{float:left;width:calc(100% - 100px);margin:0;}
.ui_doctors_info .item .doctor_name h2{font-weight:bold;margin:2px}
.ui_doctors_info .item .doctor_name strong{color:#b1bbc4}
.ui_doctors_info .item button{font-size:11px;background:#7ec3ec;border:2px solid white;padding:1px 15px;float:right;line-height:18px;width:49%;margin:5px 0 0 0}
.btn_container{width:calc(100% - 90px);float:left;}
.ui_header_left_icon{position:absolute;top:15px;width:26px;height:26px;margin:4px;background:url('../image/Rect.png') no-repeat center}
.ui_header_left_icon img{position:absolute;left: 0;right: 0;top:2px;margin-left: auto;margin-right: auto; /* Need a specific value to work */}
.ui_header_left_icon strong{position:absolute;bottom:-20px;right:2px}
.inputGroupAddon{padding:4px 0 !important;width:60px !important;height:25px !important;font-size:11px !important;}
.SearchBoxContainer{width:calc(100% - 63px) !important;}
.select-wrapper .select-list {width:158px !important;}
.select-wrapper .select-btn {height:23px !important;}
.sub_arrow{top:5px !important;}
.over_turn_top{
    width: 40px;
    height: 7px;position:absolute;top:-4px;left:95px;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -o-transform: skew(40deg);
    background: #b94141;
}
.over_turn_bottom{
    width: 40px;
    height: 7px;position:absolute;bottom:-4px;left:35px;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -o-transform: skew(40deg);
    background: #b94141;
}
.over_turn_middle{
    width: 40px;
    height:111px;position:absolute;top:-4px;left: 65px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(25deg);
    background: red;box-shadow: 0 0 5px 0px black;
}

.ui_DS_Blur {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}
.over_turn_text{
    position: absolute;color:white;width:100px;top:60px;right:-30px;font-weight:bold;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
.OverLay{position:absolute;top:-1500px;left:0;right:0;margin-left: auto;z-index:100000;margin-right: auto;box-shadow: 0 3px 20px rgba(0,0,0,0.25);background:white;border-radius:10px;padding:10px}
.OverLay button{line-height:23px;margin-top:8px}
.step_container{padding:10px 0 !important;border-radius:5px;border:1px solid #d6d6d6;}
/* --------------------------------------------------------------------------- */
.doctor_visit_time input[type=radio] {float:right}
.doctor_visit_time h5{float:right;padding:0;margin:5px 5px}
.doctor_visit_time span{float:right;padding:3px 5px;font-size:12px}
.ClinicInfo{margin:2px 0 !important}
.ClinicInfo strong{float:right;font-size:11px;margin:2px 0}
.ClinicInfo i{float:right;font-size:14px;margin:3px 4px;color:#7fc3ec}
.ClinicInfo h2{float:right;font-size:12px;margin:3px 3px;padding:0}
.GetTurnTitle{padding:6px 0 !important;border-radius:0 3px 3px 0; 
              background: -webkit-linear-gradient(-90deg, #7fc3ec, white);
              background: -o-linear-gradient(-90deg, #7fc3ec, white);
              background: -moz-linear-gradient(-90deg, #7fc3ec, white);
              background: linear-gradient(-90deg, #7fc3ec, white);
}
.GetTurnTitle i{float:right;margin:0 5px;font-size:17px}
.GetTurnTitle strong{float:right;font-size:12px}

.formControl{height: 25px !important;width:calc(100% - 100px) !important}
.userGuide_right{position:relative;float:right;border-right:2px solid #eaeaea;/*height:200px*/}
.userGuide_right .item{float:right;position:relative;width:100%;padding:8px 13px;/*border:1px solid red*/}
.userGuide_right .item i{position:absolute;border-radius:50%;width:9px;height:9px;background:#46c1ff;right:-6px;top:11px}
.userGuide_right .item h3{float:right;padding:0;margin:0;font-size:13px;/*border:1px solid blue*/}
.userGuide_right .item h3 a{color:#8d8d8d}
.userGuide_tooltip{position:relative;float:right;padding:10px 5px;margin:5px 17px 5px 0;border-radius:5px;box-shadow: 3px -2px 15px 0px rgba(0,0,0,0.3)/*border:1px solid red*/}
.userGuide_tooltip span{position:absolute;font-size:22px;top:8px;right:-13px;color:white}
.userGuide_tooltip i{position:absolute;border-radius:50%;width:12px;height:12px;background:#0079c5;right:-24px;top:14px}
.userGuide_tooltip h1{margin:0;padding:0;font-size:17px;color:#0079c5}
.userGuide_content{padding:5px 20px !important;color:#000;display:none}
@media screen and (max-width: 988px) {
    .UnorderList{position:absolute;left:5px;top:70px;width:150px;z-index:20000;background:rgba(255,255,255,0.9);border-radius:5px;border:1px solid #7fc3ec;overflow:hidden}
    .UnorderList li{float:right;width:100%;margin:0;padding:0;text-align:center}
    .UnorderList li a:hover{background:#f0f0f0}
}