@charset "UTF-8";
body {
    line-height: 1 !important;
}


/*=========================
    JSGrid
=========================*/

.header-left {
    text-align: left !important;
}

.hidden-column {
    display: none;
}


/*=========================
    Parsley Validation
=========================*/

input.parsley-error {
    border: none;
    outline: none;
    border-bottom: 1px solid #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important;
    color: #f44336 !important;
}


/*=========================
    Table Row Hightlight
=========================*/

tr.highlight-blue {
    background-color: #e0f7ff !important;
}

tr.highlight-green {
    background-color: #c7e6c7 !important;
}


/*=========================
    Table Hover & Selected
=========================*/

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 30px !important;
}

Table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    padding-left: 30px !important;
}

table td,
.table th {
    padding: .75rem !important;
    vertical-align: middle !important;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #4ec6e1 !important;
}

table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
    border-color: #4ec6e1 !important;
    background-color: #4ec6e1 !important;
}

.table-hover tbody tr:hover {
    background-color: #e0f7ff !important;
    cursor: pointer;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #4ec6e1 !important;
    border-color: #4ec6e1;
}


/*=========================
    Material Design Input
=========================*/

.card .md-form label {
    font-weight: 300;
}

.md-form.input-group label {
    top: 0;
    margin-bottom: 0;
}

.md-form.input-group .input-group-text {
    background-color: #e0e0e0;
}

.md-form.input-group .input-group-text.md-addon {
    font-weight: 500;
    background-color: transparent;
    border: none;
}

.md-form.input-group .form-control {
    padding: 0.375rem 0.75rem;
    margin: 0;
}

.md-form {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.md-form input:not([type]),
.md-form input[type=text]:not(.browser-default),
.md-form input[type=password]:not(.browser-default),
.md-form input[type=email]:not(.browser-default),
.md-form input[type=url]:not(.browser-default),
.md-form input[type=time]:not(.browser-default),
.md-form input[type=date]:not(.browser-default),
.md-form input[type=datetime]:not(.browser-default),
.md-form input[type=datetime-local]:not(.browser-default),
.md-form input[type=tel]:not(.browser-default),
.md-form input[type=number]:not(.browser-default),
.md-form input[type=search]:not(.browser-default),
.md-form input[type=search-md],
.md-form textarea.md-textarea {
    box-sizing: content-box;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.md-form input:not([type]):focus:not([readonly]),
.md-form input[type=text]:not(.browser-default):focus:not([readonly]),
.md-form input[type=password]:not(.browser-default):focus:not([readonly]),
.md-form input[type=email]:not(.browser-default):focus:not([readonly]),
.md-form input[type=url]:not(.browser-default):focus:not([readonly]),
.md-form input[type=time]:not(.browser-default):focus:not([readonly]),
.md-form input[type=date]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.md-form input[type=tel]:not(.browser-default):focus:not([readonly]),
.md-form input[type=number]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type=text]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=password]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=email]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=url]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=time]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=date]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=tel]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=number]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=search]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=search-md]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #4285f4;
}

.md-form input:not([type])+label:after,
.md-form input[type=text]:not(.browser-default)+label:after,
.md-form input[type=password]:not(.browser-default)+label:after,
.md-form input[type=email]:not(.browser-default)+label:after,
.md-form input[type=url]:not(.browser-default)+label:after,
.md-form input[type=time]:not(.browser-default)+label:after,
.md-form input[type=date]:not(.browser-default)+label:after,
.md-form input[type=datetime]:not(.browser-default)+label:after,
.md-form input[type=datetime-local]:not(.browser-default)+label:after,
.md-form input[type=tel]:not(.browser-default)+label:after,
.md-form input[type=number]:not(.browser-default)+label:after,
.md-form input[type=search]:not(.browser-default)+label:after,
.md-form input[type=search-md]+label:after,
.md-form textarea.md-textarea+label:after {
    content: "";
    position: absolute;
    top: 65px;
    display: block;
    opacity: 0;
    transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.md-form input:not([type]).valid,
.md-form input:not([type]):focus.valid,
.md-form input[type=text]:not(.browser-default).valid,
.md-form input[type=text]:not(.browser-default):focus.valid,
.md-form input[type=password]:not(.browser-default).valid,
.md-form input[type=password]:not(.browser-default):focus.valid,
.md-form input[type=email]:not(.browser-default).valid,
.md-form input[type=email]:not(.browser-default):focus.valid,
.md-form input[type=url]:not(.browser-default).valid,
.md-form input[type=url]:not(.browser-default):focus.valid,
.md-form input[type=time]:not(.browser-default).valid,
.md-form input[type=time]:not(.browser-default):focus.valid,
.md-form input[type=date]:not(.browser-default).valid,
.md-form input[type=date]:not(.browser-default):focus.valid,
.md-form input[type=datetime]:not(.browser-default).valid,
.md-form input[type=datetime]:not(.browser-default):focus.valid,
.md-form input[type=datetime-local]:not(.browser-default).valid,
.md-form input[type=datetime-local]:not(.browser-default):focus.valid,
.md-form input[type=tel]:not(.browser-default).valid,
.md-form input[type=tel]:not(.browser-default):focus.valid,
.md-form input[type=number]:not(.browser-default).valid,
.md-form input[type=number]:not(.browser-default):focus.valid,
.md-form input[type=search]:not(.browser-default).valid,
.md-form input[type=search]:not(.browser-default):focus.valid,
.md-form input[type=search-md].valid,
.md-form input[type=search-md]:focus.valid,
.md-form textarea.md-textarea.valid,
.md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00c851;
    box-shadow: 0 1px 0 0 #00c851;
    color: #00c851
}

