<style type="text/css">

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap');


a:link {
	text-decoration: none;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;

}
a:visited {
	text-decoration: none;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
}
a:hover {
	text-decoration: none;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
}
a:active {
	text-decoration: none;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f2f5fc !important;

	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
	font-weight: 500;
	color: #1a1a1a;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	
}

a.button_link, input[type="submit"] {
    color: #FFFFFF;
    font-size:12px;
    border:1px solid #16315C;       
    background: #16315C;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:4px;
	padding-top:4px;
	box-shadow: 1px 1px 1px #C1C1C1;
}

#network-status {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ff4d4d;
	color: white;
	text-align: center;
	padding: 12px;
	font-weight: bold;
	z-index: 9999;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.topbuttonnav:hover {
	background-color: #092837;
	border-radius: 0 0 5px 5px;
}

.toplogin { 
	background-color:#1595BA;
	color:#FFFFFF !important;
	border-radius:5px;
	margin-left:10px;
}

.toplogin:hover { 
	background-color:#0D3D54;
}

.topreg { 
	color:#1595BA !important;
	border-radius:5px;
	border:2px solid #1595BA;
	margin-left:10px;
}

.topreg:hover { 
	color: #FFFFFF !important;
	background-color:#1595BA;
}

.topdoctornav { 
	color: #0D3D54 !important;
	border-radius:5px;
	border:1px solid #0D3D54;
	margin-left:10px;
}

a.button_link:hover, input[type="submit"]:hover {
    color: #16315C;
	background-color:#CDDAE9;
    border:1px solid #CDDAE9;
}

a.button_link, input[type="reset"] {
    color: #333333;
    font-size:12px;
    border:1px solid #DEDEE0;       
    background: #DEDEE0;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:4px;
	padding-top:4px;
	box-shadow: 1px 1px 1px #C1C1C1;
}	

.button1 {
    color:#fff;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    border:1px solid #0082d5;       
    background: #0082d5;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;   
}

.button1:hover {
    color:#0082d5;
    border:1px solid #0082d5;       
    background: #FFFFFF;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
}


.restsubmint {
    color: #666666;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    border:1px solid #999999;       
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #E8E8E8 2%, #E8E8E8);
}

.tabtitle {
	background-color: #F4F4F4;
	border: #CCCCCC solid 1px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	color: #000000; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; text-decoration:none; 
}


.tabl {
	border-top: #213C59 solid 5px;
	border-bottom: #BEBEBE solid 1px;
	border-left: #BEBEBE solid 1px;
	border-right: #BEBEBE solid 1px;
	background-color:#FFFFFF;
	padding:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow: 0px 2px 2px #DDDDDD;
}

.tablrep {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	background: #FFFFFF;
	border:#213C59 0px solid;
	padding:0px;
		
}

.tabline {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000;
	border-bottom:#E9E9E9 solid 1px;
	padding:4px;
}

.tablinenon {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000;
	padding:4px;
}

.tablinehv:hover {
	background-color: #F0F8FF;
}

.tabrow0 {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000;
	border-bottom:#DBDBDB solid 1px;
	padding:4px;
}

.tabrow1 {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color: #000000;
	background-color: #FBFBFB;
	border-bottom:#DBDBDB solid 1px;
	padding:4px;
}

.tabshow {
	background-color:#FFFFFF;
	border: #D1D1D1 solid 1px;
	box-shadow: 0px 2px 2px #DDDDDD;
}

.tablinegray {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
	font-size: 13px;
	color: #000000;
	border-bottom: #DBDBDB solid 1px;
	padding: 4px;
	background-color: #FBFBFB;
	text-align: right;
}

input, textarea, select {
    padding:3px 5px;
    border-style:solid;
    border-color: #CCCCCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;   
    font-size:11px;
	border-width:2px;

}

.input-field {
  height: 40px;
  padding: 10px;
  background-color: #D8D8D8;
  border: 1px solid #CECECE;
  font-size: 16px;
  font-family: Dubai;
  font-weight: bold;
  text-align: left;
  color: #333333;
  border-radius:3px 3px 3px 3px;
  -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari and Chrome */
   appearance:none;
   padding-top:5px;
}

.input-field:hover {
  background-color: #E2E2EB;
}

.input-field:focus {
  background-color: #DADAE4;
}

