#topBar ul.top-links > li {
    border-right: 0px ;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.rating {
  border: none;
}

.rating > input { display: none; }
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

@media only screen and (max-width: 992px) {

 #topNav div.nav-main-collapse.collapse:not(.show) {
  display: none !important;
}
#topNav button.btn-mobile {
  color: #d1dbd9;
}

#homeHeader{
  display: none !important;
}
#header{
  display: block !important;
}
#topNav button.btn-mobile {
  float: right !important;
}

}

@media only screen and (max-width: 1215px) {
  #topMain.nav-pills>li>a {
    font-size:13px;
  }
}
.help-block{
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #f9a846 !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #212121 inset;
  -webkit-text-fill-color: #fff !important;
}

input:-webkit-autofill:hover, input:-webkit-autofill:focus {

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 600s ease-in-out 0s;
}

#header.header-sm #topNav #topMain > li > a {
  text-transform: uppercase;
}


#nav-bullet li a[data-title]:before {
  content: attr(data-title);
  position: absolute;
  right: 15px;
  top: -14px;
  background: #222;
  color: #fff;
  border-radius: 6px;
  padding: 4px 8px;
  display: inline-block;
  transition: all .2s ease;
  white-space: nowrap;
}
.blog-post-item{

  border-bottom: 0px;
  display: block;
  margin-bottom: 0px;
  padding-bottom: 0px;
  position: relative;
}
.blog-post-item h2 {
  letter-spacing: 0;
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 7;
  font-weight: 300;
}
.timeline .timeline-entry>.timeline-vline {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -20px;
  width: 40px;
  height: 0;
  border-top: 1px dashed #CCC;
}
.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centerContent{
  display: inline-block !important;
  text-align: left !important;
}
.text-align{
  text-align: left;
}

body, p, h1, h2, h3, h4, h5, h6,li,div {
  font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;

}
#leftSidebar {
  top: 40%;
  overflow-x: hidden;
  padding: 8px 0;
  position: fixed;
  bottom: 0;
  left: auto;
  right: 0;
  z-index: 1; /* needs to stay on top of the mainStack AND the sidePanel */
  /* for demo only: */
  background-color: transparent;
}
.timeline .timeline-entry {
  color: #666;
  background-color: #1e6b72;
  /* border-color: rgba(255,255,255,0.2); */
}

.timeline .timeline-entry {
  display: block;
  /* border: rgba(0,0,0,0.1) 3px solid; */
  background-color: #fff;
  padding-top: 10px;
  top: 20px;
  z-index: 10;
  position: absolute;
  left: -102px;
  right: auto;
  width: 64px;
  height: 64px;
  font-size: 26px;
  text-align: center;
  line-height: 1;
  color: #ccc;
  font-weight: bold;
  font-family: 'Lato','Open Sans',Arial,Helvetica,sans-serif;
}


#leftSidebar > ul {
  /* all of these are for demo only: */
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: right
}
#leftSidebar > ul > li {
  width: 100%;
  /*padding: 10px 20px;*/
  padding-left: 20px;
  padding-right: 20px;
}
#leftSidebarList > li > a > i{
  color:#c1d3cc;
}
#leftSidebarList > li.active > a > i{
  color:#00bccc;
}

#leftSidebarList a .hover-text {
  /* position: absolute; */
  right: 15px;
  top: 7px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px;
}
#leftSidebarList a:hover .hover-text {
  opacity: 1;
}

.gradientBorder {
 border-width: 1px 1px 1px 0;
 border-style: solid;
 border-image: -webkit-linear-gradient(top, transparent, rgba(255, 255, 255, 0.2), transparent) 1 100%;;
}
.centerContainer{
  display: table;
  height: 400px;
  overflow: hidden;
}
.textCenterContainer{
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
}

#sector-section  h5 {
  text-align: center !important;
}
.color-1{
  color: #00bccc;
}

.color-2{
  color: #9cd0cb;
}

.color-3{
  color: #f9a846;
}

.color-4{
  color: #72c9c2;
}

.color-5{
  color: #c1d3cc;
}

.color-6{
  color: #3f3f42;
}

i.color1{
  color: #00bccc;
}

i.color2{
  color: #9cd0cb;
}

i.color3{
  color: #f9a846;
}

