/* @font-face kit by Fonts2u (https://fonts2u.com) */ @font-face {font-family:"Preeti";src:url("PREETI.eot") format("eot"),url("PREETI.woff") format("woff"),url("preeti.ttf") format("truetype"),url("PREETI.svg#Preeti") format("svg");font-weight:normal;font-style:normal;}

.modal-open .modal {
	z-index: 9999;
}
.modal-dialog .modal-lg{
	width: 80%;
}

.img_wrap
{
	display: block;
}
.image_wrapper{
	padding: 5px;
}

.image_wrapper li{
	margin:5px;
}
.selected-image {
	border: 2px solid #000;
	display: block;
	/*margin-right: 10px;*/
	padding: 3px;
	background: #fff;
	z-index: 9999;
}

.image_holder{
	display: inline-block;
	position: relative;
	padding: 0 !important;
}

.image_holder:hover .btn-remove-image {
	display: block;
	background: rgba(0,0,0,0.6);
	margin: 0;
}

.btn-remove-image {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 25px;
	color: white;
	display: none;
	width:100%;
	height:100%;
}

.btn-remove-image i{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px 12px;
	border: 3px solid #FFF;
	border-radius: 30px;
	position: absolute;
}
.btn-remove-image:hover{
	color: white !important;
}

.add-repeater{
	position: fixed;
	right: 50px;
}

.no-padding{
    padding: 0 !important;
}

.no-margin{
	margin: 0 !important;
}

ul.thumbnails{
	-webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 5;
    column-gap: 0px;
}

ul.thumbnails.image_picker_selector li{
	margin: 0px !important;
}

.thumbnail {
	display: inline-block;
	margin: 3px;
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
    color: #404040
}

.ui-datepicker {
    width: 19em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    border: 0;
    font-weight: 700;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: gray
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 23%;
    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-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 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;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.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
}

.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-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-datepicker th {
    font-weight: 700;
    color: gray
}

.ui-datepicker-today a:hover {
    background-color: gray;
    color: #fff
}

.ui-datepicker-today a {
    background-color: #BFBFBF;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0
}

.ui-datepicker td a {
    margin-bottom: 0;
    border: 0
}

.ui-datepicker td:hover {
    color: #fff
}

.ui-datepicker td .ui-state-default {
    border: 0;
    background: 0 0;
    margin-bottom: 0;
    padding: 5px;
    color: gray;
    text-align: center;
    filter: none
}

.ui-datepicker td .ui-state-highlight {
    color: #fff;
    background-color: #A90329;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-datepicker td .ui-state-active {
    color: #333;
    background-color: #ebebeb;
    margin-bottom: 0;
    font-size: normal;
    text-shadow: 0;
    border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-datepicker td .ui-state-hover {
    color: #fff;
    background: #428bca;
    background-color: #428bca;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #357ebd;
    border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

table.dataTable tbody tr {
    background-color: inherit !important;
}

input.text_filter,select.select_filter {
    color: #FDFDFD;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px !important;
    padding: 0px 10px;
    text-align: left;
    width: 90%;
    font-weight: bold;
    font-family: 'Hind Vadodara', 'Helvetica Neue', sans-serif;
}

span.filter_text{
    width: 100% !important;
}

.dataTables_length option {
    color: #000;
}

div.dataTables_length {
    color: #fff !important;
}

.dataTables_length select{
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.dataTables_info, .dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate .paginate_button{
    color:#fff !important;
}

select.select_filter option {
    color: #000;
}

.sortable-table td:first-child {
    background: rgba(255, 255, 255, 0.08);
    cursor: -webkit-grab !important;
    cursor: pointer;
}

span.input-group-addon {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.form-group{
    margin-bottom: 15px !important;
}

/* The side navigation menu */
.sidenav-form {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: absolute; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  right: 0;
  background-color: #282d2f; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav-form */
}

/* The navigation menu links */
.sidenav-form a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s
}

.sidenav-content{
  /*position: relative;*/
  margin-top: 160px;
  /*top: 84px;*/
 /* -webkit-transform: translateY(-118%);
  -ms-transform: translateY(-118%);
  transform: translateY(-118%);*/
}

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

/* Position and style the close button (top right corner) */
.sidenav-form .closesidenavbtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

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

.features .checkbox{
    margin-left: 20px;
}

.features label.control-label{
    text-decoration: underline;
}

.restaurantform h4.title{
    display: inline-block;
    border-bottom: 1px solid;
    padding: 10px 15px 10px 0px;
}

.page-header{
    padding: 34px 0 !important;
}

.errorbar{
    position:absolute;display:none;z-index:9999;
}

.content-wrapper > .container-fluid{
    margin-top: 20px;
}

.text_filter{
    border: none !important;
    background-color: transparent !important;
}

.text_filter:focus{
    outline:none !important;
}

span.fa.sidebar-nav-link-logo{
    margin-left: 2px;
    font-size: 14px !important;
    margin-right: 0 !important;
}

.menu-form .itemgroup{
    margin: 10px 10px 0 0;
    float: left;
}

.menu-form .itemgroup-active{
    color: #000 !important;
}

.menu-form .group-wrap {
    margin: 20px 0;
    display: inline-block;
}

.menu-form .group-wrap button{
    margin-left: 5px !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.typeahead { border: 2px solid #FFF;border-radius: 4px;padding: 8px 12px;width:97%;min-width: 290px;background: rgba(66, 52, 52, 0.5);color: #FFF;}
.tt-menu { width:300px; }
ul.typeahead{margin:0px;padding:10px 0px;}
ul.typeahead.dropdown-menu li a {padding: 10px !important;  border-bottom:#CCC 1px solid;color:#FFF;font-size: 14px;}
ul.typeahead.dropdown-menu li:last-child a { border-bottom:0px !important; }
.bgcolor {max-width: 550px;min-width: 290px;max-height:340px;background:url("world-contries.jpg") no-repeat center center;padding: 100px 10px 130px;border-radius:4px;text-align:center;margin:10px;}
.demo-label {font-size:1.5em;color: #686868;font-weight: 500;color:#FFF;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  text-decoration: none;
  background-color: #1f3f41;
  outline: 0;
}

.top-header .top-header-logo{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

footer{
    width: 100%;
    float: right;
    position: absolute;
    bottom: 0;
    padding: 5px 15px;
}
footer a:hover {
    color: #ff7733;
}

footer a {
    color: #ff9933;
}

div#ui-datepicker-div {
    z-index: 9999 !important;
}

.enjoyhint{
    z-index: 3000 !important;
}

.custom-file-upload {
    font-weight: 200 !important;
    border: 1px solid #28a1c4;
    display: inline-block;
    padding: 7px;
    cursor: pointer;
    color: #fff;
    height: 34px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    margin-top: 5px;
}


.select2-dropdown {
    z-index:9999;
  }


  .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: white;
    color: black;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice{
    background: darkslategray;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: darkslategray !important;
  }
  .select2-results__option{
    background:gray;
  }

  .select2-search__field{
      color:black;
  }

    .cke_editable_themed{
    color:black;
  }