.navbar{
  background: rgba(247,176,52,1);
  background: -moz-linear-gradient(left, rgba(247,176,52,1) 0%, rgba(231,56,39,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,176,52,1)), color-stop(100%, rgba(231,56,39,1)));
  background: -webkit-linear-gradient(left, rgba(247,176,52,1) 0%, rgba(231,56,39,1) 100%);
  background: -o-linear-gradient(left, rgba(247,176,52,1) 0%, rgba(231,56,39,1) 100%);
  background: -ms-linear-gradient(left, rgba(247,176,52,1) 0%, rgba(231,56,39,1) 100%);
  background: linear-gradient(to right, rgba(247,176,52,1) 0%, rgba(231,56,39,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b034', endColorstr='#e73827', GradientType=1 );
}



.navbar .navbar-brand-wrapper{
  background:#3d3d3d ;
  height:80px;
}

.horizontal-menu .navbar .navbar-brand-wrapper {
  border-bottom:none
}

.navbar.fixed-top + .page-body-wrapper {
  padding-top:80px;
}

.navbar .navbar-brand-wrapper .navbar-brand img{
  width:auto;
  height: 65px;
  margin-top:5px
}

.nav .show{
  display: none
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgb(236, 236, 236);
  border-bottom: 1px solid rgb(204, 204, 204);
}

.table-bordered thead tr{
  background: #3d3d3d;
  color:#fff;
  font-weight:lighter;
}
.btn-table{
  color:#c12414;
  font-size: 20px;
  font-weight: normal;
  margin-right:5px
}
.btn-table:hover{
  color: #ff8a00;
  font-style: normal;
  text-decoration: none;
}
.form-control:focus, .asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus, .tt-query:focus, .tt-hint:focus {
  color: #495057;
  background-color: #fff;
  border-color: #eeb371;
  outline: 0;
  box-shadow:none;
}
/*-------------------------------------------*/
/* ----------------PAGINATION ---------------*/
/*-------------------------------------------*/
.pagination .page-item.active .page-link,
.jsgrid .jsgrid-pager .page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a,
.pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a,
.pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
  background: #f18f3c;
  border-color: #f18f3c;
  color: #ffffff;
}

.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table
.jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field, .typeahead,
.tt-query, .tt-hint {
  border: 1px solid #cccccc;
  font-family: "roboto-regular", sans-serif;
  font-size: 0.75rem;
  padding: 0.56rem 0.75rem;
  line-height: 14px;
}
.modal-body{
  background: #fff
}
.modal .modal-dialog {
  margin-top: 30px;
}
@media (min-width: 992px){
  .sidebar {
    background: #ececec;
  }
  .sidebar .nav .nav-item .nav-link {
    align-items: left;
    display: flex;
    padding: 1rem 1.875rem;
    white-space: nowrap;
    height: 52px;
    color: #3d3d3d;
  }
  .horizontal-menu .sidebar .nav .nav-item {
      position: relative;
      padding:0;
  }
  .horizontal-menu .sidebar {
    width: 100%;
    min-height: auto;
    border-top:none;
    border-bottom: none;
  }
  .horizontal-menu .sidebar > .nav > .nav-item > .nav-link {
    border-right: none;
    padding: .95rem 1.5rem;
  }
  .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
    background: #f6f8fa;
    color: #3d3d3d;
  }
  .sidebar .nav .nav-item.active > .nav-link {
    background: #f6f8fa;
    color: #3d3d3d;
  } 
  .horizontal-menu .sidebar .nav .nav-item.hover-open .collapse,
  .horizontal-menu .sidebar .nav .nav-item.hover-open .collapsing {
    display: block;
    background: #ffffff;
    position: absolute;
    top: 47px;
    left: 0;
    min-width: 220px;
    padding: 0 1rem;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-btn .btn{
    background: rgba(255, 255, 255, 0.2);
    padding: .75rem 1rem;
    color: #ffffff;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
    border-bottom: 1px solid white;
    margin-bottom: 0;
    padding:5px 10px;
  }
  .navbar-dropdown{
      width: 150px
  }
}

.frame-image {
  background-color: white;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
  background-position: 50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(218, 52, 0, 0.9);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.frame-image:hover .overlay {
  height: 100%;
}

.frame-image .text {
  color: white;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  bottom:10px;
  left:10px
}

.btn-gallery{
  position:absolute;
  top:0px;
  right:0px;
  background:#af0000;
  color:#fff;
  text-align: center;
  height:35px;
  width:35px;
  border:none;
  cursor: pointer;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #f7b034;
  background-clip: padding-box;
  border: none;
  border-radius:0px;
  outline: 0;
}

.modal-content .modal-header{
  color:#fff
}
.modal-content .modal-footer{
  background-color:#f2f2f2
}