@font-face {
    font-family: 'BYekan';
    src: url('../../common/css/fonts/Byekan/Yekan.eot?-wwn5ej');
    src: url('../../common/css/fonts/Byekan/Yekan.eot?#iefix-wwn5ej') format('embedded-opentype'),
        url('../../common/css/fonts/Byekan/Yekan.woff?-wwn5ej') format('woff'),
        url('../../common/css/fonts/Byekan/Yekan.ttf?-wwn5ej') format('truetype'),
        url('../../common/css/fonts/Byekan/Yekan.svg?-wwn5ej#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font-family:BYekan;font-size:15px;box-sizing:border-box}
.LeftFloat{float:left}
.RightFloat{float:right}
.Clear{clear: both}
.Opacity{opacity:1}
.Opacity50{opacity:0.5}
.form-group{position:relative !important}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:bold;}
a{color:white}
a:hover{text-decoration:none;color:white}
.Block{float:right;width:100%}
.RightFloat{float:right}
.FontWeight{font-weight:bold}
.RelativeLayout{position:relative}
.RedBorder{border:1px solid red}
.BlueBorder{border:1px solid blue}
.GreenBorder{border:1px solid green}

.SelectedMenu{font-weight:bold;background:rgba(185,217,232,0.7)}
.Popup_Info_Container{position:absolute;width:80px;height:25px;background:rgba(255,255,255,1);border-radius:4px;border:1px solid #337ab7;left:10px;bottom:-35px;}
.Popup_Info_arrow{position:absolute;top:-14px;left:5px;font-size:20px;color:#337ab7}
.Popup_Info_text{position:absolute;font-size:13px;text-align:center;width:calc(100% - 5px);top:3px;right:5px}
.HQ_Login{width:619px;height:313px;border-radius:5px;background:url('../image/Login.png') no-repeat center}
.HQ_Login_Doctor{position:absolute;width:254px;height:303px;left:-50px;top:-43px;background:url('../image/Pic.png') no-repeat center}
/* Start Input --------------------------------------------------------------------------------------------------------*/
/*.input div,.input span {color: #13cffd}
.input input,select {border:1px solid #bdbdbd;color:#555;background:white;padding:10px 35px 10px 0;opacity:0.7;border-radius:5px}
.input input:focus,select:focus {border-color: #13cffd;box-shadow: -2px 3px 5px rgba(1, 130, 255, 0.38)}
.input {position: relative;margin:8px 0 0 0;z-index: 3;}
.input span {position: absolute;display: block;font-size:17px;z-index: 2;overflow: hidden;top:10px;right:10px;color:gray;}
.input .DS_FixIcon {position: absolute;display: block;font-size: 20px;z-index: 2;overflow: hidden}
.input input {display: block;transition: 0.2s ease-out}
.input select {width: 35%;font-size: 13px;border-radius: 4px 0 0 4px;height:36px;padding:0;margin:0}
.input input:focus {outline: 0;opacity:1}*/
/* End BTN ----------------------------------------------------------------------------------------------------------*/

/* End GQ_Manage Pane -----------------------------------------------------------------------------------------------------------*/
.HQ_Manage_Top{height:70px;background:#36404a}
.HQ_Manage_Top .NavMenu{float:left;background:#4a535c;height:70px;width:70px;cursor:pointer;position:relative}
.HQ_Manage_Top .NavMenu .DropdownMenu{position:absolute;width:150px;margin:0;padding:7px 0;list-style-type:none;top:70px;left:-10px;background:rgba(255,255,255,0.9);border-radius:0 0 5px 5px;
                                      -webkit-box-shadow: 0px 8px 20px -2px rgba(211,211,211,1);
                                      -moz-box-shadow: 0px 8px 20px -2px rgba(211,211,211,1);
                                      box-shadow: 0px 8px 20px -2px rgba(211,211,211,1);display:none;z-index:500}
.HQ_Manage_Top .NavMenu .DropdownMenu li{position:relative;float:right;width:100%;margin:0;padding:5px 0;}
.HQ_Manage_Top .NavMenu .DropdownMenu li:hover{background:#f5f5f5}
.HQ_Manage_Top .NavMenu .DropdownMenu li a{position:relative;float:right;margin-right:25px;color:#000;z-index: 100;width:85%;text-decoration:none;}
.HQ_Manage_Top .NavMenu .DropdownMenu li i{position:absolute;font-size:15px;color:#8ab8f1;right:5px;top:5px}
.HQ_Manage_Top .UserProfile{margin:0 0 0 40px}
.HQ_Manage_Top .UserProfile span{position:relative;float:right;width:40px;height:40px;border-radius:50px;background:#000;border:2px solid white;margin:15px}
.HQ_Manage_Top .UserProfile span i{position:absolute;font-size:23px;color:white;top:10px;right:6px}
.HQ_Manage_Right{position:relative;height:100%;border-left:1px solid #e5e8eb;padding:70px 0 0 0;background:white;}
.HQ_Manage_Right .MenuItem{position:relative;float:right;width:100%;padding:5px 0;cursor:pointer}
.SubMenuItem{height:50px;float:right;width:100%;display:none}
.HQ_Manage_Right .MenuItem:hover .MenuTitle a,.HQ_Manage_Right .MenuItem:hover .menuIcon{color:#71bff3}
.HQ_Manage_Right .MenuTitle{float:right;width:100%;padding:10px 35px 10px 0;margin:0;font-family:inherit;font-weight:bold;font-size:13px}
.HQ_Manage_Right .MenuTitle a{color:#000}
.HQ_Manage_Right .MenuTitle a:hover{color:#71bff3}
.HQ_Manage_Right .menuIcon{position:absolute;right:10px;top:12px;font-size:17px}
.HQ_Manage_Right .HasSubMenu{position:absolute;left:15px;top:15px}
.HQ_Manage_ProjectName{color:white;font-size:1.4vw;margin:15px 0 0 0;text-align:center}

.HQ_Manage_LatinProjectName{color:white;font-family:inherit;font-size:1vw;text-align:center;margin:10px 0 0 0}
.ActiveMenu{background:#f4f8fb;border-left:2px solid #5d9cec}
.ToggleButton{position:relative;float:left;margin:18px 0 0 0;width:30px;height:30px;color:white;cursor:pointer;z-index:100/*border-left:1px solid #e7e9ec;*/}
.HQ_Manage_Left{padding:10px 5px 5px 5px}
/*.HQ_Manage_HR{float:right;width:100%;border:2px solid white;height:42px;padding:0 7px;margin:0;}*/
.HQ_Manage_Tools{float:left;border:1px solid #dededf;border-radius:3px;margin:3px 0 0 20px;overflow:hidden;background:white;
                 -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
                 -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
                 box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);display:none}
.HQ_Manage_Tools i{float:left;width:30px;height:30px;margin:0;padding:8px 7px;border-right:1px solid #dededf;font-size:15px;cursor:pointer}
.HQ_Manage_Tools i:hover{background:#f7f7f7;}


/* End GQ_Manage Pane -----------------------------------------------------------------------------------------------------------*/
/*.InputGroup{position:relative;float:right;margin:0 5px;width:100%}*/

.PageOperateIco{float:right;width:21px;margin:1px 2px 0 0;height:21px;background-image:url('../image/icon_pack_21.png');background-repeat:no-repeat;}
.json_body_edit{background-position:0 -23px}
a:hover.json_body_edit{background-position:-23px -23px}
.json_body_delete{background-position:0 -47px}
a:hover.json_body_delete{background-position:-23px -47px}
.TopIcons{float:left;width:22px;height:22px;margin:12px 5px 0 0;background:url('../image/icon_pack_21.png') 0 -69px no-repeat;}
a:hover.operator_add{background-position:-23px -69px}
.help_icon{background-position:-1px -115px}
a:hover.help_icon{background-position:-24px -115px}
/* --------------------------------------------------------------------------------------------------------------------------------  */

/* --------------------------------------------------------------------------------------------------------------------------------  */
.Top_Page_Tools {
    margin:-5px 0 2em 0 ;
    float:right;width:100%;
    /*  left: -webkit-calc( 50% - 250px );*/
    /*top: 20%;*/
    /*position: absolute;*/
    border-radius: 6px 6px 0 0;
    -moz-box-shadow:inset 0 7px 7px rgba(222, 222, 222, 0.6);
    -webkit-box-shadow:inset 0 7px 7px rgba(222, 222, 222, 0.6);
    box-shadow:inset 0 7px 7px rgba(222, 222, 222, 0.6);
    /*border: 1px solid rgba(255, 255, 255, 0.3);*/
    /*padding: 3px;*/
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    display:flex;background:rgba(255,255,255,0.7);
    transition: box-shadow .3s ease;
}
.IconsContainer{float:right;width:98%;height:45px;margin:4px 7px 3px 0;}
.PageTitle{position:absolute;font-size:25px;top:10px;right:10px;color:#7bb4d2}

/* Start Manage Css -------------------------------------------------------------------------------------------------------------------- */
.managment_Contaniner{padding:10px !important;}
.NumberInput{float:left;width:50px;margin:-2px 0 0 0;text-align:center;border:none;outline:0;direction:ltr}
.LeftDivider{background:url('../../common/image/Divider.png') no-repeat left center}
.top_OperatorType{float:right;margin:1px 0 0 0;padding:5px 10px;text-align:center}
.manage_header{height:35px;background:#f7f7f7;border-bottom:2px solid #9fbece;}
.shadow {position: relative;}
.shadow:before, .shadow:after {content: ""; height: 20px; position: absolute;z-index: -1;}
.i2:after {border-radius: 50%;bottom:8px;box-shadow:0 20px 20px rgba(0, 0, 0, 0.25);right: 5%;width: 90%;}
.UserProfile{position:relative;float:left;width:40px;height:35px;margin:0 0 0 10px;background:url('../../common/image/Divider.png') no-repeat right center;/*border:1px solid red*/}
.UserProfileIcon{position:absolute;font-size:21px;top:0;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor:pointer;color:#5ea4ca}
.UserProfileContent{position:absolute;width:270px;left:5px;z-index:500;font-family:IrSans;font-size:12px;background:rgba(220,235,242,0.3);top:38px;border-radius:0 5px 5px 5px;border:1px solid #7bb3d6;display:none;}
.UserProfileContent ul{float:right;width:100%;margin:0;padding:0;list-style-type:none;overflow:hidden}
.UserProfileContent ul li{float:right;width:100%;padding:6px 4px;border-bottom:1px solid #e9eced}
.UserProfileContent ul span{float:left;width:50%;font-weight:bold;text-align:left;/*border:1px solid blue*/}
.UserProfileContentArrow{position:absolute;font-size:18px;top:-17px;left:3px;color:#9fbece;}
.user_name_family{float:right;padding:0;margin:1px 0 0 0;width:210px;/*border:1px solid red*/}
.user_name_family span{float:right;width:100%}
.RightSideBarContainer{float:right;overflow:hidden;border-left: 1px solid rgba(117, 190, 232, 0.53);box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.35);width:250px;}
.RightSideBar{background:#f7f7f7;padding:0;overflow:hidden;height:calc(100% - 35px)}
.MenuSelf{border-top:1px solid #eaeaea;padding:9px 0 !important;cursor:pointer;}
.Menu{position:relative;float:right;width:100%;/*padding:7px 0*/}
.MenuIcon{position:relative;float:right;font-size:20px;margin-right:8px;color:#5ea4ca}
.MenuText{float:right;padding:1px 10px 0 0;color:#757676}
.MenuText:hover{text-decoration:none;color: #000}
.MenuSubIcon{position:absolute;left:10px;top:11px;color:#000;font-size:15px;}

.RemoveBorderTop{border-top:none}
.SideBarHeader{position:relative;margin-bottom:3px;background:rgba(94,163,202,0.8);padding:9px 0 !important;color:#fff;text-align:center;/*border-bottom:1px solid #7796a5*/}
.ToggleSideBar{position:absolute;right:5px;top:14px;font-size:23px;cursor:pointer}
.MainContentPane{float:right;padding:10px;width: calc(100% - 250px);height:calc(100% - 35px);overflow:auto;/*border:1px solid red*/}
.profile_pic{position:relative;float:right;width:70px;height:70px;background:white;border:1px solid #b2bcc5;border-radius:3px}
.profile_pic i{position:absolute;font-size:55px;top:10px;right:5px;color:#b2bcc5}
.table-striped>tbody>tr:nth-child(even)>td,.table-striped>tbody>tr:nth-child(even)>th {background-color: #d1e5f0}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {background-color: #fff}
.AccordianTab{border-radius:5px;/*background:rgba(184,214,231,0.9);*/margin:2px 0;/*border:1px solid #7cb3d3;*/}
.TabContent{background:white;margin:0 2px 4px 2px;padding:5px;border-radius:0 0 5px 5px;width:100%;border:1px solid #7cb3d3;border-radius:5px 0 5px 5px;}
.nav-tabs {border-bottom: 1px solid #fff}
.nav-tabs>li {float: right;margin-bottom: -1px;background:#f7f7f7;border-radius:5px 5px 0 0;box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 0.11);}
.nav-tabs>li>a {margin-left: 2px;color:#7cb3d3;line-height: 1.428571429;border: 1px solid transparent;border-radius: 4px 4px 0 0}
.nav-tabs>li>a:hover {/*border-color: #7cb3d3*/}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color:white;cursor: default;background-color: #7cb3d3;/*border: 1px solid #ddd;*/border-bottom-color: transparent
}
.LoginInfo{float:right;padding:5px 4px;text-align:right;}
.LatinStyles{text-align:left;font-family:tahoma;font-size:12px;padding-left:3px !important;direction:ltr}
#DoctorClinic_ListView .Container{position:relative;background:rgba(234,244,249,0.7);margin:4px 0;border:1px solid #7cb3d3;border-radius:4px;padding:7px 10px 4px 10px}
#DoctorClinic_ListView .Container i{float:right;width:22px;height:22px;font-size:20px;color:#58a0c6;margin:-3px 7px 0 0}
#DoctorClinic_ListView .Container span{float:right;padding:1px 5px;margin:1px 0 0 0}
.ListType{
    position:relative;float:right;width:21px;height:21px;
    padding:0;margin:2px 6px 5px 0;cursor:pointer;border-radius:2px;background:rgba(238,238,238,0.8);
    box-shadow:  0 0 4px 0px rgba(140, 128, 128, 0.59);
}
.ListType i{position:absolute;top:1px;right:2px;font-size:18px;color:#868686}
.ActiveList{box-shadow: 0 0 3px 1px #78b5d4;}
#DoctorClinic .ListGridView{position:relative;float:right;margin:3px;width:110px;height:110px;background:rgba(234,244,249,0.7);border:1px solid #7cb3d3;border-radius:4px}
#DoctorClinic .ListGridView span{position:absolute;width:100%;padding:2px 0;text-align:center;bottom:5px;right: 0;/*border:1px solid red */}
#DoctorClinic .ListGridView img{position:absolute;top:8px;width:60px;right:23px;height:70px;border:none}
/*#DoctorClinic .ListGridView .CHK,.HCKLabel{position:absolute;top:0;right:5px;z-index:1}
#DoctorClinic .ListGridView .HCKLabel{top:4px;z-index:2;cursor:pointer}*/
.MinusIcon{color:red;font-size:20px;}
.MinusIcon:hover {color:red !important;text-decoration:none}
.Bread_Crumb{
    position:relative;border:1px solid white;border-radius:5px;
    height:35px;float:right;width:calc(100% - 270px);margin:7px 10px 5px 0;
    background: -webkit-linear-gradient(-90deg, #609cbf, white);
    background: -o-linear-gradient(-90deg, #609cbf, white);
    background: -moz-linear-gradient(-90deg, #609cbf, white);
    background: linear-gradient(-90deg, #609cbf, white)
}
.Bread_Crumb i{position:absolute;font-size:25px;top:5px;right:10px;color:white}
.Bread_Crumb span{position:absolute;top:7px;right:40px;font-size:13px;color:white}
/* End Manage Css------------------------------------------------------------------------------------------------------------------------------------ */


.RelatiobGrid{float:right;padding:2px 5px;margin:5px 0;font-weight:bold;width:100%;padding:2px 0;/*border:1px solid red*/}
.RelatiobGrid_Item{position:relative;float:right;background:#7cb3d3;height:30px;border-radius:15px;margin:3px 3px 7px 0}
.RelatiobGrid_Item i{float:right;width:24px;height:24px;border-radius:50%;margin:3px 5px 0 0;color:#fff;font-size:24px;cursor:pointer}
.RelatiobGrid_Item span{float:right;color:white;margin:7px 0 0 0;padding:0 10px}


.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:16px;/*border:1px solid blue*/}
.userGuide_right .item h3 a{color:#8d8d8d;font-size:14px}
.userGuide_tooltip{position:relative;float:right;padding:10px 5px;margin:5px 17px 5px 0;border-radius:5px;background:white;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;font-weight:normal}
.userGuide_content{padding:5px 20px !important;color:#000;display:none}
.field_info{position:absolute;left:-18px;top:8px;cursor:pointer;opacity:0.7;}
.PageInfo h5,.PageInfo i{color:#000 !important} 
/*.formControl{width:calc(100% - 140px) !important}*/
/*.inputGroupAddon{width:140px !important;}*/
/* =================================================================== */
/* Start Media Queries
====================================================================== */
.FixedToggleSideBar{position:relative;float:right;width:21px;height:21px;margin:6px 10px 0 5px;display:none}
.FixedToggleSideBar i{position:absolute;top:0;right:0;color:#7cb3d3;font-size:21px;cursor:pointer}

@media screen and (max-width: 950px) {
    .ToggleSideBar{display:none}
    .FixedToggleSideBar{display:block}
    /*.RightSideBarContainer{position:fixed;top:0;height:100%}*/
    /* Strat Menu ------------------------------------------------------------------------------------------------------------------------*/
    .RightSideBarContainer {top: 0;right: 0;bottom: 0;position: fixed;height: 100%;z-index: 99999999;transform: translate3d(250px,0,0);-ms-transform: translate3d(250px,0,0);-webkit-transform: translate3d(250px,0,0);transition: transform 0.4s;transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
    .RightSideBarContainer .scroller {height: 100%;overflow-y: auto;}
    .RightSideBarContainer.show-canvas {-ms-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: transform 0.8s;transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
    .MainContentPane{width:100%;/*border:1px solid red*/}
    .LoginInfo{width:90px;}
    /* End Menu ------------------------------------------------------------------------------------------------------------------------*/
}

/* =================================================================== */
/* End Media Queries
====================================================================== */