/* The Modal (background) */
.modal.report-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.report-modal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.report-modal .modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
	display: block;
}

.report-modal .modal-body {padding: 2px 16px;}

.report-modal .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.delivery, .reservation, .cust-exp, .cust-remind {
	margin-top: 70px;
}
input.feed-check {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
label.checkbox-inline {
    margin-right: 10px;
    font-size: 13px;
}
select#select-time {
    padding: 2px 15px;
    margin-right: 10px;
}
.feedwarn {
    margin-right: 30px;
}
.btn-feedemail {
    color: #fff;
    background-color: #668a3c;
    border-color: #668a3c;
}
.btn-feedemail:hover {
    color: #fff;
    background-color: #3d6112;
    border-color: #3d6112;
}
.add_button, .outlet-button {
    color: #668a3c;
    background-color: transparent;
    background-image: none;
    border-color: #668a3c;
}
.add_button:hover, .outlet-button:hover {
    color: #fff;
    background-color: #668a3c;
    border-color: #668a3c;
}
.col-lg-4.remove-div, .outlet-wise-textbox {
    margin-bottom: 5px;
}
.btn-custom {
    color: #000;
    background-color: #fff;
    border-color: #c2cfd6 !important;
    margin-left: -1px;
}
p.dash-header {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
}
p.dash-stat {
    text-align: center;
    font-weight: 600;
}
p.dash-rating-count {
    text-align: center;
    font-size: 1.5rem;
    /*font-weight: 500;*/
    margin-bottom: 0;
}
.star-checked {
    /*color: yellowgreen;*/
    color: #b166b5;
}
p.star-rating {
    text-align: center;
}
p.user-respond {
    text-align: center;
}
.view-customer, .customer-detail, .view-callback-customer {
    padding: 10px;
    box-shadow: 1px 1px 5px #777;
    border-radius: 8px;
	margin-bottom: 15px;
    margin-top: 2px;
}
div.customer-detail {
    overflow: auto;
    /*max-height: 50%;*/
}
p.text-logs {
	margin-bottom: 5px;
}
label.radio-inline {
    margin-right: 15px;
}
.flow-radio {
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.admin-feed {
    /*background-color: #9e9e9e !important;*/
	background-color: #20a8d8 !important;
	color: #fff;
    font-weight: normal;
}
.textbox {
	/*margin-top: 8px;
    margin-left: -10%;
    width: 110%;*/
}
.textbtn {
    /*margin-top: 8px;*/
}
.textbtn1 {
    /*margin-top: 12%;
    margin-left: 10%;*/
}
.switch.switch-default .switch-label {
	background-color: #de4847 !important;
}

#feedbackModal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 54px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#feedbackModal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#feedbackModal .modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
	display: block;
}
#feedbackModal .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}
#feedbackModal .modal-body {padding: 2px 16px;}

#feedbackModal .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.itemwise {
    float: left;
    text-align: center;
}
.text-danger1 {
    color: #f86c6b !important;
}
#dine-danger {
    color: #f86c6b !important;
}
/*  Style Feedbackmodal for Dine In Smiley Face */
#feedbackModal-smiley {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 54px;
    left: 35%;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#feedbackModal-smiley .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #ddd;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#feedbackModal-smiley .modal-header {
    padding: 2px 16px;
    background-color: #20a8d8;
    color: white;
	display: block;
}
#feedbackModal-smiley .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}
#feedbackModal-smiley .modal-body {
    padding: 2px 0;
}
#feedbackModal-smiley .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
/*  Style Feedbackmodal for Dine In Star */
#feedbackModal-star {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 54px;
    left: 35%;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#feedbackModal-star .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #ddd;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#feedbackModal-star .modal-header {
    padding: 2px 16px;
    background-color: #20a8d8;
    color: white;
	display: block;
}
#feedbackModal-star .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}
#feedbackModal-star .modal-body .feedback label#fb_topic_name {
    font-weight: 700;
}
#feedbackModal-star .modal-body {
    padding: 2px 0;
}
#feedbackModal-star .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
/*  Style Feedbackmodal for Delivery In Smiley Face */
#deliveryModal-smiley {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 54px;
    left: 35%;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#deliveryModal-smiley .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #ddd;
    width:100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#deliveryModal-smiley .modal-header {
    padding: 2px 16px;
    background-color: #20a8d8;
    color: white;
    display: block;
}
#deliveryModal-smiley .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}
#deliveryModal-smiley .modal-body {
    padding: 2px 0;
}
#deliveryModal-smiley .modal-body .feedback label {
    font-weight: 700;
}
#deliveryModal-smiley .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
/*  Style Feedbackmodal for Delivery In Star */
#deliveryModal-star {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 54px;
    left: 35%;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#deliveryModal-star .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #ddd;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#deliveryModal-star .modal-header {
    padding: 2px 16px;
    background-color: #20a8d8;
    color: white;
    display: block;
}
#deliveryModal-star .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}
#deliveryModal-star .modal-body {
    padding: 2px 0;
}
#deliveryModal-star .modal-body .feedback label#fb_topic_name {
    font-weight: 700;
}
#deliveryModal-star .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

