.form-signin {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
    background-color:white !important;
}

    .form-signin form {
        box-sizing: border-box;
        display: block;
        margin-top: 0em;
    }
.login-body {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    height: 100% !important;
    align-items: center;
    display: flex;
    background-color: #f5f5f5;
}
.select2-container {
    width:100% !important;
}
.modal-backdrop {
    z-index: -1 !important;
}
.is-refillable-input {
    position: absolute !important;
    top: -9px !important;
    right: 1px !important;
    font-weight:600 !important;
    font-size:28px !important;
}
.sezda-header-bg {
    background-color: #1f1f1f !important;
}

.sezda-text {
    color: #1f1f1f !important;
}

.sezda-pink {
    background-color: #e91e63 !important;
}
.sezda-pink-text {
    color: #e91e63 !important;
}
.row {
    margin:0px !important;
}
.td-b-brd {
    border-bottom: 1px solid #e0e0e0 !important;
}


table {
    font-size:12px !important;
}
table thead tr th::before {
    display:none !important;
}
table thead tr th::after {
    display:none !important;
}
    table thead tr th {
        border-top: 2px solid #084298 !important;
        border-bottom: 2px solid #084298 !important;
        color: black !important;
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
td {
    vertical-align: middle !important;
}

.y-scroll {
    overflow-y:scroll !important;
}
 
.x-scroll {
    overflow-y:scroll !important;
}

.m-btn {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    border: none;
    padding: 0 16px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: white;
    background-image: none;
    background-color: #28a745;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.m-btn-sm:hover,
.m-btn-sm:focus,
.m-btn-sm.focus {
    color: white;
    text-decoration: none;
}

.m-btn-sm:active,
.m-btn-sm.active {
    outline: 0;
    background-image: none;
}

.q-btn-sm.disabled,
.q-btn-sm[disabled],
fieldset[disabled] .q-btn-sm {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.m-btn-sm {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 32px;
    line-height: 34px;
    vertical-align: middle;
    border: none;
    padding: 0 16px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: white;
    background-image: none;
    background-color: #28a745;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* ----- BUTTON STATES ----- */
.m-btn:focus,
.m-btn:active:focus,
.m-btn.active:focus,
.m-btn.focus,
.m-btn:active.focus,
.m-btn.active.focus {
    outline: none;
}

.m-btn:hover,
.m-btn:focus,
.m-btn.focus {
    color: white;
    text-decoration: none;
}

.m-btn:active,
.m-btn.active {
    outline: 0;
    background-image: none;
}

.m-btn.disabled,
.m-btn[disabled],
fieldset[disabled] .m-btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* ----- ALTERNATE OPTIONS ----- */
/* PRIMARY */
.m-btn-primary {
    color: #ffffff;
    background-color: #3F51B5;
}

    .m-btn-primary:hover,
    .m-btn-primary:focus,
    .m-btn-primary.focus,
    .m-btn-primary:active,
    .m-btn-primary.active {
        color: #ffffff;
        background-color: #3949AB;
    }

/* ACCENT */
.m-btn-accent {
    color: #ffffff;
    background-color: #EC407A;
}

    .m-btn-accent:hover,
    .m-btn-accent:focus,
    .m-btn-accent.focus,
    .m-btn-accent:active,
    .m-btn-accent.active {
        color: #ffffff;
        background-color: #E91E63;
    }

/* SUCCESS */
.m-btn-success {
    color: #ffffff;
    background-color: #009688;
}

    .m-btn-success:hover,
    .m-btn-success:focus,
    .m-btn-success.focus,
    .m-btn-success:active,
    .m-btn-success.active {
        color: #ffffff;
        background-color: #00897B;
    }

/* ----- RAISED ----- */
.m-btn-raised {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
}

/* ----- FLAT BUTTONS ----- */
.m-btn-flat {
    font-weight: 400;
    color: #212121;
    background-color: transparent;
}

    .m-btn-flat .waves {
        background-color: rgba(33, 33, 33, 0.1);
    }

    .m-btn-flat:hover,
    .m-btn-flat:focus,
    .m-btn-flat.focus,
    .m-btn-flat:active,
    .m-btn-flat.active {
        color: #212121;
    }

    /* FLAT PRIMARY */
    .m-btn-flat.primary {
        color: #3F51B5;
    }

        .m-btn-flat.primary .waves {
            background-color: rgba(63, 81, 181, 0.3);
        }

    /* FLAT ACCENT */
    .m-btn-flat.accent {
        color: #EC407A;
    }

        .m-btn-flat.accent .waves {
            background-color: rgba(255, 64, 129, 0.3);
        }

    /* FLAT SUCCESS */
    .m-btn-flat.success {
        color: #009688;
    }

        .m-btn-flat.success .waves {
            background-color: rgba(0, 150, 136, 0.3);
        }

/* ----- ACTION ----- */
.m-btn-action {
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 55px;
    padding: 0;
    border-radius: 20px;
    vertical-align:middle !important;
}

.m-btn-action i:not(.material-icons) {
    font-size:18px;
    position:absolute;
    left:12px;
    top:12px;
}

.m-btn-action-lg {
    min-width: 56px;
    width: 56px;
    height: 56px;
    line-height: 84px;
    padding: 0;
    border-radius: 28px;
}

    .m-btn-action-lg .material-icons {
        font-size: 36px;
    }

    .m-btn-action .waves,
    .m-btn-action-lg .waves {
        display: none;
    }


.m-btn-action-sm {
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 43px;
    padding: 0;
    border-radius: 50%;
}

    .m-btn-action-sm .material-icons {
        font-size: 20px;
    }



.m-btn i {
    color: white !important;
}



.f-s-6 {
    font-size: 6px !important;
}

.f-s-8 {
    font-size: 8px !important;
}

.f-s-10 {
    font-size: 10px !important;
}

.f-s-12 {
    font-size: 12px !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.f-s-14 {
    font-size: 14px !important;
}

.f-s-16 {
    font-size: 16px !important;
}

.f-s-18 {
    font-size: 18px !important;
}

.f-s-20 {
    font-size: 20px !important;
}

.f-s-21 {
    font-size: 21px !important;
}

.f-s-22 {
    font-size: 22px !important;
}

.f-s-24 {
    font-size: 24px !important;
}

.f-s-26 {
    font-size: 26px !important;
}

.f-s-28 {
    font-size: 28px !important;
}

.f-s-30 {
    font-size: 30px !important;
}

.f-s-32 {
    font-size: 32px !important;
}

.f-s-34 {
    font-size: 34px !important;
}

.f-s-36 {
    font-size: 36px !important;
}

.f-s-38 {
    font-size: 38px !important;
}

.f-s-40 {
    font-size: 40px !important;
}

.f-s-42 {
    font-size: 42px !important;
}

.f-s-44 {
    font-size: 44px !important;
}

.f-s-46 {
    font-size: 46px !important;
}

.f-s-48 {
    font-size: 48px !important;
}

.f-s-50 {
    font-size: 50px !important;
}

.f-s-52 {
    font-size: 52px !important;
}

.f-s-54 {
    font-size: 54px !important;
}

.f-s-56 {
    font-size: 56px !important;
}

.f-s-58 {
    font-size: 58px !important;
}

.f-s-60 {
    font-size: 60px !important;
}

.f-s-62 {
    font-size: 62px !important;
}

.f-s-64 {
    font-size: 64px !important;
}

.f-s-66 {
    font-size: 66px !important;
}

.f-s-68 {
    font-size: 68px !important;
}

.f-s-70 {
    font-size: 70px !important;
}

.f-s-72 {
    font-size: 72px !important;
}

.f-s-74 {
    font-size: 74px !important;
}

.f-s-76 {
    font-size: 76px !important;
}

.f-s-78 {
    font-size: 78px !important;
}

.f-s-80 {
    font-size: 80px !important;
}

.f-s-82 {
    font-size: 82px !important;
}

.f-s-84 {
    font-size: 84px !important;
}

.f-s-86 {
    font-size: 86px !important;
}

.f-s-88 {
    font-size: 88px !important;
}

.f-s-90 {
    font-size: 90px !important;
}

.f-s-92 {
    font-size: 92px !important;
}

.f-s-94 {
    font-size: 94px !important;
}

.f-s-96 {
    font-size: 96px !important;
}

.f-w-xs {
    font-weight: 400 !important;
}

.f-w-s {
    font-weight: 500 !important;
}

.f-w-m {
    font-weight: 600 !important;
}

.f-w-l {
    font-weight: 700 !important;
}

.f-w-xl {
    font-weight: 800 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.full-w {
    width:100% !important;
}

.full-h {
    height:100% !important;
    min-height:100% !important;
}

.height-percent-3 {
    height:33% !important;
}

.store-custom-width {
    width:20% !important;
    min-width:20% !important;
    max-width:20% !important;
}

.lh-0 {
    line-height:0px !important;
}

.h150 {
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
}

.h100 {
    height:100px !important;
    min-height:100px !important;
    max-height: 100px !important;
}

.h80 {
    height:80px !important;
    min-height:80px !important;
    max-height:80px !important;
}

.h40 {
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
}

.h36 {
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
}


.p-absolute {
    position: absolute !important;
}

.p-relative {
    position: relative !important;
}
/*
.dataTables_wrapper {
    overflow-y: scroll !important;
}*/


.dataTables_filter {
    position: relative !important;
    padding-right:295px !important;
}

.TableSearch {
    width:100% !important;
}

.TableButtons {
    position:absolute !important;
    top:-1px !important;
    right:0px !important;
}

.dataTable tbody .tableheader {
    visibility:hidden !important;
}

table.dataTable.table-striped > tbody > tr.odd td {
    box-shadow:none !important;
}

table tbody tr td p {
    margin-bottom:0px !important;
}

table tbody tr td p:first-child {
    display:none !important;
    width:100% !important;
    visibility: hidden !important;
}

table tbody tr td {
    box-sizing:border-box !important;
}

.check-in-is-possible{
    display: none !important;
}

/*CheckIn Phone Kontrol*/
@media only screen and (max-width:1000) {
    .check-in-is-possible {display: block !important;}
}
 
@media only screen and (min-width: 993px) {
    .CategoryTitle {
        display: none !important;
    }
}

/*CEP TELEFONU*/
@media only screen and (max-width: 992px) {

    .StoreCollapseBody {
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .StoreCollapseHeader .title {
        text-align:center !important;
    }
}

.datepicker-months {
    width:300px !important;
    max-width: 100% !important;
}

.datepicker-months > .table-condensed {
    width:100% !important;
}
.bg-column {
    background-color: #f9f9f9 !important;
}
  

.color1 {
    color: #0081A7 !important;
}
.bg1 {
    background-color: #0081A7 !important;
}
.color2 {
    color: #00AFB9 !important;
}
.bg2 {
    background-color: #00AFB9 !important;
}
.color3 {
    color: #fcfffa !important;
}
.bg3 {
    background-color: #fcfffa !important;
}
.color4 {
    color: #FED9B7 !important;
}
.bg4 {
    background-color: #FED9B7 !important;
}
.color5 {
    color: #F07167 !important;
}
.bg5 {
    background-color: #F07167 !important;
}
.padding-top-25 {
    padding-top:25px !important;
}
.padding-bottom-25 {
    padding-bottom:25px !important;
}
.padding-top-10 {
    padding-top:10px !important;
}
.padding-bottom-10 {
    padding-bottom:10px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-7 {
    padding-top:7px !important;
}
.padding-left-7 {
    padding-left:7px !important;
}
.padding-right-7 {
    padding-right:7px !important;
}
.padding-bottom-7 {
    padding-bottom:7px !important;
}

.padding-top-6 {
    padding-top: 6px !important;
}

.padding-top-4 {
    padding-top: 4px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-left-2 {
    padding-left: 2px !important;
}

.padding-right-2 {
    padding-right: 2px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.padding-2 {
    padding:2px !important;
}


/*CEP TELEFONU*/
@media only screen and (max-width: 992px) {
    .store-custom-width {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
    }
}

.padding-1 {
    padding:1px !important;
}

.select-number-width {
    width:75px !important;
}

.StoreCollapseBody {
    background: white !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.collapse-arrow {
    bottom: 21px;
    left: 12px;
    color: #ffda6a !important;
    z-index: 99999999999 !important;
    font-size:42px !important;
}

.tab1 {
    padding-left: 22px !important;
}

.tab2 {
    padding-left: 33px !important;
}

.tab3 {
    padding-left: 44px !important;
}

.tab4 {
    padding-left: 55px !important;
}

.tab5 {
    padding-left: 66px !important;
}

.right-arrow {
    position: absolute !important;
    display:none !important;
}

.collapsed .right-arrow {
    display:block !important;
}

.down-arrow {
    position: absolute !important;
}
 
.collapsed .down-arrow {
    display:none !important;
}
.bg-td {
    background-color: #f9f9f9 !important;
}
.bg-transparent {
    background-color:transparent !important;
}

.table-collapse-shadow {
    -moz-box-shadow: inset 0 0 20px #fafafa;
    -webkit-box-shadow: inset 0 0 20px #fafafa;
    box-shadow: inset 0 0 20px #fafafa;
}

.flex-nowrap {
    white-space:nowrap !important;
}

.selected-column {
    background-color: #28a745 !important;
    color: white !important;
    font-weight: bold !important;
}

.transparent-input {
    background-color:transparent !important;
    border:0px !important;
}

.margin-center {
    margin-left:auto !important;
    margin-right:auto !important;
}
 

.text-underline-hover {
    text-decoration: none;
}

    .text-underline-hover:hover {
        text-decoration: underline;
    }

.toggle-vis {
    background-color: #28a745 !important;
    text-decoration: none;
    cursor: pointer !important;
    font-size:14px !important;
    font-weight:500 !important;
    margin:3px !important;
    color:white !important;
}
.toggle-vis:hover {
    color:white !important;
}


.vertical-center {
    display: flex;
    align-items: center;
}

.full-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.table-header-selectbox {
    background-color: transparent !important;
    border: 0px !important;
    font-weight: 600 !important;
    margin: 0px !important;
    text-align: center !important;
    padding: 3px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer !important;
}



.font-calisto-mt {
    font-family: 'Quicksand-Regular' !important;
}

.font-cambria {
    font-family: 'Quicksand-Regular' !important;
}

.sidebar-title {
    font-size: 18px !important;
    font-family: 'Quicksand-Medium' !important;
}
.sidebar-icon {
    width:25px !important;
    height:25px !important;
    margin-top:-8px !important;
}

 


.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
  display:none;
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji-wrapper:after{
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s;
}

.emoji > svg {
  margin: 15px 0; 
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

.rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
.rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
.rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
.rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
.rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.feedback {
  max-width: 360px;
  background-color: #fff;
  width: 100%;
  padding:0px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}