.md-form input:not([type]).valid+label:after,
.md-form input:not([type]):focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).valid+label:after,
.md-form input[type=text]:not(.browser-default):focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).valid+label:after,
.md-form input[type=password]:not(.browser-default):focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).valid+label:after,
.md-form input[type=email]:not(.browser-default):focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).valid+label:after,
.md-form input[type=url]:not(.browser-default):focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).valid+label:after,
.md-form input[type=time]:not(.browser-default):focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).valid+label:after,
.md-form input[type=date]:not(.browser-default):focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).valid+label:after,
.md-form input[type=datetime]:not(.browser-default):focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default):focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).valid+label:after,
.md-form input[type=tel]:not(.browser-default):focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).valid+label:after,
.md-form input[type=number]:not(.browser-default):focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).valid+label:after,
.md-form input[type=search]:not(.browser-default):focus.valid+label:after,
.md-form input[type=search-md].valid+label:after,
.md-form input[type=search-md]:focus.valid+label:after,
.md-form textarea.md-textarea.valid+label:after,
.md-form textarea.md-textarea:focus.valid+label:after {
    content: attr(data-success);
    color: #00c851;
    opacity: 1;
}

.md-form input:not([type]).invalid,
.md-form input:not([type]):focus.invalid,
.md-form input[type=text]:not(.browser-default).invalid,
.md-form input[type=text]:not(.browser-default):focus.invalid,
.md-form input[type=password]:not(.browser-default).invalid,
.md-form input[type=password]:not(.browser-default):focus.invalid,
.md-form input[type=email]:not(.browser-default).invalid,
.md-form input[type=email]:not(.browser-default):focus.invalid,
.md-form input[type=url]:not(.browser-default).invalid,
.md-form input[type=url]:not(.browser-default):focus.invalid,
.md-form input[type=time]:not(.browser-default).invalid,
.md-form input[type=time]:not(.browser-default):focus.invalid,
.md-form input[type=date]:not(.browser-default).invalid,
.md-form input[type=date]:not(.browser-default):focus.invalid,
.md-form input[type=datetime]:not(.browser-default).invalid,
.md-form input[type=datetime]:not(.browser-default):focus.invalid,
.md-form input[type=datetime-local]:not(.browser-default).invalid,
.md-form input[type=datetime-local]:not(.browser-default):focus.invalid,
.md-form input[type=tel]:not(.browser-default).invalid,
.md-form input[type=tel]:not(.browser-default):focus.invalid,
.md-form input[type=number]:not(.browser-default).invalid,
.md-form input[type=number]:not(.browser-default):focus.invalid,
.md-form input[type=search]:not(.browser-default).invalid,
.md-form input[type=search]:not(.browser-default):focus.invalid,
.md-form input[type=search-md].invalid,
.md-form input[type=search-md]:focus.invalid,
.md-form textarea.md-textarea.invalid,
.md-form textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    box-shadow: 0 1px 0 0 #f44336;
    color: #f44336 !important;
}

.md-form input:not([type]).invalid+label:after,
.md-form input:not([type]):focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).invalid+label:after,
.md-form input[type=text]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).invalid+label:after,
.md-form input[type=password]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).invalid+label:after,
.md-form input[type=email]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).invalid+label:after,
.md-form input[type=url]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).invalid+label:after,
.md-form input[type=time]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).invalid+label:after,
.md-form input[type=date]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).invalid+label:after,
.md-form input[type=datetime]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).invalid+label:after,
.md-form input[type=tel]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).invalid+label:after,
.md-form input[type=number]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).invalid+label:after,
.md-form input[type=search]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=search-md].invalid+label:after,
.md-form input[type=search-md]:focus.invalid+label:after,
.md-form textarea.md-textarea.invalid+label:after,
.md-form textarea.md-textarea:focus.invalid+label:after {
    content: attr(data-error);
    color: #f44336;
    opacity: 1;
}

