/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
*/ 
@import url("font-awesome.min.css");
html {
  font-family: STC-Regular;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow:auto !important;
}
body {
  font-family: "STC-Regular", Helvetica, STC-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

#map_canvas .gm-style-iw a{font-weight:700;color: #4f008c;border: 1px solid #bbbab7;padding: 2px;margin: 0 auto;float: right;border-radius: 5px;display: inline-block;width: 100%;text-align: center;}
#map_canvas .gm-style-iw a:hover{background-color:#4f008c;color:#fff}

 .half{ list-style: none;}
@media (min-width: 992px) {
  .container {
    /* width: 970px; */
  }
@media (min-width: 768px) {

  .container {
    /* width: 750px; */
  }
 
}

 .half{width: 45%;float: right; list-style: none;}
}
@media (min-width: 1200px) {
   .half{width:30.333%;float: right; list-style: none;}
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: right;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
   
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #1d252d;
}
.form-control {
  display: block;
  width: 100%;
  height: 29px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #1d252d;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #1d252d;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,.form-group:after,.form-group:before {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,.form-group:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: left !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

.ui-pg-table {  
    direction: ltr;
}


	  
	@media (max-width: 480px) {
		.MyArea {
	        right: -250px !important;        
	        width: 250px !important;
	    }
	    
	 }

  
@media (max-width: 767px) {
	
    
  .user_data_disp{ width:100% !important}
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }


  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
/*------------- R--------------*/
@media (max-width: 650px) {
	    .ui-dialog { width:100% !important;}
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*** end of bootstrap ***/
/*** start custom jquery ui  */


/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_000_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_a8a3ae_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_501f6e_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_fff_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_fff_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_fff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../../../portal/ep/js/jquery/css/stc/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }



/*** end of custom jquery ui  ****/
/*Documents*/

@font-face {
 font-family: 'STC-Light';
 src: url('Fonts/STC-Light.eot');
 src: local('?'), url('Fonts/STC-Light.woff') format('woff'), url('Fonts/STC-Light.ttf') format('truetype'), url('Fonts/STC-Light.svg') format('svg');
 font-weight: normal;
 font-style: normal; 
}
@font-face {
 font-family: 'STC-Regular';
 src: url('Fonts/STC-Regular.eot');
 src: local('?'), url('Fonts/STC-Regular.woff') format('woff'), url('Fonts/STC-Regular.ttf') format('truetype'), url('Fonts/STC-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

    body {
        margin: 0;
        padding: 0;
        background-color: #f3f3f1;        
        font-family: STC-Regular;
        font-size: 13px;
        flex-direction: rtl;
    }

    header {
        background-color: #fff;
       /*  background-image: url(../images/headerBottom.png); */
        border-bottom: 2px solid #ff375e; 
       /* ramdan 
        background-image: url(../images/headerBottom_ramdan.png);
       /* ramdan */
        background-repeat: no-repeat;
        background-position: center bottom;
        padding: 10px 0 0 0;        
    }
	#banner{background-size:100% 3px;min-height:80px;}
	
/** ramdan fix 
	#banner{background-size:100% 45px;min-height:110px}
/**/

    .logo { 
        float: right;
        margin-top: 0px;
    }

    .col1 {
        width: 65%;
        float: right;
    }

    .col2 {
        width: 35%;
        float: right;
    }

    nav {
        font-size: 18px;
        color: #4f008c;
        margin: 12px 0 5px 0;
        float: right;
    }

        nav ul {
            list-style: none;
            float: right;
            display: block;
            padding: 0;
            margin: 0;
            font-size:17px;            
        }

            nav ul li {
                float: right;
                padding: 9px 8px 0 11px;
                    border-bottom: solid 2px #fff;
            }


                nav ul li.current {
                    border-bottom: solid 2px #ffbc00;
                }


    .homeIcon {
        padding-top: 4px;
    }

        .homeIcon:hover {
            border-bottom: none;
            opacity: 0.8;
        }

    .iconSet1 {
        margin: 10px 0 0 0;
        float: left;
    }

    .icon {
        margin:10px;
        float: right;
        position: relative;
        cursor: pointer;
    }


            
   .icon > span {
	background-color: #ff375e;
	color: #fff;
	font-size: 12px;
	border-radius: 100px;
	padding: 2px 3px 2px 1px;
	display: block;
	position: absolute;
	top: -10px;
	left: -13px;
	cursor: pointer;
	height: 15px;
	min-width: 15px;
	text-align: center;
	line-height: 10px;
	}


    .icon1 {
        background-image: url(../images/icon1.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon2 {
        background-image: url(../images/icon2.png);
        width: 25px;
        height: 25px;
        position: relative;
        z-index:1000;
    }

    .icon3 {
        background-image: url(../images/icon3.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon4 {
        background-image: url(../images/icon4.png);
        width: 10px;
        height: 18px;
    }

    .icon5 {
        background-image: url(../images/icon5.png);
        width: 25px;
        height: 25px;
    }

    .icon6 {
        background-image: url(../images/replay.png);
        width: 16px;
        height: 16px;
    }

    .icon7 {
        background-image: url(../images/replayAll.png);
        width: 16px;
        height: 16px;
    }

    .icon8 {
        background-image: url(../images/forward.png);
        width: 16px;
        height: 16px;
    }

    .searchSet {
        margin: 16px 20px 7px 10px;
        float: left;
    }

        .searchSet input {
            border: solid 1px #dadada;
            padding: 7px 10px;
            background-image: url(../images/searchIcon.png);
            background-repeat: no-repeat;
             background-position: 10px;
            background-position: left 10px center;
            width: 150px;
            text-align: right;
            height:32px;
        }
        
   
        
.searchSet input::-ms-clear {
    display: none;
}
    .iconSet2 {
        float: left;
        margin: 10px 0 0 0;
    }




    .profileBox {
        text-align: center;
        padding-bottom: 20px;
        max-width: 95%;
    }

        .profileBox img {
            border-radius: 110px;
            margin: 20px auto 15px auto;
            width: 70%;
        }

    .welcome {
        color: #848182;
        font-size: 14px;
        text-align: right;
        padding-right: 50px;
        direction: rtl;
    }

    .name {
        color: #484646;
        font-size: 16px;
        text-align: right;
        padding-right: 50px;
    }

    hr {
        height: 2px;
        background-color: #918f8f;
        margin: 7px 20px;
        border: none;
    }

    .position {
        border-right: solid 7px #4f008c;
        margin-right: 10px;
        font-size: 14px;
        margin-top: 20px;
        text-align: right;
    }

        .position .line1 {
            color: #231f20;
            padding-right: 10px;
        }

        .position .line2 {
            color: #717171;
            padding-right: 10px;
        }

    .box1 {
    }

        .box1 > .title {
            background-color: #4f008c;
            color: #fff;
            font-size: 15px;
            padding: 10px 20px 7px 5px;
            background-image: url(../images/icon6.png);
            background-repeat: no-repeat;
            background-position: left 15px center;
            text-align: right;
        }
        .portlet .title .title {
        	background-color: #4f008c;
            color: #fff;
            font-size: 15px;
            padding: 10px 20px 7px 5px;
            background-image: url(../images/icon6.png);
            background-repeat: no-repeat;
            background-position: left 15px center;
            text-align: right;
            border-bottom: 0px solid #4f008c;  
        }

        .box1 .body {
            background-color: #fff;
            padding: 30px 12px 30px 12px;
        }

    .calender {
    }

        .calender .day {
            float: right;
            background-color: #ff375e;
            color: #fff;
            font-size: 30px;
            padding: 20px 15px 12px 15px;
            margin-left: 15px;
            position: relative;
            margin-top: 5px;
        }
.calender .day a:hover{
		color:#fff;
	}
            .calender .day .arow {
                background-image: url(../images/calenderArow.png);
                width: 6px;
                height: 10px;
                position: absolute;
                left: -6px;
                top: 40%;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                z-index: 1000;
            }

        .calender .txt {
        }

            .calender .txt .title {
                color: #411b59;
                font-size: 14px;
                padding-bottom: 5px;
                text-align: right;
            }

            .calender .txt .desc {
                color: #8b8b8b;
                font-size: 12px;
                text-align: right;
            }

    .list1 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-right: 10px;
        text-align: right;
    }

        .list1 li:before {
            content: "-";
        }

        .list1 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 5px 3px 5px;
        }


        .list1 .viewAll:before {
            content: "";
        }

        .list1 .viewAll {
            border-bottom: none;
            color: #c7c7c7;
            text-align: left;
            padding-top: 10px;
        }

.owl-buttons{position:absolute;top:25%;left:0px;width:100%;} 
.owl-buttons .owl-next{float:left;font-size:0px !important;margin-left: 5px !important;}
.owl-buttons .owl-prev{float:right;font-size:0px !important;margin-right: 5px !Important;}
.owl-theme .owl-controls .owl-buttons div{border-radius:10px !important;background:#4f008c !important;}
.owl-buttons .owl-next:before {content:"<";color:#fff; font-size:20px;font-family: monospace;}
.owl-buttons .owl-prev:before {content:">";color:#fff; font-size:20px;font-family: monospace;}


    .box2 {
        background-color: #fff;
        margin: 10px 0;
        position: relative;
        text-align: right;
        direction: rtl;
    }

        .box2 iframe {
            max-width: 100%;
        }

        .box2 .title {
            color: #4f008c;
            font-size: 20px;
            padding: 15px 15px 10px 25px;
            text-align:right;
        }

        .box2 .title2 {
            color: #4f008c;
            font-size: 24px;
            padding: 15px 15px 10px 15px;
        }

        .box2 .body {
            padding: 10px 20px 10px 20px;
        }

            .box2 .body input[type="text"] {
                width: 100%;
                border: solid 1px #dedede;
                padding: 7px 5%;
                color: #535353;
                font-size: 14px;
                margin-bottom: 10px;
            }

            .box2 .body select {
                width: 100%;
                border: solid 1px #dedede;
                padding: 7px 5%;
                color: #535353;
                font-size: 14px;
                margin-bottom: 10px;
            }

            .box2 .body .btn {
                text-align: left;
                padding-top: 10px;
            }

                .box2 .body .btn button , .homeInboxButtonCont .homeInboxButton {
                   border: none;
                    transition: all 0.5s ease;
                    color: #fff;
                    background-color: #4f008c;
                    padding: 5px 10px;
                    transition: all 0.5s ease;
                }

                    .box2 .body .btn button:hover , .homeInboxButtonCont .homeInboxButton:hover {
                         background-color: #ff375e;
                        cursor: pointer;
                    }
					.homeInboxButton{float: right;margin:0  0 0 10px}
					.homeInboxButtonCont{margin:5px 0 ;display:block;}
					.rejectDiv{opacity:0;height:0px; overflow: auto}  



        .box2 .viewAll2 {
            position: absolute;
            left: 20px;
            top: 20px;
            color: #a7a7a7;
            font-size: 14px;
        }

        .box2 .body .Subtitle {
            color: #565656;
            font-size: 18px;
            margin: 15px 0 20px 0;
        }

        .box2 .body .item {
            padding-right: 15px;
            margin-bottom: 15px;
        }

            .box2 .body .item .title {
                color: #6d6d6d;
                font-size: 14px;
            }

            .box2 .body .item .action {
                color: #a7a7a7;
                font-size: 12px;
                margin-top: 7px;
            }

                .box2 .body .item .action a {
                    padding-left: 25px;
                }

    .box3 {
        background-color: #fff;
        padding: 15px;
        margin: 10px;
        direction: rtl;
        position: relative;
    }

        .box3 > .title {
            color: #4f008c;
            font-size: 25px;
            margin-top: 20px;
            margin-bottom: 5px;
            text-align: right;
        }

        .box3 .title2 {
            color: #000;
            font-size: 18px;
            text-align: right;
        }

        .box3 .title3 {
            color: #ff375e;
            position: absolute;
            top: 60px;
            left: 30px;
            text-align: right;
            font-size: 16px;
        }

        .box3 .title4 {
            color: #ff375e;
            font-size: 25px;
            margin-top: 12px;
            margin-bottom: 5px;
        }

            .box3 .title4 .action {
                float: left;
                width: 50%;
            }

            .box3 .title4 .Subtitle {
                color: #949494;
                font-size: 18px;
                padding-bottom: 7px;
                padding-top: 7px;
                text-align: right;
            }

    .title5 {
        color: #46196a;
        font-size: 20px;
        margin: 20px 0;
    }

    .boxSpicalOffer {
        position: relative;
        background-color: #fff;
        margin: 0px 0;
    }

        .boxSpicalOffer .icon {
            position: absolute;
            background-image: url(../images/SpecialOffers.png);
            width: 84px;
            height: 83px;
            top: -6px;
            right: 3px;
        }

        .boxSpicalOffer .logo {
            float: right;
            margin-right: 95px;
            margin-left: 0px;
            margin-top: 7px;
            width: auto;
            padding: 0;
        }

            .boxSpicalOffer .logo img {
                width: 80px;
            }

        .boxSpicalOffer .desc {
            color: #585858;
            font-size: 14px;
            float: right;
            width: 120px;
            padding: 12px 0 0 0;
        }

    .vedioName {
        color: #585858;
        font-size: 14px;
        padding-top: 18px;
        text-align: center;
    }

    .ADV1 {
        margin: 10px 0;
    }

        .ADV1 img {
            width: 100%;
        }


    .list2 {
        list-style: none;
        padding: 0;
        margin: 0;max-height:700px;overflow-y:scroll;
    }


        .list2 li {
            margin-bottom: 7px;
                cursor: pointer;
        }

            .list2 li img {
                border-radius: 70px;
                width: 35px;
                height: 35px;
                float: right;
                margin-left: 15px;
                overflow: hidden;
            }

            .list2 li span {
                float: right;
                display: block;
                color: #1d252d;
                padding-top: 10px;
                font-size: 14px;
            }

            .list2 li .span2 {
                width: 70%;
                float: right;
            }

            .list2 li .btn {
                float: right;
                width: 19px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
            }

    .list3 {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .list3 li {
            border-bottom: solid 1px #e9e9e9;
            padding: 10px 0px 10px 10px;
            margin: 10px 0;
        }

            .list3 li .time {
                color: #b4b4b4;
                font-size: 12px;
                padding-bottom: 7px;
            }

            .list3 li .title {
                color: #585858;
                font-size: 14px;
            }

                .list3 li .title strong {
                    color: #595959;
                    font-size: 25px;
                    padding-left: 20px;
                }

    .list4 {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .list4 li {
            padding: 0;
            margin: 0;
            margin: 10px 0;
        }

    .col3 {
        width: 19%;
        margin-top: 10px;
        background-color: #fff;
        float: right;
    }

    .col4 {
        width: 50%;
        margin: 10px 1%;
        float: right;
    }

    .col5 {
        width: 29%;
        float: right;
        margin-top:10px;
    }

    .col6 {
        width: 81%;
        float: right;
    }

    .col7 {
        width: 34%;
        float: right;
        padding-top: 30px;
        padding-bottom: 30px;
        border-left: solid 1px #cecece;max-height:900px;overflow-y:scroll;
    }

    .col8 {
        width: 65%;
        float: right;
    }

    .col9 {
        width: 70%;
        float: right;
    }
    
    .co20 {
        width: 33%;
        margin-top: 10px;
        background-color: #fff;
        float: right;
    }
    .co21 {
        width: 50%;
        margin-top: 10px;
        background-color: #fff;
        float: right;
    }
     .bgFFFF{
    background-color: #fff;
    }

.blocks{padding-left:0px !important;}
.ceocard{float:right !important;width:94% !important;} 
.card-image{height:109px !important;}	
.card_info{height:120px !important;} 
.mybread_crumbs{width:100% !important;}

	    .newsBox {
	        background-color: #fff;
	        margin: 0px 0;
	        padding: 30px 20px 15px 20px;
	    }
		.newsBox .Items{
			overflow:hidden; height:242px 
		}
        .newsBox .Items .img {
            float: right;
            margin-left: 20px;
        }

            .newsBox .Items .img img {
                width: 187px;
                height: 164px;
                border:1px solid #d5d5d5;
                padding:2px;
            }

        .newsBox .Items .desc {
            float: right;
                width: 323px;
            text-align: right;
        }

            .newsBox .Items .desc .title {
                color: #373737;
                font-size: 20px;
                margin-bottom: 20px;
                margin-top: 0;
            }

                .newsBox .Items .desc a .title span {
                    color: #ff375e;
                    font-size: 16px;
                }

            .newsBox .Items .desc a .text {
                color: #9e9e9e;
                font-size: 14px;
            }

        .newsBox .viewAll {
            text-align: left;
            color: #373737;
            font-size: 14px;
        }

        .newsBox .paging {
            text-align: center;
            margin: 25px auto 15px auto;
        }

            .newsBox .paging span {
                width: 10px !important;
                height: 10px !important;
                background-color: #ababab;
                margin: 0 5px;
                border-radius: 50px;
                display: inline-block;
                padding: 0 !important;
            }

            .newsBox .paging .curent {
                background-color: #ff375e;
            }

    .MyDisc {
        position: relative;
    }

        .MyDisc textarea {
            border: solid 1px #afafaf;
            height: 20px;
            padding: 10px 7%;
            width: 80%;
            border-right: none;
            margin-left: 5%;
            font-family: STC-Regular;
            resize: none;
        }

        .MyDisc .img {
            position: absolute;
            right: -10px;
            top: -7px;
        }

            .MyDisc .img img {
                width: 55px;
                height: 53px;
                border-radius: 80px;
            }

        .MyDisc .btn {
            text-align: left;
            margin-top: 15px;
            margin-left: 42px;
        }

            .MyDisc .btn button {
                background-color: #373737;
                color: #fff;
                padding: 10px 30px 10px 30px;
                font-size: 22px;
                border: none;
                font-family: STC-Regular;
            }

    .Tab {
        display: table;
        width: 100%;
        margin: auto;
        table-layout: fixed;
    }

     .TabHeader , .TabHeader2 {
	        display: table-row;
	    }

    .TabHeaderBtn , .TabHeader2Btn {
        display: table-cell;
        background-color: #dfdfdf;
        color: #515151;
        text-align: center;
        padding: 10px 0 8px 0;
        border-left: solid 1px #ffffff;
        cursor: pointer;
    }

    .TabHeaderBtnActive , .TabHeader2BtnActive{
        background-color: #4f008c !important;
        color: #fff !important;
    }

    .TabBody , .TabBody2  { padding: 10px;min-height:150px; }
    .Topic { margin: 30px 0; }

        .Topic .img, .Topic .img2 {
            float: right;
            margin-left: 2%;
            border-radius: 80px;
            width: 10%;
        }

            .Topic .img img {
                width: 100%;
                height: 100%;
                margin-top: -10px;
            }

            .Topic .img2 img {
                width: 100%;
                height: 100%;
                margin-top: 0;
            }

        .Topic .Content {
            float: right;
            width: 87%;
        }

            .Topic .Content .Title {
                background-color: #c7c7c7;
                color: #000;
                font-size: 16px;
                padding: 7px 20px 3px 20px;
                position: relative;
            }

                .Topic .Content .Title span {
                    position: absolute;
                    top: 6px;
                    right: -6px;
                }

            .Topic .Content .Body span {
                position: absolute;
                top: 15px;
                right: -6px;
            }


            .Topic .Content .Body {
                background-color: #f3f3f3;
                color: #000;
                font-size: 14px;
                padding: 10px 20px 10px 20px;
                position: relative;
            }

    .Commint {
        margin-left: 10%;
    }


    .AppSwitcher {
        background-color: #f0f0f0;
        padding: 10px;
        box-shadow: 1px 1px 5px #777;
        position: absolute;
        top: 40px; 
        z-index: 10000;
        width: 270px;
	    right: -150px;
        display: none;
    }

 
        .AppSwitcher .Item {
           display: inline-block;
            width: 81px;
	        height: 51px;
            padding: 5px;
            margin-bottom: 2px;
            text-align:center;
            border: solid 1px #f0f0f0;            
        }
		.AppSwitcher .Item img{max-width:100%;max-height:100%;}
            .AppSwitcher .Item:nth-child(1) {
                 /*border-bottom: solid 1px #aca5b7;*/
            }

            .AppSwitcher .Item:nth-child(2) {                    
            }

            .AppSwitcher .Item:nth-child(3) {
                /*border-bottom: solid 1px #aca5b7;*/
            }

            .AppSwitcher .Item:nth-child(4) {
            }

            .AppSwitcher .Item:hover {
             	border: solid 1px #e3e3e3;
                opacity: 0.7;
            }

    .Notification {
        direction: rtl;
        background-color: #f0f0f0;
        box-shadow: 1px 1px 5px #777;
        position: absolute;
        top: 40px;
        left: -100px;
        z-index: 10000;
        width: 350px !important;
        display: none;overflow-y:auto;
    }

        .Notification .item:hover {
            background-color: #fff;
        }

        .Notification .title {
            background-color: #fff;
            font-size: 18px;
            padding: 5px 10px;
            text-align:right;
        }

            .Notification .title .action {
                float: right;
            }

                .Notification .title .action a {
                    font-size: 12px;
                    color: #ff375e;
                }

        .Notification .item {
            margin: 3px 3px;
            border-bottom: solid 1px #dadada;
            padding: 7px 0 7px 0;
            position:relative;
        }

            .Notification .item img {
                    float: right;
	                width: 50px;
	                height: 50px;
	                margin-left: 10px;
	                border-radius:50%;
	                border:1px solid #e4e4e4;
	                margin-top:5px;
            }
            .approveActions{position:absolute;left:0;top:9px;}
			.approveActions img{width:22px !important;height:22px !important;border:1px solid #e4e4e4;border-radius:7px !important; margin-top:0px;background:#f6f6f6;padding:5px;margin-left:5px !important}
            .Notification .item .text {
                float: right;
                width: 212px;
                padding-top: 10px;
                font-size: 14px;
            }

        .Notification .ViewAll {
            background-color: #dadada;
            color: #515151;
            padding: 7px 0;
            text-align: center;
            font-size: 14px;
        }



    .Discussions {
        margin: 30px 0;
    }

        .Discussions .box {
            float: right;
            width: 30%;
            margin-right: 1.5%;
            margin-left: 1.5%;
            margin-bottom: 3%;
            position: relative;
        }

            .Discussions .box img {
                width: 100%;
                height: 112px;
            }

            .Discussions .box .over {
                background-color: #4f008c;
                opacity: 0.8;
                width: 100%;
                height: 112px;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 10000;
                display: none;
            }

            .Discussions .box .over2 {
                height: 160px;
            }

            .Discussions .box .over a {
                border: solid 1px #fff;
                padding: 7px 0;
                width: 64px;
                margin: 25% auto;
                text-align: center;
                display: block;
                color: #fff;
            }

            .Discussions .box .over2 a {
                width: 50px;
                margin: 25% auto;
                display: block;
                text-align: center;
            }

            .Discussions .box:hover .over {
                display: block;
            }


            .Discussions .box .text {
                margin: 15px 0;
            }

                .Discussions .box .text .title {
                    color: #000;
                    font-size: 16px;
                    padding: 0;
                }

                .Discussions .box .text .desc {
                    color: #8e9aa0;
                    font-size: 14px;
                    margin-top: 10px;
                }

                    .Discussions .box .text .desc span {
                        color: #ff375e;
                    }


    .DiscussionsData {
        margin: 40px 0;
    }

    .sp-new {
        color: #6f6f6f;
        font-size: 18px;
        background-image: url(../images/SP-new.jpg);
        background-repeat: no-repeat;
        padding-left: 27px;
        margin: 15px 0;
    }

        .sp-new span {
            color: #0074cc;
        }


    .link1 {
        padding: 0;
        margin: 0;
        list-style: none;
        clear: both;
        border-bottom: solid 1px #c6c6c6;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

        .link1 li {
            float: right;
            padding: 0;
            margin: 0;
            padding-left: 25px;
            color: #616b63;
            font-size: 14px;
        }

    .boxMorePading {
        padding: 30px;
    }

    .boxMorePading2 {
        padding: 0 20px;
    }

    .TopicList {
        margin: 20px 0;
    }

    .TopicBox {
        margin: 30px 0;
    }

        .TopicBox .left {
            width: 10%;
            float: left;
            margin-right: 5%;
            font-size: 14px;
            color: #7d797a;
        }

            .TopicBox .left div {
                margin-bottom: 4px;
            }

                .TopicBox .left div span {
                    color: #000;
                }

        .TopicBox .right {
            float: left;
            width: 85%;
        }

            .TopicBox .right .title {
                color: #585858;
                font-size: 18px;
                margin-bottom: 7px;
            }

            .TopicBox .right .desc {
                color: #8e8e8e;
                font-size: 14px;
                margin-bottom: 3px;
            }

            .TopicBox .right .desc2 {
                color: #8e8e8e;
                font-size: 14px;
            }

                .TopicBox .right .desc2 span {
                    color: #5e3571;
                }


    .bar {
        height: 5px;
        width: 100%;
        background-color: #d7d7d7;
        margin-bottom: 10px !important;
        margin-top: 10px;
        position: relative;
    }

        .bar .fill {
            background-color: #8b898c;
            position: absolute;
            top: 0px;
            left: 0px;
            height: 5px;
            width: 10px;
        }

    .list-icon {
        padding-left: 10px;
        margin-top: 2px;
    }

    .editForm {
        margin: 40px 0;
        direction: rtl;
        text-align: right;
    }

    .inputGroup3 {
        margin: 10px 0;
        direction: rtl;
        text-align: right;
    }

        .inputGroup3 .lbl {
            color: #373737;
            font-size: 15px;
            float: right;
            width: 15%;
            margin-left: 5%;
            padding-top: 5px;
        }

            .inputGroup3 .lbl span {
                color: #ff375e;
            }

        .inputGroup3 .edit1 {
            float: right;
            width: 45%;
            margin-left: 5%;
            font-weight: bold;
            color: #7d797a;
        }

        .inputGroup3 .edit2 {
            float: right;
            width: 25%;
        }

            .inputGroup3 .edit2 a {
                color: #ff375e;
            }

    .form-control {
        width: 100%;
        border: solid 1px #cdcdcd;
        padding: 1px 5px 5px 5px;
        color: #373737;
    }

  input[type='text'].form-control {
        width: 100%;
        border: solid 1px #cdcdcd;
        padding: 3px 5px 5px 5px;
        color: #373737;
    }
    .form-button {
        border-top: solid 1px #cacaca;
        margin-top: 20px;
        padding-top: 20px;
        text-align: left;
    }

    .form-button2 {
        margin-top: 20px;
        text-align: left;
    }

    .inputIcon {
        margin: 5px 20px 0 0px;
    }

    .button {
        border: none;
        padding: 10px 15px 7px 15px;
        font-size: 17px;
        margin-left: 15px;
    }

    .btn1 {
        background-color: #ff375e;
        color: #fff;
    }

        .btn1:hover {
            background-color: #b0275f;
        }

    .btn2 {
        background-color: #595959;
        color: #fff;
    }

        .btn2:hover {
            background-color: #828282;
        }

    .topicDesc {
        font-size: 15px;
        color: #8b8b8b;
        text-align: justify;
        margin: 40px 0;
    }

    .detail {
        color: #cecece;
    }

        .detail span {
            color: #5e3571;
        }

    .text-right {
        text-align: right;
        float: right;
    }

    .teamList {
        margin: 40px 0;
    }

    .TeamBox {
        float: right;
        width: 28%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

        .TeamBox img {
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
        }

        .TeamBox .name {
            color: #ff375e;
            font-size: 20px;
            margin-bottom: 10px;
        }

        .TeamBox .jobTitle {
            color: #918f8f;
            text-align: center;
            font-size: 15px;
            margin-bottom: 5px;
        }

        .TeamBox .desc {
            color: #573873;
            text-align: center;
            font-size: 12px;
        }

    .DailyPickImg {
        width: 100%;
        margin: auto;
        border: 1px solid #E2E2E2;
    		padding: 1px;
    }

    .DailyPickImgLarge {
        width: 100%;
        margin: 20px 0;
        border: 1px solid #E2E2E2;
    		padding: 1px;
    }

    .DailyPickTitle {
        color: #515151;
        font-size: 30px;
        margin: 30px 0;
    }

    .DailyPicDesc {
        color: #9b9b9b;
        margin: 20px 0;
    }

    .DailyPickVedioName {
        color: #777777;
        margin: 10px 0 20px 0;
        font-size: 14px;
        text-align: center;
    }

    .help {
        color: #9a9a9a;
        font-size: 12px;
    }

    .MyArea {background-color: #f0f0f0;box-shadow: 1px 1px 5px #777;position: absolute;top: 45px;right: -200px;z-index: 10000;width: 260px;display: none;direction: rtl;}
   	.MyArea .title {background-color: #fff;color: #4f008c;padding: 5px 15px;text-align:right;}
    .MyArea .info {border-bottom: solid 1px #dddddd;padding: 10px 20px;background:#fff;}    
    .MyArea .info img {float: right;border-radius: 30px;width:40px;height:40px;border:1px solid #c2c2c2; margin-left: 10px;}
    .MyArea .info .desc {float: right;width: 160px;padding-top: 7px;}
    .MyArea .info .desc .MyAreaName {font-weight: bold;text-align: right;font-size: 14px;padding-bottom: 3px;color: #ff375e;}
    .MyArea .info .desc .MyAreaDetail {color: #4f008c;font-size: 14px;font-weight:700;}
    .MyArea .info .desc .MyAreaDetail .balanceNumber{color:#ff375e;font-weight:700;background:url(../images/vacation_info.png) no-repeat 0 0;padding-left:30px;display:inline-block}
    .MyArea .info .desc .MyAreaDetail .balanceNumber label{color:#4f008c}

    .list5 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .list5 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 7px 0;
        }

            .list5 li:hover {
                background-color: #f3f3f3;
            }

            .list5 li img {
                float: right;
                /*width: 18px;*/
                margin-left: 15px;
                padding-right: 15px;
            }

            .list5 li a {
                float: right;
                width: 180px;
                color: #323232;
                font-size: 14px;
                display: inline-block;
            }

    .LanguageRadio {
        margin-right: 10px;
        float: left;
        display: inline-block;
    }

    .Date2 {
        color: #ff375e;
        font-size: 12px;
        padding-top: 3px;
    }

    .LogOut {
        border-bottom: none !important;
    }

        .LogOut a {
            float: none !important;
            color: #ff375e !important;
            display: block;
            text-align: left;
            width: 225px !important;
            padding: 10px 0 5px 0 !important;
        }

    /*Login Page Style*/


    .login {
        background-image: url(../../images/loginBG.jpg);
        background-repeat: no-repeat;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        color: grey;
        direction: rtl;
        min-height: 600px;
        width:100%;
    }

        .login .Content {
            margin: auto;
            text-align: center;
            padding-top: 10%;
            width: 34%;
        }

            .login .Content .LoginIcon img {
                float: right;
                width: 154px;
                height: 106px;
                margin-right: 5%;
            }

            .login .Content .LoginIcon span {
                font-size: 20px;
                float: right;
                padding-top: 70px;
                padding-right: 10px;
            }

    .inputGroup {
        margin: 10px 0;
        text-align: right;
        direction: rtl;
    }

        .inputGroup label {
            display: inline-block;
            background-color: #381b3b;
            padding: 16px 13px 12px 13px;
            margin: 0;
            float:right;
        }

    .inputGroup label img {margin: -6px 0 0 0;}
    .inputGroup input {border: none; background-color: #fff;width:60%;padding: 12px 20px 11px 20px;margin: 0;text-align: right;color:#5C3061;}
    .inputGroup2 {font-size: 16px;text-align: right;direction: rtl;}
    .inputGroup2 label {padding-top:3px;white-space:nowrap;padding-right:10px;width:auto !important}
    .inputGroup2 span.aui-field-content {display:inline-block;min-width:123px;}	   	
	.inputGroup2  input[type=checkbox]:not(old):not(.old):not(.cbox), .inputGroup2 input[type=radio ]:not(old):not(.old):not(.cbox){opacity:1;margin:7px 0 0 0px}
    .inputBtn {margin-top: 30px;text-align: right;padding-right: 10%;}
    .CapsLockSpan{margin-top: -28px;font-size: 13px;color: #fff;font-weight:700;float:left;direction:ltr;}
    .login_form .inputBtn {padding-right:0px;}

    .inputBtn .aui-button-input-submit {
            background-color: #fff;
            padding: 10px 30px 13px 30px;
            color: #000;
            border: none;
            font-size: 20px;
            transition: background-color 0.5s ease;
        }

    .inputBtn .aui-button-input-submit:hover {background-color: #d0aad4;}
    .EventList {margin: 0 20px -12px;}

    .event {margin: 20px 0;}

        .event .date {
            float: right;
            padding: 20px 20px 15px 20px;
            background-color: #573873;
            color: #fff;
            font-size: 25px;
            margin-left: 40px;
        }

        .event .text {
            float: right;
            width: 80%;
           
        }

            .event .text .title {
                color: #431958;
                font-size: 18px;
                padding-bottom: 4px;
            }

            .event .text .desc {
                color: #8a8a8a;
                font-size: 14px;
            }

    /*End Loginpage class*/

    .searchMessage {
        border: solid 1px #dadada;
        padding: 4px 10px;
        background-image: url(../images/searchIcon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
        width: 87%;
        float: left;
        margin-bottom: 15px;
    }

    .message {
    }



        .message .Box {
            width: 95%;
            margin: auto;
            padding: 10px 0;
            border-bottom: solid 1px #cccccc;
        }

            .message .Box img {
                float: right;
                width: 18%;
                margin-left: 5%;
                margin-right: 2%;
            }

            .message .Box .title {
                float: right;
                width: 45%;
                margin-left: 5%;
                padding-top: 10px;
            }

                .message .Box .title h4 {
                    color: #7b4e80;
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                    font-weight: normal;
                }

                .message .Box .title h5 {
                    color: #000;
                    font-size: 12px;
                    margin: 0;
                    padding: 0;
                    font-weight: normal;
                }

            .message .Box .date {
                float: left;
                width: 14%;
                font-size: 12px;
                color: #cacaca;
                padding-top: 15px;
                padding-left: 1%;
            }

        .messageSelected, .message:hover {
            background-color: #9a749d;
            color: #fff !important;
        }

            .messageSelected .Box .title h4, .message:hover .Box .title h4 {
                color: #fff !important;
            }

            .messageSelected .Box .title h5 {
                color: #fff !important;
            }

    .messageTitle {
        font-size: 30px;
        padding: 15px 0;
        color: #7b4e80;
        text-align: right;
    }

    .messageSubject {
        font-size: 18px;
        padding: 3px 0;
        color: #757575;
        text-align: right;
    }

    .messageAction {
        text-align: right;
    }

        .messageAction a {
            display: inline-block;
            padding-right: 15px;
            color: #b6b6b6;
        }

    .messageFrom {
        margin: 15px 0;
    }

        .messageFrom img {
            float: right;
            width: 70px;
            height: 70px;
            margin-left: 15px;
        }

        .messageFrom .from {
            float: right;
            width: 200px;
            direction: rtl;
        }

            .messageFrom .from h4 {
                color: #9a749d;
                font-size: 20px;
                font-weight: normal;
                padding: 7px 0 0 0;
                margin: 0;
                text-align: right;
            }

            .messageFrom .from h5 {
                color: #8d8d8d;
                font-size: 16px;
                font-weight: normal;
                padding: 0;
                margin: 0;
                text-align: right;
            }

    .messageData {
        margin: 10px;
        font-size: 14px;
    }

        .messageData span {
            font-weight: bold;
        }

    .messageText {
        margin: 50px 30px;max-height:500px;overflow-y:scroll;
        font-size: 14px;
        color: #666666;
    }

    .messageReplay {
        margin: 30px 0 20px 0;
    }

    .replayMessage {
        border: solid 1px #cecece;
        padding: 10px 15px;
        width: 85%;
        height: 100px;
        margin-right: 5%;
        text-align: right;
    }

    /*Message Center*/
    /*End Message Center*/

    a {
        color: inherit;
        text-decoration: none;
    }

    .fl {
        float: right;
    }

    .fr {
        float: left;
    }

    .clear {
        clear: both;
    }

    input, textarea {
        outline: none;
    }

    .fs14 {
        font-size: 14px !important;
    }

    .fs13 {
        font-size: 13px !important;
    }

    .fs12 {
        font-size: 12px !important;
    }

    * {
        font-family: STC-Regular;
    }


    .colCustom {
        width: 60%;
        margin: 10px 0 0 1%;
        padding: 0 4.5%;
        float: right;
        background-color: #fff;
    }

    .h1Title {
        padding: 10px 0;
        font-weight: normal;
        font-family: STC-Regular;
        text-align: right;
        font-size: 22px !important;
    }

    .Black {
        color: #000;
    }

    .Purple {
        color: #dd4381;
    }

    .Purple2 {
        color: #411958;
    }

    .NewsCase {
        width: 100%;
        height: 250px;
        margin-bottom: 50px;
        margin-top: 30px;
        overflow:hidden;
    }

        .NewsCase .NewsLeft {
            width: 30%;
            background-color: #471b66;
            float: right;
            height: 100%;
            padding: 0 3%;
        }

            .NewsCase .NewsLeft h1 {
                color: #fff;
                font-size: 24px;
                font-weight: normal;
                padding: 10px 0;
                margin: 5px 0;
                max-height: 50px;
                overflow-y: hidden;
            }

            .NewsCase .NewsLeft span {
                color: #88769e;
                font-size: 12px;
            }

            .NewsCase .NewsLeft .summary {
                color: #b1afb0;
                font-size: 14px;
                font-weight: normal;
                padding: 10px 0;
                margin: 0 !Important;
                margin-bottom: 20px;
            }

            .NewsCase .NewsLeft .btn {
                margin-top: 19px;
                text-align: center;
                float: left;
            }

                .NewsCase .NewsLeft .btn button, .NewsCase .NewsLeft .btn a {
                    background-color: #471b66;
                    padding: 12px 20px 10px 20px;
                    color: #fff;
                    border: 1px solid #fff;
                    font-size: 16px;
                    transition: all 0.5s ease;
                    cursor: pointer;
                }

                    .NewsCase .NewsLeft .btn button:hover, .NewsCase .NewsLeft .btn a:hover {
                        background-color: #fff;
                        color: #000;
                    }
				.NewsCase .summary {
			    height: 114px;
			    overflow: hidden;
			}
        

        .NewsCase .NewsRight {
            width: 64%;
            background-color: #ccc;
            float: right;
            height: 100%;
        }

            .NewsCase .NewsRight img {
                width: 100%;
                height: 100%;
            }

    .NewsSec {
        padding: 0;
        margin: 0;
    }
		.NewsSec ul.STC_feeds{    margin: 0 -2.5%;}
        .NewsSec .Item:hover h4 {
            text-decoration: underline;
        }

        .NewsSec .Item {
            width: 45%;
            margin:0 2.5%;
            height: 80px;
            /* max-height: 85px; */
            float: right;
            margin-bottom: 25px;
            overflow:hidden;
        }
		.NewsSec .Item table{
        	display:none;
        }
        .NewsSec .item h4{
        	max-height: 34px;
    		overflow: hidden;
 	    }
            /*.NewsSec .Item:nth-child(even) {
                margin-left: 0%;
            }*/

            .NewsSec .Item a .left {
                width: 24%;
                height: 100%;
                float: right;
                    margin-left: 15px;
            }

                .NewsSec .Item a .left img {
                    width: 100%;
                    height: 100%;
                    border-radius: 2px;
                }

            .NewsSec .Item .right {
                width: 65%;
                height: 64px;
                float: left;
                overflow: hidden;
            }

                .NewsSec .Item .right h4 {
                    padding: 0;
                    margin: 0;
                    color: #5a5a5a;
                    font-size: 14px;
                    max-height: 20px;
                    overflow-y: hidden;
                }

                .NewsSec .Item .right p {
                    padding: 0;
                    margin: 0;
                    color: #999999;
                    margin-top: 4px;
                    max-height: 52px;
                    overflow-y: hidden;
                }
                .NewsSec .Item .right p:empty{
                display:none;}
                .NewsSec li{
                list-style:none;
                }
                .NewsSec p:empty,.NewsCase p:empty{display:none;}

    .paging {
        text-align: center;
        margin: 10px auto 10px auto;
    }

        .paging span {
            background-color: none;
            margin: 0 2px;
            padding: 5px 5px 2px 5px;
            border-radius: 3px;
            display: inline-block;
            cursor: pointer;
            font-size: 16px;
        }

        .paging .curent {
            background-color: #471b66;
            color: #fff;
        }



    .NewsDetails .Title {
        padding: 10px 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #000;
        text-align: right;
    }

    .NewsDetails .Date {
        color: #88769e;
        font-size: 12px;
    }

    .NewsDetails .Details {
        margin-top: 20px;
        direction: rtl;
        text-align: right;
    }

        .NewsDetails .Details p {
            text-align: justify;
            color: #575757;
            font-size: 14px;
        }

        .NewsDetails .Details .img {
            border: solid 1px #f1f1f1;
            border-radius: 3px;
            width: 45%;
            margin-left: 20px;
            float: right;
            height: 275px;
            margin-bottom: 10px;
        }

            .NewsDetails .Details .img .desc {
                color: #88769e;
                font-size: 12px;
                text-align: center;
                margin-top: 5px;
                max-height: 14px;
                max-width: 100%;
                overflow: hidden;
            }

            .NewsDetails .Details .img img {
                width: 100%;
                height: 240px;
            }

    .OfferDetails .Title {
        padding: 10px 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #000;
    }

    .OfferDetails .Date {
        color: #88769e;
        font-size: 12px;
    }

    .OfferDetails .Details {
        margin-top: 20px;
    }

        .OfferDetails .Details p {
            text-align: justify;
            color: #575757;
            font-size: 14px;
        }

        .OfferDetails .Details .img {
            border: solid 1px #f1f1f1;
            border-radius: 3px;
            width: 100%;
            margin-left: 0;
            float: none;
            height: 275px;
            margin-bottom: 10px;
        }

            .OfferDetails .Details .img .desc {
                color: #88769e;
                font-size: 12px;
                text-align: center;
                margin-top: 5px;
                max-height: 14px;
                max-width: 100%;
                overflow: hidden;
            }

            .OfferDetails .Details .img img {
                width: 100%;
                height: 240px;
            }

    .RelNews {
        padding: 0;
        margin: 50px 0 50px 0;
    }


    .searchInner {
        margin: 20px 20px 0 10px;
        float: left;
    }

        .searchInner input {
            border: solid 1px #dadada;
            padding: 7px 10px;
            background-image: url(../images/searchIcon.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            width: 250px;
        }

    .LatestNews {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .LatestNews li a span {
            color: #a3a3a3;
            font-size: 12px;
        }

        .LatestNews li {
            margin-bottom: 10px;
            border-bottom: 1px solid #f1f1f1;
            padding-bottom: 10px;
        }

            .LatestNews li:hover {
                border-bottom: 1px solid #88769e;
            }

            .LatestNews li a p {
                float: right;
                display: block;
                color: #595959;
                padding: 0;
                margin: 0;
                padding-top: 10px;
                font-size: 14px;
            }

            .LatestNews li .btn {
                float: right;
                width: 19px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
            }

    .CorporateSection {
    }

        .CorporateSection .item {
            width: 30%;
            margin-left: 5%;
            float: right;
            text-align: center;
            position: relative;
        }

            .CorporateSection .item .img {
                width: 100%;
                height: 155px;
                background-color: #c4c4c4;
                transition: all 0.5s ease;
            }

            .CorporateSection .item:hover .img {
                background-color: #64467c;
                text-align: center;
            }

            .CorporateSection .item .img img {
                width: 100%;
                height: 100%;
            }

            .CorporateSection .item .img .fa {
                color: #fff;
                margin-top: 40px;
                text-align: center;
            }

            .CorporateSection .item h4 {
                color: #747474;
                text-align: center;
                padding: 10px 0;
                margin: 0;
                font-weight: normal;
                font-family: STC-Regular;
                font-size: 22px;
                max-width: 80%;
                display: block;
                margin: 0 auto;
            }

            .CorporateSection .item .Lists {
                position: absolute;
                z-index: 99;
                background: #fff;
                width: 100%;
                display: none;
                direction: rtl;
            }

            .CorporateSection .item ul {
                list-style: circle;
                text-align: right;
                padding-left: 0;
                margin-left: 25px;
            }

                .CorporateSection .item ul li {
                    text-align: right;
                    color: #747474;
                    padding-bottom: 5px;
                }

                    .CorporateSection .item ul li:hover {
                        cursor: pointer;
                        text-decoration: underline;
                    }

            .CorporateSection .item:hover .Lists {
                display: block;
            }

            .CorporateSection .item:hover h4 {
                display: none;
            }

            .CorporateSection .item:nth-child(3n) {
                margin-left: 0;
            }

    .MinHe650 {
        min-height: 653px;
    }

    .MinHe878 {
        min-height: 878px;
    }


    .EService .body {
        padding: 10px 0;
        max-width: 80%;
    }

        .EService .body input {
            width: 90%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 5px;
        }


            .EService .body input:focus {
                border: solid 1px #88769e;
            }

        .EService .body .title {
            padding: 10px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 22px;
            color: #585858;
        }

        .EService .body span {
            color: #8e8e8e;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .EService .body select {
            width: 100%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .EService .body .btn {
            text-align: right;
            padding-top: 10px;
        }

            .EService .body .btn button:hover, .EService .body .btn a:hover {
                background-color: #565656;
                transition: all 0.5s ease;
                cursor: pointer;
            }

            .EService .body .btn button, .EService .body .btn a {
                border: none;
                background-color: #9b9b9b;
                color: #fff;
                padding: 10px 20px;
            }

    .recentlyList {
        padding: 50px 0;
        margin: 0;
        width: 100%;
        min-height: 180px;
    }

        .recentlyList .Item {
            width: 45%;
        }

            .recentlyList .Item:nth-child(odd) {
                float: left;
            }

            .recentlyList .Item:nth-child(even) {
                float: right;
            }

            .recentlyList .Item h4 {
                padding: 0;
                margin: 0;
                border-bottom: 1px solid #afafaf;
                color: #616161;
                font-size: 14px;
                font-weight: normal;
                padding-bottom: 5px;
                margin-bottom: 10px;
            }

            .recentlyList .Item ul {
                padding: 0;
                margin: 0;
                list-style: circle;
                padding-left: 20px;
            }

                .recentlyList .Item ul li a:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .recentlyList .Item ul li {
                    color: #9a9a9a;
                    margin-bottom: 2px;
                }

    .VactionName {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: left;
        color: #000;
        width: 100%;
        font-size: 12px;
        min-height: 30px;
    }

        .VactionName div.txt {
            text-align: left;
            color: #000;
            max-width: 60%;
            font-size: 12px;
            float: left;
            max-height: 30px;
            overflow-y: hidden;
            margin-left: 20px;
        }


        .VactionName .btn {
            margin-top: 0px;
            text-align: center;
            float: right;
        }

            .VactionName .btn button {
                background-color: #fff;
                padding: 5px 15px 7px 15px;
                color: #dd4381;
                border: 1px solid #dd4381;
                font-size: 14px;
                margin-right: 20px;
                transition: all 0.5s ease;
                cursor: pointer;
            }

    button {
        transition: all 0.5s ease;
    }

    .VactionName .btn button:hover {
        background-color: #88769e;
        color: #fff;
        border-color: #88769e;
    }

    .tac {
        text-align: center;
    }

    .FZ26px {
        font-size: 26px;
    }

    .PT200px {
        padding-top: 200px;
    }

    .Notify .body .btn button:hover, .Notify .body .btn a:hover {
        background-color: #565656;
        transition: background-color 0.5s ease;
        cursor: pointer;
        text-align: center;
    }

    .Notify .body .btn button, .Notify .body .btn a {
        border: none;
        background-color: #9b9b9b;
        color: #fff;
        text-align: center;
        padding: 16px 0px;
        margin: 0 auto;
        display: block;
        width: 150px;
        float: none;
        font-size: 18px;
    }

    .Notify .body input {
        width: 90%;
        border: solid 1px #dedede;
        padding: 10px 5%;
        color: #535353;
    }

    .Notify .Title {
        padding: 15px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 24px !important;
    }

    .PositionLink {
        color: #c1c0c0;
        font-size: 14px;
        font-weight: normal;
     /*   text-transform: capitalize; */
        padding: 0;
        text-align: right;
        margin: 0;
    }

        .PositionLink a:hover {
            text-decoration: underline;
            color: #411958;
        }

    .Hint {
        font-size: 12px;
        color: #989898;
        padding: 0;
        margin: 0;
        text-align: right;
        padding-bottom: 20px;
    }

    .RequestForm table, tr, td {
        direction: rtl;
        text-align: right;
    }

    .RequestForm .body {
        padding: 10px 0;
        max-width: 100%;
    }

        .RequestForm .body input {
            width: 85%;
            border: solid 1px #dedede;
            padding: 10px 7.5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 0px;
            text-align: right;
        }

            .RequestForm .body input:focus {
                border: solid 1px #88769e;
            }

        .RequestForm .body .title {
            padding: 10px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 22px;
            color: #585858;
        }

        .RequestForm .body span {
            color: #8e8e8e;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .RequestForm .body select {
            width: 100%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .RequestForm .body .btn {
            text-align: right;
            padding-top: 10px;
        }

            .RequestForm .body .btn button:hover, .RequestForm .body .btn a:hover {
                background-color: #fff;
                color: #471b66;
                border: 1px solid #471b66;
                transition: all 0.5s ease-in-out;
                cursor: pointer;
            }

            .RequestForm .body .btn button, .RequestForm .body .btn a {
                border: none;
                background-color: #3e175a;
                border: 1px solid #3e175a;
                color: #fff;
                font-size: 18px;
                padding: 12px 40px;
            }

        .RequestForm .body table {
            width: 100%;
        }

            .RequestForm .body table td {
                padding-bottom: 10px;
            }

            .RequestForm .body table tr td:nth-child(odd) {
                text-align: right;
                vertical-align: middle;
                max-width: 150px;
                width: 150px;
            }

        .RequestForm .body label {
            font-size: 14px;
            color: #585858;
            font-weight: normal;
            max-width: 100px;
            padding: 0;
            margin: 0;
            text-align: right;
        }

        .RequestForm .body input.Date {
            background-image: url(../images/icons_date.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            background-size: 18px;
        }

    .CorporateSection2 .title {
        padding: 0 0 10px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #585858;
        text-align: right;
    }

    .CorporateSection2 .item {
        width: 20%;
        margin-left: 6.666%;
        background-color: #b79dba;
        max-height: 180px;
        height: 180px;
        position: relative;
        float: right;
        margin-bottom: 25px;
    }

        .CorporateSection2 .item:hover {
            background-color: #b79dba;
            transition: all 0.5s ease;
        }

        .CorporateSection2 .item:nth-child(4n) {
            margin-left: 0;
        }

        .CorporateSection2 .item .txt {
            top: 0%;
            width: 90%;
            padding: 10px 5%;
            height: 130px;
            max-height: 130px;
            position: relative;
            display: block;
            z-index: -1;
            text-align: right;
            opacity: .1;
        }

        .CorporateSection2 .item:hover .txt {
            display: block;
            z-index: 99;
            top: 0;
            transition: all .5s ease;
            opacity: 1;
        }

        .CorporateSection2 .item .txt ul {
            list-style: circle;
            padding: 0;
            margin: 0;
            margin-right: 20px;
            color: #fff;
        }

            .CorporateSection2 .item .txt ul li:hover {
                cursor: pointer;
                text-decoration: underline;
            }

        .CorporateSection2 .item .txt .more:hover {
            text-decoration: underline;
        }

        .CorporateSection2 .item .txt .more {
            color: #fff;
            font-size: 12px;
        }

        .CorporateSection2 .item h4 {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 5px 0%;
            margin: 0;
            background-color: #fff;
            color: #8b8b8b;
            font-size: 14px;
            max-height: 30px;
            overflow-y: hidden;
            height: 30px;
        }

        .CorporateSection2 .item .img {
            top: 0;
            width: 100%;
            height: 150px;
            max-height: 150px;
            position: relative;
            display: block;
            text-align: center;
        }

        .CorporateSection2 .item:hover .img {
            display: none;
        }

        .CorporateSection2 .item .img i, .CorporateSection2 .fa {
            color: #fff;
        }

    .CorporateSection2 .fa {
        margin-top: 35px;
    }


    .CorporateSection2 .item .img img {
        width: 100%;
        height: 100%;
    }

    .ui-datepicker {
        font-size: 10pt !important;
        width: 100%;
        min-height: 208px;
        border: 1px solid #d7d7d7;
        border-radius: 0;
    }

    .ui-datepicker-calendar .ui-state-active {
        background: #471b66;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        color: #e0e0e0;
        text-shadow: 0px 1px 0px #4d7a85;
        filter: dropshadow(color=#4d7a85, offx=0, offy=1);
        border: 1px solid #55838f;
        position: relative;
        margin: -1px;
    }

    .slicknav_menu {
        display: none;
    }

    /*############################Custom###########################################*/
    .RequestForm table, tr, td {
        direction: rtl;
        text-align: right;
    }

    .RequestForm .body input.FileUpload {
        background-image: url(../images/smallAttach.gif);
        background-repeat: no-repeat;
        background-position: left 10px center;
        background-size: 18px;
    }


    .RequestForm .body textarea {
        width: 85%;
        border: solid 1px #dedede;
        padding: 10px 7.5%;
        color: #535353;
        font-size: 14px;
        transition: all 0.5s ease-in-out;
        margin-bottom: 0px;
        min-height: 100px;
    }

        .RequestForm .body textarea:focus {
            border: solid 1px #88769e;
        }

    .fcRed {
        color: red;
    }

    .fz12px {
        font-size: 12px;
    }


     input[type=checkbox]:not(old):not(.old):not(.cbox),
    input[type=radio ]:not(old):not(.old):not(.cbox) {
        float:right;
        margin: 0;
        padding: 0;
       /* opacity: 0;*/
    }

   input[type=checkbox]:not(old):not(.old):not(.cbox) + span,
         input[type=radio ]:not(old):not(.old):not(.cbox) + span {
            display: inline-block;
            margin-right: -16px;
            padding-right: 28px;
            float: right;
            background: url('../images/checks.png') no-repeat 102% -3px;
            line-height: 24px;
        }

       input[type=checkbox]:not(old):not(.old):not(.cbox):checked + span {
            background-position: 102% -27px;
        }

       input[type=radio]:not(old):not(.old):not(.cbox):checked + span {
            background-position: 100% -48px;
        }

    .checkBoxItem {
        width: 30%;
        margin-left: 5%;
        float: right;
    }

        .checkBoxItem:nth-child(3) {
            margin-left: 0%;
        }

    .CondTerm {
        padding: 0px 0;
        margin: 0;
    }

        .CondTerm .Item {
            width: 100%;
        }

            .CondTerm .Item ul {
                padding: 0;
                margin: 0;
                list-style: circle;
                padding-left: 20px;
            }


                .CondTerm .Item ul li {
                    color: #9a9a9a;
                    margin-bottom: 2px;
                    font-size: 14px;
                    text-align: justify;
                }


    .InfoBar {
        width: 100%;
        height: 40px;
        background: #6f3975;
        background: linear-gradient(to left, #9d9d9d 0%,#9d9d9d 26%,#6f3975 26%,#6f3975 100%);
    }

        .InfoBar .left {
            float: right;
            width: 300px;
            height: 40px;
            margin-left: 60px;
            background: url(../images/SPMenu1.jpg) no-repeat right;
            background-size: auto 100%;
            -webkit-transform: scaleX(-1);
            -moz-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            transform: scaleX(-1);
        }

            .InfoBar .left h2 {
                padding: 0;
                margin: 0;
                font-size: 17px;
                color: #fff;
                font-weight: normal;
                display: inline-block;
                vertical-align: middle;
                padding-top: 10px;
                -webkit-transform: scaleX(-1);
                -moz-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                transform: scaleX(-1);
            }

        .InfoBar .right {
            float: right;
        }

            .InfoBar .right ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .InfoBar .right ul a {
                    float: right;
                }

                    .InfoBar .right ul a li {
                        padding: 12px 20px 8px 20px;
                        color: #fff;
                        font-size: 14px;
                    }

    .CCore {
        width: 95%;
        padding: 0 2.5%;
    }

    .CoreCase {
        width: 100%;
        padding: 30px 0%;
        direction: ltr;
    }

        .CoreCase .item {
            width: 100%;
            height: auto;
            max-height: 305px;
        }

        .CoreCase img {
            width: 100%;
            height: auto;
        }

    .CCoreItems {
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 230px;
    }

        .CCoreItems .item {
            width: 15.8%;
            border-left: 1px dotted #d3d3d3;
            height: 230px;
            float: right;
            padding: 0 2%;
        }

            .CCoreItems .item:first-child div.span {
                background: url('../images/CoreIcon1.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 25px 0 0px;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(2) div.span {
                background: url('../images/CoreIcon2.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 35px 0 0px;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(3) div.span {
                background: url('../images/CoreIcon3.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 35px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(4) div.span {
                background: url('../images/CoreIcon4.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 30px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(5) div.span {
                background: url('../images/CoreIcon5.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 100%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 35px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:last-child {
                border-left-color: #fff;
            }

            .CCoreItems .item img {
                width: 100%;
                height: auto;
                margin: 5px 0;
            }

            .CCoreItems .item .label {
                text-align: center;
                color: #c1678a;
                width: 100%;
            }

                .CCoreItems .item .label:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .CCoreItems .item .label a {
                    text-decoration: none;
                    color: inherit;
                }

    .Core3 {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 180px;
    }

        .Core3 .item {
            width: 30%;
            margin-left: 5%;
            min-height: 170px;
            background-color: #d2d2d2;
            float: right;
            height: auto;
        }

            .Core3 .item:hover {
                background-color: #6f3975;
            }

            .Core3 .item:nth-child(3n) {
                margin-left: 0%;
            }

    .CoreTitle {
        color: #4f008c;
        font-size: 22px;
        margin: 20px 0;
    }

    .PT100px {
        padding-top: 100px;
    }

    .CoreP {
        color: #595959;
        text-align: justify;
        font-size: 16px;
    }

    .OffersBanner {
        width: 100%;
        height: auto;
    }

        .OffersBanner img {
            width: 100%;
            height: auto;
        }

    .OffersCon {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

        .OffersCon ul {
            list-style: none;
            padding: 0;
            margin: 0;
            height: 50px;
            border-radius: 12px;
            width: 100%;
            direction: rtl;
        }

            .OffersCon ul li {
                float: right;
                color: #fff;
               
                    padding: 15px 5px 16px 4px;
                background-color: #b3b3b3;
                transition: all 0.5s ease-in-out;
                    font-size: 14px;
            }

                .OffersCon ul li.active {
                    background-color: #6f3975;
                }

                .OffersCon ul li:hover {
                    background-color: #6f3975;
                }

                .OffersCon ul li:first-child {
                    border-bottom-right-radius: 12px;
                    border-top-right-radius: 12px;
                }

                .OffersCon ul li:last-child {
                    border-bottom-left-radius: 12px;
                    border-top-left-radius: 12px;
                }

    .Offeritem {
        padding: 0;
        margin: 30px 0;
        background: #fff;
        min-height: 650px;
        height: auto;
    }

        .Offeritem .item {
	    width: 30%;
	    margin-left: 4%;
	    margin-bottom: 30px;
	    border: #d3d3d3 1px solid;
	    float: right;
	    padding-bottom: 10px;
	    overflow: hidden;
	    position: relative;
	            
	        
	}

           /* .Offeritem .item img {
                width: 100%;
                height: auto;
                max-height: 180px;
            }*/

            .Offeritem .item .txt {
                width: 100%;
                height: 160px;
                max-height: 100px;
                /* overflow: hidden; */
                padding: 0 5%;
                font-size:13px;
            }

                .Offeritem .item .txt h2 {
                    color: #4f008c;
                    font-size: 16px;
                    margin-bottom: 0;
                    padding-bottom: 0;
                    font-weight: normal;
                    height: 22px;
    				overflow: hidden;
                }

                .Offeritem .item .txt p {
                    color: #000;
                    font-size: 14px;
                    height: 22px;
    			    overflow: hidden;
                }

            .Offeritem .item:nth-child(3n) {
                margin-left: 0;
            }

    .SearchCon {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

        .SearchCon ul {
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
            direction: rtl;
            text-align: right;
        }

            .SearchCon ul li {
                transition: all 0.5s ease-in-out;
                float: right;
                color: #8b8b8b;
                font-size: 16px;
                padding: 12px 18px 13px 18px;
                border-radius: 12px;
                margin-right: 5px;
            }

                .SearchCon ul li.active {
                    background-color: #e2d7e3;
                    color: #000;
                }

                .SearchCon ul li:hover {
                    color: #000;
                    cursor: pointer;
                    background-color: #e2d7e3;
                }

        .SearchCon .SearchItems {
            width: 100%;
            margin: 25px 0;
        }

            .SearchCon .SearchItems .item {
                width: 100%;
                border-bottom: 1px solid #ccc;
                margin-bottom: 25px;
                min-height: 74px;
            }

                .SearchCon .SearchItems .item h4 {
                    font-weight: bold;
                    font-size: 16px;
                    color: #686868;
                    padding: 0;
                    margin: 0;
                }

                .SearchCon .SearchItems .item p {
                    color: #7f7f7f;
                }

    .PT40px {
        padding-top: 40px;
    }
}

@media all and (max-width:1199px) and (min-width:651px) {
.js .slicknav_menu {
    display: block;
}
#MainMenu { display: none;}
  body {
        margin: 0;
        padding: 0;
        background-color: #f3f3f1;
        font-family: STC-Regular;
        font-size: 14px;
        flex-direction: rtl;
    }

  
    .container {
        width: 95%;
        margin: auto;
    }

    .logo {
        float: right;
        padding-bottom: 15px;
    }

    .col1 {
        width: 0;
        float: right;
        padding-bottom: 5px;
    }

    .col2 {
        width: auto;
        float: left;
        padding-bottom: 5px;
    }

    nav {
        display: none;
        font-size: 18px;
        color: #4f008c;
        margin: 12px 0 5px 0;
    }

        nav ul {
            list-style: none;
            float: right;
            display: block;
            padding: 0;
            margin: 0;
        }

            nav ul li {
                float: right;
                padding: 9px 8px 0 20px;
            }

                nav ul li:hover {
                    border-bottom: solid 2px #ffbc00;
                }

                nav ul li.current {
                    border-bottom: solid 2px #ffbc00;
                }


    .homeIcon {
        padding-top: 0;
    }

        .homeIcon:hover {
            border-bottom: none;
            opacity: 0.8;
        }

    .iconSet1 {
        margin: 10px 0 0 0;
        float: left;
    }

    .icon {
        margin:10px;
        float: left;
        position: relative;
        cursor: pointer;
    }

        .icon .icon span span {
            background-color: #ff375e;
            color: #fff;
            font-size: 12px;
            border-radius: 100px;
            padding: 4px 7px 2px 7px;
            display: block;
            position: absolute;
            top: -10px;
            left: -13px;
            cursor: pointer;
        }

    .icon1 {
        background-image: url(../images/icon1.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon2 {
        background-image: url(../images/icon2.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon3 {
        background-image: url(../images/icon3.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon4 {
        background-image: url(../images/icon4.png);
        width: 10px;
        height: 18px;
    }

    .icon5 {
        background-image: url(../images/icon5.png);
        width: 25px;
        height: 25px;
    }

    .icon6 {
        background-image: url(../images/replay.png);
        width: 16px;
        height: 16px;
    }

    .icon7 {
        background-image: url(../images/replayAll.png);
        width: 16px;
        height: 16px;
    }

    .icon8 {
        background-image: url(../images/forward.png);
        width: 16px;
        height: 16px;
    }

    .searchSet {
        margin: 20px 10px 0 20px;
        float: right;
    }

        .searchSet input {
            border: solid 1px #dadada;
            padding: 7px 10px;
            background-image: url(../images/searchIcon.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            width: 70px;
            text-align: right;
            height:32px;
        }

    .iconSet2 {
        float: left;
        margin: 10px 0 0 0;
    }





    .profileBox {
        text-align: center;
        padding-bottom: 20px;
        max-width: 95%;
    }

        .profileBox img {
            border-radius: 110px;
            margin: 20px auto 15px auto;
            width: 80%;
        }

    .welcome {
        color: #848182;
        font-size: 14px;
        text-align: right;
        padding-right: 50px;
    }

    .name {
        color: #484646;
        font-size: 16px;
        text-align: right;
        padding-right: 50px;
    }

    hr {
        height: 2px;
        background-color: #918f8f;
        margin: 7px 20px;
        border: none;
    }

    .position {
        border-right: solid 7px #4f008c;
        margin-right: 10px;
        font-size: 14px;
        margin-top: 20px;
        text-align: right;
    }

        .position .line1 {
            color: #231f20;
            padding-right: 10px;
        }

        .position .line2 {
            color: #717171;
            padding-right: 10px;
        }

    .box1 {
    }

        .box1 .title {
            background-color: #4f008c;
            color: #fff;
            font-size: 15px;
            padding: 10px 20px 7px 5px;
            background-image: url(../images/icon6.png);
            background-repeat: no-repeat;
            background-position: left 15px center;
            text-align: right;
        }
        .portlet .title .title {
        	background-color: #4f008c;
            color: #fff;
            font-size: 15px;
            padding: 10px 20px 7px 5px;
            background-image: url(../images/icon6.png);
            background-repeat: no-repeat;
            background-position: left 15px center;
            text-align: right;
		}

        .box1 .body {
            background-color: #fff;
            padding: 30px 12px 30px 12px;
        }

    .calender {
    }

        .calender .day {
            float: right;
            background-color: #ff375e;
            color: #fff;
            font-size: 30px;
            padding: 20px 15px 12px 15px;
            margin-left: 15px;
            position: relative;
            margin-top: 5px;
        }

            .calender .day .arow {
                background-image: url(../images/calenderArow.png);
                width: 6px;
                height: 10px;
                position: absolute;
                left: -6px;
                top: 40%;
                z-index: 100000;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .calender .txt {
        }

            .calender .txt .title {
                color: #411b59;
                font-size: 14px;
                padding-bottom: 5px;
                text-align: right;
            }

            .calender .txt .desc {
                color: #8b8b8b;
                text-align: right;
                font-size: 12px;
            }

    .list1 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-right: 10px;
        text-align: right;
    }

        .list1 li:before {
            content: "-";
        }

        .list1 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 3px 0;
        }




        .list1 .viewAll:before {
            content: "";
        }

        .list1 .viewAll {
            border-bottom: none;
            color: #c7c7c7;
            text-align: left;
            padding-top: 10px;
        }

    .list5 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .list5 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 3px 0;
        }


    .box2 {
        background-color: #fff;
        margin: 10px 0;
        position: relative;
        text-align: right;
        direction: rtl;
    }

        .box2 iframe {
            max-width: 100%;
        }
	
        .box2 .title {
            color: #4f008c;
            font-size: 20px;
            padding: 25px 15px 10px 15px;
        }

        .box2 .title2 {
            color: #4f008c;
            font-size: 24px;
            padding: 25px 15px 10px 15px;
        }

        .box2 .body {
            padding: 10px 20px 10px 20px;
        }

            .box2 .body input[type="text"] {
               
                border: solid 1px #dedede;
                padding: 7px 5%;
                color: #535353;
                font-size: 14px;
                margin-bottom: 10px;
            }

            .box2 .body select {
                width: 100%;
                border: solid 1px #dedede;
                padding: 7px 5%;
                color: #535353;
                font-size: 14px;
                margin-bottom: 10px;
            }

            .box2 .body .btn {
                text-align: left;
                padding-top: 10px;
            }

                .box2 .body .btn button {
                    border: none;
                    transition: all 0.5s ease;
                    color: #fff;
                    background-color: #9b9b9b;
                    padding: 10px 20px;
                    transition: all 0.5s ease;
                }

                    .box2 .body .btn button:hover {
                        background-color: #565656;
                        cursor: pointer;
                    }

        .box2 .viewAll2 {
            position: absolute;
            left: 20px;
            top: 35px;
            color: #a7a7a7;
            font-size: 14px;
        }

        .box2 .body .Subtitle {
            color: #565656;
            font-size: 18px;
            margin: 15px 0 20px 0;
        }

        .box2 .body .item {
            padding-right: 15px;
            margin-bottom: 15px;
        }

        .box2 .title2 .icon2 {
            display: none;
        }

        .box2 .body .item .title {
            color: #6d6d6d;
            font-size: 14px;
        }

        .box2 .body .item .action {
            color: #a7a7a7;
            font-size: 12px;
            margin-top: 7px;
        }

            .box2 .body .item .action a {
                padding-left: 25px;
            }

    .box3 {
        background-color: #fff;
        padding: 15px;
        margin: 10px;
        position: relative;
        direction: rtl;
    }

        .box3 > .title {
            color: #4f008c;
            font-size: 25px;
            margin-top: 20px;
            text-align: right;
            margin-bottom: 5px;
        }

        .box3 .title2 {
            color: #000;
            font-size: 18px;
            text-align: right;
        }

        .box3 .title3 {
            color: #ff375e;
            position: absolute;
            top: 60px;
            right: 30px;
            text-align: right;
            font-size: 16px;
        }

        .box3 .title4 {
            color: #ff375e;
            font-size: 25px;
            margin-top: 12px;
            text-align: center;
            margin-bottom: 5px;
        }

            .box3 .title4 .action {
                float: left;
                width: 50%;
            }

            .box3 .title4 .Subtitle {
                color: #949494;
                font-size: 18px;
                padding-bottom: 7px;
                padding-top: 7px;
                text-align: right;
            }

    .title5 {
        color: #46196a;
        font-size: 20px;
        margin: 20px 0;
        text-align: right;
    }

    .boxSpicalOffer {
        position: relative;
       
        background-color: #fff;
        margin: 20px 0;
        height: 70px;
    }

        .boxSpicalOffer .icon {
            position: absolute;
            background-image: url(../images/SpecialOffers.png);
            width: 84px;
            height: 83px;
            top: -6px;
            right: 3px;
        }


        .boxSpicalOffer .logo {
            float: right;
            margin-right: 95px;
            margin-left: 0px;
            margin-top: 7px;
            width: auto;
            padding: 0;
        }

            .boxSpicalOffer .logo img {
                max-width: 50px;
            }

        .boxSpicalOffer .desc {
            color: #585858;
            font-size: 12px;
            float: right;
            width: auto;
            max-width: 80px;
            padding: 10px 0 0 0px;
            max-height: 90%;
            overflow: hidden;
        }

    .vedioName {
        color: #585858;
        font-size: 14px;
        padding-top: 18px;
        text-align: center;
    }

    .ADV1 {
        margin: 10px 0;
    }

        .ADV1 img {
            width: 100%;
        }


    .list2 {
        list-style: none;
        padding: 0;
        margin: 0;max-height:700px;overflow-y:scroll;
    }


        .list2 li {
            margin-bottom: 10px;
                cursor: pointer;
        }

            .list2 li img {
                border-radius: 70px;
                width: 15%;
                height: auto;
                float: right;
                margin-left: 15px;
                overflow: hidden;
            }

            .list2 li span {
                float: left;
                display: block;
                color: #1d252d;
                padding-top: 10px;
                font-size: 14px;
                width: 75%;
            }

            .list2 li .span2 {
                width: 65%;
                float: right;
            }

            .list2 li .btn {
                float: right;
                width: 19px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
            }

    .list3 {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .list3 li {
            border-bottom: solid 1px #e9e9e9;
            padding: 10px 0px 10px 10px;
            margin: 10px 0;
        }

            .list3 li .time {
                color: #b4b4b4;
                font-size: 12px;
                padding-bottom: 7px;
            }

            .list3 li .title {
                color: #585858;
                font-size: 14px;
            }

                .list3 li .title strong {
                    color: #595959;
                    font-size: 25px;
                    padding-left: 20px;
                }

    .list4 {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .list4 li {
            padding: 0;
            margin: 0;
            margin: 10px 0;
        }

    .col3 {
        width: 19%;
        margin-top: 10px;
        background-color: #fff;
        float: right;
    }

    .col4 {
        width: 50%;
        margin: 0 1%;
        float: right;
    }

    .col5 {
        width: 29%;
        float: right;
    }

    .col6 {
        width: 76%;
        float: right;
    }

    .col7 {
        width: 34%;
        float: right;
        padding-top: 30px;
        padding-bottom: 30px;
        border-left: solid 1px #cecece;max-height:900px;overflow-y:scroll;
    }

    .col8 {
        width: 65%;
        float: right;
    }

    .col9 {
        width: 70%;
        float: right;
    }

    .newsBox {
        background-color: #fff;
        margin: 0px 0;
        padding: 30px 5% 15px 5%;
        width: 90%;
    }

        .newsBox .Items .img {
            float: right;
            width: 35%;
        }

            .newsBox .Items .img a img {
                max-width: 100%;
            }

        .newsBox .Items .desc {
            float: left;
            text-align: right;
            width: 60%;
        }

            .newsBox .Items .desc a .title {
                color: #373737;
                font-size: 20px;
                margin-bottom: 20px;
                margin-top: 20px;
            }

                .newsBox .Items .desc a .title span {
                    color: #ff375e;
                    font-size: 16px;
                }

            .newsBox .Items .text {
                color: #9e9e9e;
                font-size: 14px;
            }

        .newsBox .viewAll {
            text-align: left;
            color: #373737;
            font-size: 14px;
        }

        .newsBox .paging {
            text-align: center;
            margin: 25px auto 15px auto;
        }

            .newsBox .paging span {
                width: 7px;
                height: 7px;
                background-color: #ababab;
                margin: 0 5px;
                border-radius: 50px;
                display: inline-block;
            }

            .newsBox .paging .curent {
                background-color: #ff375e;
            }

    .MyDisc {
        position: relative;
    }

        .MyDisc textarea {
            border: solid 1px #afafaf;
            height: 20px;
            padding: 10px 7%;
            width: 80%;
            border-right: none;
            margin-right: 5%;
            font-family: STC-Regular;
            resize: none;
        }

        .MyDisc .img {
            position: absolute;
            right: -10px;
            top: -7px;
        }

            .MyDisc .img img {
                width: 55px;
                height: 53px;
                border-radius: 80px;
            }

        .MyDisc .btn {
            text-align: left;
            margin-top: 15px;
            margin-left: 7px;
        }

            .MyDisc .btn button {
                background-color: #373737;
                color: #fff;
                padding: 10px 30px 10px 30px;
                font-size: 22px;
                border: none;
                font-family: STC-Regular;
            }

    .Tab {
        display: table;
        width: 100%;
        margin: auto;
        table-layout: fixed;
    }

    .TabHeader , .TabHeader2 {
        display: table-row;
    }

    .TabHeaderBtn , .TabHeader2Btn {
        display: table-cell;
        background-color: #dfdfdf;
        color: #515151;
        text-align: center;
        padding: 10px 0 8px 0;
        border-left: solid 1px #ffffff;
        cursor: pointer;
    }

    .TabHeaderBtnActive , .TabHeader2BtnActive{
        background-color: #4f008c !important;
        color: #fff !important;
    }

    .TabBody  , .TabBody2 {
        padding: 10px;
    }

    .Topic {
        margin: 30px 0;
    }

        .Topic .img, .Topic .img2 {
            float: right;
            margin-left: 2%;
            border-radius: 80px;
            width: 10%;
        }

            .Topic .img img {
                width: 100%;
                height: 100%;
                margin-top: -10px;
            }

            .Topic .img2 img {
                width: 100%;
                height: 100%;
                margin-top: 0;
            }

        .Topic .Content {
            float: right;
            width: 87%;
        }

            .Topic .Content .Title {
                background-color: #c7c7c7;
                color: #000;
                font-size: 16px;
                padding: 7px 20px 3px 20px;
                position: relative;
            }

                .Topic .Content .Title span {
                    position: absolute;
                    top: 6px;
                    right: -6px;
                }

            .Topic .Content .Body span {
                position: absolute;
                top: 15px;
                right: -6px;
            }


            .Topic .Content .Body {
                background-color: #f3f3f3;
                color: #000;
                font-size: 14px;
                padding: 10px 20px 10px 20px;
                position: relative;
            }

    .Commint {
        margin-left: 10%;
    }


    .AppSwitcher {
        background-color: #f0f0f0;
        padding: 10px;
        box-shadow: 1px 1px 5px #777;
        position: absolute;
        top: 40px;
        left: 0px;
        z-index: 10000;
        width: 190px;
        display: none;
    }

        .AppSwitcher .Arow {
            position: absolute;
            top: -5px;
            left: 43%;
        }

        .AppSwitcher .Item {
            display: inline-block;
            width: 55px;
            height: 29px;
            padding: 10px 15px 10px 15px;
            border: solid 1px #f0f0f0;
        }

            .AppSwitcher .Item:hover {
                border: solid 1px #e3e3e3;
            }


    .Notification {
        direction: rtl;
        background-color: #f0f0f0;
        box-shadow: 1px 1px 5px #777;
        position: absolute;
        top: 40px;
        left: -40px;
        z-index: 10000;
        width: 350px ;
        display: none;overflow-y:auto;
    }

        .Notification .item:hover {
            background-color: #fff;
        }

        .Notification .title {
            background-color: #fff;
            font-size: 18px;
            padding: 5px 10px;
            text-align:right;
        }

            .Notification .title .action {
                float: right;
            }

                .Notification .title .action a {
                    font-size: 12px;
                    color: #ff375e;
                }

        .Notification .item {
            margin: 3px 3px;
            border-bottom: solid 1px #dadada;
            padding: 7px 0 7px 0;
        }

            .Notification .item img {
                float: right;
                width: 50px;
                height: 50px;
                margin-left: 10px;
            }

            .Notification .item .text {
                float: right;
                width: 212px;
                padding-top: 10px;
                font-size: 14px;
            }

        .Notification .ViewAll {
            background-color: #dadada;
            color: #515151;
            padding: 7px 0;
            text-align: center;
            font-size: 14px;
        }

    .Discussions {
        margin: 30px 0;
    }

        .Discussions .box {
            float: right;
            width: 45%;
            margin-right: 2.5%;
            margin-left: 2.5%;
            margin-bottom: 5%;
            position: relative;
        }

            .Discussions .box img {
                width: 100%;
                height: 112px;
            }

            .Discussions .box .over {
                background-color: #4f008c;
                opacity: 0.8;
                width: 100%;
                height: 212px;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 10000;
                display: none;
            }

                .Discussions .box .over a {
                    border: solid 1px #fff;
                    padding: 7px 0;
                    margin: 30% auto;
                    width: 64px;
                    display: block;
                    color: #fff;
                    text-align: center;
                }

            .Discussions .box:hover .over {
                display: block;
            }


            .Discussions .box .text {
                margin: 15px 0;
            }

                .Discussions .box .text .title {
                    color: #000;
                    font-size: 23px;
                }

                .Discussions .box .text .desc {
                    color: #8e9aa0;
                    font-size: 18px;
                    margin-top: 10px;
                }

                    .Discussions .box .text .desc span {
                        color: #ff375e;
                    }


    .DiscussionsData {
        margin: 40px 0;
    }

    .sp-new {
        color: #6f6f6f;
        font-size: 18px;
        background-image: url(../images/SP-new.jpg);
        background-repeat: no-repeat;
        padding-left: 27px;
        margin: 15px 0;
    }

        .sp-new span {
            color: #0074cc;
        }


    .link1 {
        padding: 0;
        margin: 0;
        list-style: none;
        clear: both;
        border-bottom: solid 1px #c6c6c6;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

        .link1 li {
            float: right;
            padding: 0;
            margin: 0;
            padding-left: 25px;
            color: #616b63;
            font-size: 14px;
        }

    .boxMorePading {
        padding: 30px;
    }

    .boxMorePading2 {
        padding: 0 20px;
    }

    .TopicList {
        margin: 20px 0;
    }

    .TopicBox {
        margin: 30px 0;
    }

        .TopicBox .left {
            width: 10%;
            float: left;
            margin-right: 5%;
            font-size: 14px;
            color: #7d797a;
        }

            .TopicBox .left div {
                margin-bottom: 4px;
            }

                .TopicBox .left div span {
                    color: #000;
                }

        .TopicBox .right {
            float: left;
            width: 85%;
        }

            .TopicBox .right .title {
                color: #585858;
                font-size: 18px;
                margin-bottom: 7px;
            }

            .TopicBox .right .desc {
                color: #8e8e8e;
                font-size: 14px;
                margin-bottom: 3px;
            }

            .TopicBox .right .desc2 {
                color: #8e8e8e;
                font-size: 14px;
            }

                .TopicBox .right .desc2 span {
                    color: #5e3571;
                }


    .bar {
        height: 5px;
        width: 100%;
        background-color: #d7d7d7;
        margin-bottom: 10px !important;
        margin-top: 10px;
        position: relative;
    }

        .bar .fill {
            background-color: #8b898c;
            position: absolute;
            top: 0px;
            left: 0px;
            height: 5px;
            width: 10px;
        }

    .list-icon {
        padding-left: 10px;
        margin-top: 2px;
    }

    .editForm {
        margin: 40px 0;
        direction: rtl;
        text-align: right;
    }

    .inputGroup3 {
        margin: 10px 0;
        direction: rtl;
        text-align: right;
    }

        .inputGroup3 .lbl {
            color: #373737;
            font-size: 15px;
            float: right;
            width: 15%;
            margin-left: 5%;
            padding-top: 5px;
        }

            .inputGroup3 .lbl span {
                color: #ff375e;
            }

        .inputGroup3 .edit1 {
            float: right;
            width: 45%;
            margin-left: 5%;
            font-weight: bold;
            color: #7d797a;
        }

        .inputGroup3 .edit2 {
            float: left;
            width: 25%;
        }

            .inputGroup3 .edit2 a {
                color: #ff375e;
            }

    .form-control {
        width: 100%;
        border: solid 1px #cdcdcd;
        padding: 0px 5px 1px 5px;
        color: #373737;
    }

    .form-button {
        border-top: solid 1px #cacaca;
        margin-top: 20px;
        padding-top: 20px;
        text-align: left;
    }

    .form-button2 {
        margin-top: 20px;
        padding-top: 20px;
        text-align: left;
        float: left;
    }

    .inputIcon {
        margin: 5px 0 0 20px;
    }

    .button {
        border: none;
        padding: 10px 15px 7px 15px;
        font-size: 17px;
        margin-right: 15px;
    }

    .btn1 {
        background-color: #ff375e;
        color: #fff;
    }

        .btn1:hover {
            background-color: #b0275f;
        }

    .btn2 {
        background-color: #595959;
        color: #fff;
    }

        .btn2:hover {
            background-color: #828282;
        }

    .topicDesc {
        font-size: 15px;
        color: #8b8b8b;
        text-align: justify;
        margin: 40px 0;
    }

    .detail {
        color: #cecece;
    }

        .detail span {
            color: #5e3571;
        }

    .text-right {
        text-align: right;
        float: right;
    }

    .teamList {
        margin: 40px 0;
    }

    .TeamBox {
        float: right;
        width: 28%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

        .TeamBox img {
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
        }

        .TeamBox .name {
            color: #ff375e;
            font-size: 20px;
            margin-bottom: 10px;
        }

        .TeamBox .jobTitle {
            color: #918f8f;
            text-align: center;
            font-size: 15px;
            margin-bottom: 5px;
        }

        .TeamBox .desc {
            color: #573873;
            text-align: center;
            font-size: 12px;
        }



    /*Login Page Style*/


    .login {
        background-image: url(../images/loginBG.jpg);
        background-repeat: no-repeat;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        color: #fff;
        direction: rtl;
        min-height: 600px;
        width:100%;
    }

        .login .Content {
            margin: auto;
            text-align: center;
            padding-top: 10%;
            width: 80%;
        }

            .login .Content .LoginIcon img {
                float: right;
                width: 154px;
                height: 106px;
                margin-right: 5%;
            }

            .login .Content .LoginIcon span {
                font-size: 20px;
                float: right;
                padding-top: 60px;
                padding-right: 10px;
            }

    .inputGroup {
        margin: 10px 0;
        text-align: right;
        flex-direction: rtl;
    }

        .inputGroup label {
            display: inline-block;
            background-color: #381b3b;
            padding: 13px 12px 7px 12px;
            margin: 0;
        }

            .inputGroup label img {
               margin: -6px 0 0 0;
            }

        .inputGroup input {
            border: none;
            background-color: #fff;
            width: 60%;
            padding: 16px 20px 9px 20px;
            margin: 0;
            text-align: right;
            color:#5C3061;
        }

    .inputGroup2 {
        font-size: 16px;
        text-align: right;
        direction: rtl;
    }

        .inputGroup2 span {
            padding-left: 50px;
        }

    .inputBtn {
        margin-top: 30px;
        text-align: right;
        padding-right: 10%;
    }

        .inputBtn .aui-button-input-submit {
            background-color: #fff;
            padding: 10px 30px 7px 30px;
            color: #000;
            border: none;
            font-size: 20px;
            transition: background-color 0.5s ease;
        }

         .inputBtn .aui-button-input-submit:hover {
             background-color: #d0aad4;
         }



    .EventList {
        margin: 40px 20px;
    }

    .event {
        margin: 20px 0;
    }

        .event .date {
            float: right;
            padding: 20px 20px 15px 20px;
            background-color: #573873;
            color: #fff;
            font-size: 25px;
            margin-left: 30px;
        }

        .event .text {
            float: right;
            width: 80%;
            margin-top: 15px;
        }

            .event .text .title {
                color: #431958;
                font-size: 18px;
                padding-bottom: 4px;
            }

            .event .text .desc {
                color: #8a8a8a;
                font-size: 14px;
            }

    /*End Loginpage class*/

    .searchMessage {
        border: solid 1px #dadada;
        padding: 4px 10px;
        background-image: url(../images/searchIcon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
        width: 60%;
        margin-bottom: 15px;
        float: left;
    }

    .message {
    }



        .message .Box {
            width: 95%;
            margin: auto;
            padding: 10px 0;
            border-bottom: solid 1px #cccccc;
        }

            .message .Box img {
                float: right;
                width: 18%;
                margin-left: 5%;
                margin-right: 2%;
            }

            .message .Box .title {
                float: right;
                width: 45%;
                margin-left: 5%;
                text-align: right;
                padding-top: 10px;
            }

                .message .Box .title h4 {
                    color: #7b4e80;
                    font-size: 14px;
                    text-align: right;
                    margin: 0;
                    padding: 0;
                    font-weight: normal;
                }

                .message .Box .title h5 {
                    color: #000;
                    font-size: 12px;
                    margin: 0;
                    padding: 0;
                    font-weight: normal;
                    text-align: right;
                }

            .message .Box .date {
                float: left;
                width: 14%;
                font-size: 12px;
                color: #cacaca;
                padding-top: 15px;
                padding-left: 1%;
            }

        .messageSelected, .message:hover {
            background-color: #9a749d;
            color: #fff !important;
        }

            .messageSelected .Box .title h4, .message:hover .Box .title h4 {
                color: #fff !important;
            }

            .messageSelected .Box .title h5 {
                color: #fff !important;
            }

    .messageTitle {
        font-size: 30px;
        padding: 15px 0;
        color: #7b4e80;
        text-align: right;
    }

    .messageSubject {
        font-size: 18px;
        padding: 3px 0;
        color: #757575;
        text-align: right;
    }

    .messageAction {
        text-align: right;
    }

        .messageAction a {
            display: inline-block;
            padding-right: 15px;
            color: #b6b6b6;
        }

    .messageFrom {
        margin: 15px 0;
    }

        .messageFrom img {
            float: right;
            width: 70px;
            height: 70px;
            margin-left: 15px;
        }

        .messageFrom .from {
            float: right;
            width: 200px;
            direction: rtl;
        }

            .messageFrom .from h4 {
                color: #9a749d;
                font-size: 20px;
                font-weight: normal;
                padding: 7px 0 0 0;
                margin: 0;
                text-align: right;
            }

            .messageFrom .from h5 {
                color: #8d8d8d;
                text-align: right;
                font-size: 16px;
                font-weight: normal;
                padding: 0;
                margin: 0;
            }

    .messageData {
        margin: 10px;
        font-size: 14px;
    }

        .messageData span {
            font-weight: bold;
        }

    .messageText {
        margin: 50px 30px;
        font-size: 14px;
        color: #666666;max-height:500px;overflow-y:scroll;
    }


    .messageReplay {
        margin: 30px 0 20px 0;
    }

    .replayMessage {
        border: solid 1px #cecece;
        padding: 10px 15px;
        width: 85%;
        height: 100px;
        margin-right: 5%;
        text-align: right;
    }

    /*Message Center*/
    /*End Message Center*/

    a {
        color: inherit;
        text-decoration: none;
    }

    .fl {
        float: right;
    }

    .fr {
        float: left;
    }

    .clear {
        clear: both;
    }

    input, textarea {
        outline: none;
    }

    .fs14 {
        font-size: 14px !important;
    }

    .fs13 {
        font-size: 13px !important;
    }

    .fs12 {
        font-size: 12px !important;
    }

    * {
        font-family: STC-Regular;
    }

    .colCustom {
        width: 60%;
        margin: 10px 0 0 01%;
        padding: 0 4.5%;
        float: right;
        background-color: #fff;
    }

    .h1Title {
        padding: 10px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px !important;
        text-align: right;
    }

    .Black {
        color: #000;
    }

    .Purple {
        color: #dd4381;
    }

    .Purple2 {
        color: #411958;
    }

    .NewsCase {
        width: 100%;
        height: 250px;
        margin-bottom: 50px;
    }

        .NewsCase .NewsLeft {
            width: 30%;
            background-color: #471b66;
            float: right;
            height: 100%;
            padding: 0 3%;
        }

            .NewsCase .NewsLeft h1 {
                color: #fff;
                font-size: 18px;
                font-weight: normal;
                padding: 10px 0;
                margin: 5px 0;
                padding-bottom: 0;
                max-height: 50px;
                overflow-y: hidden;
            }

            .NewsCase .NewsLeft span {
                color: #88769e;
                font-size: 12px;
            }

            .NewsCase .NewsLeft .summary {
                color: #b1afb0;
                font-size: 14px;
                font-weight: normal;
                padding: 10px 0;
                padding-top: 0;
                margin: 0;
                margin-bottom: 20px;
            }

            .NewsCase .NewsLeft .btn {
                margin-top: 0px;
                text-align: center;
                float: left;
            }

                .NewsCase .NewsLeft .btn button, .NewsCase .NewsLeft .btn a {
                    background-color: #471b66;
                    padding: 12px 20px 10px 20px;
                    color: #fff;
                    border: 1px solid #fff;
                    font-size: 16px;
                    transition: all 0.5s ease;
                    cursor: pointer;
                }

                    .NewsCase .NewsLeft .btn button:hover, .NewsCase .NewsLeft .btn a:hover {
                        background-color: #fff;
                        color: #000;
                    }

        .NewsCase .NewsRightMob {
            display: none;
        }

        .NewsCase .NewsRight {
            width: 64%;
            background-color: #ccc;
            float: right;
            height: 100%;
        }

            .NewsCase .NewsRight img {
                width: 100%;
                height: 100%;
            }

    .NewsSec {
        padding: 0;
        margin: 0;
    }

        .NewsSec .Item:hover h4 {
            text-decoration: underline;
        }

        .NewsSec .Item {
                width: 45%;
               margin: 0 2.5%;
    height: 80px;
    max-height: 85px;
    float: right;
    margin-bottom: 25px;
        }

           
            .NewsSec .Item a .left {
                width: 30%;
                height: 100%;
                float: right;
            }

                .NewsSec .Item a .left img {
                    width: 100%;
                    height: 100%;
                    border-radius: 2px;
                }

            .NewsSec .Item a .right {
                width: 65%;
                height: 100%;
                float: left;
            }

                .NewsSec .Item a .right h4 {
                    padding: 0;
                    margin: 0;
                    color: #5a5a5a;
                    font-size: 14px;
                    max-height: 20px;
                    overflow-y: hidden;
                }

                .NewsSec .Item a .right p {
                    padding: 0;
                    margin: 0;
                    color: #999999;
                    margin-top: 10px;
                    max-height: 52px;
                    overflow-y: hidden;
                }

        .NewsSec .paging {
            text-align: center;
            margin: 5px auto 10px auto;
        }

            .NewsSec .paging span {
                width: 20px;
                height: 20px;
                background-color: none;
                margin: 0 2px;
                border-radius: 3px;
                display: inline-block;
                cursor: pointer;
                font-size: 16px;
            }

            .NewsSec .paging .curent {
                background-color: #471b66;
                color: #fff;
            }



    .NewsDetails .Title {
        padding: 10px 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #000;
    }

    .NewsDetails .Date {
        color: #88769e;
        font-size: 12px;
    }

    .NewsDetails .Details {
        margin-top: 20px;
        direction: rtl;
        text-align: right;
    }

        .NewsDetails .Details p {
            text-align: justify;
            color: #575757;
            font-size: 14px;
        }

        .NewsDetails .Details .img {
            border: solid 1px #f1f1f1;
            border-radius: 3px;
            width: 45%;
            margin-left: 20px;
            float: right;
            height: 275px;
            margin-bottom: 10px;
        }

            .NewsDetails .Details .img .desc {
                color: #88769e;
                font-size: 12px;
                text-align: center;
                margin-top: 5px;
                max-height: 14px;
                max-width: 100%;
                overflow: hidden;
            }

            .NewsDetails .Details .img img {
                width: 100%;
                height: 240px;
            }

    .OfferDetails .Title {
        padding: 10px 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #000;
    }

    .OfferDetails .Date {
        color: #88769e;
        font-size: 12px;
    }

    .OfferDetails .Details {
        margin-top: 20px;
    }

        .OfferDetails .Details p {
            text-align: justify;
            color: #575757;
            font-size: 14px;
        }

        .OfferDetails .Details .img {
            border: solid 1px #f1f1f1;
            border-radius: 3px;
            width: 100%;
            margin-left: 0;
            float: none;
            height: 275px;
            margin-bottom: 10px;
        }

            .OfferDetails .Details .img .desc {
                color: #88769e;
                font-size: 12px;
                text-align: center;
                margin-top: 5px;
                max-height: 14px;
                max-width: 100%;
                overflow: hidden;
            }

            .OfferDetails .Details .img img {
                width: 100%;
                height: 240px;
            }

    .RelNews {
        padding: 0;
        margin: 50px 0 50px 0;
    }


    .searchInner {
        margin: 20px 20px 0 10px;
        float: left;
    }

        .searchInner input {
            border: solid 1px #dadada;
            padding: 7px 10px;
            background-image: url(../images/searchIcon.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            width: 250px;
        }

    .LatestNews {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .LatestNews li a span {
            color: #a3a3a3;
            font-size: 12px;
        }

        .LatestNews li {
            margin-bottom: 10px;
            border-bottom: 1px solid #f1f1f1;
            padding-bottom: 10px;
        }

            .LatestNews li:hover {
                border-bottom: 1px solid #88769e;
            }

            .LatestNews li a p {
                float: right;
                display: block;
                color: #595959;
                padding: 0;
                margin: 0;
                padding-top: 10px;
                font-size: 14px;
            }

            .LatestNews li .btn {
                float: right;
                width: 19px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
            }

    .CorporateSection {
    }

        .CorporateSection .item {
            width: 30%;
            margin-left: 5%;
            float: right;
            text-align: center;
            position: relative;
        }

            .CorporateSection .item .img {
                width: 100%;
                height: 155px;
                background-color: #c4c4c4;
                transition: all 0.5s ease;
            }

            .CorporateSection .item:hover .img {
                background-color: #64467c;
                text-align: center;
            }

            .CorporateSection .item .img img {
                width: 100%;
                height: 100%;
            }

            .CorporateSection .item .img .fa {
                color: #fff;
                margin-top: 40px;
                text-align: center;
            }

            .CorporateSection .item h4 {
                color: #747474;
                text-align: center;
                padding: 10px 0;
                margin: 0;
                font-weight: normal;
                font-family: STC-Regular;
                font-size: 22px;
                max-width: 80%;
                display: block;
                margin: 0 auto;
            }

            .CorporateSection .item .Lists {
                position: absolute;
                z-index: 99;
                background: #fff;
                width: 100%;
                display: none;
                direction: rtl;
            }

            .CorporateSection .item ul {
                list-style: circle;
                text-align: right;
                padding-left: 0;
                margin-left: 25px;
            }

                .CorporateSection .item ul li {
                    text-align: right;
                    color: #747474;
                    padding-bottom: 5px;
                }

                    .CorporateSection .item ul li:hover {
                        cursor: pointer;
                        text-decoration: underline;
                    }

            .CorporateSection .item:hover .Lists {
                display: block;
            }

            .CorporateSection .item:hover h4 {
                display: none;
            }

            .CorporateSection .item:nth-child(3n) {
                margin-left: 0;
            }

    .MinHe650 {
        min-height: 653px;
    }

    .MinHe878 {
        min-height: 878px;
    }

    .EService .body {
        padding: 10px 0;
        max-width: 80%;
    }

        .EService .body input {
            width: 90%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 5px;
        }


            .EService .body input:focus {
                border: solid 1px #88769e;
            }

        .EService .body .title {
            padding: 10px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 22px;
            color: #585858;
        }

        .EService .body span {
            color: #8e8e8e;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .EService .body select {
            width: 100%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .EService .body .btn {
            text-align: right;
            padding-top: 10px;
        }

            .EService .body .btn button:hover, .EService .body .btn a:hover {
                background-color: #565656;
                transition: all 0.5s ease;
                cursor: pointer;
            }

            .EService .body .btn button, .EService .body .btn a {
                border: none;
                background-color: #9b9b9b;
                color: #fff;
                padding: 10px 20px;
            }

    .recentlyList {
        padding: 50px 0;
        margin: 0;
    }

        .recentlyList .Item {
            width: 45%;
        }

            .recentlyList .Item:nth-child(odd) {
                float: left;
            }

            .recentlyList .Item:nth-child(even) {
                float: right;
            }

            .recentlyList .Item h4 {
                padding: 0;
                margin: 0;
                border-bottom: 1px solid #afafaf;
                color: #616161;
                font-size: 14px;
                font-weight: normal;
                padding-bottom: 5px;
                margin-bottom: 10px;
            }

            .recentlyList .Item ul {
                padding: 0;
                margin: 0;
                list-style: circle;
                padding-left: 20px;
            }

                .recentlyList .Item ul li a:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .recentlyList .Item ul li {
                    color: #9a9a9a;
                    margin-bottom: 2px;
                }

    .VactionName {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: left;
        color: #000;
        width: 100%;
        font-size: 12px;
        min-height: 30px;
    }

        .VactionName div.txt {
            text-align: left;
            color: #000;
            max-width: 60%;
            font-size: 12px;
            float: left;
            max-height: 30px;
            overflow-y: hidden;
            margin-left: 20px;
        }


        .VactionName .btn {
            margin-top: 0px;
            text-align: center;
            float: right;
        }

            .VactionName .btn button {
                background-color: #fff;
                padding: 5px 15px 7px 15px;
                color: #dd4381;
                border: 1px solid #dd4381;
                font-size: 14px;
                margin-right: 20px;
                transition: all 0.5s ease;
                cursor: pointer;
            }

    button {
        transition: all 0.5s ease;
    }

    .VactionName .btn button:hover {
        background-color: #88769e;
        color: #fff;
        border-color: #88769e;
    }

    .tac {
        text-align: center;
    }

    .FZ26px {
        font-size: 26px;
    }

    .PT200px {
        padding-top: 200px;
    }

    .Notify .body .btn button:hover, .Notify .body .btn a:hover {
        background-color: #565656;
        transition: background-color 0.5s ease;
        cursor: pointer;
        text-align: center;
    }

    .Notify .body .btn button, .Notify .body .btn a {
        border: none;
        background-color: #9b9b9b;
        color: #fff;
        text-align: center;
        padding: 16px 0px;
        margin: 0 auto;
        display: block;
        width: 150px;
        float: none;
        font-size: 18px;
    }

    .Notify .body input {
        width: 90%;
        border: solid 1px #dedede;
        padding: 10px 5%;
        color: #535353;
    }

    .Notify .Title {
        padding: 15px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 24px !important;
    }

    .PositionLink {
        color: #c1c0c0;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .PositionLink a:hover {
            text-decoration: underline;
            color: #411958;
        }

    .Hint {
        font-size: 12px;
        color: #989898;
        padding: 0;
        margin: 0;
        text-align: right;
        padding-bottom: 20px;
    }

    .RequestForm table, tr, td {
        direction: rtl;
        text-align: right;
    }

    .RequestForm .body {
        padding: 10px 0;
        max-width: 100%;
    }

        .RequestForm .body input {
            width: 85%;
            border: solid 1px #dedede;
            padding: 10px 7.5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 0px;
        }

            .RequestForm .body input:focus {
                border: solid 1px #88769e;
            }

        .RequestForm .body .title {
            padding: 10px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 22px;
            color: #585858;
        }

        .RequestForm .body span {
            color: #8e8e8e;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .RequestForm .body select {
            width: 100%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .RequestForm .body .btn {
            text-align: right;
            padding-top: 10px;
        }

            .RequestForm .body .btn button:hover, .RequestForm .body .btn a:hover {
                background-color: #fff;
                color: #471b66;
                border: 1px solid #471b66;
                transition: all 0.5s ease-in-out;
                cursor: pointer;
            }

            .RequestForm .body .btn button, .RequestForm .body .btn a {
                border: none;
                background-color: #3e175a;
                border: 1px solid #3e175a;
                color: #fff;
                font-size: 18px;
                padding: 12px 40px;
            }

        .RequestForm .body table {
            width: 100%;
        }

            .RequestForm .body table td {
                padding-bottom: 10px;
                text-align: right;
            }

            .RequestForm .body table tr td:nth-child(odd) {
                text-align: right;
                vertical-align: middle;
                max-width: 150px;
                width: 150px;
            }

        .RequestForm .body label {
            font-size: 14px;
            color: #585858;
            font-weight: normal;
            max-width: 100px;
            padding: 0;
            margin: 0;
            text-align: right;
        }

        .RequestForm .body input.Date {
            background-image: url(../images/icons_date.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            background-size: 18px;
        }

    .CorporateSection2 .title {
        padding: 0 0 10px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        text-align: right;
        color: #585858;
    }

    .CorporateSection2 .item {
        width: 20%;
        margin-left: 6.666%;
        background-color: #b79dba;
        max-height: 180px;
        height: 180px;
        position: relative;
        float: right;
        margin-bottom: 25px;
    }

        .CorporateSection2 .item:hover {
            background-color: #b79dba;
            transition: all 0.5s ease;
        }

        .CorporateSection2 .item:nth-child(4n) {
            margin-left: 0;
        }

        .CorporateSection2 .item .txt {
            top: 0%;
            width: 90%;
            padding: 10px 5%;
            height: 130px;
            max-height: 130px;
            position: relative;
            display: block;
            z-index: -1;
            opacity: .1;
        }

        .CorporateSection2 .item:hover .txt {
            display: block;
            z-index: 99;
            top: 0;
            transition: all .5s ease;
            opacity: 1;
        }

        .CorporateSection2 .item .txt ul {
            list-style: circle;
            padding: 0;
            margin: 0;
            margin-right: 20px;
            color: #fff;
        }

            .CorporateSection2 .item .txt ul li:hover {
                cursor: pointer;
                text-decoration: underline;
            }

        .CorporateSection2 .item .txt .more:hover {
            text-decoration: underline;
        }

        .CorporateSection2 .item .txt .more {
            color: #fff;
            font-size: 12px;
        }

        .CorporateSection2 .item h4 {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 5px 0%;
            margin: 0;
            background-color: #fff;
            color: #8b8b8b;
            font-size: 14px;
            max-height: 30px;
            overflow-y: hidden;
            height: 30px;
        }

        .CorporateSection2 .item .img {
            top: 0;
            width: 100%;
            height: 150px;
            max-height: 150px;
            position: relative;
            display: block;
            text-align: center;
        }

        .CorporateSection2 .item:hover .img {
            display: none;
        }

        .CorporateSection2 .item .img i, .CorporateSection2 .fa {
            color: #fff;
        }

    .CorporateSection2 .fa {
        margin-top: 35px;
    }


    .CorporateSection2 .item .img img {
        width: 100%;
        height: 100%;
    }

    .ui-datepicker {
        font-size: 10pt !important;
        width: 100%;
        min-height: 208px;
        border: 1px solid #d7d7d7;
        border-radius: 0;
    }

    .ui-datepicker-calendar .ui-state-active {
        background: #471b66;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        color: #e0e0e0;
        text-shadow: 0px 1px 0px #4d7a85;
        filter: dropshadow(color=#4d7a85, offx=0, offy=1);
        border: 1px solid #55838f;
        position: relative;
        margin: -1px;
    }

    .DailyPickImg {
        width: 100%;
        margin: auto;
        border: 1px solid #E2E2E2;
    		padding: 1px;
    }

    .DailyPickImgLarge {
        width: 100%;
        margin: 20px 0;
        border: 1px solid #E2E2E2;
    		padding: 1px;
    }

    .DailyPickTitle {
        color: #515151;
        font-size: 30px;
        margin: 30px 0;
    }

    .DailyPicDesc {
        color: #9b9b9b;
        margin: 20px 0;
    }

    .DailyPickVedioName {
        color: #777777;
        margin: 10px 0 20px 0;
        font-size: 14px;
        text-align: center;
    }

    .help {
        color: #9a9a9a;
        font-size: 12px;
    }

    .MyArea {
        background-color: #f0f0f0;
        box-shadow: 1px 1px 5px #777;
        position: absolute;
        top: 45px;
        left: -80px;
        z-index: 10000;
        width: 260px;
        display: none;
        direction: rtl;
    }

        .MyArea .title {
            background-color: #fff;
            color: #4f008c;
            padding: 5px 15px;
            text-align:right;
        }

        .MyArea .info {
            border-bottom: solid 1px #dddddd;
            padding: 10px 20px;
            background:#fff;
        }

            .MyArea .info img {
                float: right;
                border-radius: 30px;
	                width:60px;
	                height:60px;
	                border:1px solid #c2c2c2;
                margin-left: 15px;
            }

            .MyArea .info .desc {
                float: right;
                width: 130px;
                padding-top: 10px;
            }

                .MyArea .info .desc .MyAreaName {                    
                    font-weight: bold;
                    text-align: right;
                    font-size: 14px;
                    padding-bottom: 3px;
                    color: #ff375e;
                }

                .MyArea .info .desc .MyAreaDetail {
                    color: #4f008c;
                    font-size: 14px;
                }

    .list5 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .list5 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 7px 0;
        }

            .list5 li:hover {
                background-color: #f3f3f3;
            }

            .list5 li > img {
                float: right;                
                max-height: 18px;
                margin-left: 15px;
                padding-right: 15px;
            }

            .list5 li a {
                float: right;
                width: 180px;
                color: #323232;
                font-size: 14px;
                display: inline-block;
            }

    .LanguageRadio {
        margin-right: 10px;
        float: left;
        display: inline-block;
    }

    .Date2 {
        color: #ff375e;
        font-size: 12px;
        padding-top: 3px;
    }

    .LogOut {
        border-bottom: none !important;
    }

        .LogOut a {
            float: none !important;
            color: #ff375e !important;
            display: block;
            text-align: left;
            width: 225px !important;
            padding: 10px 0 5px 0 !important;
        }

    .js #menu {
        display: none;
    }

    #MainMenu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }

    /*############################Custom###########################################*/
    .RequestForm {
        direction: rtl;
    }

        .RequestForm table, tr, td {
            direction: rtl;
            text-align: right;
        }

        .RequestForm .body input.FileUpload {
            background-image: url(../images/smallAttach.gif);
            background-repeat: no-repeat;
            background-position: left 10px center;
            background-size: 18px;
        }


        .RequestForm .body textarea {
            width: 85%;
            border: solid 1px #dedede;
            padding: 10px 7.5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 0px;
            min-height: 100px;
            text-align: right;
        }

            .RequestForm .body textarea:focus {
                border: solid 1px #88769e;
            }

    .fcRed {
        color: red;
    }

    .fz12px {
        font-size: 12px;
    }


   input[type=checkbox]:not(old):not(.old):not(.cbox),
   input[type=radio ]:not(old):not(.old):not(.cbox) {
        
        margin: 0;
        padding: 0;
        opacity: 0;
    }

         input[type=checkbox]:not(old):not(.old):not(.cbox) + span,
      input[type=radio ]:not(old):not(.old):not(.cbox) + span {
            display: inline-block;
            margin-left: -28px;float:right;
            padding-left: 28px;
            background: url('../images/checks.png') no-repeat 0 0;
            line-height: 24px;
        }

         input[type=checkbox]:not(old):not(.old):not(.cbox):checked + span {
            background-position: 0 -24px;
        }

        input[type=radio]:not(old):not(.old):not(.cbox):checked + span {
            background-position: 0 -48px;
        }

    .checkBoxItem {
        width: 30%;
        margin-right: 5%;
        float: left;
    }

        .checkBoxItem:nth-child(3) {
            margin-right: 0%;
        }

    .CondTerm {
        padding: 0px 0;
        margin: 0;
    }

        .CondTerm .Item {
            width: 100%;
        }

            .CondTerm .Item ul {
                padding: 0;
                margin: 0;
                list-style: circle;
                padding-left: 20px;
            }


                .CondTerm .Item ul li {
                    color: #9a9a9a;
                    margin-bottom: 2px;
                    font-size: 14px;
                    text-align: justify;
                }


    .InfoBar {
        width: 100%;
        height: 40px;
        background: #6f3975;
        background: linear-gradient(to left, #9d9d9d 0%,#9d9d9d 26%,#6f3975 26%,#6f3975 100%);
    }

        .InfoBar .left {
            float: right;
            width: 300px;
            height: 40px;
            margin-left: 20px;
            background: url(../images/SPMenu1.jpg) no-repeat right;
            background-size: auto 100%;
            -webkit-transform: scaleX(-1);
            -moz-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            transform: scaleX(-1);
        }

            .InfoBar .left h2 {
                padding: 0;
                margin: 0;
                font-size: 17px;
                color: #fff;
                font-weight: normal;
                display: inline-block;
                vertical-align: middle;
                padding-top: 10px;
                -webkit-transform: scaleX(-1);
                -moz-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                transform: scaleX(-1);
            }

        .InfoBar .right {
            float: right;
            width: 100%;
        }

            .InfoBar .right ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: none;
            }

    #infoBar .slicknav_menu {
        background: #9d9d9d;
        background-color: #9d9d9d;
        border-top: 1px solid #fff;
    }

    .InfoBar .right ul a {
        float: left;
    }

        .InfoBar .right ul a li {
            padding: 12px 5px 8px 5px;
            color: #fff;
            font-size: 12px;
        }

    .CCore {
        width: 95%;
        padding: 0 2.5%;
    }

    .CoreCase {
        width: 100%;
        padding: 30px 0%;
        direction: ltr;
    }

        .CoreCase .item {
            width: 100%;
            height: auto;
            max-height: 305px;
        }

        .CoreCase img {
            width: 100%;
            height: auto;
        }

    .CCoreItems {
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 230px;
    }

        .CCoreItems .item {
            width: 28%;
            border-left: 1px dotted #d3d3d3;
            height: 230px;
            float: right;
            padding: 0 2%;
            margin-bottom: 30px;
        }

            .CCoreItems .item:first-child div.span {
                background: url('../images/CoreIcon1.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 25px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(2) div.span {
                background: url('../images/CoreIcon2.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 35px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(3) div.span {
                background: url('../images/CoreIcon3.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 35px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(4) div.span {
                background: url('../images/CoreIcon4.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 50%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 30px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(5) div.span {
                background: url('../images/CoreIcon5.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 100%;
                height: 25px;
                text-align: right;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 35px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:last-child {
                border-left-color: #fff;
            }

            .CCoreItems .item img {
                width: 100%;
                height: auto;
                margin: 5px 0;
            }

            .CCoreItems .item .label {
                text-align: center;
                color: #c1678a;
                width: 100%;
            }

                .CCoreItems .item .label:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .CCoreItems .item .label a {
                    text-decoration: none;
                    color: inherit;
                }

    .Core3 {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 180px;
    }

        .Core3 .item {
            width: 30%;
            margin-left: 5%;
            min-height: 170px;
            background-color: #d2d2d2;
            float: right;
            height: auto;
        }

            .Core3 .item:hover {
                background-color: #6f3975;
            }

            .Core3 .item:nth-child(3n) {
                margin-left: 0%;
            }

    .CoreTitle {
        color: #4f008c;
        font-size: 22px;
        margin: 20px 0;
    }

    .PT100px {
        padding-top: 100px;
    }

    .CoreP {
        color: #595959;
        text-align: justify;
        font-size: 16px;
    }

    .OffersBanner {
        width: 100%;
        height: auto;
    }

        .OffersBanner img {
            width: 100%;
            height: auto;
        }

    .OffersCon {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

        .OffersCon ul {
            direction: rtl;
            list-style: none;
            padding: 0;
            margin: 0;
            height: 50px;
            border-radius: 12px;
            width: 100%;
            display: none;
        }

    #OfferBar .slicknav_menu {
        margin-top: 20px;
    }

    .OffersCon ul li {
        float: right;
        color: #fff;
        font-size: 14px;
        padding: 15px 12px 16px 12px;
        background-color: #b3b3b3;
        transition: all 0.5s ease-in-out;
    }

        .OffersCon ul li.active {
            background-color: #6f3975;
        }

        .OffersCon ul li:hover {
            background-color: #6f3975;
        }

        .OffersCon ul li:first-child {
            border-bottom-left-radius: 12px;
            border-top-left-radius: 12px;
        }

        .OffersCon ul li:last-child {
            border-bottom-right-radius: 12px;
            border-top-right-radius: 12px;
        }

    .Offeritem {
        padding: 0;
        margin: 30px 0;
        background: #fff;
        min-height: 650px;
        height: auto;
    }

        .Offeritem .item {
            width: 30%;
            margin-left: 4%;
            margin-bottom: 30px;
            border: #d3d3d3 1px solid;
            float: right;
                padding-bottom: 10px;
            overflow:hidden;
            position:relative;
        }

           /* .Offeritem .item img {
                width: 100%;
                height: auto;
                max-height: 180px;
            }*/

            .Offeritem .item .txt {
                width: 100%;
                height: 160px;
                max-height: 160px;
                overflow: hidden;
                padding: 0 5%;
                font-size:13px;
            }

                .Offeritem .item .txt h2 {
                    color: #4f008c;
                    font-size: 16px;
                    margin-bottom: 0;
                    padding-bottom: 0;
                    font-weight: normal;
                    height: 22px;
    				overflow: hidden;
                    
                }
                .Offeritem .controls{
		position:absolute;
		width:96%;
		margin: 2%;
		bottom:0;
	}

                .Offeritem .item .txt p {
                    color: #000;
                    font-size: 14px;
                }

            .Offeritem .item:nth-child(3n) {
                margin-left: 0;
            }

    .SearchCon {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

        .SearchCon ul {
            list-style: none;
            padding: 0;
            margin: 0;
            direction: rtl;
            text-align: right;
            width: 100%;
        }

            .SearchCon ul li {
                transition: all 0.5s ease-in-out;
                float: right;
                color: #8b8b8b;
                font-size: 16px;
                padding: 12px 18px 13px 18px;
                border-radius: 12px;
                margin-left: 5px;
            }

                .SearchCon ul li.active {
                    background-color: #e2d7e3;
                    color: #000;
                }

                .SearchCon ul li:hover {
                    color: #000;
                    cursor: pointer;
                    background-color: #e2d7e3;
                }

        .SearchCon .SearchItems {
            width: 100%;
            margin: 25px 0;
        }

            .SearchCon .SearchItems .item {
                width: 100%;
                border-bottom: 1px solid #ccc;
                margin-bottom: 25px;
            }

                .SearchCon .SearchItems .item h4 {
                    font-weight: bold;
                    font-size: 16px;
                    color: #686868;
                    padding: 0;
                    margin: 0;
                }

                .SearchCon .SearchItems .item p {
                    color: #7f7f7f;
                }

    .PT40px {
        padding-top: 40px;
    }

    .teamList {
        margin: 40px 0;
    }

    .TeamBox {
        float: right;
        width: 28%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

        .TeamBox img {
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
        }

        .TeamBox .name {
            color: #ff375e;
            font-size: 20px;
            text-align: left;
            margin-bottom: 10px;
            padding: 0;
            text-align: center;
        }

        .TeamBox .jobTitle {
            color: #918f8f;
            text-align: center;
            font-size: 15px;
            margin-bottom: 5px;
        }

        .TeamBox .desc {
            color: #573873;
            text-align: center;
            font-size: 12px;
        }

    @media all and (max-width:865px) {
        .SearchCon ul li {
            transition: all 0.5s ease-in-out;
            float: right;
            color: #8b8b8b;
            font-size: 14px;
            padding: 12px 15px 13px 15px;
            border-radius: 12px;
            margin-left: 5px;
        }

        .TeamBox .name {
            color: #ff375e;
            font-size: 18px;
            margin-bottom: 10px;
        }

        .col5 {
            display: none;
        }

        .col3 {
            width: 24%;
        }

        .col4 {
            width: 75%;
            margin: 0 0 0 1%;
        }

        .col9 {
            width: 100%;
            float: none;
        }

        .colCustom {
            width: 90%;
            margin: 10px 0;
            padding: 0 5%;
            float: none;
            background-color: #fff;
        }

        .col7 {
            width: 100%;
            float: none;
            padding-top: 30px;
            padding-bottom: 30px;
            border-right: solid 1px #cecece;max-height:600px;overflow-y:scroll;
        }

        .col8 {
            width: 100%;
            float: none;
        }
    }
}

@media all and (max-width:700px) {
	header {padding:0px 0 10px}
	.newsBox .Items{
		 height:auto; 
	}
	.icon > span{line-height:8px;}
    .HideOnMobile {
        display: none;
    }

    body {
        margin: 0;
        padding: 0;
        background-color: #f3f3f1;
        font-family: STC-Regular;
        font-size: 14px;
        flex-direction: rtl;
    }

  

	/* ramdan 
	
		#banner {
		    background-size: 100% 45px;
		    min-height: 110px;
		    height: 163px;
		}
		
   /* ramdan */
   
    .container {
        width: 95%;
        margin: auto;
    }

    .logo {
        text-align: center;
    }


    .col1 {
        width: 100%;
        text-align: center;
    }

    .col2 {
        width: 100%;
        text-align: left;
    }

    nav {
        font-size: 16px;
        color: #4f008c;
        margin: 12px 0 5px 0;
    }

        nav ul {
            list-style: none;
            float: right;
            display: block;
            padding: 0;
            margin: 0;
        }

            nav ul li {
                float: right;
                padding: 9px 8px 0 8px;
            }

                nav ul li:hover {
                    border-bottom: solid 2px #ffbc00;
                }

                nav ul li.current {
                    border-bottom: solid 2px #ffbc00;
                }


    .homeIcon {
        padding-top: 4px;
    }

        .homeIcon:hover {
            border-bottom: none;
            opacity: 0.8;
        }

    .iconSet1 {
        margin: 0 0 0 0;
        float: left;
    }

    .icon {
        margin:8px;
        float: right;
        position: relative;
        cursor: pointer;
    }

        .icon > span {
            background-color: #ff375e;
            color: #fff;
            font-size: 12px;
            border-radius: 100px;
            padding: 4px 7px 2px 7px;
            display: block;
            position: absolute;
            top: -10px;
            left: -13px;
            cursor: pointer;
        }

    .icon1 {
        background-image: url(../images/icon1.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon2 {
        background-image: url(../images/icon2.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon3 {
        background-image: url(../images/icon3.png);
        width: 25px;
        height: 25px;
        position: relative;
    }

    .icon4 {
        background-image: url(../images/icon4.png);
        width: 10px;
        height: 18px;
    }

    .icon5 {
        background-image: url(../images/icon5.png);
        width: 25px;
        height: 25px;
    }

    .icon6 {
        background-image: url(../images/replay.png);
        width: 16px;
        height: 16px;
    }

    .icon7 {
        background-image: url(../images/replayAll.png);
        width: 16px;
        height: 16px;
    }

    .icon8 {
        background-image: url(../images/forward.png);
        width: 16px;
        height: 16px;
    }

    .searchSet {
        margin: 8px 0px 1px 3px;
        float: right;
    }

        .searchSet input {
            border: solid 1px #dadada;
            padding: 7px 6px;
            background-image: url(../images/searchIcon.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            width: 150px;
            text-align: right;
            height:32px;
        }

    .iconSet2 {
        float: left;
        margin: 0 0 0 0;
    }





    .profileBox {
        text-align: center;
        padding-bottom: 20px;
        max-width: 95%;
    }

        .profileBox img {
            border-radius: 110px;
            margin: 20px auto 15px auto;
            width: 60%;
        }

    .welcome {
        color: #848182;
        font-size: 14px;
        text-align: right;
        padding-right: 50px;
    }

    .name {
        color: #484646;
        font-size: 16px;
        text-align: right;
        padding-right: 50px;
    }

    hr {
        height: 2px;
        background-color: #918f8f;
        margin: 7px 20px;
        border: none;
    }

    .position {
        border-right: solid 7px #4f008c;
        margin-right: 10px;
        font-size: 14px;
        margin-top: 20px;
        text-align: right;
    }

        .position .line1 {
            color: #231f20;
            padding-right: 10px;
        }

        .position .line2 {
            color: #717171;
            padding-right: 10px;
        }

    .box1 {
    }

        .box1 .title {
            background-color: #4f008c;
            color: #fff;
            font-size: 15px;
            padding: 10px 20px 7px 5px;
            background-image: url(../images/icon6.png);
            background-repeat: no-repeat;
            background-position: left 15px center;
            text-align: right;
        }
        .portlet .title .title {
        	background-color: #4f008c;
            color: #fff;
            font-size: 15px;
            padding: 10px 20px 7px 5px;
            background-image: url(../images/icon6.png);
            background-repeat: no-repeat;
            background-position: left 15px center;
            text-align: right;
		}

        .box1 .body {
            background-color: #fff;
            padding: 30px 12px 30px 12px;
        }

    .calender {
    }

        .calender .day {
            float: right;
            background-color: #ff375e;
            color: #fff;
            font-size: 30px;
            padding: 20px 15px 12px 15px;
            margin-left: 15px;
            position: relative;
            margin-top: 5px;
        }

            .calender .day .arow {
                background-image: url(../images/calenderArow.png);
                width: 6px;
                height: 10px;
                position: absolute;
                left: -6px;
                top: 40%;
                z-index: 100000;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .calender .txt {
        }

            .calender .txt .title {
                color: #411b59;
                font-size: 14px;
                padding-bottom: 5px;
                text-align: right;
            }

            .calender .txt .desc {
                color: #8b8b8b;
                font-size: 12px;
                text-align: right;
            }

    .list1 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-right: 10px;
        text-align: right;
    }

        .list1 li:before {
            content: "-";
        }

        .list1 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 3px 0;
        }




        .list1 .viewAll:before {
            content: "";
        }

        .list1 .viewAll {
            border-bottom: none;
            color: #c7c7c7;
            text-align: left;
            padding-top: 10px;
        }

    .list5 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .list5 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 3px 0;
        }


    .box2 {
        background-color: #fff;
        margin: 10px 0;
        position: relative;
        text-align: right;
        direction: rtl;
    }

        .box2 iframe {
            max-width: 100%;
        }

        .box2 .title {
            color: #4f008c;
            font-size: 20px;
            padding: 25px 25px 10px 15px;
            text-align:right;
        }

        .box2 .title2 {
            color: #4f008c;
            font-size: 24px;
            padding: 25px 25px 10px 15px;
        }

        .box2 .body {
            padding: 10px 20px 10px 20px;
        }

            .box2 .body input[type="text"] {
				width: 100%;            
                border: solid 1px #dedede;
                padding: 7px 5%;
                color: #535353;
                font-size: 14px;
                margin-bottom: 10px;
            }

            .box2 .body select {
                width: 100%;
                border: solid 1px #dedede;
                padding: 7px 5%;
                color: #535353;
                font-size: 14px;
                margin-bottom: 10px;
            }

            .box2 .body .btn {
                text-align: left;
                padding-top: 10px;
            }

                .box2 .body .btn button {
                    border: none;
                    transition: all 0.5s ease;
                    color: #fff;
                    background-color: #9b9b9b;
                    padding: 10px 20px;
                    transition: all 0.5s ease;
                }

                    .box2 .body .btn button:hover {
                        background-color: #565656;
                        cursor: pointer;
                    }


        .box2 .viewAll2 {
            position: absolute;
            left: 20px;
            top: 30px;
            color: #a7a7a7;
            font-size: 14px;
            
        }

        .box2 .body .Subtitle {
            color: #565656;
            font-size: 18px;
            margin: 15px 0 20px 0;
        }

        .box2 .body .item {
            padding-left: 15px;
            margin-bottom: 15px;
        }

            .box2 .body .item .title {
                color: #6d6d6d;
                font-size: 14px;
            }

            .box2 .body .item .action {
                color: #a7a7a7;
                font-size: 12px;
                margin-top: 7px;
            }

                .box2 .body .item .action a {
                    padding-left: 25px;
                }

    .box3 {
        background-color: #fff;
        padding: 15px;
        margin: 10px 0;
        position: relative;
        direction: rtl;
    }

        .box3 > .title {
            color: #4f008c;
            font-size: 25px;
            margin-top: 20px;
            margin-bottom: 5px;
            text-align: right;
        }

        .box3 .title2 {
            color: #000;
            font-size: 18px;
            text-align: right;
        }

        .box3 .title3 {
            color: #ff375e;
            position: absolute;
            top: 70px;
            right: 10px;
            font-size: 16px;
            text-align: right;
        }

        .box3 .title4 {
            color: #ff375e;
            font-size: 25px;
            margin-top: 12px;
            margin-bottom: 5px;
            text-align: center;
        }
	
            .box3 .title4 .action {
                display: none;
            }

            .box3 .title4 .Subtitle {
                color: #949494;
                font-size: 18px;
                padding-bottom: 7px;
                padding-top: 7px;
                text-align: right;
            }


    .title5 {
        color: #46196a;
        font-size: 20px;
        margin: 20px 0;
        text-align: right;
    }

    .boxSpicalOffer {
        position: relative;
       
        background-color: #fff;
        margin: 10px 0;
        height: 70px;
    }

        .boxSpicalOffer .icon {
            position: absolute;
            background-image: url(../images/SpecialOffers.png);
            width: 84px;
            height: 83px;
            top: -6px;
            right: 3px;
        }

        .boxSpicalOffer .logo {
            float: right;
            margin-right: 95px;
            margin-left: 0px;
            margin-top: 7px;
            width: auto;
            padding: 0;
        }

            .boxSpicalOffer .logo img {
            }

        .boxSpicalOffer .desc {
            color: #585858;
            font-size: 12px;
            float: right;
            width: auto;
            margin-right: 5px;
            max-width: 100px;
            padding: 10px 0 0 10px;
        }

    .vedioName {
        color: #585858;
        font-size: 14px;
        padding-top: 18px;
        text-align: center;
    }

    .ADV1 {
        margin: 10px 0;
    }

        .ADV1 img {
            width: 100%;
        }


    .list2 {
        list-style: none;
        padding: 0;max-height:500px;overflow-y:scroll;
        margin: 0;
    }


        .list2 li {
            margin-bottom: 10px;
                cursor: pointer;
        }

            .list2 li img {
                border-radius: 70px;
                width: 15%;
                height: auto;
                float: right;
                margin-left: 15px;
                overflow: hidden;
            }

            .list2 li span {
                float: left;
                display: block;
                color: #1d252d;
                padding-top: 10px;
                font-size: 14px;
                width: 75%;
            }

            .list2 li .span2 {
                width: 58%;
                float: right;
            }

            .list2 li .btn {
                float: right;
                width: 19px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
            }

    .list3 {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .list3 li {
            border-bottom: solid 1px #e9e9e9;
            padding: 10px 0px 10px 10px;
            margin: 10px 0;
        }

            .list3 li .time {
                color: #b4b4b4;
                font-size: 12px;
                padding-bottom: 7px;
            }

            .list3 li .title {
                color: #585858;
                font-size: 14px;
            }

                .list3 li .title strong {
                    color: #595959;
                    font-size: 25px;
                    padding-left: 20px;
                }

    .list4 {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .list4 li {
            padding: 0;
            margin: 0;
            margin: 10px 0;
        }

    .col3 {
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        float: none;
    }

    .col4 {
        width: 100%;
        margin: 20px auto;
        float: none;
    }

    .col5 {
        width: 100%;
        float: none;
    }

    .col6 {
        width: 100%;
        float: none;
    }

    .col7 {
        width: 100%;
        float: none;
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: solid 1px #cecece;max-height:500px;overflow-y:scroll;
    }

    .col8 {
        width: 100%;
        float: none;
    }

    .col9 {
        width: 100%;
        float: none;
    }


    .newsBox {
        background-color: #fff;
        margin: 0px 0;
        padding: 30px 5% 15px 5%;
        
    }

        .newsBox .Items .img {
            float: none;
            width: 100%;
            text-align: center;
        }

            .newsBox .Items .img a img {
                max-width: 100%;
                height: auto;
                width: auto;
                margin: 0 auto;
                display: block;
                text-align: center;
               
            }

        .newsBox .Items .desc {
            float: none;
            width: 100%;
            text-align: right;
        }

            .newsBox .Items .desc a .title {
                color: #373737;
                font-size: 20px;
                margin-bottom: 20px;
                margin-top: 20px;
            }

                .newsBox .Items .desc a .title span {
                    color: #ff375e;
                    font-size: 16px;
                }

            .newsBox .Items .desc a .text {
                color: #9e9e9e;
                font-size: 14px;
            }

        .newsBox .viewAll {
            text-align: left;
            color: #373737;
            font-size: 14px;
            margin-top: 20px;
        }

        .newsBox .paging {
            text-align: center;
            margin: 25px auto 15px auto;
        }

            .newsBox .paging span {
                width: 7px;
                height: 7px;
                background-color: #ababab;
                margin: 0 5px;
                border-radius: 50px;
                display: inline-block;
            }

            .newsBox .paging .curent {
                background-color: #ff375e;
            }

    .MyDisc {
        position: relative;
    }

        .MyDisc textarea {
            border: solid 1px #afafaf;
            height: 20px;
            padding: 10px 7%;
            width: 80%;
            border-right: none;
            margin-right: 5%;
            font-family: STC-Regular;
            resize: none;
        }

        .MyDisc .img {
            position: absolute;
            right: -25px;
            top: -7px;
        }

            .MyDisc .img img {
                width: 55px;
                height: 53px;
                border-radius: 80px;
            }

        .MyDisc .btn {
            text-align: left;
            margin-top: 15px;
            margin-right: 7px;
        }

            .MyDisc .btn button {
                background-color: #373737;
                color: #fff;
                padding: 10px 30px 10px 30px;
                font-size: 22px;
                border: none;
                font-family: STC-Regular;
            }

    .Tab {
        display: table;
        width: 100%;
        margin: auto;
        table-layout: fixed;
    }

    .TabHeader , .TabHeader2 {
        display: table-row;
    }

    .TabHeaderBtn , .TabHeader2Btn {
        display: table-cell;
        background-color: #dfdfdf;
        color: #515151;
        text-align: center;
        padding: 10px 0 8px 0;
        border-left: solid 1px #ffffff;
        cursor: pointer;
    }

     
    .TabBody , .TabBody2 {
        padding: 10px;
    }

    .Topic {
        margin: 30px 0;
    }

        .Topic .img, .Topic .img2 {
            float: right;
            margin-left: 3%;
            border-radius: 80px;
            width: 10%;
            margin-top: 10px;
        }

            .Topic .img img {
                width: 100%;
                height: 100%;
                margin-top: -10px;
            }

            .Topic .img2 img {
                width: 100%;
                height: 100%;
                margin-top: 0;
            }

        .Topic .Content {
            float: right;
            width: 87%;
        }

            .Topic .Content .Title {
                background-color: #c7c7c7;
                color: #000;
                font-size: 16px;
                padding: 7px 20px 3px 20px;
                position: relative;
            }

                .Topic .Content .Title span {
                    position: absolute;
                    top: 6px;
                    right: -6px;
                }

            .Topic .Content .Body span {
                position: absolute;
                top: 15px;
                right: -6px;
            }


            .Topic .Content .Body {
                background-color: #f3f3f3;
                color: #000;
                font-size: 14px;
                padding: 10px 20px 10px 20px;
                position: relative;
            }

    .Commint {
        margin-left: 10%;
    }

    .AppSwitcher {
        background-color: #f0f0f0;
        padding: 10px;
        box-shadow: 1px 1px 5px #777;
        position: absolute;
        top: 40px;
        left: 2.5%;
        z-index: 10000;
        width: 190px;
        display: none;
    }

        .AppSwitcher .Arow {
            position: absolute;
            top: -5px;
            left: 43%;
        }

        .AppSwitcher .Item {
               display: inline-block;
			    width: 81px;
			    height: 51px;
			    padding: 10px 15px 10px 15px;
			    margin-bottom: 2px;
        }

            .AppSwitcher .Item:hover {
                border: solid 1px #e3e3e3;
                obacity:0.7
            }

    .Notification {
        background-color: #f0f0f0;
        box-shadow: 1px 1px 5px #777;         
        top: 25px;
        left: 1.5%;
        z-index: 10000;
        width: 330px !important;
        display: none;
        direction: rtl;overflow-y:auto;
    }

        .Notification .item:hover {
            background-color: #fff;
        }

        .Notification .title {
            background-color: #fff;
            font-size: 18px;
            padding: 5px 10px;
            text-align:right;
        }

            .Notification .title .action {
                float: right;
            }

                .Notification .title .action a {
                    font-size: 12px;
                    color: #ff375e;
                }

        .Notification .item {
            margin: 3px 3px;
            border-bottom: solid 1px #dadada;
            padding: 7px 0 7px 0;
        }

            .Notification .item img {
                float: right;
                width: 50px;
                height: 50px;
                margin-left: 10px;
            }

            .Notification .item .text {
                float: right;
                width: 80%;
                padding-top: 10px;
                font-size: 14px;
            }

        .Notification .ViewAll {
            background-color: #dadada;
            color: #515151;
            padding: 7px 0;
            text-align: center;
            font-size: 14px;
        }

    .Discussions {
        margin: 30px 0;
        width: 100%;
    }

        .Discussions .box {
            float: none;
            width: 100%;
            margin-right: 0%;
            margin-left: 0%;
            margin-bottom: 30px;
            position: relative;
        }

            .Discussions .box img {
                width: 100%;
                height: 112px;
            }

            .Discussions .box .over {
                background-color: #4f008c;
                opacity: 0.8;
                width: 100%;
                height: 212px;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 10000;
                display: none;
            }

                .Discussions .box .over a {
                    border: solid 1px #fff;
                    padding: 7px 0;
                    margin: 25% auto;
                    width: 64px;
                    text-align: center;
                    display: block;
                    color: #fff;
                }

            .Discussions .box:hover .over {
                display: block;
            }


            .Discussions .box .text {
                margin: 15px 0;
            }

                .Discussions .box .text .title {
                    color: #000;
                    font-size: 23px;
                }

                .Discussions .box .text .desc {
                    color: #8e9aa0;
                    font-size: 18px;
                    margin-top: 10px;
                }

                    .Discussions .box .text .desc span {
                        color: #ff375e;
                    }


    .DiscussionsData {
        margin: 40px 0;
    }

    .sp-new {
        color: #6f6f6f;
        font-size: 18px;
        background-image: url(../images/SP-new.jpg);
        background-repeat: no-repeat;
        padding-left: 27px;
        margin: 15px 0;
    }

        .sp-new span {
            color: #0074cc;
        }


    .link1 {
        padding: 0;
        margin: 0;
        list-style: none;
        clear: both;
        border-bottom: solid 1px #c6c6c6;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

        .link1 li {
            float: right;
            padding: 0;
            margin: 0;
            padding-left: 10px;
            color: #616b63;
            font-size: 12px;
        }

    .boxMorePading {
        padding: 30px;
    }

    .boxMorePading2 {
        padding: 0 20px;
    }

    .TopicList {
        margin: 20px 0;
    }

    .TopicBox {
        margin: 30px 0;
    }

        .TopicBox .left {
            width: 10%;
            float: left;
            margin-right: 5%;
            font-size: 14px;
            color: #7d797a;
        }

            .TopicBox .left div {
                margin-bottom: 4px;
            }

                .TopicBox .left div span {
                    color: #000;
                }

        .TopicBox .right {
            float: left;
            width: 85%;
        }

            .TopicBox .right .title {
                color: #585858;
                font-size: 18px;
                margin-bottom: 7px;
            }

            .TopicBox .right .desc {
                color: #8e8e8e;
                font-size: 14px;
                margin-bottom: 3px;
            }

            .TopicBox .right .desc2 {
                color: #8e8e8e;
                font-size: 14px;
            }

                .TopicBox .right .desc2 span {
                    color: #5e3571;
                }


    .bar {
        height: 5px;
        width: 100%;
        background-color: #d7d7d7;
        margin-bottom: 10px !important;
        margin-top: 10px;
        position: relative;
    }

        .bar .fill {
            background-color: #8b898c;
            position: absolute;
            top: 0px;
            left: 0px;
            height: 5px;
            width: 10px;
        }

    .list-icon {
        padding-left: 10px;
        margin-top: 2px;
    }


    .editForm {
        margin: 40px 0;
        direction: rtl;
        text-align: right;
    }

    .inputGroup3 {
        margin: 10px 0;
        direction: rtl;
        text-align: right;
    }

        .inputGroup3 .lbl {
            color: #373737;
            font-size: 15px;
            float: right;
            width: 18%;
            margin-left: 5%;
            padding-top: 5px;
        }

            .inputGroup3 .lbl span {
                color: #ff375e;
            }

        .inputGroup3 .edit1 {
            float: right;
            width: 45%;
            margin-left: 5%;
            font-weight: bold;
            color: #7d797a;
        }

        .inputGroup3 .edit2 {
            float: left;
            width: 20%;
        }

            .inputGroup3 .edit2 a {
                color: #ff375e;
            }

    .form-control {
        width: 100%;
        border: solid 1px #cdcdcd;
        padding: 0px 5px 1px 5px;
        color: #373737;
    }

    .form-button {
        border-top: solid 1px #cacaca;
        margin-top: 20px;
        padding-top: 20px;
        text-align: right;
    }


    .inputIcon {
        margin: 5px 0 0 20px;
    }

    .button {
        border: none;
        padding: 10px 15px 7px 15px;
        font-size: 17px;
        margin-right: 15px;
    }


    .btn1 {
        background-color: #ff375e;
        color: #fff;
    }

        .btn1:hover {
            background-color: #b0275f;
        }

    .btn2 {
        background-color: #595959;
        color: #fff;
    }

        .btn2:hover {
            background-color: #828282;
        }

    .topicDesc {
        font-size: 15px;
        color: #8b8b8b;
        text-align: justify;
        margin: 40px 0;
    }

    .detail {
        color: #cecece;
    }

        .detail span {
            color: #5e3571;
        }

    .text-right {
        text-align: right;
        float: right;
    }

    .teamList {
        margin: 40px 0;
    }

    .TeamBox {
        float: right;
        width: 28%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

        .TeamBox img {
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
        }

        .TeamBox .name {
            color: #ff375e;
            font-size: 20px;
            margin-bottom: 10px;
        }

        .TeamBox .jobTitle {
            color: #918f8f;
            text-align: center;
            font-size: 15px;
            margin-bottom: 5px;
        }

        .TeamBox .desc {
            color: #573873;
            text-align: center;
            font-size: 12px;
        }



    /*Login Page Style*/


    .login {
        background-image: url(../images/loginBG.jpg);
        background-repeat: no-repeat;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        color: #fff;
        direction: rtl;
        min-height: 600px;
        width:100%;
    }

        .login .Content {
            margin: auto;
            text-align: center;
            padding-top: 10%;
            width: 90%;
        }

            .login .Content .LoginIcon img {
                float: right;
                width: auto;
                height: auto;
                margin-right: 5%;
                max-width: 100px;
            }

            .login .Content .LoginIcon span {
                font-size: 20px;
                float: right;
                padding-top: 30px;
                padding-right: 10px;
            }

    .inputGroup {
        margin: 10px 0;
        text-align: right;
        direction: rtl;
    }

        .inputGroup label {
            display: inline-block;
            background-color: #381b3b;
            padding: 13px 12px 7px 12px;
            margin: 0;
        }

            .inputGroup label img {
                margin: -6px 0 0 0;
            }

        .inputGroup input {
            border: none;
            background-color: #fff;
            width: 80%;
            padding: 8px 12px 7px 12px;
            margin: 0;
            text-align: right;
            color:#5C3061;
        }
	 .inputGroup2 {font-size: 16px;text-align: right;direction: rtl;}
    .inputGroup2 label {padding-top:3px;white-space:nowrap;padding-right:10px;width:auto !important}
    .inputGroup2 span.aui-field-content {display:inline-block;min-width:123px;}	   	
	.inputGroup2  input[type=checkbox]:not(old):not(.old):not(.cbox), .inputGroup2 input[type=radio ]:not(old):not(.old):not(.cbox){opacity:1;margin:7px 0 0 0px}
    .inputBtn {margin-top: 30px;text-align: right;padding-right: 10%;}
    .inputBtn button {
            background-color: #fff;
            padding: 10px 30px 7px 30px;
            color: #000;
            border: none;
            font-size: 20px;
            transition: background-color 0.5s ease;
        }

            .inputBtn button:hover {
                background-color: #d0aad4;
            }



    .EventList {
        margin: 40px 20px;
    }

    .event {
        margin: 20px 0;
    }

        .event .date {
            float: right;
            padding: 20px 20px 15px 20px;
            background-color: #573873;
            color: #fff;
            font-size: 25px;
        }

        .event .text {
            float: left;
            width: 68%;
            margin-top: 0px;
        }

            .event .text .title {
                color: #431958;
                font-size: 18px;
                padding-bottom: 4px;
            }

            .event .text .desc {
                color: #8a8a8a;
                font-size: 14px;
            }


    /*End Loginpage class*/

    .searchMessage {
        border: solid 1px #dadada;
        padding: 4px 10px;
        background-image: url(../images/searchIcon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
        width: 87%;
        margin-bottom: 15px;
    }

    .message {
    }



        .message .Box {
            width: 95%;
            margin: auto;
            padding: 10px 0;
            border-bottom: solid 1px #cccccc;
        }

            .message .Box img {
                float: right;
                width: 18%;
                margin-left: 5%;
                margin-right: 2%;
            }

            .message .Box .title {
                float: right;
                width: 45%;
                margin-left: 5%;
                text-align: right;
                padding-top: 10px;
            }

                .message .Box .title h4 {
                    color: #7b4e80;
                    font-size: 14px;
                    margin: 0;
                    text-align: right;
                    padding: 0;
                    font-weight: normal;
                }

                .message .Box .title h5 {
                    color: #000;
                    font-size: 12px;
                    text-align: right;
                    margin: 0;
                    padding: 0;
                    font-weight: normal;
                }

            .message .Box .date {
                float: left;
                width: 14%;
                font-size: 12px;
                color: #cacaca;
                padding-top: 15px;
                padding-left: 1%;
            }

        .messageSelected, .message:hover {
            background-color: #9a749d;
            color: #fff !important;
        }

            .messageSelected .Box .title h4, .message:hover .Box .title h4 {
                color: #fff !important;
            }

            .messageSelected .Box .title h5 {
                color: #fff !important;
            }

    .messageTitle {
        font-size: 30px;
        padding: 15px 0;
        color: #7b4e80;
        text-align: right;
    }

    .messageSubject {
        font-size: 18px;
        padding: 3px 0;
        color: #757575;
        text-align: right;
    }

    .messageAction {
        text-align: right;
    }

        .messageAction a {
            display: inline-block;
            padding-right: 15px;
            color: #b6b6b6;
        }

    .messageFrom {
        margin: 15px 0;
    }

        .messageFrom img {
            float: right;
            width: 70px;
            height: 70px;
            margin-left: 15px;
        }

        .messageFrom .from {
            direction: rtl;
            float: right;
            width: 200px;
        }

            .messageFrom .from h4 {
                color: #9a749d;
                font-size: 20px;
                font-weight: normal;
                padding: 7px 0 0 0;
                margin: 0;
                text-align: right;
            }

            .messageFrom .from h5 {
                color: #8d8d8d;
                font-size: 16px;
                font-weight: normal;
                padding: 0;
                text-align: right;
                margin: 0;
            }

    .messageData {
        margin: 10px;
        font-size: 14px;
    }

        .messageData span {
            font-weight: bold;
        }

    .messageText {
        margin: 50px 0;
        font-size: 14px;
        color: #666666;
        text-align: right;max-height:450px;overflow-y:scroll;
    }


    .messageReplay {
        margin: 30px 0 20px 0;
        width: 100%;
        text-align: right;
    }

    .replayMessage {
        border: solid 1px #cecece;
        padding: 10px 15px;
        width: 85%;
        height: 100px;
        margin-right: 5%;
    }

    .messageReplay .btn2 {
        width: 100px;
        margin: 0 auto;
        display: block;
    }

    .messageReplay .form-button2 {
        padding: 10px 0;
        width: 100%;
    }
    /*Message Center*/
    /*End Message Center*/

    a {
        color: inherit;
        text-decoration: none;
    }

    .fl {
        float: right;
    }

    .fr {
        float: left;
    }

    .clear {
        clear: both;
    }

    input, textarea {
        outline: none;
    }

    .fs14 {
        font-size: 14px !important;
    }

    .fs13 {
        font-size: 13px !important;
    }

    .fs12 {
        font-size: 12px !important;
    }

    * {
        font-family: STC-Regular;
    }

    .colCustom {
        width: 90%;
        margin: 10px 0;
        padding: 0 5%;
        float: none;
        background-color: #fff;
    }

    .h1Title {
        padding: 10px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px !important;
        text-align: right;
    }

    .Black {
        color: #000;
    }

    .Purple {
        color: #dd4381;
    }

    .Purple2 {
        color: #411958;
    }

    .NewsCase {
        width: 100%;
        margin: 30px 0;
        height: auto;
       /* min-height: 360px;*/
    }

        .NewsCase .NewsLeft {
            width: 100%;
            background-color: #471b66;
            float: none;
            height: auto;
            padding: 0 3%;
            padding-bottom: 30px;
            bottom: 0;
            text-align: center;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .NewsCase .NewsLeft h1 {
                color: #fff;
                font-size: 24px;
                font-weight: normal;
                padding: 10px 0;
                padding: 11px 0 5px 0;
                margin: 5px 0;
                margin-top: 0;
                max-height: none !important;
                text-align: center; 
                line-height: 28px;
            }
			
            .NewsCase .NewsLeft span {
                color: #88769e;
                font-size: 12px;
                text-align: center;
            }

            .NewsCase .NewsLeft .summary {
                color: #b1afb0;
                font-size: 14px;
                font-weight: normal;
                text-align: center;
                padding: 10px 0;
                margin: 0;
                margin-bottom: 5px;
            }

            .NewsCase .NewsLeft .btn {
                margin-top: 0px;
                text-align: center;
                float: none;
                text-align: center;
            }

                .NewsCase .NewsLeft .btn button, .NewsCase .NewsLeft .btn a {
                    background-color: #471b66;
                    padding: 5px 5px 5px 5px;
                    color: #fff;
                    border: 1px solid #fff;
                    font-size: 16px;
                    transition: all 0.5s ease;
                    cursor: pointer;
                    width: 120px;
                    margin: 0 auto;
                    display: block;
                }

                    .NewsCase .NewsLeft .btn button:hover, .NewsCase .NewsLeft .btn a:hover {
                        background-color: #fff;
                        color: #000;
                    }

        .NewsCase .NewsRight {
            display: none;
        }

        .NewsCase .NewsRightMob {
            width: 100%;
            bottom: 190px;
            /*background-color: #ccc;*/
            float: none;
            height: auto;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .NewsCase .NewsRightMob img {
                width: 100%;
                height: 100%;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
            }

    .NewsSec {
        padding: 0;
        margin: 0;
    }

        .NewsSec div.Item:hover h4 {
            text-decoration: underline;
        }

        .NewsSec div.Item {
            width: 100%;
            margin-right: 0%;
            height: auto;
            padding: 3px 2px 10px 3px;
            border-radius: 3px;
            float: left;
            border: 1px solid #f1f1f1;
            margin-bottom: 30px;
        }
.NewsSec .Item .right{
  width:100%;
  text-align:center;
}
            .NewsSec div.Item:nth-child(even) {
                margin-right: 0%;
            }

            .NewsSec div.Item a .left {
                width: 100%;
                height: 100%;
                float: left;
                margin-bottom: 10px;
            }

                .NewsSec div.Item a .left img {
                    width: auto;
                    height: auto;
                    max-width: 100%;
                    border-radius: 2px;
                    margin: 0 15px;
                    display: block;
                }

            .NewsSec div.Item a .right {
                width: 100%;
                height: 100%;
                float: right;
            }

                .NewsSec div.Item a .right h4 {
                    padding: 0;
                    margin: 0;
                    color: #5a5a5a;
                    font-size: 14px;
                    max-height: 20px;
                    overflow-y: hidden;
                    text-align: center;
                }

                .NewsSec div.Item a .right p {
                    padding: 0;
                    margin: 0;
                    color: #999999;
                    margin-top: 10px;
                    max-height: 52px;
                    overflow-y: hidden;
                    text-align: center;
                }

        .NewsSec .paging {
            text-align: center;
            margin: 5px auto 10px auto;
            padding-bottom: 20px;
        }

            .NewsSec .paging span {
                width: 20px;
                height: 20px;
                background-color: none;
                margin: 0 2px;
                border-radius: 3px;
                display: inline-block;
                cursor: pointer;
                font-size: 16px;
            }

            .NewsSec .paging .curent {
                background-color: #471b66;
                color: #fff;
            }



    .NewsDetails .Title {
        padding: 10px 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #000;
    }

    .NewsDetails .Date {
        color: #88769e;
        font-size: 12px;
    }

    .NewsDetails .Details {
        margin-top: 20px;
        direction: rtl;
        text-align: right;
    }

        .NewsDetails .Details p {
            text-align: justify;
            color: #575757;
            font-size: 14px;
        }

        .NewsDetails .Details .img {
            border: solid 1px #f1f1f1;
            border-radius: 3px;
            width: 100%;
            margin-left: 0;
            float: none;
            height: auto;
            margin-bottom: 10px;
        }

            .NewsDetails .Details .img .desc {
                color: #88769e;
                font-size: 12px;
                text-align: center;
                margin-top: 5px;
                max-height: 14px;
                max-width: 100%;
                overflow: hidden;
            }

            .NewsDetails .Details .img img {
                width: 100%;
                height: 240px;
            }

    .OfferDetails .Title {
        padding: 10px 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        color: #000;
    }

    .OfferDetails .Date {
        color: #88769e;
        font-size: 12px;
    }

    .OfferDetails .Details {
        margin-top: 20px;
    }

        .OfferDetails .Details p {
            text-align: justify;
            color: #575757;
            font-size: 14px;
        }

        .OfferDetails .Details .img {
            border: solid 1px #f1f1f1;
            border-radius: 3px;
            width: 100%;
            margin-left: 0;
            float: none;
            height: auto;
            margin-bottom: 10px;
        }

            .OfferDetails .Details .img .desc {
                color: #88769e;
                font-size: 12px;
                text-align: center;
                margin-top: 5px;
                max-height: 14px;
                max-width: 100%;
                overflow: hidden;
            }

            .OfferDetails .Details .img img {
                width: 100%;
                height: 240px;
            }

    .RelNews {
        padding: 0;
        margin: 50px 0 50px 0;
    }


    .searchInner {
        margin: 20px 20px 0 10px;
        float: left;
        display: none;
    }

        .searchInner input {
            border: solid 1px #dadada;
            padding: 7px 10px;
            background-image: url(../images/searchIcon.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            width: 250px;
        }

    .LatestNews {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .LatestNews li a span {
            color: #a3a3a3;
            font-size: 12px;
        }

        .LatestNews li {
            margin-bottom: 10px;
            border-bottom: 1px solid #f1f1f1;
            padding-bottom: 10px;
        }

            .LatestNews li:hover {
                border-bottom: 1px solid #88769e;
            }

            .LatestNews li a p {
                float: right;
                display: block;
                color: #595959;
                padding: 0;
                margin: 0;
                padding-top: 10px;
                font-size: 14px;
            }

            .LatestNews li .btn {
                float: right;
                width: 19px;
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 10px;
            }

    .CorporateSection {
    }

        .CorporateSection .item {
            width: 100%;
            margin-right: 0%;
            float: none;
            text-align: center;
            position: relative;
            margin-bottom: 25px;
        }

            .CorporateSection .item .img {
                width: 100%;
                height: 155px;
                background-color: #c4c4c4;
                transition: all 0.5s ease;
            }

            .CorporateSection .item:hover .img {
                background-color: #64467c;
                text-align: center;
            }

            .CorporateSection .item .img img {
                width: 100%;
                height: 100%;
            }

            .CorporateSection .item .img .fa {
                color: #fff;
                margin-top: 40px;
                text-align: center;
            }

            .CorporateSection .item h4 {
                color: #747474;
                text-align: center;
                padding: 10px 0;
                margin: 0;
                font-weight: normal;
                font-family: STC-Regular;
                font-size: 22px;
                max-width: 80%;
                display: block;
                margin: 0 auto;
            }

            .CorporateSection .item .Lists {
                background-color: #fff;
                position: absolute;
                z-index: 99;
                background: #fff;
                width: 100%;
                display: none;
                direction: rtl;
            }

            .CorporateSection .item ul {
                list-style: circle;
                text-align: right;
                padding-left: 0;
                margin-left: 25px;
            }

                .CorporateSection .item ul li {
                    text-align: right;
                    color: #747474;
                    padding-bottom: 5px;
                }

                    .CorporateSection .item ul li:hover {
                        cursor: pointer;
                        text-decoration: underline;
                    }

            .CorporateSection .item:hover .Lists {
                display: block;
            }

            .CorporateSection .item:hover h4 {
                display: none;
            }

            .CorporateSection .item:nth-child(3n) {
                margin-right: 0;
            }

    .MinHe650 { min-height:100px !important; }
    .MinHe878 { min-height:580px !important; }


    .EService .body {
        padding: 10px 0;
        max-width: 80%;
    }

        .EService .body input {
            width: 90%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 5px;
        }


            .EService .body input:focus {
                border: solid 1px #88769e;
            }

        .EService .body .title {
            padding: 10px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 22px;
            color: #585858;
        }

        .EService .body span {
            color: #8e8e8e;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .EService .body select {
            width: 100%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .EService .body .btn {
            text-align: right;
            padding-top: 10px;
        }

            .EService .body .btn button:hover, .EService .body .btn a:hover {
                background-color: #565656;
                transition: all 0.5s ease;
                cursor: pointer;
            }

            .EService .body .btn button, .EService .body .btn a {
                border: none;
                background-color: #9b9b9b;
                color: #fff;
                padding: 10px 20px;
            }

    .recentlyList {
        padding: 50px 0;
        margin: 0;
    }

        .recentlyList .Item {
            width: 100%;
            margin-bottom: 20px;
        }

            .recentlyList .Item:nth-child(odd) {
                float: none;
            }

            .recentlyList .Item:nth-child(even) {
                float: none;
            }

            .recentlyList .Item h4 {
                padding: 0;
                margin: 0;
                border-bottom: 1px solid #afafaf;
                color: #616161;
                font-size: 14px;
                font-weight: normal;
                padding-bottom: 5px;
                margin-bottom: 10px;
            }

            .recentlyList .Item ul {
                padding: 0;
                margin: 0;
                list-style: circle;
                padding-left: 20px;
            }

                .recentlyList .Item ul li a:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .recentlyList .Item ul li {
                    color: #9a9a9a;
                    margin-bottom: 2px;
                }

    .VactionName {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: left;
        color: #000;
        width: 100%;
        font-size: 12px;
        min-height: 30px;
    }

        .VactionName div.txt {
            text-align: left;
            color: #000;
            max-width: 60%;
            font-size: 12px;
            float: left;
            max-height: 30px;
            overflow-y: hidden;
            margin-left: 20px;
        }


        .VactionName .btn {
            margin-top: 0px;
            text-align: center;
            float: right;
        }

            .VactionName .btn button {
                background-color: #fff;
                padding: 5px 15px 7px 15px;
                color: #dd4381;
                border: 1px solid #dd4381;
                font-size: 14px;
                margin-right: 20px;
                transition: all 0.5s ease;
                cursor: pointer;
            }

    button {
        transition: all 0.5s ease;
    }

    .VactionName .btn button:hover {
        background-color: #88769e;
        color: #fff;
        border-color: #88769e;
    }

    .tac {
        text-align: center;
    }

    .FZ26px {
        font-size: 26px;
    }

    .PT200px {
        padding-top: 100px;
    }

    .Notify {
        padding-bottom: 100px;
    }

        .Notify .body .btn button:hover, .Notify .body .btn a:hover {
            background-color: #565656;
            transition: background-color 0.5s ease;
            cursor: pointer;
            text-align: center;
        }

        .Notify .body .btn button, .Notify .body .btn a {
            border: none;
            background-color: #9b9b9b;
            color: #fff;
            text-align: center;
            padding: 16px 0px;
            margin: 0 auto;
            display: block;
            width: 150px;
            float: none;
            font-size: 18px;
        }

        .Notify .body input {
            width: 90%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
        }

        .Notify .Title {
            padding: 15px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 24px !important;
        }

    .PositionLink {
        color: #c1c0c0;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .PositionLink a:hover {
            text-decoration: underline;
            color: #411958;
        }

    .Hint {
        font-size: 12px;
        color: #989898;
        padding: 0;
        margin: 0;
        padding-bottom: 20px;
        text-align: right;
    }


    .RequestForm .body {
        padding: 10px 0;
        max-width: 100%;
    }

        .RequestForm .body input {
            width: 85%;
            border: solid 1px #dedede;
            padding: 10px 7.5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 0px;
        }

            .RequestForm .body input:focus {
                border: solid 1px #88769e;
            }

        .RequestForm .body .title {
            padding: 10px 0;
            font-weight: normal;
            font-family: STC-Regular;
            font-size: 22px;
            color: #585858;
        }

        .RequestForm .body span {
            color: #8e8e8e;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .RequestForm .body select {
            width: 100%;
            border: solid 1px #dedede;
            padding: 10px 5%;
            color: #535353;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .RequestForm .body .btn {
            text-align: right;
            padding-top: 10px;
        }

            .RequestForm .body .btn button:hover, .RequestForm .body .btn a:hover {
                background-color: #fff;
                color: #471b66;
                border: 1px solid #471b66;
                transition: all 0.5s ease-in-out;
                cursor: pointer;
            }

            .RequestForm .body .btn button, .RequestForm .body .btn a {
                border: none;
                background-color: #3e175a;
                border: 1px solid #3e175a;
                color: #fff;
                font-size: 14px;
                padding: 3px 10px;
            }

        .RequestForm .body table {
            width: 100%;
            flex-direction: rtl;
            text-align: right;
        }

            .RequestForm .body table td {
                padding-bottom: 10px;
            }

            .RequestForm .body table tr td:nth-child(odd) {
                text-align: left;
                vertical-align: middle;
                max-width: 150px;
                width: 150px;
            }

        .RequestForm .body label {
            font-size: 14px;
            color: #585858;
            font-weight: normal;
            max-width: 100px;
            padding: 0;
            margin: 0;
            text-align: right;
        }

        .RequestForm .body input.Date {
            background-image: url(../images/calender2.png);
            background-repeat: no-repeat;
            background-position: left 10px center;
            background-size: 18px;
        }

    .CorporateSection2 .title {
        padding: 0 0 10px 0;
        font-weight: normal;
        font-family: STC-Regular;
        font-size: 22px;
        text-align: right;
        color: #585858;
    }

    .CorporateSection2 .item {
        width: 47.5%;
        margin-left: 5%;
        background-color: #b79dba;
        max-height: 180px;
        height: 180px;
        position: relative;
        float: right;
        margin-bottom: 25px;
    }

        .CorporateSection2 .item:hover {
            background-color: #b79dba;
            transition: all 0.5s ease;
        }

        .CorporateSection2 .item:nth-child(even) {
            margin-left: 0;
        }

        .CorporateSection2 .item .txt {
            top: 0%;
            width: 90%;
            padding: 10px 5%;
            height: 130px;
            max-height: 130px;
            position: relative;
            display: block;
            z-index: -1;
            opacity: .1;
        }

        .CorporateSection2 .item:hover .txt {
            display: block;
            z-index: 99;
            top: 0;
            transition: all .5s ease;
            opacity: 1;
        }

        .CorporateSection2 .item .txt ul {
            list-style: circle;
            padding: 0;
            margin: 0;
            margin-right: 20px;
            color: #fff;
        }

            .CorporateSection2 .item .txt ul li:hover {
                cursor: pointer;
                text-decoration: underline;
            }

        .CorporateSection2 .item .txt .more:hover {
            text-decoration: underline;
        }

        .CorporateSection2 .item .txt .more {
            color: #fff;
            font-size: 12px;
        }

        .CorporateSection2 .item h4 {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 5px 0%;
            margin: 0;
            background-color: #fff;
            color: #8b8b8b;
            font-size: 14px;
            max-height: 30px;
            overflow-y: hidden;
            height: 30px;
        }

        .CorporateSection2 .item .img {
            top: 0;
            width: 100%;
            height: 150px;
            max-height: 150px;
            position: relative;
            display: block;
            text-align: center;
        }

        .CorporateSection2 .item:hover .img {
            display: none;
        }

        .CorporateSection2 .item .img i, .CorporateSection2 .fa {
            color: #fff;
        }

    .CorporateSection2 .fa {
        margin-top: 35px;
    }


    .CorporateSection2 .item .img img {
        width: 100%;
        height: 100%;
    }

    .ui-datepicker {
        font-size: 10pt !important;
        width: 100%;
        min-height: 208px;
        border: 1px solid #d7d7d7;
        border-radius: 0;
    }

    .ui-datepicker-calendar .ui-state-active {
        background: #471b66;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        color: #e0e0e0;
        text-shadow: 0px 1px 0px #4d7a85;
        filter: dropshadow(color=#4d7a85, offx=0, offy=1);
        border: 1px solid #55838f;
        position: relative;
        margin: -1px;
    }

    .DailyPickImg {
        width: 100%;
        margin: auto;
        border: 1px solid #E2E2E2;
    		padding: 1px;
    }

    .DailyPickImgLarge {
        width: 100%;
        margin: 20px 0;
        border: 1px solid #E2E2E2;
    		padding: 1px;
    }

    .DailyPickTitle {
        color: #515151;
        font-size: 30px;
        margin: 30px 0;
    }

    .DailyPicDesc {
        color: #9b9b9b;
        margin: 20px 0;
    }

    .DailyPickVedioName {
        color: #777777;
        margin: 10px 0 20px 0;
        font-size: 14px;
        text-align: center;
    }

    .help {
        color: #9a9a9a;
        font-size: 12px;
    }

    .MyArea {       
        top: 40px;
        right: -218px;
        z-index: 10000;
        width: 300px;        
    }

        .MyArea .title {
            background-color: #fff;
            color: #4f008c;
            padding: 5px 15px;
             text-align:right;
        }

        .MyArea .info {
            border-bottom: solid 1px #dddddd;
            padding: 10px 20px;
            background:#fff;
        }

            .MyArea .info img {
                float: right;
                border-radius: 30px;
                width:60px;
                height:60px;
                border:1px solid #c2c2c2;
                margin-left: 15px;
            }

            .MyArea .info .desc {
                float: right;
                width: 130px;
                padding-top: 10px;
            }

                .MyArea .info .desc .MyAreaName {                    
                    font-weight: bold;
                    text-align: left;
                    font-size: 14px;
                    padding-bottom: 3px;
                    color: #ff375e;
                }

                .MyArea .info .desc .MyAreaDetail {
                    color: #4f008c;
                    font-size: 14px;
                }

    .list5 {
        color: #585858;
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .list5 li {
            border-bottom: solid 1px #dddddd;
            padding: 5px 0 7px 0;
        }

            .list5 li:hover {
                background-color: #f3f3f3;
            }

            /*.list5 li > img {
                float: right;
                width: 18px;
                height: 18px;
                margin-left: 15px;
                padding-right: 15px;
            }*/

            .list5 li a {
                float: right;
                width: 180px;
                color: #323232;
                font-size: 14px;
                display: inline-block;
            }

    .LanguageRadio {
        margin-right: 10px;
        float: left;
        display: inline-block;
    }

    .Date2 {
        color: #ff375e;
        font-size: 12px;
        padding-top: 3px;
        text-align: center;
    }

    .LogOut {
        border-bottom: none !important;
    }

        .LogOut a {
            float: none !important;
            color: #ff375e !important;
            display: block;
            text-align: left;
            width: 225px !important;
            padding: 10px 0 5px 0 !important;
        }

    .js #menu {
        display: none;
    }

    #MainMenu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }

    /*############################Custom###########################################*/
    .RequestForm {
        direction: rtl;
    }

        .RequestForm .body input.FileUpload {
            background-image: url(../images/smallAttach.gif);
            background-repeat: no-repeat;
            background-position: left 10px center;
            background-size: 18px;
        }


        .RequestForm .body textarea {
            width: 85%;
            border: solid 1px #dedede;
            padding: 10px 7.5%;
            color: #535353;
            font-size: 14px;
            transition: all 0.5s ease-in-out;
            margin-bottom: 0px;
            min-height: 100px;
        }

            .RequestForm .body textarea:focus {
                border: solid 1px #88769e;
            }

    .fcRed {
        color: red;
    }

    .fz12px {
        font-size: 12px;
    }


    input[type=checkbox]:not(old):not(.old):not(.cbox),
    input[type=radio ]:not(old):not(.old):not(.cbox) {
      
        margin: 0;
        padding: 0;
        opacity: 0;
    }

        input[type=checkbox]:not(old):not(.old):not(.cbox) + span,
         input[type=radio ]:not(old):not(.old):not(.cbox) + span {
                display: inline-block;
			    margin-right: -15px;
			    float: right;
			    padding-right: 28px;
			    background: url('../images/checks.png') no-repeat right 0;
			    line-height: 24px;
        }


      input[type=radio]:not(old):not(.old):not(.cbox):checked + span {
            background-position: 0 -48px;
        }

    .checkBoxItem {
        width: 100%;
        margin-right: 0%;
        float: none;
        margin: 10px 0;
    }

        .checkBoxItem:nth-child(3) {
            margin-right: 0%;
        }

    .CondTerm {
        padding: 0px 0;
        margin: 0;
    }

        .CondTerm .Item {
            width: 100%;
        }

            .CondTerm .Item ul {
                padding: 0;
                margin: 0;
                list-style: circle;
                padding-left: 20px;
            }


                .CondTerm .Item ul li {
                    color: #9a9a9a;
                    margin-bottom: 2px;
                    font-size: 14px;
                    text-align: justify;
                }


    .InfoBar {
        width: 100%;
        height: 40px;
        background: #6f3975;
        background: linear-gradient(to left, #9d9d9d 0%,#9d9d9d 26%,#6f3975 26%,#6f3975 100%);
    }

        .InfoBar .left {
            float: right;
            width: 300px;
            height: 40px;
            margin-left: 60px;
            background: url(../images/SPMenu1.jpg) no-repeat right;
            background-size: auto 100%;
            -webkit-transform: scaleX(-1);
            -moz-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            transform: scaleX(-1);
        }

            .InfoBar .left h2 {
                padding: 0;
                margin: 0;
                font-size: 17px;
                color: #fff;
                font-weight: normal;
                display: inline-block;
                vertical-align: middle;
                padding-top: 10px;
                -webkit-transform: scaleX(-1);
                -moz-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                transform: scaleX(-1);
            }

        .InfoBar .right {
            float: left;
            width: 50%;
        }

            .InfoBar .right ul {
                list-style: none;
                padding: 0;
                display: none;
                margin: 0;
            }

    #infoBar .slicknav_menu {
        background: #9d9d9d;
        background-color: #9d9d9d;
        border-top: 1px solid #fff;
    }

    .InfoBar .right ul a {
        float: left;
    }

        .InfoBar .right ul a li {
            padding: 12px 20px 8px 20px;
            color: #fff;
            font-size: 14px;
        }

    .CCore {
        width: 95%;
        padding: 0 2.5%;
    }

    .CoreCase {
        width: 100%;
        padding: 30px 0%;
        direction: ltr;
    }

        .CoreCase .item {
            width: 100%;
            height: auto;
            max-height: 305px;
        }

        .CoreCase img {
            width: 100%;
            height: auto;
        }

    .CCoreItems {
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 230px;
    }

        .CCoreItems .item {
            width: 90%;
            border: 1px dotted #d3d3d3;
            height: auto;
            border-radius: 3px;
            float: right;
            margin-bottom: 30px;
            padding: 10px 2%;
        }

            .CCoreItems .item:first-child div.span {
                background: url('../images/CoreIcon1.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 30%;
                height: 25px;
                text-align: center;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 12px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(2) div.span {
                background: url('../images/CoreIcon2.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 30%;
                height: 25px;
                text-align: center;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 30px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(3) div.span {
                background: url('../images/CoreIcon3.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 30%;
                height: 25px;
                text-align: center;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 25px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(4) div.span {
                background: url('../images/CoreIcon4.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 30%;
                height: 25px;
                text-align: center;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 20px 0 0;
                margin: 0 auto;
                display: block;
            }

            .CCoreItems .item:nth-child(5) div.span {
                background: url('../images/CoreIcon5.jpg');
                background-position: right;
                background-repeat: no-repeat;
                width: 45%;
                height: 25px;
                text-align: center;
                color: #6f3973;
                font-weight: bold;
                padding: 15px 25px 0 0;
                margin: 0 auto;
                display: block;
            }


            .CCoreItems .item img {
                width: auto;
                height: auto;
                max-width: 100%;
                display: block;
                margin: 5px auto;
            }

            .CCoreItems .item .label {
                text-align: center;
                color: #c1678a;
                width: 100%;
            }

                .CCoreItems .item .label:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .CCoreItems .item .label a {
                    text-decoration: none;
                    color: inherit;
                }

    .Core3 {
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
    }

        .Core3 .item {
            width: 100%;
            margin-left: 0%;
            min-height: 170px;
            background-color: #d2d2d2;
            float: none;
            height: auto;
            margin-bottom: 30px;
        }

            .Core3 .item:hover {
                background-color: #6f3975;
            }

            .Core3 .item:nth-child(3n) {
                margin-left: 0%;
            }

    .CoreTitle {
        color: #4f008c;
        font-size: 22px;
        margin: 20px 0;
    }

    .PT100px {
        padding-top: 100px;
    }

    .CoreP {
        color: #595959;
        text-align: justify;
        font-size: 16px;
    }

    .OffersBanner {
        width: 100%;
        height: auto;
    }

        .OffersBanner img {
            width: 100%;
            height: auto;
        }

    .OffersCon {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

        .OffersCon ul {
            direction: rtl;
            list-style: none;
            padding: 0;
            margin: 0;
            height: 50px;
            border-radius: 12px;
            display: none;
            width: 100%;
        }

            .OffersCon ul li {
                float: right;
                color: #fff;
                font-size: 14px;
                padding: 15px 12px 16px 12px;
                background-color: #b3b3b3;
                transition: all 0.5s ease-in-out;
            }

    #OfferBar .slicknav_menu {
        margin-top: 20px;
    }

    .OffersCon ul li.active {
        background-color: #6f3975;
    }

    .OffersCon ul li:hover {
        background-color: #6f3975;
    }

    .OffersCon ul li:first-child {
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
    }

    .OffersCon ul li:last-child {
        border-bottom-left-radius: 12px;
        border-top-left-radius: 12px;
    }

    .Offeritem {
        padding: 0;
        margin: 30px 0;
        background: #fff;
        min-height: 650px;
        height: auto;
    }

        .Offeritem .item {
            width: 100%;
            margin-right: 0%;
            margin-bottom: 30px;
            border: #d3d3d3 1px solid;
            float: none;
               padding-bottom: 10px;
               text-align: center;
        }

           /* .Offeritem .item img {
                width: 100%;
                height: auto;
                max-height: 180px;
            }*/

            .Offeritem .item .txt {
                width: 100%;
                height: 160px;
                max-height: 160px;
                overflow: hidden;
                padding: 0 5%;
                font-size:13px;
            }

                .Offeritem .item .txt h2 {
                    color: #4f008c;
                    font-size: 16px;
                    margin-bottom: 0;
                    padding-bottom: 0;
                    font-weight: normal;
                    height: 22px;
    				overflow: hidden;
                }

                .Offeritem .item .txt p {
                    color: #000;
                    font-size: 14px;
                }

            .Offeritem .item:nth-child(3n) {
                margin-right: 0;
            }

    .SearchCon {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

        .SearchCon ul {
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
            margin-bottom: 0px;
            direction: rtl;
            text-align: right;
            display:inline-block !Important
        }

            .SearchCon ul li {
                transition: all 0.5s ease-in-out;
                float: none;
                color: #8b8b8b;
                font-size: 16px;
                padding: 5px 8px;
                border-radius: 12px;
                margin: 0px 2px;
                margin-bottom: 5px;
                text-align: center;
                float:right;
                background:#e4e4e4;
                min-width:92px;
            }

                .SearchCon ul li.active {
                    background-color: #a54ee1;
                    color: #fff;
                }

                .SearchCon ul li:hover {
                    color: #fff;
                    cursor: pointer;
                    background-color: #a54ee1;
                }

        .SearchCon .SearchItems {
            width: 100%;
            margin: 25px 0;
        }

            .SearchCon .SearchItems .item {
                width: 100%;
                border-bottom: 1px solid #ccc;
                margin-bottom: 25px;
            }

                .SearchCon .SearchItems .item h4 {
                    font-weight: bold;
                    font-size: 16px;
                    color: #686868;
                    padding: 0;
                    margin: 0;
                }

                .SearchCon .SearchItems .item p {
                    color: #7f7f7f;
                }

    .PT40px {
        padding-top: 40px;
    }


    .TeamBox {
        float: right;
        width: 45%;
        margin-left: 5%;
        margin-bottom: 30px;
    }

        .TeamBox:nth-child(even) {
            margin-left: 0%;
        }

        .TeamBox img {
            width: auto;
            height: auto;
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .TeamBox .name {
            color: #ff375e;
            font-size: 20px;
            text-align: left;
            margin-bottom: 10px;
            padding: 0;
            text-align: center;
        }

        .TeamBox .jobTitle {
            color: #918f8f;
            text-align: center;
            font-size: 15px;
            margin-bottom: 5px;
        }

        .TeamBox .desc {
            color: #573873;
            text-align: center;
            font-size: 12px;
        }

    @media all and (max-width:350px) {

        .Notification .item .text {
            float: right;
            max-width: 180px;
            padding-top: 10px;
            font-size: 14px;
        }

        .box3 .title4 .Subtitle {
            color: #949494;
            font-size: 14px;
            padding-bottom: 7px;
            padding-top: 7px;
        }
    }

    @media all and (max-width:450px) {		
        .TeamBox {
            float: right;
            width: 100%;
            margin-right: 0%;
            margin-bottom: 30px;
        }

        .event .date {
            float: right;
            padding: 10px 10px 10px 10px;
            background-color: #573873;
            color: #fff;
            font-size: 25px;
        }
    }

    #RelNews .Item {
        border-color: #fff;
    }
}

input.Date {
    background-image: url(../images/calender2.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 18px;
}

#FilesID {
    max-width: 100%;
}

.box3 img {
    max-width: 100%;
}

.FileLink {
    text-decoration: none;
    margin-bottom: 10px;
    width: 100%;
}

    .FileLink .fa {
        color: red;
        font-size: 18px;
        margin-left: 10px;
    }

.FileLink {
    font-size: 14px;
    color: #6f3975;
}

    .FileLink:hover {
        color: blue;
    }

#RelNews .Item {
    width: 100%;
}


/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CSTC-Regular%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}



    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        /* Support: IE7 */
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
        background:#fff;border:0px;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: right;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }
        #attendance-system-tabs{border:0px;}
		#attendanceReportResult{margin:10px 0;overflow:auto;}
		#attendanceReportResult table{max-width:700px !important;width:100%;}
		.search_attendance select{height:auto;}
		#attendanceReportResult img{display:none;}
		#attendance-system-tabs .ui-state-default{background:#ff375e;color:#fff !important;border:0px !important} 
		#attendance-system-tabs .ui-state-default a{color:#fff  } 
	    #attendance-system-tabs .ui-state-default.ui-tabs-active{background:#4f008c  ;border:0px !important} 
		
		.users_form{background:#e4e4e4;border:0px;}
        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0px 5px;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,STC-Regular,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,STC-Regular,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff ;
    color: #1d252d;
}

    .ui-widget-content a {
        color: #1d252d;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc ;
    color: #1d252d;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #1d252d;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #dcd9de;
        font-weight: normal;
        color: #1d252d;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #1d252d;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
        background-color: #dcd9de;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #212121;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa;
        background-color: #501f6e;
        font-weight: normal;
        color: #fff;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #fff;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee ;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec ;
        color: #cd0a0a;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #cd0a0a;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70); /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
     /*background-image: url("images/ui-icons_222222_256x240.png");  */
}

 
.ui-state-default .ui-icon {
    /* background-image: url("images/ui-icons_888888_256x240.png"); */
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
     background-image: url("../../../portal/ep/js/jquery/css/stc/images/ui-icons_e4188a_256x240.png"); 
}
.ui-dialog-titlebar-close{right:94% !important;}
.ui-state-active .ui-icon {
    background-image: url("../../../portal/ep/js/jquery/css/stc/images/ui-icons_e4188a_256x240.png");
}

.ui-state-highlight .ui-icon {
   /* background-image: url("images/ui-icons_2e83ff_256x240.png");*/
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    /*background-image: url("images/ui-icons_cd0a0a_256x240.png");*/
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa ;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa ;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
    border-radius: 8px;
}

#accordion, .colCustom {direction: rtl !important; text-align: right !important;}
.RequestForm table tr, .RequestForm table tr td, .RequestForm table, .RequestForm, .RequestForm table label {
    direction: rtl !important;text-align: right !important;
}

#RelNews, #SCase {direction: ltr !important;}
#RelNews .Item { direction: rtl;}
.col3 > div {position:relative;width:100%}
.languageLabel{float: right;width: 50px;}
.languageButton{float: left;width: 130px;}
.languageButton .portlet-borderless-container{min-height:auto !important;}
.languageButton .portlet-borderless-container .portlet-body a{width:90px !important;height:22px;background:url(../images/LanguageRadio.jpg);background-position:-1px -1px}

#content > .container{margin-bottom:10px;}
/** added by ahmed magdy 27-7-2015  **/
.EService *,.box1 .body *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.searchServices{
    position: relative;
    margin-bottom: 11px;
    margin-right: 244px;
    padding-top:15px;
}
.searchServices input{
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #C7C7C7;
    -webkit-box-shadow:  0 0 5px 4px #ECECEC;
    box-shadow:  0 0 5px 4px #ECECEC;
}
.searchServices .btn a{
    position: absolute;
    left: 0;
    top: 0;
    height: 52px;
    background-color: #dd4381;
    padding: 7px 17px;
    border-radius: 5px 0 0 5px;
    font-size: 26px;
    color: #fff;
}

.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .1em; float: right; width: 222px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: right; width: 100%; border-bottom-width: 1px !important; border-left-width: 0 !important; margin: 0 0 .2em -1px; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; outline: none;}

	.ui-tabs-vertical .ui-tabs-panel { padding: 0 16px 16px; float: left; width: calc(100% - 240px); border: 1px solid #c9c9c9; border-radius: 5px; box-shadow: 0 0 3px 1px #ebebeb;
	 -webkit-column-count: 1;
	 -webkit-column-gap: 10px;
	 -webkit-column-fill: auto;
	 -moz-column-count: 1;
	 -moz-column-gap: 10px;
	 -moz-column-fill: auto;
	  column-count: 1;
	  column-gap: 10px;
	   -moz-column-fill: balance;
       column-fill: balance; 
	}
	.ui-tabs-vertical .ui-tabs-nav li{background-image:url(../images/servicebacktrik.png);background-repeat: no-repeat;background-position: 100% 0;border-radius:5px;}
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{background-image:url(../images/servicebacktrik_active.png);background-repeat: no-repeat;background-position: 100% 0;border-radius:5px;}
	.ui-tabs-vertical .ui-tabs-nav li .serviceCatImg{width:40px;height:35px;overflow:hidden;position:relative}
	.ui-tabs-vertical .ui-tabs-nav li .serviceCatImg img{position:absolute;top:0px;left:0}
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active .serviceCatImg img{top:-37px;}
	
	.half{
	display: inline-block;
	    min-width: 265px;
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
	@media (min-width: 960px) {
	.ui-tabs-vertical .ui-tabs-panel {
		 -webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2; 
	}
}

@media (min-width: 1100px) {
	.ui-tabs-vertical .ui-tabs-panel {
		 -webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3; 		
		
	}	
}
.ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor{float: none;}
.ui-tabs-vertical .ui-widget-header{background: none;border: none;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{margin-bottom: 3px;padding-bottom: 0;}
.ui-tabs-vertical .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 0.6em 1em;}
.ui-tabs-vertical .ui-state-default{background-color: #EAEAEA;    border: 0;}
.ui-tabs-vertical .ui-tabs-active{background-color: #4f008c;}
.ui-tabs-vertical li.ui-state-default.ui-tabs-active.ui-state-active:after {content: "";position: absolute;left: -10px;/* height: 60%; */top: 11px;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #4f008c;}
.ui-tabs-vertical li .fa {float:right;height: 100%;display: inline-block;width: 45px;text-align: center;padding: 7px 8px 8px;font-size: 25px;margin-left: 10px;left: 0;top: 0;text-indent: 0;}
.ui-tabs-vertical li .serviceCatImg{float:right;height: 100%;display:block;width: 45px;text-align: center;padding: 7px 8px 8px;font-size: 25px;margin-left: 10px;left: 0;top: 0;text-indent: 0;position:absolute}	
.ui-tabs-vertical .ui-state-default .fa{background: #F1F1F1;color: #dd4381;}
.ui-tabs-vertical li.ui-state-default.ui-tabs-active.ui-state-active .fa{background: #dd4381;color: #fff;}
.ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor {
    padding: 6px 2px 8px;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
	white-space: normal;     
}
.ui-tabs-vertical .ui-tabs-panel ul{padding: 0 16px;margin: 0;}
.ui-tabs-vertical .ui-tabs-panel ul li{list-style-type: circle;margin:3px auto}
.ui-tabs-vertical .ui-tabs-panel ul a{color: #8e9aa0;}
.ui-tabs-vertical .ui-tabs-panel ul a:hover{text-decoration: underline;}
.ui-tabs-vertical h4.title {font-weight: normal;border-bottom: 1px solid #afafaf;width: 96%;padding-bottom: 7px;    margin: 20px 0}
.ui-tabs-vertical h4.title:before{content: ""; width: 10px;;height: 19px; background: #ff375e;display: inline-block;position: relative;top: 4px;margin-left: 7px;float:right;}
#tabs {border: none}

.ui-autocomplete .ui-menu-item{margin: 1px;border-bottom: 1px solid #e5e5e5;color: #585858;}
.ui-autocomplete .ui-menu-item.ui-state-focus{background: #ff375e;color: #fff;}
.ui-autocomplete .ui-menu-item.ui-state-focus:last-child{border-bottom: none;}
.ui-autocomplete {border-color:#f3f3f1;border-radius: 5px;}

/*** added by ahmed magdy 30-7-2015 to fix search results some issues  ***/

.user_photo_search {
	width:56px;
	height:56px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:#e5e5e5 2px solid;
	overflow: hidden;
	float: right;
	margin-left:10px;
}
.user_photo_search img {
	width:100%;
	height:100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.OfferMenu li input{
	display: none;
}




/*** user profile viewer  ***/
.floated_left {
    float: right;
}
.user_view_img {
    width: 190PX;
    margin-right: 20px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    /* box-shadow: 2px 2px 3px #999; */
}
.user_data_disp {
    width: calc(100% - 250PX);
    /* background: #f1f1f1; */
    padding: 10px;
    /* box-shadow: 2px 2px 3px #999; */
    border-radius: 5px;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.usersearch_results.content {
    
    border: 1px solid #B9B9B9;
    border-radius: 0 0 5px 5px;
}

.titleMeLeft {
    float: right;
    margin: 5px;
    width: 45%;
    border-right : solid 1px #501f6e;
    padding-right: 10px;
}

.ui-accordion .ui-accordion-icons {
    padding-right: 1em;
}

.ui-accordion-header b:after {
    content: "\f067";
    float: left;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.ui-accordion-header.ui-accordion-header-active b:after{
	content: "\f068";
}

.titleMeLeftFullWidth {
   
    margin: 5px;
    width: 90%;
    border-right: solid 1px #501f6e;
    padding-right: 10px;
}

.template_tbl{background:#f1f0f0;border:solid 1px #dbdbdb;}
.template_tbl tr:first-child td{background:#ff375e;color:#fff;padding:8px;font-size:13px;font-weight:bold;}
.template_tbl  td{padding:8px;}
.template_tbl tr:nth-child(even) {background: #fff}
.portlet-content{padding:0}
.loadMore{color:#ff375e}
.text-center{text-align:center}
.NewsSec .Item,.NewsCase{overflow:hidden;}
	#filterForm table{width:100%}
	.ui-datepicker-trigger {
    position: absolute !important;
    top: 8px;      
    left: 7px;
}

.datepicker {
    position: relative;
}
.filterDatePicker td:last-child .datepicker {
    margin-right: 5px;
}
.datepicker .hasDatepicker{
	padding-left:0;padding-right:0;
}
.offer_image_admin {
    width: 230px;
    height: 300px;
    
    margin-left: 5px;
  
    overflow: hidden;
}
.offer_logo_admin {
    width: 230px;
    height: 61px;
    
    margin-left: 5px;

    overflow: hidden;

}

.offer_image_admin {
    width: 230px;
    height: 300px;
    
    margin-right: 5px;

    overflow: hidden;
}
.offer_logo_admin {
    width: 230px;
    height: 61px;
    
    margin-right: 5px;

    overflow: hidden;

}

.offer_image_admin {
    width: 230px;
    height: 300px;
    
    margin-right: 5px;

    overflow: hidden;
}
.offer_logo_admin {
    width: 230px;
    height: 61px;
    
    margin-right: 5px;

    overflow: hidden;

}
.offer_div {
    width: 230px;
    height: 411px;
    border: solid #BBAFC7 1px;
    border-radius: 5px;
    background-color: #fff;
    float: left !important;
    margin: 14px;
}
.offer_image {
    position: relative;
    width: 100%;
    max-width:100%;
    height: 300px;
    overflow: hidden;
    text-align: right;
    margin: 0 auto;
}
.offer_image img {
    position: absolute;
    margin-left: -255px;    
    margin-top: -31px ;
    width: 100%;
    height: 100%;
}
.offer_service_prov_name {
    position: relative;
    width: 100%;
    height: 61px;
    overflow: hidden;
    opacity:0.7;
    filter: alpha(opacity=70); 
}
.offer_service_prov_name img {
    position: absolute;
}
.offer_likes {
    width: 46px;
    height: 22px;
    display: block;
    z-index: 0;
    position: absolute;
    background-image: url(../images/like_btn.png);
}
.offer_dislikes {
    width: 46px;
    height: 22px;
    display: block;
    z-index: 0;
    position: absolute;
    background-image: url(../images/dislike_btn.png);
    margin-right: 51px;
}
.offer_like_value {
    margin-left: 26px;
    margin-top: 2px;
    font-family: "STC-Regular" !important;
    color: #309;
    font-size: 11px;
    background-image: url(../images/likes-ar.png);
    text-align:left;
}
.offer_like_value {
    margin-left: 26px;
    margin-top: 2px;
    font-family: "STC-Regular" !important;
    color: #309;
    font-size: 11px;
    background-image: url(../images/likes-ar.png);
}

.offer_logo_details {
    width: 230px;
    height: 61px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding-top: -10px;
    padding-right: 10px;
}
.service_provider_info .name {
    width: 50%;
   height: 100px;
    float: right;
}
.service_provider_info {
    width: 100%;
    min-height: 100px;
    display: block;
    border: 1px solid #999;
    border-radius: 10px;
    padding-right: 19px;
}
@media all and (max-width:650px){
	.half {
    min-width: 100% !important;
}
  .ui-tabs-vertical .ui-tabs-nav {
    width: 50px !important;
}
.ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor {
    text-indent: -999999999999999999999px !important;
    /* color: transparent; */
}
.ui-tabs-vertical .ui-tabs-panel {
    width: calc(100% - 64px) !important;
}
.searchServices {
    margin: 0 !important;
}
	.ui-pager-control > .ui-pg-table > tbody > tr > td {
    display: block;
}
.ui-jqgrid .ui-jqgrid-pager{
	height: auto !important;
}
	.service_provider_info{
	min-height: 110px;}
	.offer_logo_details{
	max-width: 100%;}
	table.tftable * {
    display: block;
    width: 100%;
}

table.tftable {
    display: block;
    width: 94%;
}
#bookingModel {
    overflow: auto;
    max-width:95%;
}
}


.likes_dislikes_table {
	direction: rtl;
	width: 150px;
	
}

.likes_bar {
	height: 3px;
	background-color:#501f6e;
}

.dislikes_bar {
	height: 3px;
	background-color:#e3007f;
}
.likes_bar_value {
	color:#501f6e;
	float: right;
}
.likes {
	margin-top: 6px;
	}

.dislikes_bar_value  {
	color:#e3007f;
	float: left;
}



.Comments {
	width:100%;
	height:370px;
	float:left;
	border:solid 1px #999; 
	border-radius:10px;
	margin-top: 10px;
	background-color:#fff;
	overflow: auto;
}
.offers_comments{padding:10px;width:97%;height:82%;}
.comments_count{background:#e5e5e5;padding:5px;margin-bottom:8px;border:none;border-radius:3px;margin-top:0px; font-size: 11px; padding-right:4px;}
.comments_list.content{height:320px; width:100%;}
.comments_list li {margin-bottom:3px; background:#f8f8f8;padding:3px;}
.comments_list li span, .comments_add span{display:inline-block;}
.comments_list li span.user_img, .comments_add span.user_img{width:35px;margin-right:5px;}
.comments_list li span.user_img img, .comments_add span.user_img img{width:35px;border-radius:3px;border:solid 1px #333;}
.comments_list li span.comment_disp, .comments_add span.comment_disp{width:93%;vertical-align:top;margin-right: 8px;}
.comment_disp p{font-family:"tahoma" !important;font-size:11px !important;text-align:right;margin:0px; color:#a8a8a8;}
.comment_disp .user_name_disp{color:#501f6e;margin-bottom:4px; width:340px;font-family:"STC-Regular" !important; text-align:left;}
.comment_disp .comment_text {color:#323232;text-align: right; direction:ltr;}
.comment_date {font-size:9px !important;color:gray !important; text-align: left!important;}
.comment_form {margin: 10px;}
.comments_add{
width: 100%;

float: left;
border: solid 1px #999;
border-radius: 10px;
margin-top: 10px;
background-color: #fff;
}
.comments_add span.comment_disp input[type="text"]{width:500px;margin-top:3px;}
.comment_hints{font-size:10px !important;margin:0px;color:#333 !important;text-align:right; margin-right:8px;}

.contacts table {
direction:rtl;
text-align:left;
border-spacing: 3px;
border-collapse: separate;
}


.contacts table tr:nth-child(even) {color: #323232; font-family:"tahoma" !important; font-size:11px; }
.contacts table tr:nth-child(odd) {color: #501f6e; background-color:#e5e5e5;}



.item.w2 { width: 50%; }

.moreComments {
width:98%;
margin:auto;
height:20px;
text-align:center;
background-color:#e5e5e5;
border-radius: 10px;
font-weight:bold;
font-size:14px;
letter-spacing:4px;
color:#501f6e;
cursor: hand;
}

.tftable {font-size:13px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse; width:500px; float:right; margin:8px; }
.tftable th {font-size:13px;background-color:#FFF;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:right;}
.tftable tr {background-color:#F8F8F8;}
.tftable td {font-size:13px;border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9; text-align:right; font-family:"STC-Regular"; }
.tftable td:nth-child(3) {font-size:13px;border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9; text-align:right; font-family:"STC-Regular"; color:#bb0062; }
.tftable td:nth-child(1) {font-size:13px;border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9; text-align:right; font-family:"STC-Regular"; color:#bb0062; }
.tftable tr:hover {background-color:#ffffff;}


.tftable_od {font-size:13px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse; border-radius: 5px;}
.tftable_od th {font-size:13px;background-color:#4f008c;border-width: 1px;padding: 4px;border-style: solid;border-color: #a9a9a9;text-align:center; vertical-align:middle; font-family:"STC-Regular"; font-size:14px;color:#fff;}
.tftable_od tr {background-color:#fff;}
.tftable_od td {font-size:13px;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;font-family:"STC-Regular"; text-align:center; color:#666;}
.tftable_od tr:hover {background-color:#fcf6f9;}


.tftable_at {font-size:13px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse; width:50%; margin:auto; } 
.tftable_at th {font-size:13px;background-color:#b8b8b8;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:right;}
.tftable_at tr {background-color:#F3F3F3;}
.tftable_at td {
	font-size:13px;
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #a9a9a9;
	text-align: center;
	font-family:"STC-Regular" !important;
	font-size:11px;
	vertical-align:middle;
}
.tftable_at tr:hover {background-color:#ffffff;}
.info1 {
	float: right;
	text-align: right;
	margin:10px;
	width:97%;
}
.l0{
	display:none !important;
}
.l1{
	height:95px !important;
}
.l2{
	height:155px !important;
}
.l3{
	height:215px !important;
}
.l4{
	height:275px !important;
}





.offer_contact {
	width:100%;
	height:200px;
	float:left;
	border:solid 1px #999; 
	border-radius:10px;
	background-color:#fff;
	overflow:auto;
}
.offer_contact map {
	width:400px;
	height:300px;
	margin:10px !important;
}
.offer_contact .contacts {
	margin:5px !important;
	font-family:"STC-Regular" !important;
	text-align:left;
	font-size:13px;
	direction:rtl;
}
.discount_badge {
	width:103px;
	height:104px;
	background-image:url(../images/discount_badge.png);
	background-position:center;
	position:absolute;
	z-index:1;
	top: -20px;
	left: 9px;
}
.discount_badge div {
	font-family:"STC-Regular";
	font-size:18px;
	color:#FFF;
	padding-top: 44px;
	padding-left: 8px;
	text-align:center;
}
	
.discount_badge2 {
	width:103px;
	height:104px;
	background-image:url(../images/discount_badge.png);
	background-position:center;
	position:absolute;
	z-index:1;
	top: -20px;
	right: 66px;
}
.discount_badge2 div {
	font-family:"STC-Regular";
	font-size:18px;
	color:#FFF;
	padding-top: 44px;
	padding-right: 8px;
	text-align:center;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    font-family: STC-Regular, Helvetica, sans-serif;
    font-size: 14px; 
    color: #fff;
    text-decoration: none;
    background-color: #4f008c;
    text-align: center;
    border: solid 1px #4f008c;
    padding: 5px 10px;
    border-radius: 4px;
    position: relative;
    min-width: 74px;
    min-width: 64px\9;    
    line-height: 16px;
    cursor: pointer;
    margin:1px;
}
ul{margin:0}
.text-right{text-align:left}
.offer_price {font-size: 11px; height: 37px;color: #E3007F;}
div#slider1_container { margin-top: 20px;}
.offer_details_block{border: 1px solid #999; margin-top: 2px;margin-bottom: 10px;border-radius: 10px; position:relative;}
.offer_details_block table.tftable{width:70%}
.service_provider_info #serial {float: right;font-family: Tahoma, Geneva, sans-serif; color: #727272; font-size: 11px;}
.offer_badge {position:absolute;background-image:url(../images/offer_padge-ar.png);width:71px;	height:71px;background-repeat:no-repeat;background-position:center;z-index:2;	/*padding-right: 306px;*/padding-top: 4px;}
.offer_discount {position:relative;	background-image:url(../images/ribbon-ar.png);background-repeat:no-repeat;background-position:center;width:79px;height:29px;z-index:3;padding-top: 5px;float:left;}
.offer_discount span {font-family:"STC-Regular";font-size:16px;color:#FFF;padding-right: 35px;}
#taskTabs{border:none;}
#taskTabs li.TabHeaderBtn {width: 33.33333333333333%;display: table-cell; margin: 0;float: right; padding: 0; border-radius: 0; position:relative;}
#taskTabs .arrow-down {position: absolute; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #6f3975;display: none;top: 100%;    right: 48%;}
#taskTabs .TabHeaderBtn.ui-tabs-active {background-color: #6f3975;}
#taskTabs .TabHeaderBtn.ui-tabs-active .arrow-down{display: inline-block}

#taskTabs ul.TabHeader {display: table;width: 100%;background-color: transparent; border: none;margin-bottom: 20px;}
div#taskTabs li a {margin: 0 auto;text-align: center;display: inline-block;padding: 13px 2.6%;width: 100%;height: 45px;font-size: 16px;outline: none;}
#taskTabs li.TabHeaderBtn:last-child{border-radius: 10px 0 0 10px;}
#taskTabs li.TabHeaderBtn:first-child{border-radius: 0 10px 10px 0;}

/*** 25/8/2015 ***/

div#taskTabs > div {
    margin: 0;
    padding: 0;
}
#taskTabs .ui-tabs-panel{
    border: 1px solid #E8EAEA;
    -webkit-box-shadow: 0px 0px 15px 1px rgb(188, 188, 188);
    -moz-box-shadow: 0px 0px 15px 1px rgb(188, 188, 188);
    box-shadow: 0px 0px 10px 0px rgba(188, 188, 188, 0.62);
    border-radius: 5px;
    color: #6a6a6a;
    overflow: hidden;
    border: none;
    padding: 10px 30px 10px 30px;
}
/* #taskTabs .ui-jqgrid-htable,#taskTabs .ui-jqgrid-btable{
	width: 100% !important;
} */
#taskTabs .ui-jqgrid-btable tr:nth-child(2n) td{
	    background-color: #f9f9f9;
	    
}
#taskTabs .ui-jqgrid-btable tr td{
    border-top: 1px solid #ddd;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
        padding-bottom: 8px ;
        padding-top: 8px ;
}
div#taskTabs .ui-tabs-panel * {
    border: none;
    background-color: transparent;
}
#taskTabs .ui-jqgrid-htable {
    border-bottom: 1px solid #6f3975 !important;
    color: #6F3975;
    font-weight: 200;
    text-align: center;
    font-family: "Myriad Pro";
}
#taskTabs .ui-jqgrid .ui-jqgrid-htable th{
	
    background: transparent;
    color: #6F3975 !important;
    color: #6F3975;
    font-weight: 200;
    text-align: center;
    font-size:14px;
    font-family: "Myriad Pro";
    font-weight: normal !important;
    padding: 5px 2px;
    border-bottom: 0px !important;
    border-top: 0px !important;
    
}
#taskTabs .ui-jqgrid-htable input {
	border:1px solid #DCD9DE ;
}
.boxSpicalOffer img{width: 100%}
.ui-pg-table > tbody > tr > td {
    width: auto !important;
}
.ui-jqgrid-bdiv td {
    border-left: 1px solid #ECEAEA !important;
}
.ui-jqgrid-bdiv td:first-child {
    border-left: none !important;
}

/* Hover Effect for the main menu*/
#MainMenu li:not(:first-child) a {
	/* padding: 12px 10px 10px; */
	/* color: #566473; */
	text-shadow: none;
	/* font-weight: 700; */
}

#MainMenu li:not(:first-child) a::before,
#MainMenu li:not(:first-child) a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #ffdd40;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.65);
}

#MainMenu li:not(:first-child) a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

#MainMenu li:not(:first-child) a:hover::before,
#MainMenu li:not(:first-child) a:hover::after,
#MainMenu li:not(:first-child) a:focus::before,
#MainMenu li:not(:first-child) a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

#MainMenu li:not(:first-child) a:hover::after,
#MainMenu li:not(:first-child) a:focus::after {
	top: 0%;
	opacity: 1;
}
nav li:not(:first-child) a {
	position: relative;
	display: inline-block;

	outline: none;

	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;


}

nav a:hover,
nav a:focus {
	outline: none;
}

#MainMenu li:not(:first-child) a::before {
    background-color: transparent;
}

#MainMenu li:not(:first-child) a:hover::before {
    background-color: #ffdd40;
}
i.fa.fa-bookmark {
    color: #696969;
    font-size: 20px;
}
.ui-tabs-vertical h4.title a {
    display: table;
        margin-right: 15px;
}
.ui-search-input input {
    margin: 5px !important;
    box-shadow: 0px 0 6px 0px rgb(111, 57, 117);
    box-sizing: border-box;
    width: 94% !important;
    border: none !important;
    border-radius: 6px;
    padding: 1px 5px !important;
}
.ui-jqgrid-bdiv {
    min-height: 200px;
}
.ui-jqgrid .loading{    color: #6F3975;
    box-shadow: 0 0 12px 0px #FBD8FF;
    border-radius: 6px;}
    .table-responsive {
    width: 100%;
    overflow: auto;
}
table.hotelRooms {
    text-align: center;
    margin-bottom: 17px;
}
.hotelRooms input {
    max-width: 94px;
}
.dates {
    color: #e5007b;
    font-size: 12px;
}
.recipients_textboxs {
    max-width: 95% !important;
}
.float-right{float: left;}
#profileAccordion .ui-accordion-header-icon {
    display: none;
}
.border {
    box-shadow: 0px 0px 19px 0px #EAEAEA;
    border-radius: 5px;
        padding: 10px 15px 10px;
    margin: 12px 0;
}
.list2 li:hover span {
    color: #9F3FB3;
}
.portlet-msg-error {
    text-align: right;
    background-position: right;
    padding-right: 22px;
}

/*** fix offer details  ***/


.roomRatesTable {
	border-collapse: separate;
    border-spacing: 10px;
	
	padding:5px;
	margin:3px 0;
	background-color:#F7F7F7;
	text-align:left;
	color:#000;
	font-size:10px;
	width: 100%;
	min-width: 20%;
	font-size: 11px;
}
.roomRatesTable tr:first-child td {
   font-weight: bold;
   font-size: 12px;
   color: #9F009F;
}
.price {
	border-collapse: separate;
    border-spacing: 10px;
	
	padding:5px;
	margin:5px;
	background-color:#F7F7F7;
	text-align:center !important;
	color:#e4188b !important;
	font-size:13px;
	font-weight: bold;
}
.stc-igate-promotions-portlet .title { 
	border-collapse: separate;
    border-spacing: 10px;
	
	padding:5px;
	margin:5px;
	background-color:#F7F7F7;
	text-align:center;
	color:#971289;
	font-size:18px;
}
.contactInfo { 
	border-collapse: separate;
    border-spacing: 10px;
	
	padding:5px;
	margin:5px;
	background-color:#F7F7F7;
	text-align:right;
	color:#971289;
	font-size:16px;
	font-weight: bold;
}
.title1 {
	border-collapse: separate;
    border-spacing: 10px;
	    border-left: 7px solid #fff;
    border-bottom: 2px solid #fff;
	padding:5px;
	margin:5px;
	background-color:#F7F7F7;
	text-align:right;
	color:#9F009F;
	font-size:13px;
}
.contactInfo-title {
	text-align:right;
	color:#B62175;
	font-size:13px;
}

.navigation-portlet{
display: inline-block;
}
.masterTable2 tr {
    height: 34px;
}

.masterTable2 {
    margin: 11px 0;
    width: 100%;
}
.masterTable {
    margin: 5px;
}
.button a{
	font-family: STC-Regular, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: 100;
    color: #fff;
    text-decoration: none;
    background-color: #4f008c;
    text-align: center;
    border: 1px solid #502054;
    padding: 5px 10px;
    border-radius: 4px;
    position: relative;
    min-width: 84px;
    min-width: 64px\9;
    /* height: 30px; */
    line-height: 16px;
    cursor: pointer;
}



#newFeeds .ui-widget.ui-widget-content{
	border: 1px solid #E8EAEA;
    -webkit-box-shadow: 0px 0px 15px 1px rgb(188, 188, 188);
    -moz-box-shadow: 0px 0px 15px 1px rgb(188, 188, 188);
    box-shadow: 0px 0px 10px 0px rgba(188, 188, 188, 0.62);
    border-radius: 5px;
    color: #6a6a6a;
    overflow: hidden;
    border: none;
    padding: 10px 30px 10px 30px;
    margin: 0;
}
.searchSet input::-ms-clear {
    display: none;
}
.login .inputGroup {
    margin: 10px 0;
    text-align: right;
    direction: rtl;
}
.ui-tabs-panel .half{float: right;overflow:hidden;}
ul.list5 {
    text-align: right;
}
@media all and (min-width:700px){
  .NewsCase .NewsRightMob {
            display: none;
        }
}
@media all and (max-width:815px) and (min-width:700px){
  .NewsCase .NewsLeft .btn button, .NewsCase .NewsLeft .btn a{
    padding:5px
  }
}
@media all and (max-width:1000px){
  	.ui-pager-control > .ui-pg-table > tbody > tr > td {
    display: block;
    text-align:center;
    width:100%;
}
.ui-pager-control > .ui-pg-table > tbody > tr > td > table{
  width:100%
}
.ui-jqgrid .ui-jqgrid-pager{
	height: auto !important;
}
}
@media all and (max-width:1150px){
   .OfferMenu{display: none !important;}
   .js #menu,#MainMenu { display: none !important; }
   .js .slicknav_menu { display: block;}
}

#taskTabs .ui-search-toolbar > th > div {
    min-height: 34px;
    
}
.ie9 #taskTabs .ui-search-toolbar > th > div input[type="text"], .safari.mobile #taskTabs .ui-search-toolbar > th > div input[type="text"]{
	border:1px solid rgb(111, 57, 117) !important;
}

#taskTabs.ui-search-table,
#taskTabs .ui-search-table tbody,
#taskTabs .ui-search-table tr,
#taskTabs .ui-search-table td {display:block !important;}

.add_newoffer_form .col-sm-3 input[type='file']{width:170px;}

#filterHotelTypeDiv .title{padding:0 0 10px !important;}

@media (max-width: 375px) {
		.Notification {
			    top: 25px;
			    width: 320px !important;
			    direction: rtl;
			    overflow-y: auto;
			    left: -91px;
			  }
	  } 
	  @media (max-width: 320px) {
		.Notification { top: 25px; width: 268px !important;   
			    direction: rtl; overflow-y: scroll;	
	    }
	    .searchSet{margin:16px 20px 7px 10px;}
	  } 
 @media (max-width: 768px) {
 
 .Notification{width:450px }
 .Offeritem .item {width: 100% !important;}
 .offer_image img{width:100% !important;left:0;margin-left:0px}
 .service_provider_info #serial{	display: block !important;   width: 100% !important;   margin-bottom: 10px !important;}
    .likes_dislikes_table{width:90% !important}
    .card{width:99% !important}
	.MyArea {	        
	        right: -262px !important; 
	        width: 261px !important;	        	           
	    }
	    .tftable_at{width:80% !important}
	    
	    .searchdiv td {display:block !important;width:100%}
	    .searchdiv .purple_label{display:block !important;width:100%}
	    .searchdiv br{display:none;}
	    .searchdiv td input[type='text'], .searchdiv td select{ width:90%;margin:0 0px 8px;}	     
	    .removpadding{padding-right:15px;padding-left:15px;} 	     
	   .topsp2{margin-top:15px;}
	   .topsp{margin-top: 10px;}
	   
	} 
	  @media (max-width: 667px) { 
	   .topsp{margin-top:15px;}
	   .topsp2{margin-top:0px;} 
	   .topsp3{margin-top:0px;}	
	  }
 
   .removpadding{padding-right:0px;padding-left:0px;}
  @media (max-width: 920px) {
	   .searchdiv td {display:block !important;width:100%}
	   .searchdiv .purple_label{display:block !important;width:100%}
	   .searchdiv br{display:none;}
	   .searchdiv td input[type='text'], .searchdiv td select{ width:90%;margin:0 0px 8px;}	     
	   .removpadding{padding-right:15px;padding-left:15px;} 
	   .topsp3{margin-top:15px;}	     
  }
   @media (max-width: 1024px) {
   
   .removpadding{padding-right:15px;padding-left:15px;} 
   .Offeritem .item {width: 45% ;}
   .MyArea {	        
	        right: -262px !important; 
	        width: 261px !important;	        	           
	    }
	    pre.desc{margin-left:10px;}
 }
 @media (max-width: 1199px) and (min-width: 651px){
	#banner .col2 {
	    width: auto;
	    float: left;
	    padding-bottom: 5px;
	}
	#banner  .col1 {
	    width: auto;
	    float: right;
	}
	.logo{padding-left:0px;}
 }
 .lightHr{height:1px;background:#e4e4e4;margin:0;}
 .hovers:hover{background:#ebebeb;}
 .fa-bookmark-o{color:#4f008c !important;font-size:25px !important}
 .lastSeen{background: #f1f1f1;padding:5px;box-sizing:border-box;color:#333;border-radius:5px;margin:5px;display:inline-block;width:100%;}
 .lock{float:right;min-height:40px;padding: 8px 5px 8px 10px;}
 .lock .fa{color:#ff375e;font-size: 27px;} 
 .lastLogin{float:right;color:#4f008c}
 #last_login{color:#000;font-size:12px;}
 
 .title2 .icon{margin:7px 10px;}
 .title2 .icon{margin:3px 10px \0/;}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.title2 .icon{margin:3px 10px;}	
}
.portlet-title {overflow: hidden;}
.slicknav_menu{background: #4f008c !important;}
.slicknav_btn{background: #ff375e !important;}
.slicknav_menu .slicknav_menutxt{text-shadow:none !important;}
.slicknav_nav li:first-child{display:none;}


/****  Start New submit loader Icon ***********/
#loadingSubmit{display: none;width: 100%; position: absolute; z-index:99999999999999; background: RGBA(255,255,255,0.5);height:100%; /* fallback if needed */  height: calc(100% - 50px); }
.submitBtn{background:#4f008c; width:82px;height:26px;border-radius:4px;height:15px;padding:5px 0;position:relative;}
.submitBtn input[type='button']{outline:none}
.submitBtn:before {   
  content: '';
  position: absolute;
  left: 5px;
  top: 7px;
  margin-top: 0px;
  width: 10px;
  height: 10px;
  border: 4px solid #fff;
  z-index:111111;
  border-left-color: transparent;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-name: rotate;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.submitBtn:after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0px;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -moz-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  transition-property: width;
}
.submitBtn.sending {  
  pointer-events: none;
  cursor: not-allowed;
}
.submitBtn:not(.disabled).sending:not(.expand) {
  text-align: left;
}
.submitBtn.sending:before {
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.submitBtn.sending:after {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 20px;
}

@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/****  End New submit loader Icon ***********/

.upcoming_header{background:#501f6e;border-radius:5px 5px 0px 0px; font-size:18px;font-weight:bold;padding:8px;color:#ffffff;font-family:"STC-Regular";line-height:16px;}
.upcoming_content {background: #ffffff;border-radius: 0px 0px 5px 5px;padding: 3px 8px;color: #8e9aa0;border: #dddddd solid 1px;border-top: none;}
.upcoming_content .purple_label {font-size: 14px;margin-bottom: 7px;z-index: 3333;}
.upcoming_content .gray_text {font-size: 14px;z-index: 3333;color: #8e9aa0;}
.upcoming_content .upcoming_date {color: #e3007a;color: rgba(227,0,122,0.45);filter: "alpha(opacity=45)"; -ms-filter: "alpha(opacity=45)";opacity: 0.45; font-size: 22px;font-weight: bold;z-index: 21;text-align: left; margin-top: -10px; font-family: "STC-Regular";line-height: 22px;}
.upcoming_content .upcoming_date .upcoming_year { letter-spacing: 6px;}
.journal-content-article ul{margin:0px 10px}
.journal-content-article ul li {list-style:none;background:transparent url(/portal/jquery/images/pink-bullet.png) no-repeat 100%  8px;padding:0 14px 0 0;}
.error_404{text-align:center}
.error_404 img{max-width:100%;margin-top:20px;}

/*********** vacation balance styles **********/
.value {width:60px;height:60px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #CACACA;margin:0 auto;}
.value.Consumed{background-color: #dd4381;}
.value.Approved{background-color: #4f008c;}
.value.Balance{background-color: #ffdd40;}			
.value span {text-align: center;vertical-align: middle;display:inline-block;margin:11px auto;font-weight: bold;font-size: 24px;color:#fff;}
.section_header{font-size:17px;border-bottom:2px solid #e2e2e2;width:100%;padding-bottom:10px;margin-bottom:2px;}
.vacationRow{display:block;}
.infoheight{margin-top:95px;text-align:center}
.infoheight label{min-height:30px;white-space:nowrap;color:#333;font-size:15px;}
.tabularinfotable{border-radius: 5px;border:solid 1px #d2d1d1;}
.tabularinfotable table:first-child {color:#F00;width:100%;}
.tabularinfotable td {vertical-align:top;font-size: 14px;color: #6a6a6a;padding:5px;font-family:'STC-Light';}
.tabularinfotable table tbody tr:first-child td{color:#4f008c;background:#e4e4e4;font-weight:700;}
.tabularinfotable table tbody tr td:first-child{text-align:center}
#donutchart div div{margin:0 auto;overflow:hidden;}
/*************************/

/*
.helpandSupport {-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;opacity: 0}
.helpandSupport ul {list-style: none;margin: 0;padding: 0}
.helpandSupport a {position: fixed;top: 45%;width: 15em;overflow: hidden;z-index: 1500;display: table;color: #4f008c;background: white;border: 2px solid #ff375e;text-align: center;font-size: 13px;-webkit-transition: margin 0.3s ease-in-out;    -moz-transition: margin 0.3s ease-in-out;transition: margin 0.3s ease-in-out;text-decoration:none;border-radius:0px 5px 5px 0;-webkit-box-shadow: 0px 1px 10px 5px #ccc;
box-shadow: 0px 1px 10px 5px #ccc}
.helpandSupport a strong {padding: 0 1.5em;line-height: 1.2em;font-weight: 400;font-size:15px;}
.helpandSupport a span {width: 1.5em;font-size: 2em}
.helpandSupport a span,.helpandSupport a strong {display: table-cell;height: 40px;text-align: center;vertical-align: middle}
.helpandSupport a:hover {text-decoration: none; -webkit-transition: margin 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out}

.helpandSupport a.next:hover {margin: 0}
.helpandSupport a.next {margin-left: -12em;left: -.2em}
.helpandSupport a.next span {border-left: 0.1em solid #ff375e;background:#ff375e;color:#fff;}
.helpandSupport {-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;opacity: 1}
*/

 
.helpCOntent{position: fixed;top: 42%;left:0;z-index: 1500;}
.helpandSupport {-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;opacity: 1;margin-top:60px}
.helpandSupport a {position:absolute ;width: 15em;overflow: hidden;display: table;color: #4f008c;background: white;border: 2px solid #ff375e;text-align: center;font-size: 13px;-webkit-transition: margin 0.3s ease-in-out;    -moz-transition: margin 0.3s ease-in-out;transition: margin 0.3s ease-in-out;text-decoration:none;border-radius:0px 5px 5px 0;-webkit-box-shadow: 0px 1px 5px 1px #ccc;
box-shadow: 0px 1px 5px 1px #ccc}
.helpandSupport a strong {padding: 0 1.5em;line-height: 1.2em;font-weight: 400;font-size:15px;}
.helpandSupport a span {width: 1.5em;font-size: 2em}
.helpandSupport a span,.helpandSupport a strong {display: table-cell;height: 40px;text-align: center;vertical-align: middle}
.helpandSupport a:hover {text-decoration: none; -webkit-transition: margin 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out}
.helpandSupport a.next:hover {margin: 0}
.helpandSupport a.next {margin-left: -12em;left: -.2em}
.helpandSupport a.next span {border-left: 0.1em solid #ff375e;background:#ff375e;color:#fff;}


.backOldIgate {-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;opacity: 1;display:none;}
.backOldIgate a {position:absolute;width: 15em;overflow: hidden;z-index: 1500;display: table;color: #4f008c;background: white;border: 2px solid #4f008c;text-align: center;font-size: 13px;-webkit-transition: margin 0.3s ease-in-out;    -moz-transition: margin 0.3s ease-in-out;transition: margin 0.3s ease-in-out;text-decoration:none;border-radius:0px 5px 5px 0;-webkit-box-shadow: 0px 1px 5px 1px #ccc;
box-shadow: 0px 1px 5px 1px #ccc}
.backOldIgate a strong {padding: 0 0 3px;line-height: 1.2em;font-weight: 400;font-size:15px;}
.backOldIgate a span {width: 1.8em;font-size: 1.5em}
.backOldIgate a span,.backOldIgate a strong {display: table-cell;height: 40px;text-align: center;vertical-align: middle}
.backOldIgate a:hover {text-decoration: none; -webkit-transition: margin 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out}
.backOldIgate a.next:hover {margin:0}
.backOldIgate a.next {margin-left: -12em;left: -.2em}
.backOldIgate a.next span {border-left: 0.1em solid #4f008c;background:#4f008c;color:#fff;}
/************/
.fixColumnIssue{
	 -webkit-column-count: auto !important;
	 -webkit-column-gap: auto !important;
	 -webkit-column-fill: auto !important;
	 -moz-column-count: auto!important;
	 -moz-column-gap: normal!important;
	 -moz-column-fill: auto!important;
	  column-count:auto !important;
	  column-gap: normal !important;
	  -moz-column-fill: auto !important;
      column-fill: auto !important; }
      
div#hrAttendanceReportResult img {
    display: none;
}

	 /*************** medical Insurance ************/
	.medicalFilter{border-bottom:1px solid #e4e4e4;padding:0 10%;display:inline-block;width:100%;padding-bottom:10px;}
	.Medial_Filter_Result{padding:0 9%;display:inline-block;width:100%; max-width: 1200px;}

	.medicalFilter .searchArea{width:55%;float:left;margin:-8px 0 0;position:relative}	    
	.medicalFilter span{color:#4f008c;font-size:18px;}
	.medicalFilter input[type='text']{width: 100%;padding:9px 15px;margin:9px 0 0 ;border-radius: 5px;font-size:16px;border: 1px solid #C7C7C7;-webkit-box-shadow: 0 0 5px 4px #ECECEC;box-shadow: 0 0 5px 4px #ECECEC;	}
	.medicalFilter input[type='button']{/*position:absolute;*/left:0px;top: 9px;background: transparent url(../images/searchIconbig.png) no-repeat 8px 7px;border:0px;height: 40px;min-width:38px;}
	.medicalFilter input[type='button']{/*position:absolute;*/left:0px;top: 9px;background: transparent url(../images/searchIconbig.png) no-repeat 8px 7px;border:0px;height: 40px;min-width:38px;}
	.hospital{ width:31%;margin:10px;border:1px solid #cbcbcb;-webkit-box-shadow: 0 0 2px 2px #ECECEC;box-shadow: 0 0 2px 2px #ECECEC;min-height:120px;float:right;currsor:default;}
	.hospital h3{background:#f2f2f2;padding:2px;margin:0px;color:#4f008c;display:inline-block;width:100%;line-height:18px;overflow:hidden;height:51px;padding:10px 0 0;font-size:15px;}
	
	.hospital .hospitalInfo{margin:5px;border-bottom:1px solid #e4e4e4;margin-bottom:2px;}
	.hospital .hospitalInfo .hospitalInfoUnite{width:45%;display:inline-block;}
	.hospital .hospitalInfo   label{color:#4f008c;font-weight:700;display:inline-block;padding:3px;}
	.hospital .hospitalInfo   label:after{content:":"}
	
	.hospital .hospitalInfo .new-marker{background:url(../../images/location.jpg) no-repeat center 0;position: absolute;left: 9px;bottom: 5px;cursor: pointer;width: 23px;height: 27px;}
    
    .hospital .rating{padding:5px;}
 	.hospital .rating .hospitalRating{display: inline-block;width:66px;float: right;height:20px;margin-left:7px;margin-top:2px;font-size:0px}
 	
 	.hospital .rating .r0{background:url(../images/rating_stars/r0.jpg) no-repeat}
 	.hospital .rating .r05{background:url(../images/rating_stars/r05.jpg) no-repeat}
 	.hospital .rating .r1{background:url(../images/rating_stars/r1.jpg) no-repeat}
 	.hospital .rating .r15{background:url(../images/rating_stars/r15.jpg) no-repeat}
 	.hospital .rating .r2{background:url(../images/rating_stars/r2.jpg) no-repeat}
 	.hospital .rating .r25{background:url(../images/rating_stars/r25.jpg) no-repeat}
 	.hospital .rating .r3{background:url(../images/rating_stars/r3.jpg) no-repeat}
 	.hospital .rating .r35{background:url(../images/rating_stars/r35.jpg) no-repeat}
 	.hospital .rating .r4{background:url(../images/rating_stars/r4.jpg) no-repeat}
 	.hospital .rating .r45{background:url(../images/rating_stars/r45.jpg) no-repeat}
 	.hospital .rating .r5{background:url(../images/rating_stars/r5.jpg) no-repeat}
 	
 	 	.placeDetaills{border: 1px solid #c7c7c7;padding: 1px;}
 	 
 	.placeDetaills .infoRating{ border-bottom:1px solid #c7c7c7;padding-bottom: 0px;display: inline-block;width: 100%}
 	.placeDetaills .infoRating .pTitle , .placeDetaills .infoRating .pAddress{margin-top:10px;font-size:20px;color:#ff375e;border-left:1px solid #c1c1c1;padding:0px 20px;width:30%;float: right;min-height: 90px}
 	.placeDetaills .infoRating .pTitle{padding-top: 15px;width: 40%}
 	.placeDetaills .infoRating .pAddress{font-size:14px;color:#333;margin-top:10px;border-left: 0}
 	.placeDetaills .infoRating .pAddress li{position:relative;list-style: none;margin-bottom: 5px;padding-right:5px;margin-right:5px;}
 	.placeDetaills .infoRating .pAddress li:before{font-family: "FontAwesome";font-size: 15px;color:#cb66b4;margin-left:10px;position: absolute;right:-15px;top:2px;}
 	
 	.placeDetaills .infoRating .pAddress .address:before{content:"\f041"; }
 	.placeDetaills .infoRating .pAddress .phone:before{content:"\f095"; }
 	.placeDetaills .infoRating .pAddress .fax:before{content:"\f017"; }
 	
 	.placeDetaills .infoRating .pRating{font-size:14px;color:#333;padding:10px 20px 6px 0px;width:30%;float: right}
 	.placeDetaills .infoRating .pRating .graphicalRating{width:60%;float: right;font-size: 10px}
 	.placeDetaills .infoRating .pRating .providerRatingValue{width:40%;float: right;font-size: 30px;color:#da3e7b;text-align: center}
 	  
 	 .ratingIndex .grey{color:#d1d1d1 !important;}
 	 .graphicalRating .progress {height: 20px; overflow: hidden;
		    background-color: #fafafa;border-radius:4px 0 0 4px;margin-left: 5px}
    .ratingRow{display: inline-block;width: 100%}
 	.graphicalRating .progress-bar {
	    float: right;width: 0;height: 100%;font-size: 12px;line-height: 20px;
	    color: #fff; text-align: center;background-color: #428bca;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease;-o-transition: width .6s ease; transition: width .6s ease;
	    border-radius:4px 0px 0px 4px;
	}
	.pRating a{color:#0164c1}
	.graphicalRating .progress-bar-orange {background-color:#ec6e00;}
 	.graphicalRating .ratingIndex{width: 14%;float: right;}
 	.graphicalRating .progressContiner{width: 75%;margin:0;display: inline-block;margin: 0 6px 0 0}
 	.graphicalRating .ratingValue{width: 10%;float: right;} 	
 	.pRating .fa-star{color:#fec200;cursor: pointer;}
	.pRating .fa-star-o{color:#ec6e00; cursor: pointer;}
 	
 	.placeDetaills .mapComments{display: inline-block;width: 100%}
 	.placeDetaills .mapComments .social{border-bottom: 1px solid #c7c7c7;text-align: center;}
 	.placeDetaills .mapComments .social a{margin: 6px 26px 11px;font-size: 22px;display: inline-block;}
 	.placeDetaills .mapComments .pMap{width:70%;float: right;padding:0 5px;}
 	
 	.placeDetaills .mapComments .pComments{width:30%;float: right;padding:0px 5px 10px;border-right:1px solid #c7c7c7;min-height: 500px} 	
 	.placeDetaills .mapComments .pComments .comment{padding:1px;} 	
 	.placeDetaills .mapComments .pComments .comment .userImage{padding: 0 10px;width: 30%;float: right;}
 	.placeDetaills .mapComments .pComments .comment .userImage img{width:60px;height: 60px;border-radius:50%;}
 	.placeDetaills .mapComments .pComments .comment .userImage .commentsInfo{width:70%;padding:0 10px;}
 	.placeDetaills .mapComments .pComments .comment .commentsInfo span{display: block}
 	.placeDetaills .mapComments .pComments .comment .commentsInfo .userName{font-size: 14px;font-weight: 700;color:#333;}
 	.placeDetaills .mapComments .pComments .comment .commentsInfo .creationDate{font-size: 12px;font-weight: 400;color:#ff375e;}
 	.placeDetaills .mapComments .pComments .comment .commentsInfo .commentText{font-size: 13px;font-weight: 400;color:#a7a5a6;}
 	
 	.repliesSummary {margin-bottom: 5px;}
 	.repliesSummary .replyCount{color:#ffdd40}
 	.replies{background-color: #f4f4f4;display: inline-block;width:100%;}
 	.replies .userImage{ margin-right:20px;width: 20% !important;}
 	.replies .userImage img{width:40px !important;height: 40px !important;margin-top: 5px;}
 	.commentReply{border-bottom: 1px solid #c1c1c1; padding: 5px 0}
 	.newCommentReply textarea , .newComment textarea{width: 100% !important; border:1px solid #D8D8D8;  box-shadow: none;margin:5px 0; padding:2px;font-size: 14px;width:100%;  margin-bottom: 0;  border-radius: 5px; resize: none;}
 	.mapComments .replay{float: left;color:#ffdd40;}
 	.mapComments .replay:hover{color:#333}
 	.mapComments a:hover{color:#ffdd40 }
 	
 	.mapComments button {
	    font-family: STC-Regular, Helvetica, sans-serif; font-size: 13px;   color: #fff; text-decoration: none;   background-color: #da3e7b; text-align: center;  border: solid 0px #4f008c;  text-align: center;   padding: 3px 8px;  border-radius: 4px;   position: relative;  min-width: 74px;  margin:1px;   min-width: 64px\9; 
	    line-height: 16px;   cursor: pointer;  float: left;margin-bottom: 5px;       
	}
 	
	.categoryImg{width:40px;height:32px;background:url(../images/cate_img.png) no-repeat center 0;display:inline-block;float:right;margin:-2px 5px;}
	.hospitals .categoryImg{background-position:3px 0px}
	.Polyclinic .categoryImg{background-position:3px -37px}
	.Dental .categoryImg{background-position:3px -76px}	
	.Optical .categoryImg{background-position:3px -113px}
	.EyeCenter .categoryImg{background-position:3px -153px}
	.Radiology .categoryImg{background-position:3px -191px}
	.Pharmacy .categoryImg{background-position:3px -234px}
	.ENTCenter .categoryImg{background-position:4px -274px}
	.Physical .categoryImg{background-position:4px -316px}
	.EarCenter .categoryImg{background-position:4px -360px}	
	.dispensary .categoryImg{background-position:4px -458px}
  	.polycinic2 .categoryImg{background-position:3px -562px}
    .EyeEarCenter .categoryImg{background-position:3px -409px}
    .Center .categoryImg{background-position:3px -509px}
    .dispensary2 .categoryImg{background-position:2px -611px}	 
		
		
	.medicalFilter .dropdown {position: relative;display: inline-block;float:right;width:20%;padding:5px 0 10px 20px;border:1px solid #fff;transition: all 0.1s ease;background: url(../images/big_icons.png) no-repeat 5px -1731px;}
	.medicalFilter .dropdown .selected{color:#ff375e}
	.medicalFilter .dropdown:hover{border-top:1px solid #ededed;border-right:1px solid #ededed;border-left:1px solid #ededed;border-radius:5px;transition: all 0.1s ease;}
	.medicalFilter .dropdown span{display:inline-block;margin-right:10px;}
	.medicalFilter .dropdown .dropdown-content {visibility:hidden;position: absolute; background-color: #fff; margin-right:-3px;
		min-width:875px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px 20px;z-index: 1;border:1px solid #ededed;margin-top:12px;
	 opacity: 0;  transition:opacity 0.15s cubic-bezier(0.45, 0.05, 0.55, 0.95)}
	.medicalFilter .dropdown .dropdown-content.cities{margin-right:-104%;}	
	.medicalFilter .dropdown:hover .dropdown-content {visibility:visible;  opacity: 1;} 

	.medicalFilter .categories{}
	
	.medicalFilter .categories ul li{border-radius:40%;float:right;min-width:112px;height:112px;background:#fff url(../images/big_icons.png) no-repeat center 0;list-style:none;margin:0px 3px;position:relative;transition: all 0.1s ease;}
	.medicalFilter .categories ul li a{display: inline-block; width: 100%; height: 130px;padding: 75px 10px;text-align: center;font-size:14px;font-weight:700;color:#fff;}
	.medicalFilter .categories ul li a label{width:61%}
	.medicalFilter .categories ul li a:hover{color:#fff;}
	.medicalFilter .categories ul li:hover {background:#ff375e url(../images/big_icons_hover.png) no-repeat;border-radius:50%;transition: all 0.5s ease;}
	   
	    .medicalFilter .categories ul li.hospitals{background-position: -3px 9px;}
        .medicalFilter .categories ul li.Polyclinic{background-position: center -78px;}
        .medicalFilter .categories ul li.Dental{background-position: center -180px;}               
        .medicalFilter .categories ul li.Optical{background-position: center -270px;}
        .medicalFilter .categories ul li.EyeCenter{background-position: center -362px;}
        .medicalFilter .categories ul li.Radiology{background-position: center -485px;}
        .medicalFilter .categories ul li.Pharmacy{background-position: -4px -623px;}
        .medicalFilter .categories ul li.ENTCenter{background-position: center -970px;}
        .medicalFilter .categories ul li.Physical{background-position: -1px -853px;}
        .medicalFilter .categories ul li.EarCenter{background-position: center -718px;}
       
        .medicalFilter .categories ul li.dispensary{background-position: center -1224px}
        .medicalFilter .categories ul li.polycinic2{background-position: 0 -1466px;}
        .medicalFilter .categories ul li.EyeEarCenter{background-position: 1px -1112px;}
        /*.medicalFilter .categories ul li.EyeEarCenter a{padding-top:79px}*/
        .medicalFilter .categories ul li.Center{background-position: -1px -1339px;}
        .medicalFilter .categories ul li.dispensary2{background-position: center -1583px;}
	    
		.noResult{font-size: 17px;    text-align: center;    border: 1px solid #f3f3f1;    margin: 20px 0;    padding: 5px;    font-weight: 700;    background: #FDFCF7; }
	
	.cities .alphabetical {background:#ececec;display: inline-block;width: 100%; padding: 6px 5px;}	
	.cities .alphabetical li{padding: 3px 4px;list-style:none;float:right;margin: 2px 2px 0;width: 34px;height: 30px;text-align:center;border-radius:40%;background:transparent;outline:none;}	
	.cities .alphabetical li a{display:inline-block;width:100%;height:100%;}	 
	.cities .alphabetical .selected {	background-color: #ff375e;border-radius:50%;color:#fff}
	#citiescontainer{min-width:750px;}
	.cities {direction:lrt !important}
	.cities .grid div{width:80px;height:80px;margin:10px 20px !important; text-align:center;font-size:16px;border-radius:50%;border:1px solid #ff375e;padding-top:23px;color:#4f008c;cursor:pointer}
	.cities .grid div:hover{background:#ff375e;color:#fff;}
	.isotope-item { z-index: 2;}
	.isotope-hidden.isotope-item {pointer-events: none; z-index: 1;} 

	.adminPanel_Medical{ text-align:left;padding:0 10% 20px;display:inline-block;width:100%}
	.adminPanel_Medical input[type='button']{min-width:150px;}
	.adminPanel_Medical input[type='button']:hover{background:#ff375e}
	/**** Isotope CSS3 transitions ****/
	/**** Isotope Filtering ****/

	.isotope-item {z-index: 2;}
	.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.pagi{text-align:center;margin-top:15px;display:block;clear:both;}
.pagination {
	 
	padding: 8px 20px;
	background-clip: padding-box;
	/* border: 1px solid; */
	/* border-color: #070809 #0d0e0f #131517; */
	/* border-color: rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.5); */
	border-radius: 3px;
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
  *
	display: inline;
  *
	vertical-align: auto;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.05);
	box-shadow: 0 1px rgba(255, 255, 255, 0.05);
}
.pagination > a, .pagination > span {
  float: right;
  margin-left: 5px;
  padding: 0 9px;
  min-width: 17px;
  line-height: 27px;
  font-size: 12px;
  font-weight: 500;
  color: #4f008c;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ff375e;
  border-radius: 3px;
}
.pagination :first-child {
  margin-right: 0;
}
.pagination > a {
  text-decoration: none;
  background-clip: padding-box;
  border-color: rgb(187, 179, 179);
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.pagination > a:hover {
  background-color: #333;
  background-color: rgba(255, 255, 255, 0.05);
}
.pagination > span, .pagination > a:active {
  color: #fff;
  text-shadow: 0 -1px black;
  background: #ff375e; 
 
}
.pagination .prev, .pagination .next {
  font-family: Noteworthy, Arial, sans-serif;
  font-size: 14px;
}
 
.GoogleMaps{display: inline-block;}
.medicalFilter .searchArea  input[type='text']{width: 89%;margin-left:5px;}
.medicalFilter  .searchArea input[type='button']{left:60px;right:0px}
.GoogleMapIconBTN {max-height: 40px;border-radius: 5px;vertical-align: middle;box-shadow:0 0 5px 4px #ECECEC;margin-top:-7px;}
.firstHeading{background:#4f008c;color:#fff;padding:5px;font-size:13px;font-weight:700;}
#content{}
#map_canvas .gm-style-iw{max-width:100%;}

/* modal */
.hospital {position:relative;}
.hospital .hospital .categoryImg {background-image: url(../images/cate_img-modal.png);}
.hospital .hospital  {border: 0px solid #cbcbcb;box-shadow:none;/*min-height:230px*/;border-radius: 5px;background:  #4f008c; display:none;position:absolute;  bottom: 93%;right: 37px; width: 343px;z-index: 9999;}
.hospital .hospital:after {content:"";background:url(../images/modal-arrow.png) no-repeat right bottom;position:absolute;width:42px;height:15px;right:0;bottom:-15px;}
.hospital .hospital  h3 {background:#dd4381;color:#fff;border-color:#dd4381;border-top-right-radius:5px;border-top-left-radius:4px;padding: 5px;}
.hospital .hospital  .hospitalInfo {background:#4f008c;padding: 3px;margin:0;border-bottom-right-radius:5px;border-bottom-left-radius:4px;}
.hospital .hospital  .hospitalInfo * {color:#fff !important;}
.label-alignment {text-align:left}


/**** Ramdan greting card  Msiyam********/
#eventPhoto , .eventPhoto{position:relative;width:100%;margin-bottom: 13px }
#eventPhoto img ,.eventPhoto img{max-width:100%;width: 100%}
.eventPhoto img{max-height:550px;}
.eventPhoto .eventDetails{position:absolute;top: 360px; right: 47px;color:#000}
.eventPhoto .eventDetails h2{font-size:24px;margin:0px;text-align:center}
.eventPhoto .eventDetails h3{font-size:19px;color:#000;margin:0px;text-align:center}
#btn-Download-Image{float:left;font-family: STC-Regular, Helvetica, sans-serif; font-size: 14px;color: #fff; text-decoration: none;    background-color: #4f008c; text-align: center;   border: solid 1px #4f008c; padding: 5px 10px;  border-radius: 4px;    position: relative; min-width: 74px; min-width: 64px\9;  line-height: 16px; cursor: pointer; margin:2px 1px;}
.sendMail{float:right;}
.sendMail label{font-family: STC-Regular;color:#4f008c;font-size:14px;padding-left:5px;}

canvas{display: block;}
.greetingBottom{margin-top: 5px;padding: 5px; border: 1px solid transparent; display: inline-block; width: 100%; background: transparent;}
.sendgreetingMessage{background: #fcfcfc;padding: 3px;min-height: 25px;border-right: 30px solid #C1C1C1;padding-right: 5px;padding-left: 35px !important;position: relative;top: -1px;font-size:13px !important;}
.sendgreetingMessage img{position: absolute;margin-right: -28px;margin-top: 1px;}
/******/

@media (min-width: 768px) { 	 
}


/*** iPad in landscape ***/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 	
	.medicalFilter .searchArea input[type='text'] { width: 88%; margin-left: 5px;}
	.hospital .hospitalInfo .hospitalInfoUnite { width: 49%;  display: inline-block;}
	.hospital{margin:9px;}
	.medicalFilter .categories ul li a{color:#4f008c}
	.medicalFilter .categories ul li a label{width:100%}
	.medicalFilter .categories ul li{margin-top: -38px; background-color: transparent;}
	.medicalFilter .dropdown .dropdown-content{min-width:760px;}	
	.cities .alphabetical li {padding: 3px 3px;  margin: 2px 1px 0;   width: 33px;}
}


/*** iPad in portrait ***/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .medicalFilter .dropdown{width:100%}
	
	.medicalFilter .dropdown{width:100%}
	.medicalFilter .dropdown .dropdown-content , #citiescontainer {min-width:100%;}
	.hospital{width:44%}
	.medicalFilter .searchArea{width:100%;margin-top:10px;}
	.medicalFilter .categories ul li{margin-top: -38px; background-color: transparent; min-width: 153px;}
	.medicalFilter .categories ul li a{color:#4f008c}
	.medicalFilter .categories ul li a label{width:100%}
	.medicalFilter .dropdown .dropdown-content.cities{margin-right:0}	
	.cities .grid div{margin:10px 0 !important}
	.medicalFilter  {padding:0 5% 10px}
	.hospital h3{padding:7px 0 0 3px;overflow: hidden;height:46px;}
	.cities{padding:0px 5px !important;}
	.cities .grid div{width:100px;height:35px;margin:5px 5px!important; border-radius:5px; border:1px solid #ff375e;padding-top:4px; }
	.medicalFilter .searchArea input[type='text'] {width: 90%; margin-left: 5px;}
	.Medial_Filter_Result {padding: 0 0% !important; padding-right: 20px !important;}
	.cityContainer{height:200px;overflow:auto; }
	.categories ul{height:200px; overflow:auto;}
	.hospital .hospitalInfo .hospitalInfoUnite {width: 100%; display: inline-block;}
	
	
	 }



@media (max-width: 768px) { 
	.medicalFilter .dropdown{width:100%}
	.medicalFilter .dropdown .dropdown-content , #citiescontainer {min-width:100%;}
	.hospital{width:44%}
	.medicalFilter .searchArea{width:100%;margin-top:10px;}
	.medicalFilter .categories ul li{margin-top: -38px; background-color: transparent; min-width: 153px;}
	.medicalFilter .categories ul li a{color:#4f008c}
	.medicalFilter .categories ul li a label{width:100%}
	.medicalFilter .dropdown .dropdown-content.cities{margin-right:0}	
	.cities .grid div{margin:10px 0 !important}
	.medicalFilter  {padding:0 5% 10px}
	.hospital h3{padding:7px 0 0 3px;overflow: hidden;height:46px;}
	.cities{padding:0px 5px !important;}
	.cities .grid div{width:100px;height:35px;margin:5px 5px!important; border-radius:5px; border:1px solid #ff375e;padding-top:4px; }
	.medicalFilter .searchArea input[type='text'] {width: 90%; margin-left: 5px;}
	.Medial_Filter_Result {padding: 0 0% !important; padding-right: 20px !important;}
	.cityContainer{height:200px;overflow:auto; }
	.categories ul{height:200px; overflow:auto;}
	.hospital .hospitalInfo .hospitalInfoUnite {width: 100%; display: inline-block;}
	.eventPhoto .eventDetails h2{font-size:20px;margin:0px;text-align:center} 
	
	.eventPhoto .eventDetails h3{font-size:17px;line-height:15px}
	
	 .placeDetaills .infoRating .pTitle , .placeDetaills .infoRating .pAddress , .placeDetaills .infoRating .pRating ,.placeDetaills .mapComments .pMap ,.placeDetaills .mapComments .pComments{width: 100%;}
	 .placeDetaills .infoRating .pTitle{border:0px;}
	 .placeDetaills .infoRating .pAddress{border-left:0px;border-bottom:1px solid #c1c1c1}
	 .placeDetaills .mapComments .pComments{border-right:0px;min-height: auto;}
	 .graphicalRating div{margin-bottom: 5px;}
	 .placeDetaills .infoRating .pRating .graphicalRating{font-size:11px;}
	 .placeDetaills .mapComments #map_canvas{height: 250px !important;}
	 .placeDetaills .infoRating .pRating{padding: 10px 10px 6px 10px;}
	 .placeDetaills .infoRating .pTitle, .placeDetaills .infoRating .pAddress{min-height: auto;}
	 .eventPhoto .eventDetails{top:313px;right: 46px;}
}
 @media (max-width: 640px) { 
	 .eventPhoto .eventDetails{top: 125px;right: 30px;}
	 .medicalFilter .searchArea input[type='text'] {width: 88%; margin-left: 5px;}
	 .medicalFilter .categories ul li { margin-top: -38px;background-color: transparent; min-width: 130px;margin:0px 3px}
	 .cities .grid div{width:110px;height:35px;margin:5px!important; border-radius:5px; border:1px solid #ff375e;padding-top:4px; }
	 .userCard_title{float:right !important;margin-bottom: 10px;margin: 9px 0% 10px 0 !important}
	 #loader{right:64% !important;} 
 }
 
 @media (max-width: 568px) { 
	 .medicalFilter .searchArea input[type='text'] {width: 88%; margin-left: 5px;}
	 .medicalFilter .categories ul li { margin-top: -38px;background-color: transparent; min-width: 130px;margin:0px}
	 .eventPhoto .eventDetails {top: 120px; right: 27px;} 
 }
 @media (max-width: 480px) {  
     .medicalFilter .searchArea input[type='text'] {width: 80%; margin-left: 5px;}
  	.hospital{width:100%;margin:10px -5px 10px 0;}   	
	.medicalFilter .categories ul li{margin: 6px auto; background: 0; height: 40px;  width: 100%;    border: 1px solid #e4e4e4; border-radius: 5px;}
	.medicalFilter .categories ul li:hover{border-radius:5px;background-image:none;}
	.medicalFilter .categories ul li:hover a{color:#fff}
	.medicalFilter .categories ul li a{padding-top: 8px !important;  height: 35px;}
	.Medial_Filter_Result{padding:0 6%;}		
	.cities{padding:0px 5px !important;}
	.cities .grid div{width:100px;height:35px;margin:5px 5px!important; border-radius:5px; border:1px solid #ff375e;padding-top:4px; }
	.cityContainer{height:250px;overflow:auto; }
	.categories ul{height:300px; overflow:auto;}
	.eventPhoto .eventDetails h2 { font-size: 13px;}
	
}

 @media (max-width: 415px) {   	 
	.eventPhoto .eventDetails {  top:148px;  right: 21px;}
 }
 
 @media (max-width: 376px) {   	 
	.eventPhoto .eventDetails {  top: 142px;  right: 18px;}
 }

 @media (max-width: 320px) {  
     .medicalFilter .searchArea input[type='text'] {width: 76%; margin-left: 5px;} 	 
	.eventPhoto .eventDetails {  top: 130px;  right: 14px;}
	.eventPhoto .eventDetails h2 { font-size: 13px;}
	.cities{padding:0px 5px !important;}
	.cities .grid div{width:90%;height:35px;margin:5px 5px!important; border-radius:5px; border:1px solid #ff375e;padding-top:4px; }
	.cityContainer{height:250px;overflow:auto; }
	.categories ul{height:300px; overflow:auto;}
}




/*-------------------------- Ejada Add By Nabil Hamed  6-5-2016 ---------------------------------- >>>> -*/

.hospital-tooltip{margin:0px!important;width:100%!important;left:0!important;bottom: 102%!important;}
.hospital-tooltip:after{
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 21px solid #4f008c;
    z-index:9000000;
    margin: 3px 0;
    z-index:-2;
    }
    @media (max-width: 1170px){.Medial_Filter_Result{padding:0;}.medicalFilter{padding: 0px 1%;}.medicalFilter .dropdown span{margin-left:0}
    .medicalFilter .dropdown{padding-left:0;}}
    input#providerName{width:calc(100% - 55px)!important;}
    .hospital{margin-left:2%!important;margin-right: 0px;min-height: 158px;}
    @media (max-width: 768px){
.hospital {
    width: 48%;
}}

    @media (max-width: 580px){
.hospital {
    width: 100%;
}}

@media (max-width: 768px){
.hospital .hospitalInfo .hospitalInfoUnite {
    width: 45%;
    display: inline-block;
}}
@media (max-width: 768px){
.Medial_Filter_Result{
 
    padding: 0 0% !important;
    padding-right:0px !important;
}}

:lang(ar-SA) .label-alignment {text-align:right;}
:lang(en-US) span.hospitalInfoUnite.label-alignment{text-align:left;} 

.cities .grid div {
    width: 90px;
    height: 90px;
    font-size: 14px;
    margin:10px 0px!important;
        padding-top: 28px;
   
}
@media (max-width: 320px){
.cities .grid div {
    width: 90%;
    height: 35px;padding-top: 5px;}}
    
    @media (max-width: 480px){
.cities .grid div {
    width: 100%;
    height: 35px;padding-top: 5px;}}

.hospital .hospital{right:0;margin-right:0!important;}


.cities .grid div {
    width: 90px;
    height: 90px;
    font-size: 14px;
    margin:10px 0px!important;
        padding-top: 28px;
   
}
@media (max-width: 320px){
.cities .grid div {
    width: 90%;
    height: 35px;padding-top: 5px;}}
    
    @media (max-width: 480px){
.cities .grid div {
    width: 100%;
    height: 35px;padding-top: 5px;}}
    
    @media (max-width: 768px){
.medicalFilter .categories ul li {
    margin-top: 5px; 
    background-color: transparent;
    min-width: 110px;
    height:110px;
    
}
.medicalFilter .categories ul li:hover {border-radius:10px;}

}

.medicalFilter .categories ul li.dispensary2 {
    background-position: center -1597px;
}

.medicalFilter .categories ul li a {
   /* padding: 0 12px;*/
    line-height: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #ff375e;
    transition: all 0.5s ease;
    height: 30px;
    display: block;
   /* bottom: 10px;*/
    vertical-align: bottom;
    position: absolute; 
}
.medicalFilter .categories ul li:hover a {color:#fff}

    @media (max-width: 480px){
.medicalFilter .categories ul li {
        margin: 6px auto;
    background: 0;
    height: 40px;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}
  .medicalFilter .categories ul li a {
    color: #4f008c;
}  
}


@media (max-width: 768px){
.medicalFilter .categories ul li.dispensary2 {
    background-position: center -1610px;
}
.medicalFilter .categories ul li.Center {
    background-position: center -1345px;
}
.medicalFilter .categories ul li.Dental {
    background-position: center -190px;
}
.medicalFilter .categories ul li.dispensary {
    background-position: center -1225px;
}

.medicalFilter .categories ul li.ENTCenter {
    background-position: center -980px;
}
.medicalFilter .categories ul li.EyeEarCenter {
    background-position: center -1106px;
}
.medicalFilter .categories ul li.EyeEarCenter a {
    /*padding-top: 0;*/
}
.medicalFilter .categories ul li.EyeCenter {
    background-position: center -380px;
}
.medicalFilter .categories ul li.hospitals {
    background-position: center 8px;
}
.medicalFilter .categories ul li.Optical {
    background-position: center -285px;
}
.medicalFilter .categories ul li.Pharmacy {
    background-position: center -625px;
}
.medicalFilter .categories ul li.Physical {
    background-position: center -860px;
}
.medicalFilter .categories ul li.Polyclinic {
    background-position: center -93px;
}

.medicalFilter .categories ul li.Radiology {
    background-position: center -498px;
}

}
.medicalFilter .categories ul li.EyeEarCenter a {
  padding-top: 75px;
}

@media (max-width: 480px){
.medicalFilter .categories ul li {    width: 90%;}}

.medicalFilter .dropdown span {
 
    width: 100%;
}
.gm-style-iw{min-width:200px;margin: 0!important;
    padding: 0!important;
    top: 4px!important;left:0!important;}
    .firstHeading{margin:0;}
    .gm-style-iw div#bodyContent{background: #f0ede5;
    padding: 5px;overflow:hidden;}
    .gm-style-iw div#content{width:200px!important;overflow:hidden;}
    .gm-style-iw div{overflow:hidden!important;}
    
    medicalFilter .categories ul li a{padding-top:85px;
 }
}

 @media (min-width: 769px){
 .medicalFilter .categories ul li a
 {
  padding-top:85px;
 }
}
  @media (max-width: 840px){
    .medicalFilter .categories ul li a {padding-top:75px; }}
	
 .medicalFilter .dropdown .selected label{font-weight:normal;} 
 
/*-------------------------- Ejada Add By Nabil Hamed  6-5-2016 ---------------------------------- <<<<  -*/


/***** eid greetings ** 

 body {background: #f2f2f2 url(../images/eidback.jpg) no-repeat fixed center 0px;background-size:100%;}
.eidgreetings{background: #fff url(../images/eidbanner.jpg) repeat-x 50%;height: 0px;width: 100%;margin: 0 auto;}
@media (max-width: 1025px) {
	 body {background: #f2f2f2}
	.eidgreetings{background: #fff url(../images/ipad_h.jpg) repeat-x 50%;height: 0px;background-size: 100%;}
}
@media (max-width: 768px) {
	.eidgreetings{background: #fff url(../images/ipad_v.jpg) repeat-x 50%;height: 0px;background-size: 100%;}
}
@media (max-width: 667px) {
	.eidgreetings{background: #fff url(../images/iphone_h.jpg) repeat-x 50%;height: 0px;background-size: 100%;}
}
@media (max-width: 375px) {
	.eidgreetings{background: #fff url(../images/iphone_v.jpg) repeat-x 50%;height: 0px;background-size: 100%;}
} 

 
 /*******************Modify By Nabil  (Medical Provider enhancements ) 25-07-2016 ************************/

.medicalFilter{min-height:150px;border:0px solid red;padding-top:45px; background-image: url(../images/medProvider_searchBG.png);background-size: 100% 100%;
    background-repeat: no-repeat; width: calc(100% + 29px)!important;background-position:1px;
    margin-right: -14px;}
    
    .medicalFilter .dropdown{border: none;
    border-bottom: 2px solid #ff375e;    margin-left: 10px;}
    .medicalFilter .dropdown:hover{border:none;border-bottom: 2px solid transparent;}
    
     .medicalFilter .searchArea input#providerName {border: none;
    border-bottom: 2px solid #ff375e;    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;    background-color: transparent;
    border-radius: 0; text-transform: uppercase;   
    font-size: 14px;}
    @media (max-width: 970px){
     .medicalFilter{padding-top:0px;}
     
     }
     .medicalFilter span{color:#7b7b7b;font-size:14px;    text-transform: uppercase;}
     .medicalFilter input[type='button'] {background-color: #ff375e;vertical-align: bottom;
    width: 120px;    height: 30px;top:1px;
    border-radius: 0;background-image:none;margin-top:0px;}
    input#providerName {
    width: calc(100% - 165px)!important;
}
.medicalFilter .searchArea {margin-top:-13px;}

.GoogleMapIconBTN {
    max-height: 30px;
    border-radius: 0px;
     vertical-align: middle; 
     box-shadow: 0 0 0px 0px #ffffff; 
    margin-top: 0px; 
}
.GoogleMaps{vertical-align:bottom;}
.color_purple{color:#4f008c!important;}
.fixPaddingTitle{margin-top:18px;padding-right: 14px;display:block;}
.medicalFilter .searchArea input#providerName{height: 30px;
    margin: 0;    color: #ff375e;}
    
    @media (max-width: 1170px){
.fixPaddingTitle{padding-left:0;}
.medicalFilter .searchArea input#providerName{padding-right:0;}
    }
    
    .medicalFilter .dropdown::before{}
 .loading{background:#fff;height:150px;display:none;width:100%; text-align:center;margin-top:100px}
 .loader { border: 10px solid #f2f2f2; /* Light color */
 		    border-top: 10px solid #ff375e; /* dark Color */
		    border-radius: 50%;   width: 80px; height: 80px;  animation: spin 1.2s linear infinite; margin:120px auto;
	}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loader-wrapper { top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block;position: relative;right: 59%;top: 50%;width: 70px;height: 70px;margin: -75px -75px 0 0 ;  
    border-radius: 50%;border: 3px solid transparent;border-top-color: #4f008c;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #ff375e;
		border-right-color: #ff375e;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #ffdd40;
		border-right-color: #ffdd40;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

.userCard_title{float: left; margin-bottom: 10px;font-size:18px;font-weight:700;color:#787878;margin-top:-33px;}
.userCard{width: 20px;border: 1px solid #e4e4e4;padding: 3px 10px;margin-bottom: 2px; border-radius: 5px;margin-left:5px;}
.userCard .fa{color:#ff375e;}
#goback{margin-bottom:5px;float:left;}

/*links animations*/
.userCard_title,.medSearchLink{transition: all 0.4s ease;}
.userCard_title:hover,.medSearchLink:hover{transform: scale(1.1);}

/***************** Approve reject task*********/

.TabBody2 .breif{color: #b7b6b6;font-size: 12px;margin:0px 0px 0 -1px; display: inline-block;  white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;  min-height: 20px;max-height: 33px;width:85%}
.TabBody2 .list2 li span{height:33px; }
.TabBody2 .inboxHomeAction{display: none; width: 44px; height: 23px;  position: absolute;top:10px; background-color: rgba(246, 245, 245, 0.8);left:0;}
 .TabBody2 .list2 li span.fa.fa-close{min-height: auto;height: auto}
.inboxHomeAction .approveTask{background:url(../images/Approve_task.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}
.inboxHomeAction .rejectTask{background:url(../images/reject_task.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}
.inboxHomePage .rejectDiv{ }
.inboxHomePage .rejectDiv textarea.form-control{display: inline-block;width:99%;height: 47px; resize:none;margin-right: 0px;}

.inboxHomeAction.dimmed .approveTask{background:url(../images/Approve_task_dimmed.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}
.inboxHomeAction.dimmed .rejectTask{background:url(../images/reject_task_dimmed.png) no-repeat;width:20px !Important;height:20px !Important;display:inline-block;}


.inboxHomePage .TabBody{padding:10px 20px;min-height:200px;}
.inboxHomePage .list2{box-sizing:border-box;}
.inboxHomePage .list2 li{position: relative;display: inline-block;width:100%;margin: 0px;min-height: 43px; border:1px solid #fff;border-right:0px;border-left:0px;padding-right:8px;}
.inboxHomePage .list2 li:hover{background: #f5f5f5;border:1px solid #ddd;border-right:0px;border-left:0px;}
.inboxHomePage .TabBody2 {padding:0px;}
.inboxHomePage .TabBody2 .list2 li:hover .inboxHomeAction{display: inline-block;}

.inboxHomePage .list2 li .span2{width:89%}
.inboxHomePage .list2 li img{margin-top:11px;margin-right:5px;}
.inboxHomePage .list2 .magicLayer{position: absolute;z-index: 1;width: 0%;background:RGBA(223,240,216,0.8);height:56px;margin-top:0px;margin-left: 0px;opacity: 0;text-align:center;color:#000;padding:10px 0;font-size:15px;right:0px; }
.inboxHomePage .list2 .magicLayer.reject{background:RGBA(242,222,222,0.8);height: 100%}
.inboxHomePage .list2 .magicLayer > span{background:RGBA(255,255,255,0.8 );padding:5px;display:none;border-radius:5px;font-size:14px;margin-top:-3 px;float: none;}
.inboxHomePage .loading {margin-top:20px;background: transparent;}
 a.closebutton {-webkit-appearance: none;padding: 0; cursor: pointer; background: 0 0; border: 0; opacity: 1; float: left; background: #fff !important; margin: 5px; border-radius: 5px; box-shadow: 1px 1px 1px #c1bebe;} 
 .inboxHomePage  a.closebutton {position: absolute;left:0px;z-index: 10}
.magicLayer .fa { font-size: 12px; background: transparent; margin: 0 5px; color: #569a6f; padding: 3px 0px; font-weight: 400; color: #333;}
 
 @media (max-width: 768px) {
 	.inboxHomePage .list2 li .span2{width:69%}
 	.TabBody2 .list2 li span.approveTask ,.TabBody2 .list2 li span.rejectTask{height:20px !important;}
 	.TabBody2 .list2 li span { height: auto !important;overflow:auto;} 	
 	.TabBody2 .breif {margin: 0px 104px 0 0px; display: inline-block;  white-space: normal; width:75%}
 	.inboxHomePage .list2 li img{    margin-top: 11px;   }
  }

  
  /***** Start add my gate link to the header By Siyam 06/03/2017 */  
   .logo{padding-left: 25px;}
   .logo img{max-width:220px;margin-top:5px}
   nav ul li {padding: 9px 6px 0 6px;}
   #MainMenu{font-size: 16px;font-weight:700}
   
  /***** End add my gate link to the header By Siyam 06/03/2017 */
 .slick-dots li.slick-active button:before{color: #ff375e !important; opacity:1!important}