/* --------------------- Max  	:  	801 px 	Desktop ------------------------ */
.DesktopHideContent {display: none;}
@font-face{ 
	font-family: 'Univers Next Arabic';
	src: url('/themes/css/Fonts/UNIVERSNEXTARABIC-REGULAR.eot');
	src: url('/themes/css/Fonts/UNIVERSNEXTARABIC-REGULAR.eot?#iefix') format('embedded-opentype'),
	     url('/themes/css/Fonts/UNIVERSNEXTARABIC-REGULAR.woff') format('woff'),
	     url('/themes/css/Fonts/UNIVERSNEXTARABIC-REGULAR.ttf') format('truetype'),
	     url('/themes/css/Fonts/UNIVERSNEXTARABIC-REGULAR.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'Univers Next Arabic';
	src: url('/themes/css/Fonts/UNIVERSNEXTARABIC-BOLD.eot');
	src: url('/themes/css/Fonts/UNIVERSNEXTARABIC-BOLD.eot?#iefix') format('embedded-opentype'),
	     url('/themes/css/Fonts/UNIVERSNEXTARABIC-BOLD.woff') format('woff'),
	     url('/themes/css/Fonts/UNIVERSNEXTARABIC-BOLD.ttf') format('truetype'),
	     url('/themes/css/Fonts/UNIVERSNEXTARABIC-BOLD.svg#webfont') format('svg');
}
@font-face {
  font-family: 'digital';
  src: url('/themes/css/Fonts/digital.ttf') format('truetype');
}

body, input, textarea, .NewsTitle, .fancybox {font-size:14px;}
* {font-family:'Univers Next Arabic'}
body {
  /*background: #fff;*/
  color: #666666;
  text-align: unset;
  overflow-x: hidden;
}
a {
  color: var(--green1);
  transition: 0.5s;
  display: inline-block;
}
a:hover, a:active, a:focus {
  color: red;
  outline: none;
  text-decoration: none;
}
hr {
    height: 10px;
    background-image: url('Panel/fBgM.png');
    background-repeat: repeat-x;
    background-position: right top;
    background-attachment:scroll;
    background-color: transparent;
    border-style:none;
}
p {padding: 0;/*margin: 0 0 30px 0;*/}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  /*margin: 0 0 20px 0;*/
  padding: 0;
}
h7 {font-size: small;}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
}

:root {
  --green0: #00843D;
  --green1: #00a44f;
  --green2: #00a44f;
  --green4: #18d26e;
  /*--fa-display: block;*/
}

#div_Master {width:100%}
.validation {color:red;}
.WebContents {font-size: 16pt;}
.WebContents .CEOPhoto {Width:254px;}
.WebContents h4 ,.section-header h3 {color:var(--green1);}

.overflowhidden {overflow: hidden;}
.superscript 
{
    display: inline-block;
    position: relative;
    vertical-align: top;
    /*background-color: white;*/
    border-radius: 50%;
    margin-inline-end: -5px;
    /* width: 15px; */
    height: 15px;
    overflow: hidden;
    font-size: 10px;
    margin-inline-start: 5px;
    text-align: end;
    color: var(--green1);
}
.noConnection {
    background-image:url("/themes/Images/sql_normal.gif");
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    overflow: hidden;
    width:100%;
    border:1px solid gray; 
    /*background-color:White;
    text-align:justify;*/
    text-align:center;
    margin:auto;
    left:0;
    right:0;
    font-weight:bold;
    height: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
    /* max-height: 600px; */
    background-position-y: center;
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    text-shadow: 0 0 9px black;
}