.input-fieldsett {
  height: 40px;
  background-color: #F8F8F8;
  border: 1px solid #CECECE;
  font-size: 16px;
  font-family: Dubai;
  font-weight: bold;
  text-align: left;
  color: #333333;
  border-radius:3px 3px 3px 3px;
  -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari and Chrome */
   appearance:none;
   padding-top:5px;
}

.input-fieldsett:hover {
  background-color: #F0F0F4;
}

.input-fieldsett:focus {
  background-color: #DADAE4;
}

.inputfieldfur {
	width:40%;
}

.inputfieldthere {
	width:25%;
}

.textselect {
	height:18px;
}

input:hover, textarea:hover, select:hover {
	background-color: #FBFBFF;
	border-color: #999999;

}

input:focus, textarea:focus, select:focus {
	border-color: #333333;
	border-width:2px;

}

.itemmenu {
  float: left;
  width: 100px;
  padding: 5px 5px;
  margin-right:10px;
  background-color: #fff;
  border-radius:4px 4px 4px 4px;
  border: 0px solid #ddd;
  color:#FFFFFF;
  background-color:#2494B8;
}

.itemmenu:hover {
  background-color:#1b3954;
}

.inputdatesearchselect {
  height: 30px;
  background-color: #F8F8F8;
  border: 1px solid #CECECE;
  border-right: 0px;
  color: #333333;
  border-radius:3px 0px 0px 3px;
}

.inputdatesearch {
  height: 30px;
  background-color: #F8F8F8;
  border: 1px solid #CECECE;
  border-left: 0px;
  color: #333333;
  border-radius:0px 3px 3px 0px;
}


#searchField {
	width: 200px;
}

#results {
	border: 1px solid #BFBFBF;
	border-bottom: 0px;
	font-size: 12px;
	font-family: arial;
	padding: 0px;
	display: none;
}

#results div {
    border-bottom: 1px solid #BFBFBF;
    padding: 3px;
}

#results .selected {
	background-color: #666;
	color: #fff;
}

#results .unselected {
	background-color: #fff;
	color: #666;
}


.tagbar_border{
	background-color:#E7ECF0;
}

.tagbar{
	background-color:#B085CD;
	margin-top:8px;
}

.tagbar_bordergrn{
	background-color:#E7ECF0;
	border-radius:5px;
}
.tagbargrn{
	background-color:#5ECB7C;
	border-radius:5px;
}

.textmandatory {
    padding:3px 5px;
    border-width:1px;
    border-style:solid;
    border-color: #CCCCCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;   
    font-size:11px;
	border-width:2px;
	background-color: #FBFBFB;

}

.list-header {
    font-weight: bold;
    padding: 6px 10px;
    color: #333;
    cursor: default; 
}

