@charset "UTF-8";

@media all
{
    .page-loader-wrapper {
        z-index: 99999999;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #eee;
        overflow: hidden;
        text-align: center;
    }
    .page-loader-wrapper .loader {
        position: relative;
        top: calc(40% - 30px);
    }
    .md-preloader.pl-size-md {
        width: 50px;
    }
    .md-preloader {
        font-size: 0;
        display: inline-block;
    }

    .width-100{
        width: 100%;
    }
    .width-90{
        width: 90%;
    }
    .width-80{
        width: 80%;
    }
    .width-70{
        width: 70%;
    }
    .width-60{
        width: 60%;
    }
    .width-50{
        width: 50%;
    }
    .width-40{
        width: 40%;
    }
    .width-30{
        width: 30%;
    }
    .width-20{
        width: 20%;
    }
    .width-10{
        width: 10%;
    }
    .width-0{
        width: 0%;
    }

    .bg-red {
        background-color: #F44336 !important;
        color: #fff;
    }
    .bg-pink {
        background-color: #E91E63 !important;
        color: #fff;
    }
    .bg-purple {
        background-color: #9C27B0 !important;
        color: #fff;
    }
    .bg-deep-purple {
        background-color: #673AB7 !important;
        color: #fff;
    }
    .bg-indigo {
        background-color: #3F51B5 !important;
        color: #fff;
    }
    .bg-blue {
        background-color: #2196F3 !important;
        color: #fff;
    }
    .bg-light-blue {
        background-color: #03A9F4 !important;
        color: #fff;
    }
    .bg-cyan {
        background-color: #00BCD4 !important;
        color: #fff;
    }
    .bg-teal {
        background-color: #009688 !important;
        color: #fff;
    }
    .bg-green {
        background-color: #4CAF50 !important;
        color: #fff;
    }
    .bg-light-green {
        background-color: #8BC34A !important;
        color: #fff;
    }
    .bg-lime {
        background-color: #CDDC39 !important;
        color: #fff;
    }
    .bg-yellow {
        background-color: #ffe821 !important;
        color: #fff;
    }
    .bg-amber {
        background-color: #FFC107 !important;
        color: #fff;
    }
    .bg-orange {
        background-color: #FF9800 !important;
        color: #fff;
    }
    .bg-deep-orange {
        background-color: #FF5722 !important;
        color: #fff;
    }
    .bg-brown {
        background-color: #795548 !important;
        color: #fff;
    }
    .bg-grey {
        background-color: #9E9E9E !important;
        color: #fff;
    }
    .bg-blue-grey {
        background-color: #607D8B !important;
        color: #fff;
    }
    .bg-black {
        background-color: #000000 !important;
        color: #fff;
    }
    .bg-white {
        background-color: #ffffff !important;
        color: #000;
    }

    .btn-group, .btn-group-vertical {
        vertical-align: text-bottom;
    }

    input[type="file"] {
        height: auto;
    }

    .border-line {
        padding: 10px 0;
        border-bottom: 1px dashed #ccc;
    }

    .form-line {
        border-bottom: 1px dashed #ccc;
    }

    .form-border {
        border: 1px solid#337ab7;
        margin: 20px 24px;
    }

    .room-selected {
        background-color: #4680ff !important;
    }

    .loading-image  {
        width: 50px;
    }

    #popup {
        margin: 2% auto;
    }

    #popup .modal-dialog {
        width: 90%;
        max-width: 90%;
    }

    #popup .modal-header {
        text-align: center;
    }

    #popup-info {
        margin: 2% auto;
    }

    #popup-info .modal-dialog {
        width: 80%;
        max-width: 80%;
    }

    #popup-action {
        margin: 2% auto;
        z-index: 2000;
    }

    #popup-action .modal-dialog {
        width: 50%;
        max-width: 50%;
    }

    .mdl-textfield__input {
        font-family: Poppins,sans-serif;
    }

    .mdl-button--file input {
        cursor: pointer;
        height: 100%;
        right: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 300px;
        z-index: 4;
    }

    .mdl-textfield--file .mdl-textfield__input {
        box-sizing: border-box;
        width: calc(100% - 32px);
    }

    .mdl-textfield--file .mdl-button--file {
      right: 0;
    }

    .page-break {
        border: 1px dashed #999;
    }

    .list-receiver {
        padding-left: 0;
        list-style: none;
    }

    .mobile {
        background-color: #fff;
        min-height: 500px;
    }

    .sweet-alert {
        width: 300px !important;
    }

    .sweet-alert h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .sweet-alert p {
        font-size: 12px;
        line-height: 14px;
    }

    .sweet-alert button {
        font-size: 14px;
    }

    .input-group {
        margin-bottom: 0;
    }

    #attachment-image {
        margin: 10px auto;
    }

    table.dataTable td.dt-control {
        text-align: center;
        cursor: pointer;
    }

    .checkbox {
        padding-left: 10px;
    }

    mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1, .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
        background-color: rgb(50, 133, 215);
    }

    .mdl-progress > .bufferbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, rgb(50, 133, 215), rgb(50, 133, 215));
    }

    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, rgb(50, 133, 215), rgb(50, 133, 215));
    }

    .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
        background: #2CA8FF;
    }

    .dtp div.dtp-date, .dtp div.dtp-time {
        background: #3087f1;
    }

    .dtp .p10 > a {
        color: #2CA8FF;
        text-decoration: none;
    }

    .dtp table.dtp-picker-days tr > td > a.selected {
        background: #2CA8FF;
    }
    .dtp div.dtp-actual-year {
        color: #FFF;
    }

    .year-picker-item.active {
        color: #3087f1;
    }

    .dtp table.dtp-picker-days tr > th {
        color: #fa802a;
    }

    .info-box {
        border-radius: 0;
    }

    .info-box-round {
        border-radius: 25px;
    }

    .info-box-number {
        font-size: 18px;
    }

    #rooms .col, #rooms .col-1, #rooms .col-10, #rooms .col-11, #rooms .col-12, #rooms .col-2, #rooms .col-3, #rooms .col-4, #rooms .col-5, #rooms .col-6, #rooms .col-7, #rooms .col-8, #rooms .col-9, #rooms .col-auto, #rooms .col-lg, #rooms .col-lg-1, #rooms .col-lg-10, #rooms .col-lg-11, #rooms .col-lg-12, #rooms .col-lg-2, #rooms .col-lg-3, #rooms .col-lg-4, #rooms .col-lg-5, #rooms .col-lg-6, #rooms .col-lg-7, #rooms .col-lg-8, #rooms .col-lg-9, #rooms .col-lg-auto, #rooms .col-md, #rooms .col-md-1, #rooms .col-md-10, #rooms .col-md-11, #rooms .col-md-12, #rooms .col-md-2, #rooms .col-md-3, #rooms .col-md-4, #rooms .col-md-5, #rooms .col-md-6, #rooms .col-md-7, #rooms .col-md-8, #rooms .col-md-9, #rooms .col-md-auto, #rooms .col-sm, #rooms .col-sm-1, #rooms .col-sm-10, #rooms .col-sm-11, #rooms .col-sm-12, #rooms .col-sm-2, #rooms .col-sm-3, #rooms .col-sm-4, #rooms .col-sm-5, #rooms .col-sm-6, #rooms .col-sm-7, #rooms .col-sm-8, #rooms .col-sm-9, #rooms .col-sm-auto, #rooms .col-xl, #rooms .col-xl-1, #rooms .col-xl-10, #rooms .col-xl-11, #rooms .col-xl-12, #rooms .col-xl-2, #rooms .col-xl-3, #rooms .col-xl-4, #rooms .col-xl-5, #rooms .col-xl-6, #rooms .col-xl-7, #rooms .col-xl-8, #rooms .col-xl-9, #rooms .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px;
    }

    /**
     * Multiple Select2
     */

    .select2-container--material {
        width: 100% !important;
        ::placeholder {
            color: inherit;
        }
        /**
         * Textbox
         */
        .select2-selection {
            /* @extend input */
            overflow: visible;
            font: inherit;
            touch-action: manipulation;
            margin: 0;
            line-height: inherit;
            border-radius: 0;
            box-sizing: inherit;
            /* @extend .form-control */
            display: block;
            width: 100%;
            color: #55595c;
            background-clip: padding-box;
            /*border: 1px solid rgba(0,0,0,.15);*/
            padding: .5rem 0 .6rem;
            font-size: 1rem;
            line-height: 1.5;
            background-color: transparent;
            background-image: none;
            border-radius: 0;
            margin-top: .2rem;
            margin-bottom: 1rem;
            /* @extend input[type=text] */
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #ccc;
            border-radius: 0;
            outline: 0;
            //height: 2.1rem;
            width: 100%;
            font-size: 1rem;
            box-shadow: none;
            transition: all .3s;
            min-height: 2.1rem;
            .select2-selection__rendered {
                padding-left: 0;
            }
        }
        .select2-selection--single {
            .select2-selection__rendered {
                float: left;
            }
            .select2-selection__arrow {
                float: right;
            }
        }
        .select2-selection--multiple {
            .select2-selection__rendered {
                width: 100%;
                li {
                    list-style: none;
                }
            }
            /**
             * Multiple selected options
             */
            .select2-selection__choice {
                /* @extend .mdl-chip */
                height: 32px;
                //font-family: "Roboto","Helvetica","Arial",sans-serif;
                line-height: 32px;
                padding: 0 12px;
                border: 0;
                border-radius: 16px;
                background-color: #dedede;
                display: inline-block;
                color: rgba(0,0,0,.87);
                margin: 2px 0;
                font-size: 0;
                white-space: nowrap;
                /* @extend .mdl-chip__text */
                font-size: 13px;
                vertical-align: middle;
                display: inline-block;
                float: left;
                margin-right: 8px;
                margin-bottom: 4px;
            }
            /**
             * Multiple selected option clear button
             */
            .select2-selection__choice__remove {
                /* Hide default content */
                font-size: 0;
                opacity: 0.38;
                cursor: pointer;
                float: right;
                margin-top: 4px;
                margin-right: -6px;
                margin-left: 6px;
                transition: opacity;
                &::before {
                    content: "cancel";
                    /* @extend .material-icons */
                    font-family: 'Material Icons';
                    font-weight: normal;
                    font-style: normal;
                    font-size: 24px;
                    line-height: 1;
                    letter-spacing: normal;
                    text-transform: none;
                    display: inline-block;
                    white-space: nowrap;
                    word-wrap: normal;
                    direction: ltr;
                    -webkit-font-feature-settings: 'liga';
                    -webkit-font-smoothing: antialiased;
                    color: #000;
                }

                &:hover {
                    opacity: 0.54;
                }
            }
        }
        .select2-search--inline {
            .select2-search__field {
                width: 100%;
                margin-top: 0;
                /* Match input[type=text] */
                height: 34px;
                line-height: 1;
            }
        }
        /**
         * Dropdown
         */
        .select2-dropdown {
            border: 0;
            .select2-search__field {
                min-height: 2.1rem;
                margin-bottom: 16px;
                border: 0;
                border-bottom: 1px solid #ccc;
                transition: all .3s;
                &:focus {
                    border-bottom: 1px solid #4285f4;
                    box-shadow: 0 1px 0 0 #4585f4;
                }
            }
        }
        .select2-results__options {
            /* @extend .zf-shadow-depth* */
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
            /* @extend .dropdown-content */
            background-color: #fff;
            margin: 0;
            //display: none;
            min-width: 100px;
            max-height: 650px;
            overflow-y: auto;
            /*opacity: 0;*/
            /*position: absolute;*/
            z-index: 999;
            will-change: width,height;
            /* @extend .dropdown-content inline styles */
            /*position: absolute;
            //top: 0;
            //left: 0;
            //opacity: 1;
            //display: block;(*/
            &--above {
                //top: 50px;
            }
            &--below {
                //top: -50px;
            }
        }
        /**
         * Options
         */
        .select2-results__option {
            /* @extend .dropdown-content li */
            cursor: pointer;
            clear: both;
            color: rgba(0,0,0,.87);
            line-height: 1.5rem;
            //width: 100%;
            text-align: left;
            text-transform: none;
            /* @extend .dropdown-content li>a, .dropdown-content li>span */
            font-size: 1.2rem;
            //color: #4285F4;
            display: block;
            padding: 1rem;
            /**
             * Disabled options
             */
            &[aria-disabled=true] {
                /* @extend .select-dropdown li.disabled */
                color: rgba(0,0,0,.3);
                background-color: transparent!important;
                cursor: context-menu;
                /* @extend .disabled */
                cursor: not-allowed;
            }
            /**
             * Selected option
             */
            &[aria-selected=true] {
                /* @extend .dropdown-content li:active, .dropdow-content li:hover */
                color: #4285f4;
                background-color: #eee;
            }
            /**
             * Active/hovered option
             */
            &--highlighted[aria-selected] {
                background-color: #ddd;
            }
        }

        /**
         * Focused textbox
         */
        &.select2-container--focus {
            .select2-selection {
                /* @extend input[type=text]:focus */
                border-bottom: 1px solid #4285f4;
                box-shadow: 0 1px 0 0 #4585f4;
            }
        }
        /**
         * Disabled textbox
         */
        &.select2-container--disabled {
            .select2-selection {
                /* @extend .select-wrapper input.select-dropdown:disabled */
                color: rgba(0,0,0,.3);
                cursor: default;
                user-select: none;
                border-bottom: 1px solid rgba(0,0,0,.3);
            }
            &.select2-container--focus {
                .select2-selection {
                    box-shadow: none;
                }
            }
        }
    }
}

@media screen and (min-width: 400px)
{
    .mobile {
        min-height: 700px;
    }
}

@media screen and (min-width: 800px)
{
    .mobile {
        min-height: 1200px;
    }
}