/* Fonts */

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_3.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_6.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_7.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_4.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans/open_sans_2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/droid_kufi_regular/droid_kufi_regular.eot);
  src: url(../fonts/droid_kufi_regular/droid_kufi_regular.eot?#iefix) format('embedded-opentype'),
  url(../fonts/droid_kufi_regular/droid_kufi_regular.woff2) format('woff2'),
  url(../fonts/droid_kufi_regular/droid_kufi_regular.woff) format('woff'),
  url(../fonts/droid_kufi_regular/droid_kufi_regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/droid_kufi_bold/droid_kufi_bold.eot);
  src: url(../fonts/droid_kufi_bold/droid_kufi_bold.eot?#iefix) format('embedded-opentype'),
  url(../fonts/droid_kufi_bold/droid_kufi_bold.woff2) format('woff2'),
  url(../fonts/droid_kufi_bold/droid_kufi_bold.woff) format('woff'),
  url(../fonts/droid_kufi_bold/droid_kufi_bold.ttf) format('truetype');
}

body {
  padding-top: 60px;
  /*background-color: #ffffff;*/
  font-family: 'Droid Arabic Kufi', 'Open Sans', sans-serif;
}
.sweet-alert h2,.sweet-alert p,.sweet-alert button.styled,.swal2-modal h2,.swal2-modal .swal2-content,.swal2-modal .styled {
  font-family: 'Droid Arabic Kufi', 'Open Sans', sans-serif;
}
a{
  text-decoration: none !important;
}
/* table */
.fixed-table-body .card-view .title {
  float: right;
}
/*fix for logout*/
.navbar-nav.navbar-right:last-child {
  margin-right: 0px !important;
}
.container,.container-fluid {
  margin-top: 50px!important;
}
th, td {
  text-align: center;
  /*vertical-align: middle !important;*/
}

/* login */

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.prettycheckbox>a, .prettyradio>a{
  float: right;
}

/* icons */

.handle{
  background: url(../img/handle.png) no-repeat center center;
  cursor: move;
}

[data-target="#update-modal"],.update-icon{
  background: url(../img/update.png) no-repeat center center;
  cursor: pointer;
  padding: 16px;
}

[data-target="#delete-modal"],[data-target="#delete-slider-modal"],[data-target="#delete-marquee-modal"],[data-target="#delete-radio-modal"],[data-target="#delete-section-1-modal"],[data-target="#delete-section-2-modal"],[data-target="#delete-section-3-modal"]{
  background: url(../img/delete.png) no-repeat center center;
  cursor: pointer;
}

[data-key="thumbnail"] img{
  max-width: 75px;
  max-height: 75px;
  margin: auto;

}

[data-key="image"] img{
  max-width: 75px;
  max-height: 75px;
  margin: auto;

}
.permissions{
  background: url(../img/permi.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.persons{
  background: url(../img/persons.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.print{
  background: url(../img/print.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.print_cal{
  background: url(../img/print_cal.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.details{
  background: url(../img/items.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.analysis{
  background: url(../img/analysis.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.update{
  background: url(../img/update.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.is_lock{
  background: url(../img/lock.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  /*display: block;*/
  margin: auto;
}
.advance{
  background: url(../img/advance.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.is_ok{
  background: url(../img/ok.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.not_ok{
  background: url(../img/notok.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.report{
  background: url(../img/report.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.budget{
  background: url(../img/budget.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.info{
  background: url(../img/info22.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.add{
  background: url(../img/add.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.delete{
  background: url(../img/delete.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.message{
  background: url(../img/Bokehlicia-Captiva-Chat-bubbles.png) no-repeat center center;
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: block;
  margin: auto;
}
.fileinput-new.input-group .btn-file{
  border: 1px solid #ccc !important;
  border-radius: 4px 0 0 4px;
}
select{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
textarea{
  resize: vertical !important;
}
.fixed-table-container thead th .sortable {
  padding-right: 15px;
}

.datepicker {z-index: 1151 !important;right: inherit;}
.home-page h3{
  text-align: center;
}
.home-page .thumbnail a>img{
  max-width: 64px;
}

/* Bootstrap */
.navbar-default, .panel-default>.panel-heading{
  background-color: #ffffff;
}
.navbar-default, .panel-default{
  border-color: #000000;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .panel-title, .navbar-default .navbar-brand{
  color: #e0b95d;
}
.text-heading-color{
  color: #D83600;
}
.file-preview-frame{
  height: initial;
  float: right;
}
.fileinput-remove, .fileinput-upload{
  display: none;
}
.hide-drop{
  display: none !important;
}
.table_red{
  background-color: #ec7979 !important;
}
.table_green {
  background-color: #4CAF50  !important;
}
.table_blue {
  background-color: #77a9d0 !important;
}
.table_war {
  background-color: #f0ad4e !important;
}
.thumbnail .caption {
  text-align: center;
}
.file-actions {
  display: none;
}
.display_input_red{
  background: white!important;
  font-size: 19px!important;
  color: red!important;
  text-align: center!important;
  font-weight: 600!important;
}

.gh-fram{padding-top: 15px !important;background-color:#000000;color: white;padding:0.01em 16px;}
.gh-code{font-family:Consolas,"courier new";font-size:16px}
.gh-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #000000;word-wrap:break-word}
.gh-fram,.gh-code{margin:20px 0;}
.gh-fram{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.not-active {
  pointer-events: none;
  cursor: default;
}
.control-label{
  font-size: 12px !important;
}
.badge {
  background-color: #000000!important;
  color: #e0b95d!important;
}
.for_table{
  height: 31px;
  padding: 0px 0px;
  font-size: 12px;
}
.red{
  color: red;
}
.white{
  color: white;
}
.green{
  color: green;
}
.td_yellow{
  background-color: yellow;
  color: black;
}
.td_red{
  background-color: #e0b95d;
  color: white;
}
.td_green{
  background-color: green;
  color: white;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: right;
}
.file-caption-main {
  width: 50%!important;
}
.panel_down{
  visibility: visible;
  animation-duration: 1.5s;
  animation-name: fadeInDown;
}
/*.table>tbody>tr>td {*/
/*vertical-align: middle;*/
/*}*/

.bc_green{
  background-color: #000000;
  color: white;
}
.bc_red{
  background-color: #9c1111;
  color: white;
}
a {
  color: #700c9b;
}
.btn-success {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-primary {
  color: #fff;
  background-color: #e0b95d!important;
  border-color: #e0b95d!important;
}
.btn-success:hover,.btn-success.active.focus,
.btn-success.active:focus, .btn-success.active:hover,
.btn-success:active.focus, .btn-success:active:focus,
.btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover,.btn-success.active, .btn-success:active,
.open>.dropdown-toggle.btn-success,.btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: #e0b95d;
  border-color: #e0b95d;
}
.avatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  background-color: #1a1f71;
  border-radius: 50%;
}
.img-logo{
  max-width: 200px;
  max-height: 60px;
}
.user-image {
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: -10px;
}
.account-image {
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 10px;
}
.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .navbar-nav > li {
    margin-top: 7px;
  }
}
.width-acc{
  width:  10%!important;
}
.font_b{
  color: red!important;
  font-weight: 600!important;
  text-align: center!important;
  font-size: 17px!important;
  border: 0!important;
  /*background-color: white!important;*/

}
span.first_title {
  margin-top: 20px;
  margin-left: 12px;
  font-weight: bold;
  font-size:24px;
  color: #221461;
  /*The change*/
  display:inline-block; /*or display:block;*/
}
.balance{
  margin-top: -15px;
  font-size: 14px;
}
.total {
  background-color: white!important;
  color: red!important;
  font-weight: 600!important;
  text-align: center!important;
  font-size: 20px!important;
  border: 0!important;
}
.keywords input[type="text"], .keywords input[type="file"]{

  width: 100%;

  padding: 10px 10px 10px 45px;

  border: 1px solid #CFCFCF;

  color: #999;

  font-size: 14px;

  outline: none;

  background:none;

  margin-bottom:1em;

}
.datepicker{z-index:9999 !important;}



.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{

  background: #eeeeee!important;

  border-radius: 0px!important;

  cursor: not-allowed!important;

}



.datepicker table tr td.day:hover, .datepicker table tr td.day.focused{

  border-radius: 0px!important;

}



.datepicker table tr td.today,.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover{

  background: #F25086!important;

  color: #ffffff!important;

  border: 1px solid #00B6FF!important;

  border-radius: 0px!important;

}


.table-font-small table tr td label,.table-font-small table tr td input {
  font-size: 10px!important;
}
.width_td{
  max-width: 190px!important;
}

/*Fonts*/
.font-10{
  float: inherit;
  font-size: 10px;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  margin-right: -30px;
}
.t-datepicker {
  direction: ltr;
  text-align: center;
  float: right!important;
  max-width: 100%!important;
}

/*.event a {*/
/*background-color: #42B373 !important;*/
/*background-image :none !important;*/
/*color: #ffffff !important;*/
/*}*/
/*.highlight a{*/
/*background-color: #29f274 !important;*/
/*color: #ffffff !important;*/
/*}*/
.heading-with-icon-and-ruler {
  margin: 16px 0;
  overflow: hidden;
}
.heading-with-icon-and-ruler hr {
  border: 0px;
  height: 1px;
  background: #d5d5d5;
  margin-top: 22px;
}

.heading-with-icon-and-ruler .heading-title {
  float: right;
  margin-right: 2px;
  margin-left: 6px;
  padding-top: 4px;
  font-size: 20px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.heading-with-icon-and-ruler .heading-icon {
  float: right;
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
}

/*     style number*/
.quantity {
  /*float: initial;*/
  position: relative;
}
.btn-red {
  color: #fff;
  background-color: #e0b95d;
  border-color: #e0b95d;
}
.composite-heading {
  background: #e0b95d;
  border-radius: 51px;
}
.composite-heading .composite-heading-title .heading-title {
  color: #e0b95d;
  font-weight: bold;
}
/*input[type=number]::-webkit-inner-spin-button,*/
/*input[type=number]::-webkit-outer-spin-button*/
/*{*/
/*-webkit-appearance: none;*/
/*margin: 0;*/
/*}*/

/*input[type=number]*/
/*{*/
/*-moz-appearance: textfield;*/
/*}*/

.quantity input {
  border-radius: 7px;
  width: 77px;
  height: 45px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 10px;
  margin: 0px;
  padding-left: 20px;
  border: 2px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  background-color: #e0b95d;
  font-weight: bolder;
  border-radius: 7px;
  position: relative;
  cursor: pointer;
  border-left: 0px solid #eee;
  width: 37px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0px;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}
.font_w{
  font-weight: bold;
}
#tdtab,#t_update{
  width: 162px;
  line-height: 2.5;
}
.total_row {
  padding-top: 15px !important;
  background-color: #7171744f;
  color: #000000;
  padding: 0.01em 16px;
  font-size: 17px;
  font-weight: bold;
}
.round {
  background-color: var(--bg-color);
  /*display: block;*/
  /*height: 40px;*/
  /*width: 40px;*/
  /*border: 1px solid #BADA55;*/
  /*border-radius: 100%;*/
}
.event a {
  background-color: #000000 !important;
  background-image: none !important;
  color: #f5deb2!important;
}
body {
  /*background-color: #00000036;*/
  background-color: #000000;;
}

.ui-widget.ui-widget-content {
  border-radius: 10px!important;
  border: 3px solid #000000!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #e0b95d!important;
  /*background: #418622 url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;*/
  color: #e0b95d!important;
}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border-radius: 5px!important;
  border: 1px solid #000000!important;
  /*background: #a94442 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/
  color: #000000;
  text-align: center!important;
}
.ui-widget.ui-widget-content {
  border: 1px solid #e0b95d!important;
}
.ui-widget-header {
  border: 1px solid #000000!important;
  /*background: #000000 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;*/
  color: #222222!important;
}
a {
  color: #e0b95d;
}
.breadcrumb>.active {
  color: #fff!important;
}
.breadcrumb {
  COLOR: #ffffff!important;
  background-color: #e0b95d69!important;
}

.breadcrumb>li+li:last-child:before {
  display: none;
}
.table_skin{
  color: wheat;
  padding: 5px;
  background: #000000!important;
  border-radius: 10px!important;
}
.example1 {
  border: 1px solid;
  padding: 10px;
  box-shadow: 0px 2px 0px 2px #e0b95d;
}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  color: gold;
  /*font-size: 22px;*/
  /*left: 0;*/
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.navbar-header {
  float: left!important;
}
.blue{
  color: #000000;
}
.jumbotron_login {
  position: relative;
  background: #000000 url(../img/center_bg1.jpg) center center;/*slide.jpg =>you image*/
  width: 100%;
  height: 90%;
  background-size: cover;
  overflow: hidden;
}
.main-color-bg{
  background-color: #000000!important;
}
.main-color{
  color: #000000!important;
}
.main-color-bg-1{
  background-color: #e0b95d!important;
}
.main-color-1{
  color: #e0b95d!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #d3d3d3;
  color: #e0b95d!important;
}
a:focus, a:hover {
  color: #e0b95d;
}
.multiselect-container{
  max-height:200px;
  overflow:auto;
}
.table_check {
  background-color: #fb7e7e40 !important;
}
.do_hide{
  display: none!important;
}