.md-form input:not([type]).form-control.valid+label:after,
.md-form input:not([type]).form-control:focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=search-md].form-control.valid+label:after,
.md-form input[type=search-md].form-control:focus.valid+label:after,
.md-form textarea.md-textarea.form-control.valid+label:after,
.md-form textarea.md-textarea.form-control:focus.valid+label:after {
    top: 4.1rem;
}

.md-form input:not([type]).form-control.invalid+label:after,
.md-form input:not([type]).form-control:focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=search-md].form-control.invalid+label:after,
.md-form input[type=search-md].form-control:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control.invalid+label:after,
.md-form textarea.md-textarea.form-control:focus.invalid+label:after {
    top: 4rem;
    color: #f44336 !important;
}

.md-form input:not([type]).form-control-lg.valid+label:after,
.md-form input:not([type]).form-control-lg:focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=search-md].form-control-lg.valid+label:after,
.md-form input[type=search-md].form-control-lg:focus.valid+label:after,
.md-form textarea.md-textarea.form-control-lg.valid+label:after,
.md-form textarea.md-textarea.form-control-lg:focus.valid+label:after {
    top: 4.6rem;
}

.md-form input:not([type]).form-control-lg.invalid+label:after,
.md-form input:not([type]).form-control-lg:focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=search-md].form-control-lg.invalid+label:after,
.md-form input[type=search-md].form-control-lg:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control-lg.invalid+label:after,
.md-form textarea.md-textarea.form-control-lg:focus.invalid+label:after {
    top: 4.6rem;
}

.md-form input:not([type]).form-control-sm.valid+label:after,
.md-form input:not([type]).form-control-sm:focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=search-md].form-control-sm.valid+label:after,
.md-form input[type=search-md].form-control-sm:focus.valid+label:after,
.md-form textarea.md-textarea.form-control-sm.valid+label:after,
.md-form textarea.md-textarea.form-control-sm:focus.valid+label:after {
    top: 3.7rem;
}

.md-form input:not([type]).form-control-sm.invalid+label:after,
.md-form input:not([type]).form-control-sm:focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=search-md].form-control-sm.invalid+label:after,
.md-form input[type=search-md].form-control-sm:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control-sm.invalid+label:after,
.md-form textarea.md-textarea.form-control-sm:focus.invalid+label:after {
    top: 3.6rem;
}

.md-form>input[type=date]:not(.browser-default)+label {
    transform: translateY(-27px) scale(0.8);
    transform-origin: 0 0;
}

.md-form>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,
.md-form>input[type=time]:not(.browser-default)+label {
    font-size: .8rem;
    transform: translateY(-25px);
    transform-origin: 0 0;
}

.md-form .was-validated input[type=text]:valid+label {
    color: #00c851 !important;
}

.md-form .was-validated input[type=text]:invalid+label {
    color: #f44336 !important;
}

.md-form .was-validated .form-control:valid:focus {
    box-shadow: 0 1px 0 0 #00c851 !important;
}

.md-form .was-validated .form-control:valid {
    border-color: #00c851 !important;
}

.md-form .was-validated .form-control:invalid:focus {
    box-shadow: 0 1px 0 0 #f44336 !important;
    color: #f44336 !important;
}

.md-form .was-validated .form-control:invalid {
    border-color: #f44336 !important;
    color: #f44336 !important;
}

.md-form .form-control {
    margin: 0 0 0.5rem 0;
    border-radius: 0;
    padding: 0.6rem 0 0.4rem 0;
    background-color: transparent;
    height: auto;
}

.md-form .form-control:focus {
    box-shadow: none;
}

.md-form .form-control:disabled,
.md-form .form-control[readonly] {
    border-bottom: 1px solid #bdbdbd;
    background-color: transparent;
}

.md-form .form-control.is-valid {
    border-color: #00c851;
}

.md-form .form-control.is-valid:focus {
    border-color: #00c851 !important;
    box-shadow: 0 1px 0 0 #00c851 !important;
}

.md-form .form-control.is-invalid {
    border-color: #f44336;
    color: #f44336 !important;
}

.md-form .form-control.is-invalid:focus {
    box-shadow: 0 1px 0 0 #f44336 !important;
    border-color: #f44336 !important;
    color: #f44336 !important;
}