div.stars {
  width: 270px;
  display: inline-block;
}

input.star {
	display: none;
}
label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

.table.table-custom thead th {
    border-bottom: none;
}
.table.table-custom th, .table.table-custom td {
    border-top: none;
}
.table.table-custom {
    margin-bottom: 0;
}
.table.table-custom tbody tr td:first-child {
	font-weight: 700;
}
#extended-form label {
    font-weight: 700;
}
.itemwise .table tr th, .itemwise .table tr td {
	border: none;
}
.del-itemwise .table tr th, .del-itemwise .table tr td {
    border: none;
}
.form-styling {
    background-color: #afafaf;
    color: #000;
    font-weight: 700;
    margin-top: 1px;
}
.txtbtn-submit {
    position: absolute;
    top: 34%;
}
.social-box.facebook .box-title {
    color: #fff;
    background: #3b5998;
}
.social-box.twitter .box-title {
    color: #fff;
    background: #00aced;
}
.social-box.linkedin .box-title {
    color: #fff;
    background: #4875b4;
}
.social-box.google-plus .box-title {
    color: #fff;
    background: #d34836;
}
.social-box .box-title {
    display: block;
    margin: -1px -1px 0;
    font-size: 20px;
    /*line-height: 90px;*/
    background: #c2cfd6;
}
.glyphicon { margin-right:5px;}
.rating .glyphicon {font-size: 22px;}
.rating-num { margin-top:0px;font-size: 54px; }
.progress { margin-bottom: 5px;}
.progress-bar { text-align: left; }
.rating-desc .col-md-3 {padding-right: 0px;}
.sr-only { margin-left: 5px;overflow: visible;clip: auto;clip-path: none; }