i.color4{
  color: #72c9c2;
}

i.color5{
  color: #c1d3cc;
}

i.color6{
  color: #3f3f42;
}

.icolor-1{
  color: #fff !important;
  background-color: #00bccc !important;
  border: 0px !important;
}
.icolor-2{
  color: #fff !important;
  background-color: #9cd0cb !important;
  border: 0px !important;

}

.icolor-3{
  color: #fff !important;
  background-color: #f9a846 !important;
  border: 0px !important;

}

.icolor-4{
  color: #fff !important;
  background-color: #72c9c2 !important;
  border: 0px !important;

}

.icolor-5{
  color: #fff !important;
  background-color: #c1d3cc !important;
  border: 0px !important;

}

.icolor-6{
  color: #fff !important;
  background-color: #3f3f42 !important;
  border: 0px !important;

}
.borderless td, .borderless th {
  border: none;
}
.input-group-addon:first-child {
  text-shadow: #054c4c 0 1px;
  background-color: #4f7275;
}

@media only screen and (max-width: 992px)
{
  #topNav button.btn-mobile {
    display: block;
    float: left;
    margin-right: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  #header #topMain, #header .nav-pills>li.active>a {
   background-color: #141414 !important;
 }


}

.popover{
  width:200px;
}


.fancy-form-select:before {
  background: transparent;
}
#header #topMain.nav-pills>li>a {
  color:#ccc;
  text-transform: capitalize;
}

#header.fixed #topNav #topMain>li>span{
  height: 60px;
  line-height: 60px !important;
}

#topMain>li>span {
  height: 96px;
  line-height: 96px !important;
}


.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #1b8f9b;
  border-color: #3f5a57;
}

.btn-bayant {
  background-color: #1b8f9b;
  color: #FFF !important;
}

.btn-bayanat {
  background-color: #00bccd;
  color: #FFF !important;

}
.full-width{
  width: 100% !important;
}

.highcharts-credits{
  display: none !important;
}

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 100px; right: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #7c7c7c;
}

form label {
  color: #fff;
}

form label>span {
  color: #1b8f9b;
}