.md-form .form-control.is-valid,
.md-form .form-control.is-invalid {
    background-position: center right !important;
}

.md-form .validate {
    margin-bottom: 0.3rem;
}

.md-form label {
    font-size: 1rem;
}

.md-form label.active {
    font-size: 1rem;
}

.md-form .prefix {
    top: 0.9rem;
    font-size: 1.1rem;
}

.md-form .prefix~input,
.md-form .prefix~textarea {
    margin-left: 1.5rem;
    width: calc(100% - 2.5rem);
}

.md-form .prefix~label {
    margin-left: 1.5rem;
}

.md-form .prefix~.form-text {
    margin-left: 2.6rem;
}

.md-form label {
    position: absolute;
    top: 0;
    left: 2;
    font-size: 0.875rem;
    font-weight: 400;
    transition: transform .2s ease-out, color .2s ease-out;
    transform-origin: 0% 100%;
    transform: translateY(12px);
    cursor: text;
    color: #adb5bd;
    opacity: 1;
}

.md-form label.active {
    transform: translateY(-14px) scale(0.8);
}

.md-form .prefix {
    position: absolute;
    transition: color 0.2s;
}

.md-form .prefix.active {
    color: #4285f4;
}

.md-form.form-lg .validate {
    margin-bottom: 2.8rem;
}

.md-form.form-lg label {
    font-size: 1.25rem;
}

.md-form.form-lg label.active {
    font-size: 1.15rem;
}

.md-form.form-lg .prefix {
    top: 0.4rem;
    font-size: 2rem;
}

.md-form.form-lg .prefix~input,
.md-form.form-lg .prefix~textarea {
    margin-left: 3rem;
    width: calc(100% - 3rem);
}

.md-form.form-lg .prefix~label {
    margin-left: 3rem;
}

.md-form.form-lg .prefix~.form-text {
    margin-left: 3.1rem;
}

.md-form.form-sm .validate {
    margin-bottom: 2.3rem;
}

.md-form.form-sm label {
    font-size: 0.875rem;
}

.md-form.form-sm label.active {
    font-size: 0.95rem;
}

.md-form.form-sm .prefix {
    top: 0.35rem;
    font-size: 1.5rem;
}

.md-form.form-sm .prefix~input,
.md-form.form-sm .prefix~textarea {
    margin-left: 2rem;
    width: calc(100% - 2rem);
}

.md-form.form-sm .prefix~label {
    margin-left: 2rem;
}

.md-form.form-sm .prefix~.form-text {
    margin-left: 2rem;
}

.md-form textarea.md-textarea {
    overflow-y: hidden;
    padding: 1.5rem 0;
}

.md-form textarea.md-textarea-auto {
    padding: 0;
    padding-top: 1.5rem;
}

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
    padding-right: 0;
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
    padding-right: 0;
}

.needs-validation .md-form label {
    left: .3rem;
}


/*=========================
    Select2
=========================*/

.select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    height: auto !important;
    margin: 0 !important;
    outline: none !important;
    padding: 0px 0 0px 0 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5897fb !important;
    color: white !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    padding-left: 0px !important;
}

.select2-search__field::placeholder {
    color: #adb5bd !important;
}

.select2-selection__placeholder {
    color: #adb5bd !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    width: 15px !important;
}


/*=========================
    Hopscotch
=========================*/

div.hopscotch-bubble .hopscotch-bubble-number {
    background: #f7963f!important;
    padding: 0;
    border-radius: 50%;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
    border-right: 19px solid #4ec6e1!important;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    border-right: 19px solid #4fc6e1!important;
    border-top: 17px solid transparent;
    position: relative;
    left: 5px;
    top: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    border-left: 19px solid #4fc6e1!important;
    border-top: 17px solid transparent;
    position: relative;
    left: -3px;
    top: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 19px solid #4fc6e1!important;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    position: relative;
    top: -13px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: 19px solid #4fc6e1!important;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    position: relative;
    top: -22px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
    top: -22px;
    left: 10px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
    bottom: -37px;
    left: 10px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
    top: 10px;
    right: -36px;
}

div.hopscotch-bubble {
    border: 3px solid #4ec6e1!important;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .16), 0 2px 6px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .16), 0 2px 6px 0 rgba(0, 0, 0, .12);
}

div.hopscotch-bubble .hopscotch-nav-button.next,
div.hopscotch-bubble .hopscotch-nav-button.prev {
    background-color: #4ec6e1!important;
    background-image: none!important;
    border-color: #4ec6e1!important;
    text-shadow: none!important;
    margin: 0 0 0 5px!important;
    font-family: Roboto, sans-serif;
    color: #fff!important;
}