/*--------------------------------------------------------------*/
/*#region Form Controls*/
/*--------------------------------------------------------------*/
.drop-handler {
    border: 2px dashed #ccc;
    border-radius: 10px;
    /*color: #aaa;*/
    margin: 5px auto;
    padding: 5px;
    transition: background-color 0.3s, border-color 0.3s; /* Smooth transition */
}
.drop-handler.highlight {
    background-color: rgba(0, 255, 0, 0.2); /* Light green background */
    border-color: #00cc00; /* Green border color */
    color: #005700; /* Darker text color */
}
:disabled {color: gray;}
.btn-success {
    color: #fff;
    background-color: var(--green1);
    border-color: var(--green1);
}
.btn-outline-success {
    color: var(--green1);
    border-color: var(--green1);
}
.btn-outline-success:hover {
    background-color: var(--green1);
    border-color: var(--green1);
}
.radius, table, iframe, input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, .button1, .button1:hover, .div_icons,
.Header, .Header_Only, .Header1, .HeaderGLD1, .SubHeader, .SubHeader1, .SubHeader2, .LnkButton_Menu, .DataPanal1, .modalPanel, .modalPanelBlack,
.button, .div_iconsF, input[type="date"], input[type="time"], .form_Label ,.divFormBody
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    /*-moz-box-shadow: 2px 2px 3px #717e73; -webkit-box-shadow: 2px 2px 3px #717e73; box-shadow: 2px 2px 3px #717e73;*/
}
.radius20 
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    overflow: hidden;
}
input[type="text"], input[type="number"], input[type="password"], textarea, input[type="date"], input[type="time"], input[type="email"], input[type="tel"], .form_Label
{
  /*margin: 2px 0px;*/
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding: 3px 5px 3px 5px;
	border: 1px solid gray;
	box-shadow: 1px 1px 2px #717e73;
    color: #444444;
}
input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], input[type="email"], input[type="tel"] 
{height: 38px;}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus
{background-color: lightgreen;}
input[type="text"]:hover, input[type="number"]:hover, input[type="password"]:hover, textarea:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="email"]:hover, input[type="tel"]:hover
{border-color: var(--green1); /* #79602d;*/}
input[type="file"]:hover {
    border-style: groove;
    cursor: pointer;
}
input[type="file"] {
    background-color: var(--green1);
    color: white;
    border-style: double;
}
.form_Label {
    width: 100%;
    display: inline-block;
    background-color: ghostwhite;
    cursor: not-allowed;
    min-height: 38px;
    padding-top: 7px;
    padding-bottom: 7px;
    word-wrap: break-word;
}
.buttonsDivM5>input[type="submit"] {margin:5px}
.inputdiv {
    width: 100%;
    background-size: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: right;
    padding: 0;
    background-position: 5px;
    height: 38px;
    border: 1px solid gray;
    box-shadow: 1px 1px 2px #717e73;
    moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    direction: rtl;
}
.inputdiv.user {
    background-image: url(/themes/Images/User.png);
}
.inputdiv.email {
    background-image: url(/themes/Images/Email.png);
}
.inputdiv.password {
    background-image: url(/themes/Images/Lock.png);
    background-size: 22px;
}
.inputdiv input {
    border-radius: 0;
    width: calc(100% - 35px);
    direction: ltr;
    text-align: left;
    margin-top: -1px;
    outline-style: none;
    height: 39px !important;
}
.inputdiv:hover {border-color: var(--green1);}
.searchbox {
  background-image: url('/themes/Images/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px !important;
  border: 1px solid #ddd !important;
  width: 500px;
    max-width: 100%;
}
.searchbox:focus {background-color: unset !important;}
.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    padding-left: unset;
}
.form-switch input {display: none;}
.form-switch i {
    position: relative;
    display: inline-block;
    /*margin-right: .5rem;*/
    width: 60px;
    height: 30px;
    background-color: #e6e6e6;
    border-radius: 25px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
    vertical-align: middle;
}
.form-switch i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 56px;
    height: 25px;
    background-color: #fff;
    border-radius: 15px;
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}
.form-switch i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 15px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 25%);
    transform: translate3d(2px, 2px, 0);
    transition: all 0.2s ease-in-out;
}
.form-switch input:checked + i {background-color: var(--green1);}
.form-switch input:checked + i::before {transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);}
.form-switch input:checked + i::after {transform: translate3d(30px, 2px, 0);}
.form-switch input:disabled + i {
    background-image: linear-gradient(0deg, #c2c2c2 0%, #c2c2c247 50%, #c2c2c2 100%);
    cursor: not-allowed;
}
.form-switch input:disabled + i::after {box-shadow: 0 2px 2px rgb(0 0 0 / 10%);}
.FBSubForm {
    border-color: gray;
    border-style: solid;
    padding: 12px;
    margin-bottom: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 0px gray;
    border-width: thin;
}
#ctl00_ContentPlaceHolder1_lblErrMsg, #ctl00_lblErrMsg, #lblErrMsg
{
    margin-Top:10px;
    font-weight:bold;
    color:#990000;
    display:block;
}
.Zebra_DatePicker_Icon_Wrapper {width: 100%;}
.Zebra_DatePicker {z-index: 100;}
#FileExplorer1, #FileExplorer1_LeftSplitter, #FileExplorer1_LeftSplitter_t {height:500px !important}
button.close {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    /* padding: 1rem; */
    /* margin: -1rem -1rem -1rem auto; */
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 10px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close:focus, button.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
.hr1 {
    height: 1px;
    background-image: unset;
    background-repeat: unset;
    background-position: unset; 
    background-attachment: unset; 
    background-color: unset; 
    border-style: unset; 
    margin: 5px 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}
.ddlMenu {display:none;direction: ltr;}
.ddlMenu>div:has(:not(.modalBgFull)) {position:absolute;z-index: 101;direction:rtl;}
.ddlMenu>div:has(:not(.modalBgFull))>div {
    background-color:white;
    margin-top: 5px;
    padding: 5px;
    box-shadow: 6px 6px 15px 0px black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.ddlMenu .LnkButton {text-decoration: none;}
.ddlMenu .LnkButton i {margin-inline-end: 3px;}
/*.MFItem {cursor: context-menu;}*/
.ddlctrlinput {
    position: absolute;
    height: 30px !important;
    margin-top: 2.5px;
    margin-inline-start: 3px;
    z-index: 1;
    border-style: none !important;
    box-shadow: none !important;
    outline: none;
    display: none;
}
.ddlctrltd:hover > .ddlctrlinput
,.ddlctrltd:active > .ddlctrlinput
,.ddlctrltd:focus > .ddlctrlinput
,.ddlctrltd:focus-within > .ddlctrlinput {display:block !important}
.form-check .form-check-input {
    float: unset;
    margin-left: .5em;
}
.form-check-label:has(input[type=radio]) {cursor: pointer;}
.form-check-label:has(input[type=radio]):hover {color:var(--green1);}
.form-check-label:has(input:checked[type=radio]) {color:var(--green1);}
.input-error {outline: 1px solid red;}
.CheckBoxListDiv {
    max-height: 309px;
    width: 100%;
    overflow-y: auto;
    display: inline-block;
    webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid gray;
    box-shadow: 1px 1px 2px #717e73;
    background-color: white;
}
/************************ combobox ****************************/
.ComboStyle {width: 100%;}
.ComboStyle > table:hover {border-color: green;}
.ComboStyle > table:focus  {background-color: lightgreen;}
.ComboStyle > table {
    width: 100%;
    top: auto !important;
    display: block !important;

    border-style: solid !important;
    border-width: 1px !important;


    margin: 2px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 5px 3px 5px;
    border: 1px solid gray;
    box-shadow: 1px 1px 2px #717e73;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.ComboStyle > table > tbody > tr > td:first-child {width: 100%;}
.ComboStyle input {
    direction: ltr;
    padding: 0 0 0 0 !important;
    border-style: none !important;
    box-shadow: 0px 0px 0px !important;
    background-color: transparent;
    height: 30px;
}
.ComboStyle>ul {
    direction: ltr;
    left: auto !important;
    top: auto !important;
    padding: 5px;
    width: 240px !important;
}
.ComboStyle button {
    cursor: pointer;
    border-style: none;
    background-color: transparent;
    width: 15px !important;
    height: 15px !important;
}
/************************ combobox ****************************/
/* Add a green text color and a checkmark when the requirements are right */
.valid {color: green;}
.valid:before {
  position: relative;
  margin-inline-end: 5px;
  /*left: -35px;*/
  content: "✔";
}
/* Add a red text color and an "x" when the requirements are wrong */
.invalid {color: red;}
.invalid:before {
  position: relative;
  margin-inline-end: 5px;
  /*left: -35px;*/
  content: "✖";
}
/*--------------------------------------------------------------*/
/*#endregion Form Controls*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*#region Survey Controls*/
/*--------------------------------------------------------------*/
/*Survey Header*/
.header-section {
    padding: 30px 0 15px 0;
    /*max-width: 1200px;*/
    margin: auto;
    width: 100%;
    transition: all 0.5s;
    background-color: white;
}
.header-section.IconsBar {padding: unset;}
.header-section .top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
    direction: ltr;
}
.header-section.IconsBar .top-wrap {direction: unset;}
.header-section .top-wrap .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-section .top-wrap .left>a>img {
    margin-left: 0;
    vertical-align: middle;
    max-height: 135px;
    /* width: 190px; */
    max-width: 400px;
}
.header-section .top-wrap .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-section .top-wrap .right>a>img {
    vertical-align: middle;
    max-height: 135px;
     /*width: 190px; */
    max-width: 400px;
    margin: auto;
    display: block;
}
/*----------------------------------------*/
.RadioBlock {width: 100%;text-align: center;}
.RadioBlock > span {display: block;}
.RadioBlock .inner:after,
.RadioBlock .inner:before, 
.RadioBlock input[type=radio] {
  	position: absolute;
  	cursor: pointer;
  	opacity: 0;
}
.RadioBlock input[type=radio]:hover + .outer .inner:before {
    opacity: 0.2;
    display: inline-block;
    position: absolute;
    transform: scale(1);
    transition: all 0.3s ease;
}
.RadioBlock input[type=radio]:checked + .outer .inner:before {
    opacity: 1;
    transform: scale(1.5);
    transition: all 0.2s ease;
}
.RadioBlock input[type=radio]:focus + .outer .inner:before {
    opacity: 1;
    transform: scale(1.5);
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.75s;
}
.RadioBlock input[type=radio]:focus + .outer {
    transform: translate(0.09em, 0.09em);
    box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0.1);
    border: 3px solid #4B6279;
    -webkit-transition-delay: 0.75s;
    -webkit-animation: boom 1s ease-out;
    -webkit-animation-delay: 0.75s;
}
.RadioBlock input[type=radio]:focus + .inlet .text__effect {
    transition: all 0.2s ease-out;
    -webkit-transition-delay: 0.75s;
    color: #4B6279;
    border-bottom: 1px solid #4B6279;
    border-bottom-height: 20px;
}
.RadioBlock input[type=radio] + .inlet .text__effect {cursor: pointer;}
.RadioBlock input[type=radio]:focus + .outer .inner:after {
    opacity: 1;
    -webkit-transform: translate(140px, -150px) scale(0.01);
    transition: all 1s ease;
    display: block; /**/
}
.RadioBlock input[type=radio]:hover + .outer .inner:after {display:block;}
.RadioBlock .outer {
  	width: 30px;
  	height: 30px;
  	border: 3px solid #87745C;
  	background: transparent;
  	border-radius: 50%;
  	cursor: pointer;
  	margin: auto;
    }
.RadioBlock .outer .inner:before:hover {opacity: 1;}
.RadioBlock .inner {
  	position: relative;
  	font-family: FontAwesome;
    }
.RadioBlock .inner:before {
  	content: "";
    top: -5px;
    left: 1px;
    color: #4B6279;
    transform: scale(0) translateY(-50%);
    font-size: 15pt;
    }
.RadioBlock .inner:after {
  	content: "";
  	left: -140px;
  	bottom: -180px;
  	font-size: 2em;
  	transform: scale(3);
  	color: #4B6279;
    display:none;
    }
.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  /*direction: rtl;*/
  width: fit-content;
  width: -moz-fit-content;
  display: flex;
  flex-direction: row-reverse;
  margin: auto;
  /* the hidden clearer */
}
.star-cb-group * {font-size: 3rem;}
.star-cb-group input {display: none;}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "☆";
  color: #888;
  font-weight: 100;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  content: "★";
  color: gold;
  text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {width: .5em;}
.star-cb-group:hover > input + label:before {
  content: "☆";
  color: #888;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: gold;
  text-shadow: 0 0 1px #333;
}
.RadioRating {
	background-color: transparent /* rgba(0, 0, 16, 0.8)*/;
	padding: 0.4rem 0.4rem 0.1rem 0.4rem;
	border-radius: 2.2rem;
    display: flex;
    flex-direction: row-reverse;
	margin: auto;
	width: fit-content;
	width: -moz-fit-content;
}
.RadioRating svg {
	fill: gray /*rgb(242, 242, 242)*/;
	height: 3.6rem;
	width: 3.6rem;
	margin: 0.2rem;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
}
.RadioRating input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.RadioRating input[class="super-happy"]:hover + svg,
.RadioRating input[class="super-happy"]:checked + svg,
.RadioRating input[class="super-happy"]:focus + svg {
	fill: rgb(0, 109, 217);
}
.RadioRating input[class="happy"]:hover + svg,
.RadioRating input[class="happy"]:checked + svg,
.RadioRating input[class="happy"]:focus + svg {
	fill: rgb(0, 204, 79);
}
.RadioRating input[class="neutral"]:hover + svg,
.RadioRating input[class="neutral"]:checked + svg,
.RadioRating input[class="neutral"]:focus + svg {
	fill: rgb(232, 214, 0);
}
.RadioRating input[class="sad"]:hover + svg,
.RadioRating input[class="sad"]:checked + svg,
.RadioRating input[class="sad"]:focus + svg {
	fill: rgb(229, 132, 0);
}
.RadioRating input[class="super-sad"]:hover + svg,
.RadioRating input[class="super-sad"]:checked + svg,
.RadioRating input[class="super-sad"]:focus + svg {
	fill: rgb(239, 42, 16);
}
.Radio-Nbox {
	padding-top: 16px;
	text-align: center;
	background: rgba(255,255,255,.03);
	border-radius: .3em;
	margin: auto;
}
.Radio-Nbox input[type="radio"] {display: none;}
.Radio-Nbox input[type="radio"]:hover + .rb-spot,
.Radio-Nbox input[type="radio"]:checked + .rb-spot,
.Radio-Nbox input[type="radio"]:focus + .rb-spot {
	background: rgba(0,0,0,.35);
	border: 2px solid rgba(243,49,128,.6);
	color: white;
}
.Radio-Nbox .rb-tab {
	/*display: inline-block;
	position: relative;
	width: 20%;*/
    margin: 10px 20px 0 20px;
}
.Radio-Nbox .rb-txt {
	/*position: absolute;
	top: 50%;
	left: 50%;*/
	transform: translate(-50%, -50%);
	font-size: .8em;
}
.Radio-Nbox .rb-spot {
	/*position: absolute;
    top: 50%;
	left: 50%;
	*/
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
	background: transparent;
	border: 2px solid gray;
	border-radius: 100%;
	cursor: pointer;
	transition: ease .5s;
	color: gray;
}

.radioDotSlider {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  position: relative;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radioDotSlider::before {
  content: " ";
  position: absolute;
  height: 2px;
  width: 100%;
  width: calc(100% * (4 / 5));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
}
.radioDotSlider label {
  box-sizing: border-box;
  flex: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 20%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radioDotSlider i::after {
	content: " ";
  display: block;
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  background: #000;
  border-radius: 50%;
  transition: all 0.15s ease-in-out;
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  opacity: 0;
  z-index: 2;
}
.radioDotSlider input:checked + span i::after {
  opacity: 1;
  left: 50%;
}
.radioDotSlider label span::before {
  content: attr(data-amount);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 45px);
  font-weight: 400;
  white-space: nowrap;
  transition: all 0.15s ease-in-out;
}
.radioDotSlider label span::after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border: 2px solid #000;
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.radioDotSlider label:hover span::after {
  transform: translate(-50%, -50%) scale(1.25);
}
.radioDotSlider input {display: none;}
.radioDotSlider input:checked + span::before {
  font-weight: 800;
  opacity: 1;
}
.radioDotSlider input:checked + span::after {
  border-width: 4px;
  transform: translate(-50%, -50%) scale(0.75);
}
.radioDotSlider input + span::before {
  transform: translate(-50%, 45px) scale(0.9);
  transition: all 0.15s linear;
}
.radioDotSlider input:checked + span::before {
  transform: translate(-50%, 45px) scale(1.1);
  transition: all 0.15s linear;
}
.RangeSlider {width:100%;}
.RangeSlider span {
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.RangeSlider span::before {content: attr(data-min);}
.RangeSlider span::after {content: attr(data-max);}
/*--------------------------------------------------------------*/
/*#endregion Survey Controls*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*#region Session Idle*/
/*--------------------------------------------------------------*/
/*.SessionCounter {position:absolute;color:white;}*/
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup {
    background-color: #FFFFFF;
    width: 500px;
    border: 3px solid var(--green1);
    border-radius: 12px;
    padding: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: initial;
    position: fixed;
    z-index: 101;
}
.modalPopup .header {
    background-color: var(--green1);
    height: 30px;
    color: White;
    /*line-height: 30px;*/
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modalPopup .body
{
    padding:10px;
    min-height: 50px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .footer{padding: 6px;text-align: center;}
.modalPopup .yes, .modalPopup .no
{
    /*height: 23px;*/
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
.modalPopup .yes
{
    background-color: var(--green1);
    border: 1px solid var(--green1);
}
.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}
.modalPopup .no:hover{background-color: var(--green1);}
/*--------------------------------------------------------------*/
/*#endregion Session Idle*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*#region Login*/
/*--------------------------------------------------------------*/
.pnl_Login
{
    width:650px;
    border:1px solid gray; 
    background-color:White;
    text-align:justify;
    /*padding: 10px;*/
}
.applogin {
    position: absolute;
    z-index: 101;
    top: 140px;
    left: 0;
    right: 0;
}
.login_panel {
    max-width: 500px;
    width:100%;
    padding: 0px 20px 10px 20px;
    background-color: white;
    border: 1px solid var(--green1);
    border-radius: 5px;
    margin: auto;
    box-sizing: border-box;
    box-shadow: 10px 10px 18px 0px #333333f2;
    text-align:start;
}
/*.applogin .login_panel div {margin-top: 5px;}*/
.applogin h3 {text-align:center;}
/*.applogin span {color:white;}*/
/*.applogin a span:hover {color: var(--green1);}*/
.center {margin:auto;text-align:center;}
.control_box {margin-top:10px;max-width:500px;}
.SecLogin {
    /*background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(/themes/Images/Services17.jpg) fixed center center;
    background-size: cover;*/
    padding: 60px 0;
    z-index: 9;
    position: fixed;
    width: 100%;
}
.SecLogin1 {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(/themes/Images/Services17.jpg) fixed center center;
    background-size: cover;
}
.SecLogin h3 {text-align:center;}
.SecLogin span {color:white;}
.SecLogin a span:hover {color: var(--green1);}
.SecLogin .login_panel {
    max-width: 500px;
    width:100%;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 0px 20px 10px 20px;
    background-color: rgb(0 0 0 / 86%);
    /*background-image: url("/OA_HTML/cabo/themes/Images/mof/transparent.png");
    background-repeat: no-repeat;
    background-position: 50% 5px;*/
    border: 1px solid #b2996d;
    border-radius: 5px;
    margin: auto;
    box-sizing: border-box;
    box-shadow: 10px 10px 18px 0px #333333f2;
}
.OraButton {
    background-color: var(--green1) /*#b68a35*/;
    background-position: 0px 0px;
    box-shadow: none;
    border-top: 2px solid var(--green1);
    border-bottom: 2px solid var(--green1);
    border-left: 2px solid var(--green1);
    border-right: 2px solid var(--green1);
    border-radius: 0.5em;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0em 1em 0em 1em;
    padding-left: 1em !important;
    padding-right: 1em !important;
    text-transform: uppercase;
    text-shadow: none;
    width: 100%;
    cursor: pointer;
}
.OraButton:hover {
    background-color: #ffffff;
    color: var(--green1) /*#b68a35*/;
}
.uaepass-logo {
    text-align: center;
    margin-top: 10px;
    width:100%
}
.uaepass-logo img {width:100%;max-height:50px}
.uaepass-button {
    display: block;
    text-decoration: none;
    width: 100%;
    /*max-width: 310px;*/
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Login_Btn_Outline_Active.png);
    /*min-height: 54px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    padding-top: 15%;
}
.uaepass-button:hover, .uaepass-button:focus {
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Login_Btn_Outline_Focus.png);
}
.uaepass-button:disabled {
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Login_Btn_Outline_Disabled.png);
}
.uaepass-button:active {
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Login_Btn_Outline_Pressed.png);
}
.uaepass-button.ar {background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_in_Btn_Outline_Active.png);}
.uaepass-button.ar:hover, .uaepass-button.ar:focus {
    background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_in_Btn_Outline_Focus.png);
}
.uaepass-button.ar:disabled {
    background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_in_Btn_Outline_Disabled.png);
}
.uaepass-button.ar:active {
    background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_in_Btn_Outline_Pressed.png);
}
.uaepass-reg-button {
    display: block;
    text-decoration: none;
    width: 100%;
    max-width: 500px;
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Sign_up_Btn_Outline_Active.png);
    /*min-height: 54px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    padding-top: 10%;
}
.uaepass-reg-button:hover, .uaepass-reg-button:focus {
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Sign_up_Btn_Outline_Focus.png);
}
.uaepass-reg-button:disabled {
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Sign_up_Btn_Outline_Disabled.png);
}
.uaepass-reg-button:active {
    background-image: url(/themes/Images/UAEPASS/en/UAEPASS_Sign_up_Btn_Outline_Pressed.png);
}
.uaepass-reg-button.ar {background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_up_Btn_Outline_Active.png);}
.uaepass-reg-button.ar:hover, .uaepass-reg-button.ar:focus {
    background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_up_Btn_Outline_Focus.png);
}
.uaepass-reg-button.ar:disabled {
    background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_up_Btn_Outline_Disabled.png);
}
.uaepass-reg-button.ar:active {
    background-image: url(/themes/Images/UAEPASS/ar/UAEPASS_Sign_up_Btn_Outline_Pressed.png);
}
.uaepass-button__image {
    width: 100%;
    max-width: 576px;
    pointer-events: none;
    background: rgba(0,0,0,0);
}
.uaepass-description {text-align: center;}
.upCont {
    position: relative;
    height: 30px;
    background: #f0f0ea;
    margin-bottom: 15px;
    /*margin-top: -10px !important;*/
}
.upCont h6 {
    line-height: 0.1;
    /*background: #fff;*/
    margin: 0 auto;
    padding: 1rem 0 .5rem;
    display: inline-block;
    z-index: 2;
    position: absolute;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    letter-spacing: 0;
    font-size: .75rem;
    font-weight: 700;
    font-family: suiss,Arial,sans-serif;
    text-align: center;
    color: #232323;
    background: #f0f0ea;
}
.grayLine {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    border: none;
    border-top: 1px solid #c6c6c6;
    width: 100%;
}
/*--------------------------------------------------------------*/
/*#endregion Login*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*#region Main Header*/
/*--------------------------------------------------------------*/
.headerlogo {max-height:70px;padding-left: 10px;}
#divLogoMain {border-collapse:collapse; width:100%; direction:ltr}
.TopHeaderMain 
{
    font-weight:normal; 
    text-align:right;
    direction:rtl;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #d8d8d8;
    padding-top: 2px;
    padding-bottom:2px;
}
.TopHeaderMain .TreeMenuMain {display:inline-block}
.TopHeaderMain .EmpPhotoMain {display:inline-block}
.ibtnTree {
    padding-right: 25px;
    margin-right: -15px;
}
.ibtnTree>span {display: none;}
/*.ibtnTree:hover>span {display: inline;}*/
.headericons {display: flex;flex-direction: row-reverse;}
.headericons>* {margin-inline-start: 5px !important;}
/*--------------------------------------------------------------*/
/*#endregion Main Header*/
/*--------------------------------------------------------------*/
.ex {font-size: 100px;}
.AlertText {vertical-align:middle;}
/*.AlertText.info {color:green;}*/
.AlertText .warning {
    color:yellow;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: .5pt;
}
/*.AlertText.error {color:red;}*/
.AlertText>i {margin-inline-end:5px;vertical-align:middle;font-size:20px}
.MassageBox {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 1000;
    display: flex;
    align-items: center;
    max-width: 700px;
    width: calc(100% - 40px);
    transition: all 0.3s ease;
    color: white;
    font-weight:bolder;
}
.MassageBox span {flex:1;}
.MassageBox button{
    content: 'x';
    background: transparent;
    border:none;
    color:white;
    font-size: 20px;
    cursor:pointer;
    /*margin-left:10px;*/
    padding:0 5px;
    margin-top: -10px;
}
.InfoMSG1 {
    text-align: center;
    /*font-size:8px;*/
    height: 50px;
    max-height: 50px;
    Width: 100%;
    display: block;
    overflow: hidden;
    /*vertical-align:middle;*/

    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.InfoMSG1 div 
{
    text-align:center;
    vertical-align:middle;
    margin-right:4px;
    margin-left:4px;   
}

.TitleLogo {width: 630px;}
.div_icons, .div_iconsF 
{
    width: 170px;
    height: 150px;
    text-align: center;
    vertical-align:middle;
    -moz-box-shadow: 2px 2px 3px #717e73; -webkit-box-shadow: 2px 2px 3px #717e73; box-shadow: 2px 2px 3px #717e73;
    background: #A0763C url('/themes/Images/HMButtonBG.png') repeat-x;
    display: inline-block;
    padding-top:8px;
    margin: 5px;
    cursor:pointer;

    text-decoration: none;
    /*background-color:#00843D ;*/
}
.div_icons img 
{
    padding-bottom:5px;
    width: 100px;
    height: 100px;
}
.div_icons span {color: white !important;font-weight:bold}
.div_iconsF {width: 70px; height: 45px;padding-top: 5px;}
.div_iconsF img 
{
    width: 30px;
    height: 20px;
}
.div_iconsF span {color: white !important;font-weight:bold;font-size:8px;}

.div_icons1 
{
    box-sizing: border-box;
    width: 98%;
    min-height: 50px;
    vertical-align:middle;
    -moz-box-shadow: 2px 2px 3px #717e73; -webkit-box-shadow: 2px 2px 3px #717e73; box-shadow: 2px 2px 3px #717e73;
    background: #A0763C url('/themes/Images/HMButtonBG.png') repeat-x;
    display: inline-block;
    padding:8px;
    margin: 5px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; 
    cursor:pointer;
    line-height:10pt;
    display:table;

    /*background-color:#00843D ;*/
}
.div_icons1 img 
{
    padding-bottom:5px;
    width: 40px;
    height: 40px;
}
.div_icons1 div {color: white !important;font-weight:bold;display:table-cell;vertical-align: middle;}

.modal {z-index: 106;}

.div_Workflowicons 
{
    width: 90%;
    height: 30px;
    min-height: 30px;
    max-width:200px;
    text-align: justify;
    vertical-align:middle;
    -moz-box-shadow: 2px 2px 3px #717e73; -webkit-box-shadow: 2px 2px 3px #717e73; box-shadow: 2px 2px 3px #717e73;
    /*background: #A0763C url('/themes/Images/HMButtonBG.png') repeat-x;*/
    display: inline-block;
    padding: 5px 6px 4px 6px;
    white-space:nowrap;
    margin: 5px;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    cursor:pointer;

    background-color:#00843D /*#A0763C*/;
    text-decoration: none;
    text-shadow: 0px 1px 0px #717e73;
    color: transparent;
    /*background: #F3F3F3;*/
    border: solid 1px #D9D9D9;
}
.div_Workflowicons:hover {
    background-color: #C8102E;
}
.div_Workflowicons img 
{
    width: 20px;
    height: 20px;
    /*vertical-align:Top;
    text-align: right;
    float: right;
    height: auto !important;*/
}
.div_Workflowicons span {color: white !important;font-weight:bold; font-size:8px;}
.div_Workflowiconsi 
{
    width: 100%;
    max-height: 40px;
    max-width:300px;
    vertical-align:middle;
    -moz-box-shadow: 2px 2px 3px #717e73; -webkit-box-shadow: 2px 2px 3px #717e73; box-shadow: 2px 2px 3px #717e73;
    display: inline-block;
    padding: 0px 6px 4px 6px;
    white-space:nowrap;
    margin: 5px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    cursor:pointer;

    background-color:var(--green1) /*white*/;
    color:white;
    text-decoration: none;
    border: solid 1px var(--green1);
    overflow: hidden;
}
.div_Workflowiconsi:hover {
    background-color: white;
    color:var(--green1);
}
.div_Workflowiconsi i {
    font-size: 30px;
    position: relative;
    top: -6px;
    vertical-align: middle;
}

.div_Workflowiconsi span {font-weight:bold; font-size:10px;vertical-align: text-top;}

.list-Icons {font-size: 20pt;}

.FBButton {max-width:130px;}

.div_SMenu, .div_SLink
{
    width: 98%;
    border-style: none !important; 
    /*border-color:  Gray; 
    border-width: 1px;*/ 
    overflow: auto !important; 
    text-align:right;
    background-color: White;
    box-sizing: border-box;
    
    -webkit-overflow-scrolling: auto !important;
  	overflow-x: auto !important; 
  	
  	-webkit-box-shadow: 0 0 350px #000;
  	-moz-box-shadow: 0 0 350px #000;
  	box-shadow: 0 0 350px #000;
  	
    
}

.Div-Row 
{
    display: inline-block; 
    /*margin-right:10px; 
    width:455px*/
    vertical-align:top;
    box-sizing: border-box;
}

.Div-Row-Home 
{
    display: inline-block; 
    width: 100%; /* 49.6%; */
    vertical-align:top;
    box-sizing: border-box;
}

#div_TA div {
    display: inline-block;
    margin-right: 20px;
    border-right-style: solid;
    padding-right: 5px;
    border-color: #79602d;
    border-right-width: 1px;
    vertical-align: top;
}

.Column2 
{
    width: 100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
    -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    -moz-column-width: 50%; /* Firefox */
    column-width: 50%;
}

.Div-Row-FavBar_left {
    vertical-align: top;
    overflow-y: hidden;
    direction: ltr;
    text-align: left;
    max-height: 30px;
    
    width:100%; 
    background-color:white; 
    border:1px solid #cccccc; 
    margin-bottom:1px; 
    display:block; 
    overflow:hidden;
    background: #f5f5f5; 
    margin-top: 4px;
}

.Div-Row-FavBar_left button,.Div-Row-FavBar_left a {
    display: inline-block;
    margin-top: -11px;
    margin-left: 2px;
    margin-right:5px;
}

.Div-Row-FavBar_left i {font-size: 22pt;}

#ctl00_a_Home, #ctl00_ibtnAddFav, #ctl00_ibtnAddFav1 {color:#A0763C;}
#ctl00_ibtnRemoveFav, #ctl00_ibtnRemoveFav1 {color:black;}

.Div-Row-FavBar_Right {
    width: 40%;
    vertical-align: top;
    overflow: hidden;
    height: 30px;
    padding-top: 5px;
    text-align: center;
}

#div_MainRight_M {width:100%;}

.div_MainRight 
{
    vertical-align:top;
    width:13.5%; 
    text-align:center;
}

.div_HomeLinks {width:200px !important;}

.InfoMSG{color: White;text-align:justify;}

.Header 
{
  text-align: center;
  background: #cccccc url('main-menu-bg.jpg') repeat-x 50% top;
  font-weight: bold;  
  border:solid 1px #cccccc;
  display: block;
}
.Header_Only 
{
  text-align: center;
  background:  #990000 url('Title_head.png') repeat-x 50% top;
  border:solid 1px #cccccc;
  font-weight: bold;
  display: block;
}
.Header1 
{
  text-align: center;
  /*background: #424242 url('grd_head.png') repeat-x 50% top;
  color: #FFFFFF;*/
  font-weight: bold;  
  border:solid 1px #cccccc;
  border-collapse:collapse;
  min-height: 19px;
  background-image: linear-gradient(180deg, #78787854 0%, #ffffff00 50%, #78787854 100%);
    height: 35px;
    display: block;
}
.HeaderGLD1 
{
  text-align: center;
  background: #A0763C url('gld1_head.png') repeat-x ;
  color: #FFFFFF;
  font-weight: bold;
  font-size:18px;  
  border:solid 1px #cccccc;
  border-collapse:collapse;
  height:35px;
  display: block;
}
.SubHeader 
{
  text-align: center;
  background: white url('main-menu-bg1.jpg') repeat top !important;
  font-weight: bold;  
  border:solid 1px #cccccc;
  display: block;
}
.SubHeader1 
{
  text-align: center;
  /*background: #A0763C url(gld1_head.png) repeat-x top !important;
  color: #fff;*/
  font-weight: bold;
  border:solid 1px #cccccc;
  background-image: linear-gradient(180deg, #78787854 0%, #ffffff00 50%, #78787854 100%);
  height: 30px;
  display: block;
}
.SubHeader2
{
  text-align: center;
  /*background: #424242 url(grd_head.png) repeat-x top !important;
  color: #fff;*/
  font-weight: bold;
  border:solid 1px #cccccc;
  background-image: linear-gradient(180deg, #78787854 0%, #ffffff00 50%, #78787854 100%);
  height: 30px;
  display: block;
}
.Headerbutton {
 border: Outset;
 background-color:#990000;.applogin .center
 color: #FFFFFF;
 font-size:8px;
 font-weight: bold;
 height: 20px;
 width: 35px;
 display: block;
}

.TLabelH {
    font-weight: bold; 
    margin-right:10px;
    margin-left:10px;    
    cursor:pointer;                
}

.TLabel {
    font-weight: bold; 
    /*margin-right:10px;
    margin-left:10px;*/    
    text-align: justify;
    text-justify: inter-word;                 
}

.TLabel1 {
    font-weight: bold;  
    font-size:10px !important;  
    text-align: justify;
    text-justify: inter-word;                    
}

/*--------------------------------------------------------------*/
/*#region Button & Links & Icons*/
/*--------------------------------------------------------------*/
/* =============== LinkMenu ======================= */
.TLabel_LinkMenu 
{
    background-color:transparent;
    font-weight: bold; 
    margin-right:10px;
    margin-left:10px;    
    text-align: justify;
    text-justify: inter-word;                 
}
.LnkButton_Menu 
{ 
    color:white ;
    background-color: #79602d;
    border: 1px solid #79602d;

    cursor:pointer; 
    font-weight:bold; 
    text-decoration:none; 
    margin-bottom:3px;
    margin-top:3px;
    -webkit-margin-after: 4px;
    
    width:24%;
    max-width:24%;
}
.LnkButton_Menu:hover
{
    color:#79602d;
    background-color:transparent;
}
/* =============== LinkMenu ======================= */
.LeftButtons {width:100px; text-align:center; vertical-align:top }
.button {
 border: Outset;
 background-color:#990000;
 color: #FFFFFF;
 font-size:11px;
 font-weight: bold;
 height: 25px;
}
.buttonGLD1 {
 border: Outset;
 background-color:#A0763C;
 color: #FFFFFF;
 font-size:11px;
 font-weight: bold;
 height: 25px;
}
.button1 {
 max-width: 60px !important;
 min-width:40px !important;
 max-height: 60px !important;
 min-height:40px !important;
    border-style: solid;
    border-color: White;
    border-width: 1px !important;
}
.button1:hover {
    -moz-box-shadow: 2px 2px 3px #717e73;
    -webkit-box-shadow: 2px 2px 3px #717e73;
    box-shadow: 2px 2px 3px #717e73;
    border-color: #cccccc;
    background-color: #dddddd;
}
.Grdbutton {
 border: Outset;
 background-color:#990000;
 color: #FFFFFF;
 font-size:11px;
 font-weight: bold;
 height: 25px;
 width: 60px
}
.LnkButton {
    cursor: pointer;
    font-weight: bold;
    border-style: none;
    background-color: transparent;
    border: 0;
    outline-width: 0;
    margin-left: -5px;
    margin-right: -5px;
    color: var(--green1); /*#79602d;*/
    vertical-align: middle;
    line-height: 1;
    margin-top: auto;
    margin-bottom: auto;
    transition: 0.5s;
    text-decoration: none;
}
.LnkButton.M0 {
    margin-left: 0;
    margin-right: 0;
}
.LnkButton .invert{color:red;}
.LnkButton:hover
{
    color:red;
    text-decoration:underline; 
}
.LnkButton:hover .invert{color:var(--green1);}
.LnkButton:disabled {
    color: dimgrey;
    opacity: 1;
    cursor:not-allowed;
}
.LnkButton>div {
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: white;
    border-radius: 50%;
    margin-inline-end: -5px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    font-size: 10px;
    margin-inline-start: -5px;
}
a.LnkButton {
    margin-left: 0;
    margin-right: 0;
}
.LnkButton1 {
    cursor: pointer;
    color: White;
    font-weight: bold;
    border-style: none;
    background-color: transparent;
    border: 0px;
    outline-width: 0px;
    text-decoration: none;
}
.LnkButton1:hover {
    color: var(--green1);
    text-decoration: underline;
    text-shadow: 0 0 9px White;
}
.LnkButton2 {
    cursor: pointer;
    outline-width: 0;
    font-size: 20px;
    position: absolute;
    color: white;
    background-color: var(--green1);
    border-width: 1px;
    border-style: solid;
    border-color: var(--green1);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
    line-height: 17px;
    margin-top: 14px;
    text-align: center;
    text-decoration: none;
    margin-inline-start: 2px;
}
.LnkButton2:hover
{
    background-color: white;
    color: var(--green1);
}

buttonctrl,.buttonctrl
{
    display:inline-flex;
    line-height:1;
    border-radius: 15px;
    overflow: hidden;
    margin: 1px;
    cursor: pointer;
    transition: 0.5s;
    text-decoration: none;
}
buttonctrl>input[type="submit"]
,.buttonctrl>input[type="submit"] {position:absolute;border:none;background-color:transparent;z-index: 1;}
buttonctrl>div>img
,.buttonctrl>div>img {height:52px;display:block;margin:auto;}
buttonctrl>div>i
,.buttonctrl>div>i {font-size:30px;display:block;margin:auto;--fa-display:block}
buttonctrl>input[type="submit"]
,buttonctrl>div ,.buttonctrl>div {width:inherit !important;height:inherit !important;}
buttonctrl>input:disabled + div
,.buttonctrl:disabled + div {color: gray;}
.IconsPanalV2 
{
    width: 100%;
    text-align: center;
    vertical-align: top !important;
    padding-top: 1px;
    padding-bottom: 1px;
}
.IconsPanalV2>div {display:inline-block;}
.IconsPanalV2 buttonctrl ,.IconsPanalV2 .buttonctrl
{
    color: var(--green1);
    border: solid var(--green1) 1px;
    background-color: white;
    height:100px;width:250px;
    vertical-align: middle;
}
.IconsPanalV2 buttonctrl>div ,.IconsPanalV2 .buttonctrl>div
{
    text-decoration: none;
    text-align: -webkit-center;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
    white-space: normal;
}
.IconsPanalV2.W100 buttonctrl, .IconsPanalV2 .W100 buttonctrl
,.IconsPanalV2.W100I buttonctrl, .IconsPanalV2 .W100I buttonctrl
,.IconsPanalV2.W100 .buttonctrl, .IconsPanalV2 .W100 .buttonctrl
,.IconsPanalV2.W100I .buttonctrl, .IconsPanalV2 .W100I .buttonctrl {width:100px;}
.IconsPanalV2 buttonctrl:hover ,.IconsPanalV2 .buttonctrl:hover {
    color:white !important;
    border: solid var(--green1) 1px;
    background-color:var(--green1);
}

buttonctrl.LnkButton ,.buttonctrl.LnkButton
{
    margin-left: auto;
    margin-right: auto;
    height: unset;
    width: unset;
    position: relative;
    display: inline-block;
    border-radius: unset;
}
buttonctrl.LnkButton>div ,.buttonctrl.LnkButton>div {
    border-radius: unset;
    margin-inline-end: unset;
    margin-inline-start: unset;
    background-color: transparent;
    font-size: inherit;
}
buttonctrl.LnkButton>div>i ,.buttonctrl.LnkButton>div>i {
    display: inline-block;
    margin: unset;
    vertical-align: middle;
}
buttonctrl.LnkButton>input[type="submit"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
buttonctrl.LnkButton:hover ,.buttonctrl.LnkButton:hover {text-decoration:none;}
buttonctrl.LnkButton >input:disabled + div
,.buttonctrl.LnkButton:disabled + div {color: gray;}

.buttonQR {
    height: 45px !important;
    max-width: 350px !important;
    margin-bottom: 10px;
    width: 100% !important;
}
.buttonQR>div>i {
    display: inline-block;
    --fa-display: inline-block;
}

.IconsPanal {
    width:100%;
    /*background-color:White;*/ 
    text-align:center;
    vertical-align:top !important;
    padding-top:1px;
    padding-bottom:1px;
    line-height: 1;
}
.IconsPanal i {font-size:30px;display: block;}
.IconsPanal>a ,.IconsPanal>button {
    color:var(--green1);
    border: solid var(--green1) 1px;
    border-radius: 15px;
    height:90px;
    overflow: hidden;
    width:100px; 
    max-width:100px;
    vertical-align:middle;
    display: inline-block;
    margin: 1px;
    cursor:pointer;
    text-decoration: none;
    /*text-shadow: 0px 1px 0px #717e73;*/
    /*color: transparent;*/
    text-align: -webkit-center;
    text-align: center;
    vertical-align: top;
    background-color: white;
    padding-top: 5px;
}
.IconsPanal input[type="submit"]
{
    color: var(--green1);
    border: solid var(--green1) 1px;
    border-radius: 15px;
    height: 100px;
    overflow: hidden;
    width: 250px;
    display: inline-block;
    margin: 1px;
    cursor: pointer;
    text-decoration: none;
    text-align: -webkit-center;
    text-align: center;
    vertical-align: top;
    /*background-size: 50px;*/
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 5px;
    padding-top: 50px;
    white-space: normal;
}
.IconsPanal>a:hover ,.IconsPanal>button:hover, .IconsPanal>input[type="submit"]:hover {
    color:white !important;
    border: solid var(--green1) 1px;
    background-color:var(--green1);
}
.IconsPanal img {
    width:70px;
    height:50px;
    border-width: 0px;
    /*display: block;*/
    margin: auto;
}  
.btnforwardWFT {
    position: absolute;
    z-index: 101;
    top: 238px;
    left: 1px;
}
.btnforwardWFB {
    position: absolute;
    z-index: 101;
    top: 238px;
    left: 0;
    right: 0;
}
.IconsWF a {
    width: 200px;
    max-width: none;
}
.lefticons {
    position: fixed;
    left: 0px;
    top: 127px;
    z-index: 10;
    direction: ltr;
}
.lefticons > a {
    width: 31px;
    max-width: 31px;
    vertical-align: top;
    margin: 1px;
    cursor: pointer;
    text-decoration: none;
    text-align: -webkit-center;
    vertical-align: middle;
    color: var(--green1);
    border: solid var(--green1) 1px;
    overflow: hidden;
    background-color: white;
    height: 40px;
    display: block;
    padding-left: 2px;
    text-align: center;
}
.lefticons > a:hover {
    color: white !important;
    border: solid var(--green1) 1px;
    background-color: var(--green1);
}
.lefticons i {
    font-size: 30px;
    display: inline-block;
    margin-top: -8px;
}
.lefticons > a:hover {
    color: white !important;
    border: solid var(--green1) 1px;
    background-color: var(--green1);
}
.lefticons span {
    font-size: 10px;
    vertical-align: top;
    position: relative;
    margin-top: -12px;
    display: block;
}
.social_Icons>a {height:50px;width:50px;}
.social_Icons i {padding:9px;}
/*--------------------------------------------------------------*/
/*#endregion Button & Links & Icons*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*#region Containers & Tables*/
/*--------------------------------------------------------------*/
.divmain {width:100%;min-height:400px;margin-top:10px;}

.divFormBody {
    /*max-width: 1200px;*/
    margin: auto;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    background-color: White;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}
.divFormBody .container {margin-top: 10px;margin-bottom: 10px;}
.divFormBody .container :not(.modalPanel)>.container {padding-right: 0;padding-left: 0;}

.TableMain1
{
    width:100%;
    height:100%;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    background-color: White;
    /*font-weight : bold;*/
    box-sizing: border-box;
}
.TableMain
{
    max-width: 1200px;
    margin: auto;
    width:100%;
    height:100%;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    background-color: White;
    /*font-weight : bold;
    box-sizing: border-box;*/
}

.TableMain>tbody>tr {vertical-align:top}
.TableMain>tbody>tr>td, .TableMain1>tbody>tr>td {border-width: 1px;}

.TableSub
{
    width:100%;
    /*border-collapse:collapse;*/ 
    
    border: 1px solid #dddddd !important;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px !important;
    margin: 0px !important;
    /*display: inline-table;*/
}
.TableSub>tbody>tr, .TableSub>div  {height: 50px;width: 100%;display: inline-table;/*display:table-row;*/}

.TableSub>tbody>tr>td:first-child, .TableSub>div>.divCaption /*div:first-child*/ {
    width:220px;
    padding-right: 5px;
    /*white-space: nowrap;*/
}
.TableSub>div>.divCaption, .TableSub>div>.divData {display:table-cell;height: 40px;vertical-align:middle;padding-left:5px;}
/*.TableSub>tbody>tr:nth-child(even), .even { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.TableSub>tbody>tr:nth-child(odd), .odd { background: white; }*/
.TableSub>tbody>tr>.even, .TableSub>div>.even {background-color: #f7f6f3;}
.TableSub>tbody>tr>.odd, .TableSub>div>.odd {background-color: #ffffff;}
.TableSub>tbody>tr:nth-child(even)>td, .TableSub>div:nth-child(even)>div
,.divFormBody .container>.row:nth-child(even) {
    background-color: #f7f6f3;
}
.TableSub>tbody>tr:nth-child(odd)>td, .TableSub>div:nth-child(odd)>div 
,.divFormBody .container>.row:nth-child(odd) {background-color: #ffffff;}

.TableSub_NotReponsive
{
    width:100%;
    border: 1px solid #dddddd !important;
    box-sizing: border-box;
    padding: 0px !important;
    margin: 0px !important;
    border-collapse:separate;
}
.TableSub_NotReponsive>tbody>tr {height: 25px;}
.TableSub_NotReponsive>tbody>tr:nth-child(even)>td {background-color: #f7f6f3;}
.TableSub_NotReponsive>tbody>tr:nth-child(odd)>td {background-color: #ffffff;}

.SubHeader3h,
.SubHeader3,
.TableSub>tbody>tr>th,
.TableSub_NotReponsive>tbody>tr>th {
    border: 1px solid #e7e7e7;
    -moz-box-shadow: 2px 2px 3px #717e73;
    -webkit-box-shadow: 2px 2px 3px #717e73;
    box-shadow: 2px 2px 3px #717e73;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#717e73')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#717e73');
    background: -webkit-gradient(linear, left top, left bottom, from(#fffbff), to(#e7e7e7));
    background: -moz-linear-gradient(top, #fffbff, #e7e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbff', endColorstr='#e7e7e7');
    
    font-weight: bold !important;
    text-transform: capitalize;
    text-align: center;
    font-size:16pt;
    margin-bottom:10px;
    margin-top: 10px;
}

.SubHeader3h {height:35px; cursor:pointer}

.TableSub1
{
    width:100% /*815px*/;
    /*height:100%;*/
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    background-color: White;
}
.TableGLD
{
    width:100% /*815px*/;
    height:100%;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    background-color: White;
    font-weight : bold;
    box-sizing: border-box;
}
.TableGLD td
{
    border-width: 1px;
    border-color: #c1c1c1;
}
.tdSub0 tr td{height:5.5pt !important;}

.DataPanal, .accDataPanal
{
    width:200px /*765px*/;
    border: 1px solid #dddddd !important;
    /*border-style: Inset; 
    border-color:  #c1c1c1; 
    border-width: 1px; */
    overflow: auto; 
    /*text-align:right;*/
    background-color: White;
    box-sizing: border-box;
}
.DataPanal1
{
    border: 1px solid #dddddd !important;
    /*border-style: Inset; 
    border-color:  #c1c1c1; 
    border-width: 1px;*/ 
    overflow: auto; 
    text-align:right;
    width:100%;
    background-color: White;
    box-sizing: border-box;
}
.DataPanal1 iframe {
    width:100%;
    /*min-height:395px;*/
    border:0 none white;
}

.ajax__calendar_container td
{
    height:0pt !important;
    border-top-style:none !important;
    border-bottom-style:none !important;
}

.container {width:100%;max-width:1500px;}
.container>.row>div>div:not(:empty) {padding-bottom: 10px;}
/*.container>.row:not(:empty) {padding-top: 5px;}
.container>.row > *:not(:empty) {padding-bottom: 10px;}*/
/*--------------------------------------------------------------*/
/*#endregion Containers & Tables*/
/*--------------------------------------------------------------*/

.tooltip1 {position: relative;display: inline-block;}
.tooltip1::before {
 content: attr(data-title);
  visibility: hidden;
  min-width: 140px;
  max-width: 400px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 134%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip1::after {
  content: "";
  visibility: hidden;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip1:hover.tooltip1::before, .tooltip1:hover.tooltip1::after {
  visibility: visible;
  opacity: 1;
}


.BorderTop
{
    border-top-style:solid;
    border-top-color:black;
    border-top-width:1px;
    border-bottom-style:solid;
    border-bottom-color:black;
    border-bottom-width:1px;
    height:25pt; 
    vertical-align:top;   
}

.fs20 {font-size:20px !important;vertical-align: middle;}
.fs25 {font-size:25px !important;vertical-align: middle;}
.fs30 {font-size:30px !important;vertical-align: middle;}
.fs35 {font-size:35px !important;vertical-align: middle;}
.fontsize40,.fs40 {font-size:40px !important;vertical-align: middle;}



/* =============== Web ==================== */
.NewsTitle, .NewsTitle1 {font-weight: bold}
.fancybox:hover {text-decoration: underline !important}
.fancybox
{
    text-decoration: none;
    color:#79602d;
}
.More
{
    color: #6f5727;
    height: 25px;
    /*margin-bottom: 10px;
    margin-right: 20px;*/
    text-align: left;
    text-decoration: none !important;
    width: 260px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("readmore.png");
    background-position: left 50%;
    background-repeat: no-repeat;
          
}
.More_En
{
    color: #6f5727;
    height: 25px;
    margin-bottom: 10px;
    padding-right: 20px;
    text-align: right;
    text-decoration: none !important;
    width: 260px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("readmore.png");
    background-repeat: no-repeat;
    background-position: right;
          
}
.HrSep
{
    border-bottom-color: #e0d7c6;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-top-style: none;
    border-top-width: 0px;
    color: #003399;
   
}
.NewsDetails {color: #676767;text-align: justify}
.NewsDetails1 {color: #676767;text-align: justify;}
.wp-pagenavi {
	MARGIN-BOTTOM: 20px; /*FLOAT: right;*/ COLOR: rgb(255,255,255) !important; WIDTH: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px
}
.wp-pagenavi A {
	border: 1px none rgb(61,122,178);
    padding: 10px;
    background: rgb(63,66,69) repeat-x;
    COLOR: rgb(255,255,255) !important; FONT: 15px bold; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbff', endColorstr='#e7e7e7'); MARGIN: 2px; -moz-box-shadow: 2px 2px 3px #717e73; -webkit-box-shadow: 2px 2px 3px #717e73; box-shadow: 2px 2px 3px #717e73; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; font-size-adjust: none; font-stretch: normal
}
.wp-pagenavi A:link {
	border: 1px none rgb(61,122,178);
    padding: 10px;
    background: rgb(63,66,69) repeat-x;
    COLOR: rgb(255,255,255) !important; FONT: 15px bold; MARGIN: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: 0.5s; font-size-adjust: none; font-stretch: normal; -webkit-transition-property: background, color; -webkit-transition-timing-function: ease-in-out
}
.wp-pagenavi A:hover {
	BACKGROUND: rgb(61,122,178); COLOR: rgb(255,255,255)
}
.wp-pagenavi A:active {
	BORDER-TOP: rgb(61,122,178) 1px solid; BORDER-RIGHT: rgb(61,122,178) 1px solid; BORDER-BOTTOM: rgb(61,122,178) 1px solid; BORDER-LEFT: rgb(61,122,178) 1px solid
}
.wp-pagenavi SPAN.pages {
	FONT-SIZE: 13px; COLOR: rgb(61,122,178); TEXT-ALIGN: left
}
.wp-pagenavi SPAN SPAN {
	border: 1px none rgb(0,0,0);
    padding: 10px;
    background: rgb(157,179,32) repeat-x;
    COLOR: rgb(255,255,255) !important; FONT: 15px bold; MARGIN: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size-adjust: none; font-stretch: normal
}

/*Iframe*/
iframe {margin:0 0 0 0;border:0;}
.iframeFileAttach {
  width:100%; 
  height:900px; 
  background-color:transparent;
  margin-top:0px; 
}
.iframeDropList1 {
  width:100%; 
  height:700px; 
  background-color:transparent;   
  margin-top:0px; 
}
.iframeRep_Lists1 {
  width:100%; 
  height:400px; 
  background-color:transparent;
  margin-top:0px;    
}
.iframePoll {
  width:100%; 
  height:360px; 
  background-color:transparent;
  margin-top:0px;    
}
.iframePoll1 {
  width:100%; 
  background-color:transparent;
  margin-top:0px;    
}
.css_IFrameNo 
{
  width:100%; 
  height:350px; 
  background-color:transparent;   
  margin-top:0px; 
}
.iframeWorkFlow
{
  width:100%; 
  height:900px; 
  background-color:transparent;
  margin-top:0px; 
}

.timer {
	background-color:black /*darkgreen*/; 
	color:White; 
	font-size:14pt; 
	font-weight:bold; 
	text-align:right;
	/*letter-spacing:6px;*/
	font-family: digital;
	background-image: url("/themes/Images/CounterBK.png");
	background-repeat:repeat-x;
	height: 23px;
	/*padding-top: 2px;*/
	direction: ltr;
    /*Width:103px;*/
    overflow: hidden;
    white-space: nowrap;
}
.timer>div {
    width:17px;
    display:inline-table;
    text-align:center;
    font-family: digital;
}

/*--------------------------------------------------------------*/
/*#region MasterPage Footer*/
/*--------------------------------------------------------------*/
.Master-footer
{
	width:100%;
	/*background: url('/themes/Images/footer_slice.jpg?v1') repeat-x#79602d;
	background-size: contain;*/
	/*float:right;*/
	/*position: relative;*/ /*fixed*/
	/*bottom:0;*/
	background-image: linear-gradient(180deg, #ededed 0%, #efefef4f 50%, #ffffff00 100%);
    margin: 10px 0 10px 0;
}
#footer-hr
{
	width:99.9%;
	margin:auto;
	float:right;
	margin:0px;
	border:0px;
	border-bottom:solid 1px #fff !important;	
	height:1px !important;
	background-image:none !important;
}
#footer-text3
{	
	text-align:center;
	padding-top:10px;

    font-size:10px !important;
	font-weight:normal !important;
	color:#79602d /*#d3bb8c*/ !important;
}
#footer-text3 a:link, #footer-text3 a:visited{
	color:#79602d /*#d3bb8c*/;
	border-style: none !important;
	border-width: 0px !important;
	text-decoration: none !important;
}
#footer-text3 a:hover{color:red /*#fdc802*/;}
#footer-text3 button {
	color:#79602d;
	border-style: none !important;
	border-width: 0px !important;
	text-decoration: none !important;
	font-size:10px;
	cursor:pointer; 
    background-color:transparent; 
    border: 0px; 
    outline-width: 0px; 
    font-family:Univers Next Arabic,Arial Black;
    
}
#footer-text3 button:hover{color:red;}
/*--------------------------------------------------------------*/
/*#endregion MasterPage Footer*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*#region Tree*/
/*--------------------------------------------------------------*/
.TreeViewContainer {
    border: solid 1px gray;
    box-shadow: -2px 2px 3px 0px #adacac;
    border-radius: 5px;
}
.TreeMenu ul {list-style-type: none;}
.TreeMenu {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14pt;
}
.TreeMenu ul {padding-left: unset;padding-inline-start: 6px;}
.TreeMenu ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 20px;
    bottom: 19px;
    /*left: 7px;*/
    border-left: 1px dashed;
    /*z-index: -1*/
}
.TreeMenu ul li:before {
    content: "";
    display: block;
    width: 16px;
    height: 0;
    border-top: 1px dashed;
    margin-top: -1px;
    position: absolute;
    top: 22px;
    right: 0;
}
.TreeMenu li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    color: var(--green1);
    font-weight: 700;
    position: relative;
    list-style-type: none;
}
.TreeMenu li i {
    margin-inline-end: 5px;
    text-shadow: 3px 3px 2px #aaa;
}
.TreeMenu li .caret + a {
    position: absolute;
    /* right: 40px; */
    /* left: 40px; */
    inset-block-start: 10px;
    inset-inline-start: 40px;
}
.TreeMenu .caret:has(+ ul):not(:has(+ ul li))::before {
    visibility: hidden;
}
.TreeMenu ul:not(:has(li)) {
    display: none;
}
.TreeMenu ul li img {
    width: 20px !important;
    border: 0px;
    outline-width: 0px;
    border-width: 0;
    margin-inline-end:5px;
}
.caret {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}
.caret::before {
    content: "\25C0";
    color: black;
    display: inline-block;
    margin-inline-end: 6px;
    transition: 0.5s;
    z-index: 1;
    position: relative;
}
.caret-down::before {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
    top: 8px;
}
.nested {display: none;}
.active {display: block;}

#iMainMenu {
    width: 100%;
    max-width: 800px;
    height: 100%;
    position: fixed;
    background-color: transparent;
    top: 0;
}
.tree {
    line-height: 1;
    direction: rtl;
}
.tree td, .tree1 td {
    vertical-align: middle;
}
.tree tr, .tree1 tr {
    height: 0px !important;
    vertical-align: top !important;
}
.tree tr img {
    width: 20px !important;
    border: 0px;
    outline-width: 0px;
}
.tree tr a, .tree1 tr a {
    border: 0px;
    outline-width: 0px;
}
.tree1 {
    line-height: 1;
    direction: rtl;
}
.tree1 tr img {
    width: 35px !important;
    border: 0px;
    outline-width: 0px;
    height: 35px;
    /*margin-bottom:5px;*/
}
/*--------------------------------------------------------------*/
/*#endregion Tree*/
/*--------------------------------------------------------------*/

/* *************** PassStr.vb.css ****************** */
.barIndicatorBorder {
border:solid 1px #c0c0c0;
width:200px;
}
.barIndicator_poor {background-color:gray;}
.barIndicator_weak {background-color:cyan;}
.barIndicator_good {background-color:lightblue;}
.barIndicator_strong {background-color:blue;}
.barIndicator_excellent {background-color:navy;}  

/* *************** PobUpModule.css ****************** */
.modalBgFull {
    background-color:black; /*#cccccc;*/
    filter:alpha(opacity=80);
    opacity:0.5;
    position: fixed; left: 0px; top: 0px; z-index: 100; width: 100%; height: 100%;
}
.loaderBgFull {
    background-color:black; /*#cccccc;*/
    filter:alpha(opacity=80);
    opacity:0.5;
    position: fixed; left: 0px; top: 0px; z-index: 200; width: 100%; height: 100%;
}
.modalPanel {
    background-color:#ffffff;
    border-width:1px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:100%;
    max-width: 1200px;
    z-index:101;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    top: 100px;
}
.modalPanelBlack {
    /*display: none;*/
    background-color:black;
    border-width:1px;
    border-style:none;
    padding:3px;
    width:95% !important;
    max-width: 950px;
    z-index:101;
    left: 0px;
    right: 0px;
    margin: auto;
}
.modalPanelBlack  span {color:white}
.modalCenter {
    left: 0px;
    right: 0px;
    /*top:0;
    bottom:0;*/
    margin: auto;
}
.modalBackground {
	background-color:black; /* Gray;*/
	filter: alpha(opacity=80);
	opacity: 0.5;
}
.updateProgress {
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;

	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; 

    left: 0px;
    right: 0px;
    top:0;
    bottom:0;
    margin: auto;

    position:fixed; 
    text-align: center; 
    max-width:200px; 
    max-height:70px;
    /*width: 100%;*/
    padding:5px;

    z-index: 100;
    color:white ;
    background-color:black ;
}
.updateProgressBGFull {
    background-color:black;
    filter:alpha(opacity=70);
    opacity:0.7;

    position: fixed; left: 0px; top: 0px; z-index: 100; width: 100%; height: 100%;
}
.loading {vertical-align: middle}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--green1);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 209;
    top: 300px;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*--------------------------------------------------------------*/
/*#region Panel.css Table*/
/*--------------------------------------------------------------*/
.uBgTitleR {   
    width: 8px;
    max-width: 8px;
    height: 42px;
    background-image: url('Panel/uBgTitleR.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleR_E {   
    width: 8px;
    max-width: 8px;
    height: 42px;
    background-image: url('Panel/uBgTitleR_E.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleH {   
    width: 250px;
    height: 42px;
    background-image: url('Panel/uBgTitleH.png');
    background-repeat: repeat-x;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleM {   
    width: 32px;
    height: 42px;
    background-image: url('Panel/uBgTitleM.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleM_E {   
    width: 32px;
    height: 42px;
    background-image: url('Panel/uBgTitleM_E.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleM_E {   
    width: 32px;
    height: 42px;
    background-image: url('Panel/uBgTitleM_E.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleD {   
    height: 42px;
    background-image: url('Panel/uBgTitleD.png');
    background-repeat: repeat-x;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleL {   
    width: 7px;
    height: 42px;
    background-image: url('Panel/uBgTitleL.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.uBgTitleL_E {   
    width: 7px;
    height: 42px;
    background-image: url('Panel/uBgTitleL_E.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.cBgR {   
    width: 8px;
    background-image: url('Panel/cBgR.png');
    background-repeat: repeat-y;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.cBgL {   
    width: 7px;
    background-image: url('Panel/cBgL.png');
    background-repeat: repeat-y;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.fBgR {   
    width: 8px;
    height: 10px;
    background-image: url('Panel/fBgR.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.fBgM {   
    height: 10px;
    background-image: url('Panel/fBgM.png');
    background-repeat: repeat-x;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
.fBgL {   
    width: 7px;
    height: 10px;
    background-image: url('Panel/fBgL.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment:scroll;
    background-color: rgb(255, 255, 255);
}
/*--------------------------------------------------------------*/
/*#endregion Panel.css Table*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*#region GridView.css Table*/
/*--------------------------------------------------------------*/
.mGrid {   
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #ccc !important;
    border-collapse: collapse;
} 
.mGrid td {   
    padding: 5px;   
    border: solid 1px #c1c1c1;   
    /*height:0pt !important;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:400px;
}  
.mGrid tr {
    color: #717171;
    white-space:nowrap;
}
/*.mGrid img {width: 20px !important;}
.mGrid input {width: 20px !important;}*/
.mGrid>tbody> tr:not(.hdr):not(.pgr):hover {
    /*background: #A0763C url('gld1_head.png') repeat-x top;
    color: White !important;*/
    background-image: linear-gradient(180deg, var(--green1) 0%, #dddddd5c 50%, var(--green1) 100%);
    transition: 0.5s;
}
.mGrid th {   
    border-left: solid 1px #ccc;
    background-image: linear-gradient(180deg, #78787854 0%, #ffffff00 50%, #78787854 100%);   
    padding: 5px;
    white-space:nowrap;
}  
.mGrid th.LnkButton {   
    position: relative;
    padding-inline-end: 16px;
}  
.mGrid th.LnkButton:before {
    position: absolute;
    display: block;
    opacity: .3;
    content: "\f0de";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 1rem;
    left: 3px;
    top: 3px;
}
.mGrid th.LnkButton:after {
    content: "\f0dd";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 1rem;
    position: absolute;
    display: block;
    opacity: .3;
    left: 3px;
    top: 3px;
}
.mGrid th.sorting_asc:before {opacity: 1;}
.mGrid th.sorting_desc:after {opacity: 1;}
.mGrid .alt { 
    /*background: #fcfcfc url(grd_alt.png) repeat-x top;*/ 
    background-image: linear-gradient(180deg, #ededed 0%, #efefef4f 50%, #ffffff00 100%);
}  
.mGrid .pgr { 
    /*background: #424242 url(grd_pgr.png) repeat-x top;*/ 
    background-image: linear-gradient(180deg, #78787854 0%, #ffffff00 50%, #78787854 100%);
}  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;    
    /*color: #fff;*/   
    line-height: 12px;   
    height:0pt !important;
    border-top-style:none !important;
    border-bottom-style:none !important;
} 
.mGrid .alt, .mGrid tr:not(.hdr):nth-child(odd) {background-color: #f7f6f3;}
.mGrid .hdr a { /*color: #FFFFFF ;*/ text-decoration: none;font-weight: bold; }      
.mGrid .pgr a { /*color: #666;*/ text-decoration: none; }  
.mGrid .pgr a:hover { /*color: #000;*/ text-decoration: none; }  
.mGrid + div {display: inline-block;}

.pagination {
	transition: all .3s;
    border: 1px solid #ddd;
    padding: 5px 8px;
    text-decoration: none;
    border-radius: 5px;
	/*font-size: 15px;*/
    display: inline-block;
}
.pagination:not(.active) {
    background-color: #ddd;
    border-color: var(--green1);
}
.pagination.active {
    background-color: var(--green1);
    color: #fff;
    border-color: #ddd;
}
.pagination:hover:not(.active):not(:disabled) {
    background-color: #ff4d4d;
    color: #fff;
    border-color: #ddd;
}
.pagination:disabled {background-color: #ddd;}
.paging-select {
    display: inline-block;
    width: 50px;
    font-size: inherit;
}
/* --------------------- */
.FileGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border-collapse:collapse;   
    font-size: 10px;
} 
.FileGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    border-left-style: none;
    border-right-style: none;
    height:0pt !important;
}  
.FileGrid td:nth-child(3) {border-right-style: solid;}
.FileGrid tr {color: #717171;white-space:nowrap;}
.FileGrid img {width: 20px !important;}
.FileGrid input {width: 20px !important;}
.FileGrid tr:hover {
    background: #A0763C url('gld1_head.png') repeat-x top;
    color: White !important;
}
.FileGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url(grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
}  
.FileGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.FileGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
.FileGrid .pgr table { margin: 5px 0; }  
.FileGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    /*font-weight: bold; */  
    color: #fff;   
    line-height: 12px;   
    height:0pt !important;
    border-top-style:none !important;
    border-bottom-style:none !important;
} 
.FileGrid .hdr a { color: #FFFFFF ; font-weight: bold; }      
.FileGrid .pgr a { color: #666; text-decoration: none; }  
.FileGrid .pgr a:hover { color: #000; text-decoration: none; }
/*------------------------*/

.mGrid1 {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252 !important;   
    border-collapse:collapse;   
    font-size: 10px;
}  
.mGrid1 td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    height:0pt !important;
}  
.mGrid1 tr {color: #717171;white-space:nowrap;}
.mGrid1 img {width: 20px !important;}
.mGrid1 th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url(grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
}  
.mGrid1 .alt, .mGrid1 td:not(.hdr):nth-child(even) { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.mGrid1 .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
.mGrid1 .pgr table { margin: 5px 0; }  
.mGrid1 .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    /*font-weight: bold;  */ 
    color: #fff;   
    line-height: 12px;   
    height:0pt !important;
    border-top-style:none !important;
    border-bottom-style:none !important;
} 
.mGrid1 .hdr a { color: #FFFFFF ; font-weight: bold; }      
.mGrid1 .pgr a { color: #666; text-decoration: none; }  
.mGrid1 .pgr a:hover { color: #000; text-decoration: none; }  
/*--------------------------------------------------------------*/
/*#endregion GridView.css Table*/
/*--------------------------------------------------------------*/

/* ********************************************* */
.chosen-container, .chosen-container-single .chosen-single {
    min-height: 35px;
    width: 100% !important;
}

.chzn-container{ 
    width: 100% !important; 
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.chzn-select-deselect,
.chzn-container.chzn-container-single,
.chzn-container.chzn-container-single .chzn-drop,
.chzn-search input[type="text"], input[type="number"],
.imageRow, 
#pnl_gvw_Files,
textarea,
.chzn-drop,
.chzn-container{ 
    width: 100% !important; 
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
    display: block;
}
.chzn-rtl .chzn-single {
    padding: 3px 8px 3px 0;
    min-height: 38px;
}
.chzn-container-single .chzn-single span {white-space: normal;}
.chzn-single 
{
    overflow-y:hidden !important;
    max-height:23px !important;
}
.chzn-container-multi .chzn-choices{ 
    min-height: 38px;
    border-radius: 5px;
}
.chzn-rtl .chzn-choices .search-choice {min-height: 30px;}

textarea {overflow: auto;}
.overWidth .DataPanal{width: 100%;overflow-y: auto;}


.ui-accordion-content {height: auto !important;}

/* The side bar menu */
.sidebartable {min-height:300px; width:100%}
.sidebartable>tbody>tr>td {vertical-align: top;}
.sidebartable>tbody>tr>td:first-child {
    width: 300px;
    vertical-align: top;
    /*max-width: 300px;*/
}
.sidebarmenu{width: 300px;vertical-align: top;}
.sidebarmenuheader
{
	background: #777;
	color: #fff;
	/*line-height: 40px;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	/*height: 40px;
	padding: 0 50px;*/
}
.sidebarmenuheader a {margin-right:5px;transition: 0s;}
.sidebarmenuheader i {font-size:20px;}
.sidebarmenuheader i:hover {color: white;}
.c-mobile-menuX {
    color: #fff;
    font-size: 10pt;
    padding-left: 5px;
    width: 10px;
}

/* The side navigation menu */
.sidenav {
    max-width: 600px;
    height:100%; /* 100% Full-height */
    width: 0;  /*0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 102; /* Stay on top */
    top: 0;
    right: 0; /*left: 0;*/
    background-color: white; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 10px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    opacity:0;
}
.navbar-nav {padding-right:0;}
.nav-link {transition: 0.5s;color: rgba(0, 0, 0, .55);}
.nav-link:hover {color:var(--green1) !important;}

/* When you mouse over the navigation links, change their color */
.offcanvas a:focus{color: #f1f1f1;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: -15px;
    left: 0; /*right: 25px;*/
    font-size: 36px;
    margin-left: 5px;
    z-index: 102;
    text-decoration: none;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
/*#main {
    transition: margin-left .5s; 
    padding: 20px;
}*/

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
}

/*--------------------------------------------------------------*/
/*#region Accordion Styles*/
/*--------------------------------------------------------------*/
.accordion_container {
    width: 100%;
    margin: 0 auto;
}
.accordion_container>h3 {
    display: block;
    cursor: pointer;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    border: 1px solid #d3d3d3;
    background-color: #e6e6e6;
    font-weight: normal;
    color: #555555;
    border-radius: 5px;
}
.accordion_container>div {
    /*background: red;
    color: #fff;*/
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    display: none;
    padding: 10px 10px 15px 10px;
}
.accordion_container>div p {
padding: 18px 5px;
margin: 0px;
}
.plusminus {
float: left;
}

.accordion-button::after {margin-left:unset;margin-inline-start:auto;}
/*--------------------------------------------------------------*/
/*#endregion Accordion Styles*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*#region EmpPhotoCtrl*/
/*--------------------------------------------------------------*/
.div_img_User {
    display: inline-block;
    max-width: 32px;
    max-height: 32px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid gray;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
    margin-inline-end: 5px;
}
.img_User {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
/*.div_img_User:hover {
    border: 2px solid rgb(160 163 163);
}*/
.UserInfo {
    position: absolute;
    /*right: 50px;
    top: 105px;*/
    z-index: 5;
    display: none;
    width: 300px;
    margin-inline-start: 8px;
}
.gb_block {display:block}
.gb_kb {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    height: 0px;
    width: 0px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    /*border-bottom-color: #ccc;*/
}
.gb_jb {
    border-color: transparent;
    border-bottom-color: #2d2e30b5;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    top: 1px;
    height: 0px;
    width: 0px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
}
.gb_ga {
    background-color: #2d2e30b5 /*#fff*/;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    color: white;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
    outline: none;
    overflow: hidden;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: text;
    text-align: center;
}
.gb_img_User {
    display: block;
    -webkit-transform: translateZ(0px);
    margin: auto;
}
.gb_img_Userimg {
    /*position: relative;*/
    display: block;
    -webkit-transform: translateZ(0px);
    overflow: hidden;
    border: 1px solid gray;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.gb_img_Userimg>img, .gb_img_UserSize {
    height: 150px;
    width: 150px;
}
.gb_qb {
    display: inline-block;
    vertical-align: top;
    direction:ltr;
}
.gb_ub {
    font-weight: bold;
    margin: -4px 0 1px 0;
}
/*.gb_vb {
    color: #666;
}*/
.gb_xb {
    /*background: #f5f5f5;*/
    border-top: 1px solid #ccc;
    /*border-color: rgba(0,0,0,.2);*/
    padding: 10px 0;
    width: 100%;
    display: table;
}
.gb_Fa {
    color: white;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #c6c6c6;
    line-height: 28px;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    max-width: 246px;
    outline: 0;
    padding: 8px 24px;
    display: inline-block;
    text-overflow: ellipsis;
    letter-spacing: .25px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: transparent;
}
.gb_Fa:hover {
    color: var(--green1);
    border-color: var(--green1);
    text-shadow: 1px 1px 4px White;
    box-shadow: 1px 1px 4px white;
}
.BEsuRe .J41f7d, .BEsuRe .IlhWE {
    background: #3c3d40;
}
.J41f7d {
    cursor: pointer;
    background: gray;
    border: none;
    bottom: 9px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0px 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0px 1px 3px 1px rgb(60 64 67 / 15%);
    color: #3c4043;
    height: 24px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    width: 24px;
}
.J41f7d:hover {
    background-color: var(--green1);
}
.q0eW2c {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}
.BEsuRe .xAIiLb, .BEsuRe .k8eaob {
    color: #e8eaed;
}
.xAIiLb, .k8eaob {
    color: #3c4043;
    fill: currentcolor;
    padding: 3px;
}
.NMm5M {
    fill: currentColor;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
/*-----------------------------*/
.modalPaneltransparent {
    border-width:1px;
    border-style:none;
    padding:3px;
    width:95% !important;
    max-width: 950px;
    left: 0px;
    right: 0px;
    margin: auto;

    position: fixed;
    top: 0;
    z-index: 101;
    height: 100%;
    background-color: transparent;
}
.modalPaneltransparent span {color:white}

.VfPpkd-wzTsW {
    -webkit-transform: none;
    transform: none;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;*/
    /*-webkit-align-items: center;
    align-items: center;*/
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    /*pointer-events: none;*/
    background-color: #2d2e30b5;
    border-radius: 15px;
}
.l09ycc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 56px;
    min-height: 56px;
    width: 100%;
    border-bottom: 1px solid white;
}
.VfPpkd-Bz112c-LgbsSe {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-right: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    will-change: transform,opacity;
}
.VfPpkd-Bz112c-LgbsSe {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    overflow: visible;
}
.VfPpkd-Bz112c-LgbsSe {
    width: 48px;
    height: 48px;
    padding: 12px;
    color: white;
}
.VfPpkd-Bz112c-LgbsSe:hover {
    color: var(--green1);
}
.i2Djkc {
    line-height: 1.5rem;
    font-size: 16pt;
    letter-spacing: 0;
    /* font-weight: 400; */
    width: 100%;
    text-align: center;
    color: white;
}
.cevIvf {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    right: 12px;
    overflow: auto;
    position: absolute;
    left: 12px;
    top: 70px;
}
.gsbUDf {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center;
}
.cQ7Isd {
    height: 250px;
    width: 250px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    border: 1px solid gray;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.TCNEpb {
    line-height: 2rem;
    font-size: 1.5rem;
    letter-spacing: 0;
    font-weight: 400;
    color: #e8eaed;
}
.zHyEze {
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: .00625em;
    font-weight: 400;
    margin: 8px 0 4px;
    color: #e8eaed;
}
.nSdDbb {
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 10px;
}
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb {
    display: inline;
}
.OLiIxf {
    letter-spacing: .0107142857em;
    /* font-weight: 500; */
    text-transform: none;
    -webkit-transition: border .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: border .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
    box-shadow: none;
    /* border-color: #5f6368; */
    color: white;
    background-color: transparent;
    border: 0.1px solid #5f6368;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}
.OLiIxf:hover {
    /* color: green; */
    color: white !important;
    border: solid var(--green1) 1px;
    background-color: var(--green1);
}
/*--------------------------------------------------------------*/
/*#endregion EmpPhotoCtrl*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*#region FileExplorer*/
/*--------------------------------------------------------------*/
.FileExplorer > .path {
    border-color: gray;
    border-style: solid;
    border-width: thin;
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 10px 0 10px 0;
    box-shadow: 0px 1px 10px 0px gray;
    min-height: 37px;
}
.FileExplorer > .path > div {
    display:inline-block;
    margin-bottom: 5px;
    cursor: pointer;
    color: var(--green1);
}
.FileExplorer > .path > .title {
    font-style: oblique;
    text-decoration: underline;
    font-weight: bolder;
}
.FileExplorer > .filescontainer {
    border-color: gray;
    border-style: solid;
    border-width: thin;
    padding: 10px;
    height: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    min-height: 300px;
    box-shadow: 0px 3px 10px 0px gray;
    margin-top: 3px;
}
.FileExplorer > .filescontainer.f1 {min-height:unset;padding:5px;}
.FileExplorer .filecontainer {display:flex;}
.FileExplorer .filecontainer .del {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
}
.FileExplorer > .filescontainer > a
,.FileExplorer > .filescontainer .file {
    display:block;
    margin: 10px 0 1px 0;
    width: fit-content;
}
.FileExplorer > .filescontainer.f1 > a
,.FileExplorer > .filescontainer.f1 .file {margin: 1px 0 1px 0;}
.FileExplorer > .filescontainer > a > img
,.FileExplorer > .filescontainer .file > img {
    width:35px;
    height:35px;
}
.FileExplorer > .filescontainer > a > div
,.FileExplorer > .filescontainer .file > div {
    display: inline-block;
    padding-inline-start: 5px;
}
.FileExplorer > .filescontainer > a > div:not(.png):not(.jpg):not(.jpeg):not(.gif)
,.FileExplorer > .filescontainer .file > div:not(.png):not(.jpg):not(.jpeg):not(.gif)
,.FileExplorer > .filescontainer > .dir
,.FileExplorer > .filescontainer > .dir1 {
    padding-inline-start: 40px;
    background-image: url(/themes/Images/Doc/files.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35px 35px;
    height: 35px;
    align-content: center;
}
.FileExplorer > .filescontainer > a > .mp4
,.FileExplorer > .filescontainer .file > .mp4 {background-image: url(/themes/Images/Doc/Video.png) !important;}
.FileExplorer > .filescontainer > a > .pdf
,.FileExplorer > .filescontainer .file > .pdf {background-image: url(/themes/Images/Doc/pdf1.png) !important;}
.FileExplorer > .filescontainer > a > .doc
,.FileExplorer > .filescontainer .file > .doc
,.FileExplorer > .filescontainer > a > .docx
,.FileExplorer > .filescontainer .file > .docx {background-image: url(/themes/Images/Doc/doc1.png) !important;}
.FileExplorer > .filescontainer > a > .xls
,.FileExplorer > .filescontainer .file > .xls
,.FileExplorer > .filescontainer > a > .xlsx
,.FileExplorer > .filescontainer .file > .xlsx {background-image: url(/themes/Images/Doc/xls1.png) !important;}
.FileExplorer > .filescontainer > a > .ppt
,.FileExplorer > .filescontainer .file > .ppt
,.FileExplorer > .filescontainer > a > .pptx
,.FileExplorer > .filescontainer .file > .pptx {background-image: url(/themes/Images/Doc/ppt1.png) !important;}
.FileExplorer > .filescontainer > .dir
,.FileExplorer > .filescontainer .file > .dir {
    background-image: url(/themes/Images/Doc/dir.png) !important;
    cursor: pointer;
    width: fit-content;
}
.FileExplorer > .filescontainer > .dir1
,.FileExplorer > .filescontainer .file > .dir1 {
    background-image: url(/themes/Images/Doc/dir1.png) !important;
    cursor: pointer;
    width: fit-content;
}
.FileExplorer > .filescontainer > .dir:hover
,.FileExplorer > .filescontainer .file > .dir:hover
,.FileExplorer > .filescontainer > .dir:active
,.FileExplorer > .filescontainer .file > .dir:active
,.FileExplorer > .filescontainer > .dir:focus 
,.FileExplorer > .filescontainer .file > .dir:focus 
,.FileExplorer > .path > div:hover
,.FileExplorer > .path > div:active
,.FileExplorer > .path > div:focus
{
    color: red;
    outline: none;
    text-decoration: none;
}
/*--------------------------------------------------------------*/
/*#endregion FileExplorer*/
/*--------------------------------------------------------------*/