.padding-0{padding:0 !important;}
.padding-3{padding:3px !important;}
.padding-6{padding:6px !important;}
.padding-8{padding:8px !important;}
.padding-10{padding:10px !important;}
.padding-15{padding:15px !important;}
.padding-20{padding:20px !important;}
.padding-30{padding:30px !important;}
.padding-40{padding:40px !important;}
.padding-50{padding:50px !important;}
.padding-60{padding:60px !important;}
.padding-70{padding:70px !important;}
.padding-80{padding:80px !important;}
.padding-90{padding:90px !important;}
.padding-100{padding:100px !important;}
.padding-top-0{padding-top:0 !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-top-40{padding-top:40px !important;}
.padding-top-50{padding-top:50px !important;}
.padding-top-60{padding-top:60px !important;}
.padding-top-80{padding-top:80px !important;}
.padding-top-100{padding-top:100px !important;}
.padding-top-130{padding-top:130px !important;}
.padding-top-150{padding-top:150px !important;}
.padding-top-180{padding-top:180px !important;}
.padding-top-200{padding-top:200px !important;}
.padding-bottom-0{padding-bottom:0 !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-bottom-40{padding-bottom:40px !important;}
.padding-bottom-50{padding-bottom:50px !important;}
.padding-bottom-60{padding-bottom:60px !important;}
.padding-bottom-80{padding-bottom:80px !important;}
.padding-bottom-100{padding-bottom:100px !important;}
.padding-bottom-130{padding-bottom:130px !important;}
.padding-bottom-150{padding-bottom:150px !important;}
.padding-bottom-180{padding-bottom:180px !important;}
.padding-bottom-200{padding-bottom:200px !important;}
.margin-top-0{margin-top:0 !important;}
.margin-top-1{margin-top:1px !important;}
.margin-top-2{margin-top:2px !important;}
.margin-top-3{margin-top:3px !important;}
.margin-top-6{margin-top:6px !important;}
.margin-top-8{margin-top:8px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-40{margin-top:40px !important;}
.margin-top-50{margin-top:50px !important;}
.margin-top-60{margin-top:60px !important;}
.margin-top-80{margin-top:80px !important;}
.margin-top-100{margin-top:100px !important;}
.margin-top-130{margin-top:130px !important;}
.margin-top-150{margin-top:150px !important;}
.margin-top-180{margin-top:180px !important;}
.margin-top-200{margin-top:200px !important;}
.margin-bottom-0{margin-bottom:0 !important;}
.margin-bottom-1{margin-bottom:1px !important;}
.margin-bottom-2{margin-bottom:2px !important;}
.margin-bottom-3{margin-bottom:3px !important;}
.margin-bottom-6{margin-bottom:6px !important;}
.margin-bottom-8{margin-bottom:8px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-bottom-40{margin-bottom:40px !important;}
.margin-bottom-50{margin-bottom:50px !important;}
.margin-bottom-60{margin-bottom:60px !important;}
.margin-bottom-80{margin-bottom:80px !important;}
.margin-bottom-100{margin-bottom:100px !important;}
.margin-bottom-130{margin-bottom:130px !important;}
.margin-bottom-150{margin-bottom:150px !important;}
.margin-bottom-180{margin-bottom:180px !important;}
.margin-bottom-200{margin-bottom:200px !important;}
.margin-left-0{margin-left:0 !important;}
.margin-left-3{margin-left:3px !important;}
.margin-left-6{margin-left:6px !important;}
.margin-left-8{margin-left:8px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-15{margin-left:15px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-30{margin-left:30px !important;}
.margin-left-40{margin-left:40px !important;}
.margin-left-50{margin-left:50px !important;}
.margin-left-60{margin-left:60px !important;}
.margin-left-80{margin-left:80px !important;}
.margin-left-100{margin-left:100px !important;}
.margin-left-130{margin-left:130px !important;}
.margin-left-150{margin-left:150px !important;}
.margin-left-180{margin-left:180px !important;}
.margin-left-200{margin-left:200px !important;}
.margin-left-250{margin-left:250px !important;}
.margin-left-300{margin-left:300px !important;}
.margin-right-0{margin-right:0 !important;}
.margin-right-3{margin-right:3px !important;}
.margin-right-6{margin-right:6px !important;}
.margin-right-8{margin-right:8px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-15{margin-right:15px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-30{margin-right:30px !important;}
.margin-right-40{margin-right:40px !important;}
.margin-right-50{margin-right:50px !important;}
.margin-right-60{margin-right:60px !important;}
.margin-right-80{margin-right:80px !important;}
.margin-right-100{margin-right:100px !important;}
.margin-right-130{margin-right:130px !important;}
.margin-right-150{margin-right:150px !important;}
.margin-right-180{margin-right:180px !important;}
.margin-right-200{margin-right:200px !important;}
.margin-right-250{margin-right:250px !important;}
.margin-right-300{margin-right:300px !important;}
#footer .footer-logo.footer-2{float:left;margin:0 20px 10px 0;border-right:rgba(255,255,255,0.1) 1px solid;padding-right:20px;}
.table {
  color: #fff;
  background-color: #555555;
}
table tr > td{
  border-right: 1px solid #373737;

}
table tr > td:last{
  border-right: 0px ;

}
table tr.odd {
  color:#fff;
  background-color:#666;

}
table tr.odd:hover {
  background-color:#888;
}
table tr.even {
  color:#fff;
  background-color:#555;
}
table tr.even:hover {
  background-color:#888;
}
.table-bordered {
  border-color:#666;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border-color:#666;
}
.table>tbody>tr:hover>td {
  color: #fff;
}

/*table.table-bordered.dataTable {
    border-collapse: collapse !important;
    }*/

    table a {
      color:#ddd;
    }

    table.table thead {
      background-color:#333;
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
      background-color:#212121;
    }

    /* jqgrid */
    .ui-pg-table {
      color:#333;
    }
    .ui-jqgrid .btn-default,
    .ui-widget-content {
      color:#fff !important;
      background-color:#212121 !important;
    }


    div.price-table h4 {
      border-bottom-color: rgba(255,255,255,0.1);
      color: #eeeeee;
    }

    div.price-table h4 {
     font-size: 17px;
     line-height: 20px;
     padding: 15px 0;
     border-bottom: rgba(0,0,0,0.1) 2px solid;
     text-transform: uppercase;
     font-weight: 600;
   }


   div.price-table ul li {

    font-size: 15px;
    border: 0px;
  }


  div.price-table.popular {
    background: #555555;
    color: #eee;
    border: 0px;
  }


  div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span {
   color: #eee;
   font-weight: 600;
 }


 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #8aadb0 transparent transparent transparent;

}

#topNav div.submenu-dark ul.dropdown-menu>li a {
  text-transform: uppercase !important;
}


/* teal */
.box-bayanat>div:nth-child(1) {
  background-color:#4f7275;
}
.box-bayanat>div:nth-child(2) {
  background-color:#618c8f;
}
.box-bayanat>div:nth-child(3) {
  background-color:#8aadb0;
}



.box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 {
 color: #fff;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size: 16px;
 line-height: 50px;
 font-weight: 600;
 letter-spacing: 1px;
}

.box-gradient  .countTo {
  font-size: 33px !important;
  line-height: 60px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #f9a846 !important;

}

.box-gradient .growth {
  font-size: 33px;
  line-height: 60px;
  font-weight: 600;
  margin: 0;
  color: #f9a846 !important;

}

.box-gradient .countTo-md i {
  font-size: 50px;
  margin-bottom: 10px;
  /*text-shadow: 2px 2px 4px #000000;*/
  color: #fff;

}

.box-gradient>div {
  padding: 30px 8px 30px 8px;
}

.box-gradient .table {
  color: #fff;
  background-color: #555555;
  text-shadow: 2px 2px 4px #333;
}


.customeContainer {
  position:relative;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
}
#slidetop .customeContainer {
  display:none;
  height: auto;
  padding:30px 0;
}
section.page-header>.customeContainer {
  min-height:42px;
}

@media only screen and (max-width: 767px) {
  section.page-header .customeContainer.text-right,
  section.page-header .customeContainer.text-left {
    text-align:center;
  }
}
#topBar>.customeContainer {
  min-height: 39px;
}
@media (min-width: 1200px) {
  .customeContainer {
    width: 1500px;
    max-width: 100%;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

  }
  #topMain>li>a>span.topMain-icon {
    padding-top: 0px;
    padding-right: 200px;
  }
}

#footer>.customeContainer {
  padding-top:60px;
  margin-bottom:60px;
}


div.mydivider {
  margin:40px 0;
  position:relative;
  display:block;
  min-height:20px;
}
div.mydivider i {
  line-height: 1;
  font-size: 18px;
  color:#ccc;
}
div.mydivider:after {
  content: '';
  position: absolute;
  top: 10px;
  left:0; right:0;
  height: 0;
  border-top: 1px solid #545454;
}

body #wrapper {
  background-color: #212121;
}
/*body .homeSection{
  padding-bottom: 50px !important;
  border-bottom:none;
  padding-top: 50px !important;
  }*/

  div.mydivider.mydivider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 50px;
  }
  div.mydivider.mydivider-center:before {
    left: 0 !important;
    right: 50%;
    margin-right:50px;

    content: '';
    position: absolute;
    top: 10px;
    height: 0;
    border-top: 1px solid #545454;
  }
  div.mydivider.mydivider-center {
    text-align:center;
  }

  div.mydivider.mydivider-center.mydivider-short:before {
    left: auto !important;
    right: 50%;
    margin-right: 50px;
    width: 15%;
  }
  div.mydivider.mydivider-center.mydivider-short:after {
    left: 50% !important;
    right: auto !important;
    margin-left: 50px;
    width: 15%;
  }

  .mydivider i:nth-child(1){
    color: #00bccc;
    padding-right:  3px;
    padding-left: 3px;
  }

  .mydivider i:nth-child(2){
    color: #72c9c2;
    padding-right:  3px;
    padding-left: 3px;
  }

  .mydivider i:nth-child(3){
    color: #c1d3cc;
    padding-right:  3px;
    padding-left: 3px;
  }

  #footer > .container
  {
    padding-top: 40px;
    margin-bottom: 40px;
  }

.dataTables_wrapper > .row
{
  margin: 0;
}


@media only screen and (min-width: 768px) {
  .only-mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .no-mobile
  {
    display: none !important;
  }

  section div.row > div {
    margin-bottom: 10px;
  }
}