.progress.progress-custom {
    background-color: transparent;
}
.custom-star-progress {
    display: inline-block;
    margin: 20px 0;
}
p.tiles-header {
    font-size: 20px;
    margin-bottom: 0;
}
.social-box .title {
    font-size: 18px;
}
.customer-combo {
    margin-left: -6%;
    margin-right: 3.4%;
}
.select-combobox {
    position: absolute;
    top: 34%;
}
.view-details {
    /*position: relative;
    top: 45%;*/
}
.social-box .star-rating i {
    display: inline-block;
    margin: 0;
    font-size: 20px;
    line-height: 0;
}
.social-box .star-rating i.fa-star, .social-box .star-rating i.fa-star-half-o, .social-box .star-rating i.fa-star-o {
    color: #ffcd38;
    font-size: 25px;
    padding-right: 4px;
}
span.text-bold {
    font-weight: 500;
}
.overall-rating-star i.fa-star, .overall-rating-star i.fa-star-half-o, .overall-rating-star i.fa-star-o {
    font-size: 25px;
    padding-right: 4px;
    color: #ffcd38;
}
.overall-rating-star {
    height: 50px !important;
    margin-top: 20px;
    margin-left: 6px;
}
div.pagination {
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;*/
    padding:20px;
    margin:7px;
}
div.pagination a {
    margin: -6px 2px 0;
    padding: 0.5em 0.64em 0.43em 0.64em;
    background-color: #20a8d8;
    text-decoration: none; /* no underline */
    color: #fff;
}
div.pagination a:hover, div.pagination a:active {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: -6px 2px 0;
    background-color: #20a8d8;
    color: #fff;
}
div.pagination span.current {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: -6px 2px 0;
    background-color: #f6efcc;
    color: #6d643c;
}
div.pagination span.disabled {
    display:none;
}
.daterangepicker .ranges .applyBtn {
    color: #fff;
    background-color: #20a8d8 !important;
    border-color: #20a8d8 !important;
}
.table-striped.table-fb-order tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}
.table-striped.table-fb-order tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.table-fb-order {
    margin-top: 1rem;
}
input#searchCustomer {
    width: 140%;
}
.btn-save-setting {
    background-color: #668a3c;
    border-color: #668a3c;
}
.btn-save-setting:hover {
    background-color: #3d6112;
    border-color: #3d6112;
}
.save-setting {
    margin-top: 10px;
}
.app-header.navbar .nav-item {
    right: 30px;
}
.smiley-form-style {
    margin-right: 15px;
    margin-bottom: 0 !important;
    padding: 5px 0;
}
.smiley-radio {
    margin-bottom: 0 !important;
    padding: 5px 0;
}
.switch-success > .switch-input:checked ~ .switch-label {
    background: #668a3c !important;
    border-color: #668a3c;
}
.switch-success > .switch-input:checked ~ .switch-handle {
    border-color: #668a3c;
}
.main .container-fluid {
    margin-top: 1rem;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .txtbtn-submit {
        position: relative;
        top: 34%;
    }
}
.sidebar .nav .nav-item .nav-link.active {
    /*background: #965996;*/
    background: #f7941c;
}
.sidebar .nav .nav-item .nav-link.active i {
    /*color: #8bc34a;*/
    color: #182f7c;
}
.sidebar .nav .nav-item .nav-link:hover i {
    color: #182f7c;
}
.sidebar .nav .nav-item .nav-link:hover {
    background: #f7941c !important;
}
.sidebar .nav .nav-item.nav-dropdown.open .nav-link.nav-dropdown-toggle {
    background: #182f7c;
}
.sidebar .nav .nav-item.nav-dropdown.open .nav-link.nav-dropdown-toggle i {
    color: #f7941c;
}
.sidebar .nav .nav-item.nav-dropdown.open .nav-link.nav-dropdown-toggle:hover i {
    color: #182f7c;
}
.form-group.row.alert-settings {
    margin-bottom: 5px;
}
.form-group.row.outlet-alert-settings {
    margin-top: 2rem;
    margin-bottom: 0;
}
.form-group.row.outlet-alert-btn {
    margin-bottom: 2rem;
    margin-top: -6px;
}
.btn-not-interest {
    color: #de4847;
    border-color: #de4847;
    margin-top: 10px;
}
.btn-not-interest:hover {
    color: #fff;
    background-color: #de4847;
    border-color: #de4847;
}

#callbackModal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 54px;
    left: 25%;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#callbackModal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #ddd;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#callbackModal .modal-header {
    padding: 2px 16px;
    /*background-color: #20a8d8;*/
    color: white;
    display: block;
    border-bottom: none;
}
#callbackModal .close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}
#callbackModal .modal-body {
    padding: 2px 0;
    width: 97%;
}
#callbackModal .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
input.outlet-checkbox {
    position: relative;
    top: 2px;
    margin-left: 5px;
}
.form-control-label {
    font-weight: 700;
}
.callback-customer-detail {
    margin-top: -5%;
}
.callback-customer-detail .tabbable-line > .tab-content {
    width: 103%;
}
.cutomer-log-excel {
    /*padding: 20px 0;
    text-align: right;
    font-size: 15px;*/
}
/*div#paginate-customer {
    overflow-y: scroll;
    max-height: 30%;
}*/
.switch.switch-default {
    margin-left: 0;
}

.sidebar{
    background: #182f7c !important;
}

.sidebar .nav .nav-item .nav-link i, .sidebar .nav .nav-item .navbar .dropdown-toggle i, .navbar .sidebar .nav .nav-item .dropdown-toggle i {
    color: #fff !important;
    
}