.recent-menu-header { padding:8px 16px 6px; font-size:11px; font-weight:600; color:#999; text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid #eee; }
.recent-badge { border-radius:3px; padding:1px 5px; font-size:9px; color:#fff; }

.navbar-default {
	background-color:#1b3954;
	box-shadow: 0 2px 10px rgba(38, 51, 77, 0.08);
}

.icofontnavbar {
  font-size: 25px;
  color:#1b3954;
}

.icofontnavtop {
  font-size: 20px;
  color:#e4eff3;
  padding-bottom:-10px;
}

.icofontnavbotom {
  font-size: 30px;
  color:#0D3D54;
  padding-bottom:-10px;
}

.style2 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 10px; text-align: right; color: #666666; }
.style3 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:none; }
.style4 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000; text-decoration:none; }
.style5 {color: #000000; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none; }
.style55 {color: #000000; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none; }
.style6 {color: #000000; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 14px; text-decoration:none; }
.style7 {color: #666666; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 15px; text-decoration:none; }
.style8 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#666666; text-decoration:none; }
.style9 {color: #FFFFFF; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 15px; text-decoration:none; }
.style10 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 10px; }
.style11 {color: #333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none; }
.style12 {color: #666666; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 30px; text-decoration:none; }
.style13 {color: #FFFFFF; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 30px; text-decoration:none; }
.style14 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 10px; color: #666666; }
.style15 {color: #4D4F53; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 17px; text-decoration:none; }
.style16 {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#4D4F53; text-decoration:none; }
.style17 {color: #188AC9; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 30px; text-decoration:none; }
.style18 {color: #009900; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 30px; text-decoration:none; }
.style19 {color: #960E11; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 30px; text-decoration:none; }
.stylenav {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 10px; color: #e4eff3; }

.text_focus {color: #000000; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; text-decoration:none; }
.styletxtbule {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color: #004080; text-decoration:none; }
.styletxtred {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color: #A40000; text-decoration:none; }

.styleleter {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; color: #EA6666; text-decoration:none; margin-left:10px; }
.styleleterall {font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; color: #FFFFFF; background-color:#EA6666; text-decoration:none; margin-left:10px; }

.tab2 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	padding:3px;
}

.tab2:hover {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid;
	border-color:#CCCCCC;
	background-color:#F7F7F7;
	padding:3px;
}

.tab3 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	padding:2px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000; text-decoration:none; 
}

.tab4 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid;
	border-color:#DBDBDB;
	background-color:#FDFDFD;
	padding:2px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000; text-decoration:none; 
}

.tab5 {
	border:0px solid;
	border-color: #FFFFFF;
	background-color:#FFFFFF;
	padding:2px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000; text-decoration:none; 
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.34);
}

.tab6 {
	border:1px solid #D8D9DC;
	background:#fff;
	padding:0px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.tab7 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid;
	border-color:#CCCCCC;
	background-color:#F7F7F7;
	padding:3px;
}
.tab8 {
	border:2px solid;
	border-color: #FFFFFF;
	padding:3px;
}

.tab8:hover {
	border:2px solid;
	border-color: #CCCCCC;
	padding:3px;
}

.tab9 {
	border:1px solid;
	border-color:#DFE3EB;
	background-color:#FFFFFF;
}

.tab9title {
	border-bottom:#DFE3EB solid 1px;
	padding:6px;
	background-color:#F5F8FA;
	height:30px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 14px; color:#33475B;
}

.tab9titletxt {
	padding:6px;
	background-color:#F5F8FA;
	height:30px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 14px; color:#33475B;
	text-decoration: none;
}

.tab9line {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000;
	border-bottom:#DFE3EB solid 1px;
	padding:6px;
}

.tablelinered {
	border-top: #800000 solid 5px;
	background-color:#FFFFFF;
	padding:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.tablelinebule {
	border-top: #004080 solid 5px;
	background-color:#FFFFFF;
	padding:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.tablelinegreen {
	border-top: #008000 solid 5px;
	background-color:#FFFFFF;
	padding:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.tablelineshadow {
	background-color:#FFFFFF;
	padding:5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow: 0 2px 4px 1px #383838;
	box-shadow: 0 2px 4px 1px #383838;
}

.tablecard {
	border-radius: 8px 8px 8px 8px;
	background-color: #FFFFFF;
	margin-bottom:10px;
	margin-top:10px;
	-webkit-box-shadow: 0px 1px 3px 1px #E4E4E4;
	-moz-box-shadow: 0px 1px 3px 1px #E4E4E4;
	box-shadow: 0px 1px 3px 1px #E4E4E4;
}

.circle-wrap{
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.circle-wrap::after{
  content: "";
  position: absolute;
  inset: 5px;
  border: 3px solid #2d6cdf;
  border-radius: 50%;
}

.progress-circle {
  --p: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(#5cb85c calc(var(--p) * 1%), #e9ecef 0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #333;
  position: relative;
  margin: auto;
  transition: background 0.5s ease;
}

.progress-circle::before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50%;
}

.progress-circle span {
  position: absolute;
  font-size: 12px;
  z-index: 2;
}

.greenbox {
	background: #FFFFFF;
	border:#559828 solid 2px;
	text-align:right;
	font-family:'Noto Sans Arabic', 'Segoe UI', sans-serif; font-weight: bold; font-size:12px; color:#0C151F; 
	height:20px;
	width:250px;
	text-align:center;
	padding-top:12px;
	padding-bottom:8px;
	position: fixed;
	bottom: 10px;
    left: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    -webkit-animation: ani 5s forwards;	
	background: url(img/div_save.png) no-repeat #FFFFFF;
	box-shadow: 1px 3px 6px #999999;
	z-index:9999;
}

.saveboxwhite  {
	background: #FFFFFF;
	text-align:right;
	font-family:'Noto Sans Arabic', 'Segoe UI', sans-serif; font-weight: bold; font-size:12px; color:#0C151F; 
	height:30px;
	width:250px;
	text-align:center;
	padding-top:20px;
	position: fixed;
	bottom: 10px;
    left: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    -webkit-animation: ani 30s forwards;	  
	box-shadow: 1px 3px 3px #333333;
	z-index:9999;
}

.boxshadow  {
	box-shadow: 1px 3px 3px #333333;
}

.mt-15 {
  margin-top: 10px;
}

h5 {
	 overflow: hidden;
	 text-align: center;
}
h5:before,
h5:after {
	 background-color: #CCCCCC;
	 content: "";
	 display: inline-block;
	 height: 1px;
	 position: relative;
	 vertical-align: middle;
	 width: 50%;
}
h5:before {
	 right: 0.5em;
	 margin-left: -50%;
}
h5:after {
	 left: 0.5em;
	 margin-right: -50%;
}


@-webkit-keyframes ani {
    80%  {opacity:0.7; height: 20px;}
    90%  {opacity:0.4; height: 0;}
    100%  {opacity:0; height: 0;}
}

.savebox  {
	background:#1876A3;
	font-family:Segoe UI; font-size:13px; color: #FFFFFF; 
	height:40px;
	width:270px;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	position: fixed;
	bottom: 20px;
    right: 30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow: 1px 2px 4px #999999;
	-webkit-animation: saveboxani 10s forwards;	
	z-index: 9999;
}

@-webkit-keyframes saveboxani {
    100%  {opacity:0; display: block;}
}

.tableid {}
.tableid:hover {
	bgcolor:#00FF00;
}


.fileddrow {
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	padding:2px;
	font-family:'Noto Sans Arabic', 'Segoe UI', sans-serif; font-weight: bold; font-size:12px; color:#333333; 
}

.fileddrowtitle {
	background-color:#F2F2F2;
	border-bottom:1px solid #CCCCCC;
	font-family:'Noto Sans Arabic', 'Segoe UI', sans-serif; font-weight: bold; font-size:12px; color:#333333; 
}

.divopa{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.divopa:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.divopahide{
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}

.divopahide:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.textnav{
	color:#333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 16px; text-decoration:none;
	padding:4px;
}

.textnavbule{
	color: #0063C6; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 16px;
	padding:4px;
}

.tabbordergrn{
	color:#333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 14px;
	border : dashed 1px;
	border-color:#009F00;
	background-color:#BFFFBF;
	padding:5px;
}
.tabborderred{
	color:#333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 14px;
	border : dashed 1px;
	border-color:#800000;
	background-color:#FFBBBB;
	padding:5px;
}
.tabborderyelo{
	color:#333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 14px;
	border : dashed 1px;
	border-color:#B95C00;
	background-color:#FF9900;
}

.tablereport {
	border-collapse:collapse;
	background-color:#FFFFFF;
	border:1px solid black;
}

.tablereportgray {
	border-collapse:collapse;
	background-color:#FFFFFF;
	border:1px solid #666666;
}

.tableleftred {
	border-left: #800000 solid 5px;
	background-color: #FFE6E6;
	padding:8px;
}
.tableleftbule {
	border-left: #2CADE6 solid 5px;
	background-color: #BCDDF3;
	padding:8px;
}
.tableleftyelo {
	border-left: #F2D12C solid 5px;
	background-color:#F3E9AB;
	padding:8px;
}
.tableleftgreen {
	border-left: #3ED988 solid 5px;
	background-color:#B9EECF;
	padding:8px;
}

.topunderline {
	border-top:#666666 solid 2px;
	border-bottom:#666666 solid 2px;
	padding:5px;
	margin:5px;
}

.topline {
	border-top:#666666 solid 1px;
	padding-top:5px;
	margin-top:5px;
}

.undrline {
	border-bottom:#666666 solid 1px;
	padding-bottom:5px;
}

.leftline {
	border-left:#666666 solid 2px;
	padding-left:5px;
}
.leftlinered {
	border-left:#990000 solid 2px;
	padding-left:5px;
}
.rightline {
	border-right:#666666 solid 1px;
	padding-right:5px;
}

.shwline {
	border-bottom:#D1D1D1 solid 1px;
	padding-bottom:5px;
}

.linkhovco {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000;
	padding:5px;
	border-left: #DBDBDB solid 5px;
}

.linkhovco:hover {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000; font-weight: bold;
	background-color: #F5F5F5;
	padding:5px;
	border-left: #005CB9 solid 5px;
}

.linkhovcotitel {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000;
	padding:5px;
	background-color:#F5F5F5;
	border-bottom: #005CB9 solid 5px;
}

.linkhovcotitel:hover {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#FFFFFF;
	background-color: #F5F5F5;
	padding:5px;
	background-color:#005CB9;
	border-bottom: #005CB9 solid 5px;
}

.bashbutton {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#FFFFFF; text-decoration: none;
	padding:5px;
	background-color:#5BC0DE;
	border:#46B8DA solid 1px;
	margin-left:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.bashbutton:hover {
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#46B8DA;
	padding:5px;
	background-color:#E5E5E5;
	border:#46B8DA solid 1px;
}

.tbbutoonhv {
	border: #213C59 solid 1px;
	background-color: #FFFFFF;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#213C59;
	height:70px;
	display: block;
	text-decoration:none;
	padding-top:3px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;

}
.tbbutoonhv:hover {
	border: #213C59 solid 1px;
	background-color: #213C59;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color: #FFFFFF;
	text-decoration:none;
}

.copyrightrpt {
	border-top: #333333 solid 1px;
	padding-top:3px;
	text-align:right;
	border-right:#333333 solid 10px;
	padding-right:10px;
	padding-left:10px;
	margin:5px;
	width:670px;
	margin:0 auto;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#333333; text-decoration:none;
}

.fixedtabl {
    position: fixed;
	top: 0;
    right: 0;
    width: 100%;
	height: 40px;	
}

.footerbg {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.fixedmedsserv {
    position: fixed;
	bottom: 10px;
    right: 0;
}
.fixedmed {
    position: fixed;
	top: 0;
    right: 0;
}
.footersavemed {
    position: fixed;
    bottom: 0px;
	left: 0px;
	right:0px;
    width: 98%;
	padding-bottom:10px;
	padding-top:10px;
}

.divreport {
    position: fixed;
	padding:5px;
    bottom: 0;
	width:200px; height:25px;
	 background: linear-gradient(#74B740, #639C36);
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.barreport {
    position:fixed;
	padding:0px;
    bottom: 0;
	border-top: 1px solid #999999;
	height:25px;
	background-color: #F2F2F2;
}

.tagsadd {
	background-color:#333333;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsred {
	background-color:#D95350;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsred:hover {
	background-color:#C7302C;
	color:#F5F5F5;
}

.tagsbink {
	background-color:#FF0099;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsbink:hover {
	background-color:#FF3366;
	color:#F5F5F5;
}

.tagsbule {
	background-color:#188AC9;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsbule:hover {
	background-color:#1373A6;
	color:#CAE9F9;
}

.tagspurbl {
	background-color:#49005C;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagspurbl:hover {
	background-color: #9101BB;
	color:#F5F5F5;
}

.tagsgreen {
	background-color:#3ABE2C;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsgreen:hover {
	background-color:#29870E;
	color:#F5F5F5;
}

.tagsaddorng {
	background-color:#EEAE4D;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsaddorng:hover {
	background-color: #E79416;
	color:#F5F5F5;
}

.tagsblackbule {
	background-color: #0070A6;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsaddgray {
	background-color:#CCCCCC;
	color:#F5F5F5;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
}

.tagsaddgraynw {
	background-color: #EEEEEE;
	color: #666666;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCCCCC;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.tagsaddgraymail {
	background-color:#CCCCCC;
	color:#F5F5F5;
	padding:2px;
	padding-right:6px;
	padding-left:6px;
	margin-right:3px;
	margin-top:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 10px; text-decoration:none;
}

.tagsbabybule {
	background-color: #E1F0FF;
	color: #004080;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	margin-right:5px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #3E9EFF;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
	font-size: 12px;
}

.tagsaddgraynwim {
	background-color: #EEEEEE;
	color: #666666;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCCCCC;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif;
	font-size: 12px;
	font-weight: bold;
}

sectioncss {
    width: 100%;
    height: 150px;
    margin: auto;
	
}

div#onecss {
    width: 22%;
    height: 150px;
    float: left;
	padding-left:10px;
		
}

 a.tooltiphms {outline:none; }
 a.tooltiphms strong {line-height:30px;}
 a.tooltiphms:hover {text-decoration:none;}
 a.tooltiphms span { z-index:10;display:none; padding:0px; right:130px; width:400px; height:230px; }
 a.tooltiphms:hover span{ display:inline; position:absolute; color:#111; border:1px solid #BBBBBB; background: #FFFFFF;}
 .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/
 a.tooltiphms span { border-radius:1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 1px 2px #CCCCCC;}

 a.tooltipsearchinv {outline:none; }
 a.tooltipsearchinv strong {line-height:30px;}
 a.tooltipsearchinv:hover {text-decoration:none;}
 a.tooltipsearchinv span { z-index:10;display:none; padding:0px; left:125px; top:5px; width:450px; height:250px; }
 a.tooltipsearchinv:hover span{ display:inline; position:absolute; color:#111; border:1px solid #2F3B47; background: #2F3B47;}
 .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/
 a.tooltipsearchinv span { border-radius:1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 2px 2px 2px #AEAEAE;}

 a.tooltipproinv {outline:none; }
 a.tooltipproinv strong {line-height:30px;}
 a.tooltipproinv:hover {text-decoration:none;}
 a.tooltipproinv span { z-index:10;display:none; padding:0px; right:120px; width:450px; height:250px; }
 a.tooltipproinv:hover span{ display:inline; position:absolute; color:#111; border:1px solid #2F3B47; background: #2F3B47;}
 .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/
 a.tooltipproinv span { border-radius:1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 2px 2px 2px #AEAEAE;}


/*********new style*********/

.patient-container {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding:15px;
	box-shadow: 0 2px 10px rgba(38, 51, 77, 0.08);
}

.newtbl {
	width:100%;
	background-color:#FFFFFF;
	border-left:#DBDBDB solid 1px;
	border-right:#DBDBDB solid 1px;
	
}

.newtbltop {
	background-color:#F8F9FB;
	border-bottom:1px solid #DCDDE1;
	width:100%;
}

.newtbltopsub {
	background-color: #F8F9FB;
	border-bottom:1px solid #DCDDE1;
	width:100%;
}

.newtitlefnt {
	color: #16315C; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 17px; text-decoration:none;
	margin-right:20px;
}
.newdivmirgright {
	margin-right:20px;
	color: #333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; text-decoration:none;
}

.newtbltitel {
	color: #666666; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; text-decoration:none;
	border-bottom:#DBDBDB solid 2px;
	padding:4px;
}

.newtbltitelbule {
	color: #666666; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; text-decoration:none;
	border-bottom:#D2E5F4 solid 2px;
	padding:4px;
	background-color:#D6EBFC;
}

.footersave {
    position: fixed;
    bottom: 0;
    width: 99%;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:11px;
}

.newrepottitle{
	background-color: #FFFFFF;
	border: #BEBEBE solid 2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	color: #333333; font-weight: bold; font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 12px; text-decoration:none; 
}

.newrepottabl {
	border-top: #BEBEBE solid 3px;
	border-bottom: #BEBEBE solid 1px;
	border-left: #BEBEBE solid 1px;
	border-right: #BEBEBE solid 1px;
	background-color:#FFFFFF;
	padding:8px;
	margin-top:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:98%;
}

.newrepottabl700 {
	border-top: #BEBEBE solid 3px;
	border-bottom: #BEBEBE solid 1px;
	border-left: #BEBEBE solid 1px;
	border-right: #BEBEBE solid 1px;
	background-color:#FFFFFF;
	padding:8px;
	margin-top:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:900px;
}

.newbutton {
    color:#3aa3e6;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    border:1px solid #3aa3e6;       
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	margin-left:10px;
	margin-right:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.newbutton:hover {
    color: #FFFFFF;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    border:1px solid #3aa3e6;
	background-color:#3aa3e6;     
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	margin-left:10px;
	margin-right:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.marginright {
	margin-left:20px;
}

.divleftfixed {
	position: fixed;
	bottom:10px;
    left: 5px;
}

.newtextarea {
	border: none; 
	border-bottom: #BEBEBE solid 1px;
}
.newtextarea:focus {
	border: none; 
	border-bottom: #BEBEBE solid 2px;
}
.textareamed {
	border: none;
	height:22px;
	border: #BEBEBE solid 1px;
}
.textareamed:focus {
	border: none; 
	border: #BEBEBE solid 1px;
}
.newtextarearequ {
	border: none; 
	border-bottom: #840000 solid 1px;
}
.newtextarearequ:focus {
	border: none; 
	border-bottom: #840000 solid 2px;
}

.buttonadd {
  background-color: #188AC9;
  border: none;
  color: white;
  padding-right:10px;
  padding-left:10px;
  margin-right:5px;
  padding:6px;
  width:70px;
  height:39px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.buttonadd:hover {
  background-color:#1373A6;
  color: white;
}

.buttoninv {
  background-color: #FFFFFF;
  border:1px solid #188AC9; 
  color:#188AC9;
  padding-right:10px;
  padding-left:10px;
  margin-right:5px;
  margin-top:5px;
  padding:10px;
  width:200px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; text-decoration:none;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.buttoninv:hover {
  background-color: #188AC9;
  border: 1px solid #188AC9; 
  color: #FFFFFF;
}


.bottomMenu {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    z-index: 1;
}

section {
    width: 200px;
    height: 90px;
    margin: auto;
}

div#one {
    width: 14%;
    height: 22px;
    float: left;
	padding-left:0px;
}

div#onecssindx {
    width: 22%;
    height: 25px;
    float: right;
	text-align:right;
	padding:5px;
	margin:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-family: 'Noto Sans Arabic', 'Segoe UI', sans-serif; font-size: 13px; color:#000000; text-decoration:none;		
}
div#onecssindx:hover {
	background-color: #F6F6F6;
}


.slidePanel {
	background-color:#FFFFFF;
	box-shadow: -1px 0px 4px 0px rgba(50, 50, 50, 0.75), -0px 0px 0px 99999px rgba(153,153,153,0.50);
}
.slidePanel-will-close {
	background-color: #FFFFFF;
}

#leftcolumn {
     width: 18%;
}

#rightcolumn {
     width: 82%;
}

.widthtable {
	width: 70%;
}

.widthtablecenter {
	margin: 0 auto;
}

.footerbar {
    height: 60px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: #3D1560; 
	box-shadow: 0px -2px 5px 0px #C1C1C1;
}

.icofontleftsider {
  font-size: 25px;
}

.icofontdash {
  font-size: 23px;
  padding-right:5px;
  color:#1373A6;
}

.sidenavdash {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  padding-top: 20px;
  box-shadow: 0px 0px 5px 0px #B7B7B7;
  margin-top:50px;
  padding:10px;
}

.maindash {
  margin-left: 200px;
}

.tablecardwork {
	border-radius: 8px 8px 8px 8px;
	background-color: #FFFFFF;
	margin-bottom:8px;
	margin-top:8px;
	-webkit-box-shadow: 0px 1px 3px 1px #D8D8D8;
	-moz-box-shadow: 0px 1px 3px 1px #D8D8D8;
	box-shadow: 0px 1px 3px 1px #D8D8D8;
}

.tabcomment {
	background-color:#EBEBEB;
	margin-bottom:10px;
	padding:8px;
	border-radius: 5px 5px 20px 5px;
}

.mention-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.mention-item:hover {
    background-color: #f0f0f0;
}

.star-rating {
  direction: rtl;
  display: inline-block;
  font-size: 20px;
}
.star-rating input[type="radio"] {
  display: none;
}
.star-rating label {
  color: #ddd;
  font-size: 24px;
  cursor: pointer;
}
.star-rating input[type="radio"]:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: gold;
}

.mobile-only {
    display: none;
}

.mobile-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none; 
    z-index: 1000;
}

.mobile-bottom-div {
    background-color: #FFFFFF;
    color: black;
    text-align: center;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 30%;
	height: 100%;
	right: 0;
	top: 0;
}

.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right.fade .modal-dialog {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	transition: transform 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
	
@media only screen and (max-width: 1024px) {
	#leftcolumn { width: 0%; display: none; }
	#rightcolumn { width: 100%; }
	.widthtable { width: 99%; margin-left:10px; }
	.sidenavdash {width: 0px; padding:0px;}
	.maindash {margin-left: 0px;}
}


@media only screen and (max-width: 768px) {
	.input-fieldsett {width: 100%; }
	.modal.right .modal-dialog {width: 100%;}
	.mobile-bottom-bar { display: block;}
	.mobile-only {display: block;}

}


</style>
