.img_disable {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
/*user rating */


 .user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    padding: 0px 30px;
    display: inline-block;
}
.user-rating input {
    opacity: 0;
    position: relative;
    left: -15px;
    z-index: 2;
    cursor: pointer;
}
.user-rating span.star:before {
    color: #777777;
    content:"";
    /*padding-right: 5px;*/
}
.user-rating span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
}
.user-rating span {
    margin-left: -15px;
}
.user-rating span.star:before {
    color: #777777;
    content:"\f006";
    /*padding-right: 5px;*/
}
.user-rating input:hover + span.star:before, .user-rating input:hover + span.star ~ span.star:before, .user-rating input:checked + span.star:before, .user-rating input:checked + span.star ~ span.star:before {
    color: #ffd100;
    content:"\f005";
}

.selected-rating{
    color: #ffd100;
    font-weight: bold;
    font-size: 2em;
}

/*user rating*/



.navbar {
    z-index: 1;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
}
@media (max-width: 778px) {
    .offcanvas-collapse {
        /*background-color: #6C757D !important;*/
    }
}
html {
    height: 100%;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 33% !important;
}
.breadcrumb {
    margin: 0px !important;
}
.form-group {
    margin-bottom: 0 !important;
}
body {
    padding-top: 0px !important;
    /*offcanvas*/
    min-height: 100%;
    font-family: 'Sarabun', sans-serif;
    font-size: 14px !important;
    /*background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg');
background-size: cover;
background-repeat: no-repeat;
height: 100%;*/
background: #649173;  
  background: -webkit-linear-gradient(to right, #649173, #dbd5a4); 
  background: linear-gradient(to right, #649173, #dbd5a4);  

/* background: #ff7e5f;
  background: -webkit-linear-gradient(to right, #ff7e5f, #feb47b);
  background: linear-gradient(to right, #ff7e5f, #feb47b);
  min-height: 100vh;*/


}


 

/*.container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}*/

.btn {
    border-radius: 5px !important;
    /*border: 1px solid gray !important;*/
}
.modal-content {
    border-radius: 5px !important;
}
.card {
    border-radius: 5px !important;
}
.row, .row.container, .row.container-fluid {
    margin-top: 0px;
    margin-left: 0;
    margin-right: 0;
}
.row>[class^="col-"] {
    padding: 8px;
}
/*.breadcrumb {
    margin-top: -4px;
    margin-bottom: 2px;
    position: fixed;
    width: 100%;
}*/

/*================================*/

/*.checkbox label .checkbox-decorator .check, label.checkbox-inline .checkbox-decorator .check {
    z-index: -1 !important;
}*/

/*================================*/

.flatpickr-wrapper {
    width: 100% !important;
}
/*================================*/

.custom-file-control:disabled, .form-control:disabled, .form-control[readonly], [readonly].custom-file-control {
    background-color: transparent !important;
}
.bmd-label-static, .is-filled .bmd-label-floating, .is-focused .bmd-label-floating {
    top: 0.5rem !important;
    font-size: 1rem !important;
}
.bmd-label-floating .bmd-label-placeholder {
    top: 0.5rem !important;
    font-size: 1rem !important;
}
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}
.breadcrumb {
    border-bottom: 1px solid #ccc !important;
    background-color: #fff !important;
}
/*================================*/

.dropzone {
    border-radius: 5px;
    border: 2px dashed rgb(0, 135, 247);
    border-image: none;
    max-width: 100%;
}
.dz-image>img {
    width: 100%;
    height: 100%;
}
.dz-remove {
    display: inline-block !important;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    font-size: 1.2em !important;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
    border: 1px solid gray !important;
    border-radius: 1.2em;
    color: red;
    background-color: white;
    opacity: .5;
}
.dz-remove:hover {
    text-decoration: none !important;
    opacity: 1;
}
/*================================*/

.swal2-container {
    z-index: 999999;
}
/*================================*/

.parsley-success {
    color: #468847;
    /*background-color: #DFF0D8;*/
    /*border: 1px solid #D6E9C6;*/
}
.parsley-error {
    color: #B94A48;
    /*background-color: #F2DEDE;*/
    /*border-radius: 2px;*/
    /*border: 1px solid #EED3D7;*/
}
.parsley-errors-list {
    display: block;
    color: red;
    /*background-color: #fff;*/
    border-color: #ebccd1;
    /*text-align: left !important;*/
    list-style: none;
    /*margin-top: 10px;*/
    /*border-radius: 5px;*/
}
select.form-control {
    /* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; */
    background-image: url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png") !important;
    background-size: 13px !important;
    background-repeat: no-repeat;
    margin-right: 20px !important;
    background-position: right center;
    -webkit-box-shadow: inset 0 -1px 0 #B9B9B9;
    box-shadow: inset 0 -1px 0 #B9B9B9;
    height: calc(2rem) !important;
}
.checkbox label, .radio label, label {
    font-size: 0.9rem !important;
}
/*.card-header{
  background-color: #f0f0f0 !important;
}*/

.custom-file-control:disabled, .form-control:disabled, .form-control[readonly], [readonly].custom-file-control {
    background-color: transparent !important;
}
/*.valign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}*/

/*.form-control:read-only, .custom-file-control:read-only {
    background-image: linear-gradient(to top, white 1px, transparent 1px), linear-gradient(to top, white 1px, transparent 1px);
}*/

@media (max-width: 978px) {
    .container-fluid {
        padding: 0;
        margin: 0;
    }
}
.material-icons {
    vertical-align: bottom !important;
}
/* ============= loading ============= */

/*div.swal2-buttonswrapper.swal2-loading {
  display: none !important;
}*/

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.8) !important;
}
.parsley-errors-list {
    color: red;
    padding: 10px;
    text-align: left !important;
    font-size: 12px;
}
fieldset[disabled][disabled] .form-control, fieldset[disabled][disabled] .custom-file-control, .form-control.disabled, .disabled.custom-file-control, .form-control:disabled, .custom-file-control:disabled, .form-control[disabled], [disabled].custom-file-control {
    background-repeat: no-repeat !important;
    background-image: none !important;
    /*  -webkit-box-shadow: inset 0 0px 0 !important;
    box-shadow: inset 0 0px 0 !important;*/
}
/*.custom-file-control:disabled, .form-control:disabled, .form-control[readonly], [readonly].custom-file-control {
   background-image: none !important;
}*/

tfoot {
    display: table-header-group;
}
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables tr {
        border: 1px solid #ccc;
    }
    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        margin-top: 3px;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
        Label the data
        */
    #no-more-tables td:before {
        content: attr(data-title);
    }
}
/*=====================*/

table, th, td {
    border: 0px;
}