/* @terminator */
html
{
    font-family: 'Muli', sans-serif !important;
    font-weight: normal;
    line-height: 1.5;
    color: #6b6f82;
    height: 100%;
}

@media only screen and (min-width: 0)
{
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px)
{
    html {
        font-size: 14.5px;
    }
}

@media only screen and (min-width: 1200px)
{
    html {
        font-size: 15px;
    }
}
.login_admin {
    background-image: url("../../assets/images/flat-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.login_admin > .container-fluid {
    height: 100%;
}
.login_admin > .container-fluid > .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}
.login_admin .authentication-form-wrapper {
    margin-top: 0;
}
.login_admin .authentication-form-wrapper .authentication-form {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .8);
    -webkit-transition: box-shadow .25s;
            transition: box-shadow .25s;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
}
.login_admin .authentication-form-wrapper .authentication-form .alert {
    background-color: transparent;
    border: none;
    padding: 5px;
    margin-bottom: 0;
}
.login_admin .authentication-form-wrapper .authentication-form .btn-info {
    border-radius: 150px !important;
    background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
}
.admin {
    background-color: #f9f9f9;
    font-family: 'Muli', sans-serif !important;
    font-size: 15px;
    /* color: #6b6f82; */
    overflow-x: hidden;
}
#wrapper {
    min-height: 0 !important;
}
button,
input,
optgroup,
select,
textarea
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
.admin a {
    color: #2196f3;
}
.text-info {
    color: #2196f3 !important;
}
.text-success {
    color: #4caf50 !important;
}
.text-warning {
    color: #ff9800 !important;
}
.text-danger {
    color: #f44336 !important;
}
.text-muted {
    color: #9e9e9e !important;
}
.text-dark {
    color: #333 !important;
}
.progress-bar-default {
    background-color: #9e9e9e;
}
.progress-bar-info {
    background-color: #2196f3 !important;
}
.progress-bar-success {
    background-color: #4caf50 !important;
}
.progress-bar-warning {
    background-color: #ff9800 !important;
}
.progress-bar-danger {
    background-color: #f44336 !important;
}
#logo {
    padding: 0;
}
#logo .logo {
    top: 0;
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    margin: 1px 0px;
    padding: 22px 12px;
    line-height: 0;
    transition: background-color .3s;
}
#logo > .logo:hover {
    background-color: rgba(0, 0, 0, .1);
}
#logo .logo img {
    display: inline-block;
    height: 18px;
    margin: 0;
    vertical-align: baseline;
}
#logo .logo .logo-text {
    font-size: 24px;
    padding-left: 8px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    color: #fff;
}
.rtl #logo .logo .logo-text {
    padding-left: 0;
    padding-right: 8px;
}
.rtl .navbar-nav > li > a .staff-profile-image-small {
    margin-left: 0 !important;
}

#calendar .fc-title {
    color: #ffffff;
}
#header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background:         linear-gradient(45deg, #0288d1, #26c6da) !important;
}
#setup-menu-wrapper {
    position: fixed;
}
#logo,
.nav a {
    transition: background-color .3s;
}
#logo a {
    color: #fff;
}
#menu {
    position: fixed;
}
#menu .menu-item-dashboard > a > i:before {
    content: "\f26c";
}
#side-menu li a {
    font-family: 'Muli', sans-serif !important;
}
#wrapper {
    background-color: #f9f9f9;
}
#wrapper .navbar-pills {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
}
#settings-form .nav-tabs > li > a {
    margin-left: 0;
}
.panel_s:not(.no-shadow) {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
}
.panel_s .panel-body {
    border: none;
    border-radius: 3px;
}
.top_stats_wrapper {
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); */
    border: none;
    padding-top: 7px;
}
.top_stats_wrapper p{
    color: #fff;
}
.quick-stats-invoices .top_stats_wrapper {
    box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background: linear-gradient(45deg, #0288d1, #26c6da) !important;
}
.quick-stats-leads .top_stats_wrapper {
    box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
    background: #ff5252;
    background: -webkit-linear-gradient(45deg, #ff5252, #f48fb1) !important;
    background: linear-gradient(45deg, #ff5252, #f48fb1) !important;
}
.quick-stats-projects .top_stats_wrapper {
    box-shadow: 0 6px 20px 0 rgba(255, 202, 40, .5) !important;
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: linear-gradient(45deg, #ff6f00, #ffca28) !important;
}
.quick-stats-tasks .top_stats_wrapper {
    box-shadow: 0 6px 20px 0 rgba(29, 233, 182, .5) !important;
    background: #43a047;
    background: -webkit-linear-gradient(45deg, #43a047, #1de9b6) !important;
    background: linear-gradient(45deg, #43a047, #1de9b6) !important;
}
.widget-dragger {
    left: -18px;
}
.checkbox.checkbox-inline {
    margin: 0 10px 0 0;
}
[type='checkbox'] + label[for=remember] {
    padding-left: 30px !important;
}
.checkbox-primary input[type=checkbox]:checked+label::before, 
.checkbox-primary input[type=radio]:checked+label::before {
    background-color:transparent;
    border-top: 2px solid transparent;
    border-right: 2px solid #ff9100;
    border-bottom: 2px solid #ff9100;
    border-left: 2px solid transparent;
}
.form-group > p.text-danger {
    font-size: .8rem;
    margin: 0;
    position: relative;
    top: 0rem;
    left: 0rem;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    color: #ff4081;
}
.input-group-addon {
    border: none;
    background-color: transparent;
}

/* Select */
.dropdown-menu {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border: none;
    border-radius: 0 !important;
}
.dropdown-menu > li > a {
    padding: 10px 15px !important;
    min-width: 0;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #333;
}
.dropdown-menu > li > a:focus {
    background-color: #fff !important;
}
.dropdown-menu > li.dropdown-submenu {
    width: 100%;
}
.dropdown-menu > li.dropdown-submenu > a:after {
    margin-right: 0;
}
.dropdown-menu > li.active > a {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #333 !important;
}
.dropdown-menu > .bs-searchbox {
    padding: 0 15px;
}
.dropdown-menu .divider {
    display: none;
}
._filter_data .dropdown-menu.height500 {
    max-height: 2000px;
    overflow-y: inherit;
}
.bootstrap-select .btn-default[aria-expanded="true"],
.bootstrap-select .btn-default:focus {
    border-bottom: 1px solid #ff9100 !important;
}
.dropdown-menu > .bs-searchbox > input {
    border: none !important;
    margin: 0 !important;
}
.dropdown-menu > .bs-searchbox > input:focus {
    box-shadow: none !important;
    border: none !important;
}
.bootstrap-select .btn-default {
    font-size: 1rem;
    line-height: 3rem;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 3rem;
    margin: 0 0 8px 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    outline: none;
    background-color: transparent;
    border-radius: 0;
}
.btn-info,
.btn-danger,
.btn-success {
    color: #fff !important;
}
.btn-default {
    color: #333 !important;
}
.leads-filter-column > div {
    margin-top: 1rem;
}
.btn-bottom-toolbar {
    padding: 5px 25px;
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background: linear-gradient(45deg, #0288d1, #26c6da) !important;
    box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
}
.admin.top .btn-bottom-toolbar {
    width: 100%;
}
.btn-bottom-toolbar > p {
    color: rgba(255, 255, 255, .8);
    margin-top: 7px;
}
.btn-bottom-toolbar > p > b {
    color: #fff;
}
.started-timers-top {
    text-align: center;
}
.weekly-ticket-opening {
    margin-top: 17px !important;
}
.admin .form-group .radio.radio-inline {
    bottom: 15px;
}
.admin input[type="file"] {
    margin-top: 40px;
}
.admin label[for="file_csv"],
.admin label[for="company_logo"],
.admin label[for="company_logo_dark"],
.admin label[for="favicon"],
.admin label[for="profile_image"],
.admin label[for="signature_image"] {
    top: -40px !important;
}
.admin label[for="currency"] {
    top: -30px !important;
}
.admin label[for="mail_engine"],
.admin label[for="number"],
.admin label[for="bs_column"] {
    top: -25px !important;
}
.admin label[for="email_protocol"] {
    top: 40px !important;
}
.admin label[for="smtp_encryption"] {
    top: -10px !important;
}
#email_config .form-group hr {
    margin-top: 0;
}
.admin .form-group br {
    display: none;
}
.admin .input-group-btn {
    vertical-align: bottom;
}
/* Button */
.btn:not(.btn-icon):not([class^="fc-"]):not(.btn-default-dt-options):not(.dropdown-toggle):not(.toggle-small-view):not(.actions-btn):not(.dz-clickable):not(.btn-with-tooltip) {
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    text-align: center;
    text-decoration: none;
    letter-spacing: .5px;
    font-size: 1rem;
    outline: 0;
    line-height: 36px;
    display: inline-block;
    height: 36px;
    padding: 0 2rem;
    vertical-align: middle;
    border: none;
    border-radius: 4px;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
.btn:hover:not(.btn-icon):not([class^="fc-"]):not(.btn-default-dt-options):not(.dropdown-toggle):not(.toggle-small-view):not(.actions-btn):not(.dz-clickable):not(.pull-right.btn.btn-default.mleft5.btn-with-tooltip) {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
}
.btn:focus:not(.btn-icon):not([class^="fc-"]):not(.btn-default-dt-options):not(.dropdown-toggle):not(.toggle-small-view):not(.actions-btn):not(.dz-clickable):not(.pull-right.btn.btn-default.mleft5.btn-with-tooltip),
.btn:active:not(.btn-icon):not([class^="fc-"]):not(.btn-default-dt-options):not(.dropdown-toggle):not(.toggle-small-view):not(.actions-btn):not(.dz-clickable):not(.pull-right.btn.btn-default.mleft5.btn-with-tooltip),
.btn:focus:active:not(.btn-icon):not([class^="fc-"]):not(.btn-default-dt-options):not(.dropdown-toggle):not(.toggle-small-view):not(.actions-btn):not(.dz-clickable):not(.pull-right.btn.btn-default.mleft5.btn-with-tooltip) {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #ff9100 !important;
}
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #00c853 !important;
}
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #fc2d42 !important;
}
.btn.btn-info[class^="fc-"] {
    background-color: #ff4081 !important;
}
.btn.btn-info[class^="fc-"].active,
.btn.btn-info[class^="fc-"]:hover,
.btn.btn-info[class^="fc-"]:focus {
    border-color: transparent;
}
.table.items .bootstrap-select .btn-default, .table.items input:not(.input-transparent), .table.items textarea {
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
}
.btn-default,
.dataTables_length select {
    height: 36px;
}
.btn-icon {
    padding: 8px 10px !important;
}

/* Textarea */
textarea
{
    width: 100%;
    height: 3rem;
    background-color: transparent;
    line-height: normal;
    overflow-y: hidden;
    box-sizing: border-box;
    min-height: 3rem;
    /* prevents scroll bar flash */
    padding: .8rem 0 .8rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
}

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder
{
    color: #d1d1d1;
}
::-moz-placeholder
{
    color: #d1d1d1;
}
:-ms-input-placeholder
{
    color: #d1d1d1;
}
::-ms-input-placeholder
{
    color: #d1d1d1;
}
::placeholder
{
    color: #d1d1d1;
}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.form-control
{
    font-size: 1rem;

    box-sizing: content-box;
    width: 100%;
    height: 3rem;
    margin: 0 0 8px 0;
    padding: 0;

    -webkit-transition: box-shadow .3s, border .3s width .3s;
            transition: box-shadow .3s, border .3s width .3s;

    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    background-color: transparent;
    box-shadow: none;
}

input:not([type]):disabled,
input:not([type])[readonly='readonly'],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly='readonly'],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly='readonly'],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly='readonly'],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly='readonly'],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly='readonly'],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly='readonly'],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly='readonly'],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly='readonly'],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly='readonly'],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly='readonly'],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly='readonly'],
textarea.form-control:disabled,
textarea.form-control[readonly='readonly']
{
    color: rgba(0, 0, 0, .42);
    border-bottom: 1px dotted rgba(0, 0, 0, .42);
}

input:not([type]):disabled + label,
input:not([type])[readonly='readonly'] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly='readonly'] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly='readonly'] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly='readonly'] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly='readonly'] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly='readonly'] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly='readonly'] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly='readonly'] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly='readonly'] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly='readonly'] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly='readonly'] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly='readonly'] + label,
textarea.form-control:disabled + label,
textarea.form-control[readonly='readonly'] + label
{
    color: rgba(0, 0, 0, .42);
}

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

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

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.form-control:focus.valid ~ label
{
    color: #00bfa5;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.form-control:focus.invalid ~ label
{
    color: #ff5252;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.form-control.validate + label
{
    width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.form-control.valid,
textarea.form-control.valid:focus,
.select-wrapper.valid > input.select-dropdown
{
    border-bottom: 1px solid #00bfa5;
    box-shadow: 0 1px 0 0 #00bfa5;
}

input.invalid:not([type]),
input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.form-control.invalid,
textarea.form-control.invalid:focus,
.select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus
{
    border-bottom: 1px solid #ff5252;
    box-shadow: 0 1px 0 0 #ff5252;
}

input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.form-control.valid ~ .helper-text[data-success],
textarea.form-control:focus.valid ~ .helper-text[data-success],
textarea.form-control.invalid ~ .helper-text[data-error],
textarea.form-control:focus.invalid ~ .helper-text[data-error],
.select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error]
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;

    color: transparent;
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.form-control.valid ~ .helper-text:after,
textarea.form-control:focus.valid ~ .helper-text:after,
.select-wrapper.valid ~ .helper-text:after
{
    content: attr(data-success);

    color: #00bfa5;
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.form-control.invalid ~ .helper-text:after,
textarea.form-control:focus.invalid ~ .helper-text:after,
.select-wrapper.invalid ~ .helper-text:after
{
    content: attr(data-error);

    color: #ff5252;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.form-control + label:after,
.select-wrapper + label:after
{
    position: absolute;
    top: 100%;
    left: 0;

    display: block;

    content: '';
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
            transition: .2s opacity ease-out, .2s color ease-out;

    opacity: 0;
}

.form-group
{
    position: relative;
    padding-bottom: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.form-group.inline
{
    display: inline-block;

    margin-left: 5px;

    vertical-align: middle;
}

.form-group.inline input,
.form-group.inline .select-dropdown
{
    margin-bottom: 1rem;
}

.form-group.col label
{
    left: .75rem;
}

.form-group.col .prefix ~ label,
.form-group.col .prefix ~ .validate ~ label
{
    width: calc(100% - 3rem - 1.5rem);
}

.form-group > label:not([for="tags"])
{
    font-size: 1rem;

    position: absolute;
    top: 0;
    left: 0;

    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
            transition: color .2s ease-out, -webkit-transform .2s ease-out;
            transition: transform .2s ease-out, color .2s ease-out;
            transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(12px);
        -ms-transform: translateY(12px);
            transform: translateY(12px);
    -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
    text-align: initial;

    color: #9e9e9e;
}

.form-group > label:not(.label-icon).active
{
    -webkit-transform: translateY(-14px) scale(.8);
        -ms-transform: translateY(-14px) scale(.8);
            transform: translateY(-14px) scale(.8);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}

.form-group > input[type]:-webkit-autofill:not(.browser-default) + label,
.form-group > input[type=date]:not(.browser-default) + label,
.form-group > input[type=time]:not(.browser-default) + label
{
    -webkit-transform: translateY(-14px) scale(.8);
            transform: translateY(-14px) scale(.8);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}

.form-group .helper-text
{
    font-size: 12px;

    position: relative;

    display: block;

    min-height: 18px;

    color: rgba(0, 0, 0, .54);
}

.form-group .helper-text::after
{
    position: absolute;
    top: 0;
    left: 0;

    opacity: 1;
}

.form-group .prefix
{
    font-size: 2rem;

    position: absolute;
    top: .5rem;

    width: 3rem;

    -webkit-transition: color .2s;
            transition: color .2s;
}

.form-group .prefix.active
{
    color: #ff9100;
}

.form-group .prefix ~ input,
.form-group .prefix ~ textarea,
.form-group .prefix ~ label,
.form-group .prefix ~ .validate ~ label,
.form-group .prefix ~ .helper-text,
.form-group .prefix ~ .autocomplete-content
{
    width: 92%;
    width: calc(100% - 3rem);
    margin-left: 3rem;
}

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

@media only screen and (max-width: 992px)
{
    .form-group .prefix ~ input
    {
        width: 86%;
        width: calc(100% - 3rem);
    }
}

@media only screen and (max-width: 600px)
{
    .form-group .prefix ~ input
    {
        width: 80%;
        width: calc(100% - 3rem);
    }
}

/* Search Field */
.form-group input[type=search]
{
    line-height: inherit;

    display: block;

    -webkit-transition: .3s background-color;
            transition: .3s background-color;
}

.nav-wrapper .form-group input[type=search]
{
    width: calc(100% - 4rem);
    height: inherit;
    padding-left: 4rem;

    border: 0;
    box-shadow: none;
}

.form-group input[type=search]:focus:not(.browser-default)
{
    color: #444;
    border: 0;
    background-color: #fff;
    box-shadow: none;
}

.form-group input[type=search]:focus:not(.browser-default) + label i,
.form-group input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
.form-group input[type=search]:focus:not(.browser-default) ~ .material-icons
{
    color: #444;
}

.form-group input[type=search] + .label-icon
{
    left: 1rem;

    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.form-group input[type=search] ~ .mdi-navigation-close,
.form-group input[type=search] ~ .material-icons
{
    font-size: 2rem;

    position: absolute;
    top: 0;
    right: 1rem;

    cursor: pointer;
    -webkit-transition: .3s color;
            transition: .3s color;

    color: transparent;
}

/* Textarea */
textarea
{
    width: 100%;
    height: 3rem;

    background-color: transparent;
}

textarea.form-control
{
    line-height: normal;

    overflow-y: hidden;

    box-sizing: border-box;
    min-height: 3rem;
    /* prevents scroll bar flash */
    padding: .8rem 0 .8rem 0;
    /* prevents text jump on Enter keypress */

    resize: none;
}

.hiddendiv
{
    /* prevents text jump on Enter keypress */
    position: absolute;
    z-index: -1;
    top: 0;

    visibility: hidden;
    /* future version of deprecated 'word-wrap' */

    padding-top: 1.2rem;

    white-space: pre-wrap;
    word-wrap: break-word;

    overflow-wrap: break-word;
}

/* Autocomplete */
.autocomplete-content li .highlight
{
    color: #444;
}

.autocomplete-content li img
{
    width: 40px;
    height: 40px;
    margin: 5px 15px;
}

/* Character Counter */
.character-counter
{
    min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
[type='radio']:not(:checked),
[type='radio']:checked
{
    position: absolute;

    pointer-events: none;

    opacity: 0;
}

[type='radio']:not(:checked) + span,
[type='radio']:checked + span
{
    font-size: 1rem;
    line-height: 25px;

    position: relative;

    display: inline-block;

    height: 25px;
    padding-left: 35px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: .28s ease;
            transition: .28s ease;
}

[type='radio'] + span:before,
[type='radio'] + span:after
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 16px;
    height: 16px;
    margin: 4px;

    content: '';
    -webkit-transition: .28s ease;
            transition: .28s ease;
}

/* Unchecked styles */
[type='radio']:not(:checked) + span:before,
[type='radio']:not(:checked) + span:after,
[type='radio']:checked + span:before,
[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:before,
[type='radio'].with-gap:checked + span:after
{
    border-radius: 50%;
}

[type='radio']:not(:checked) + span:before,
[type='radio']:not(:checked) + span:after
{
    border: 2px solid #5a5a5a;
}

[type='radio']:not(:checked) + span:after
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

/* Checked styles */
[type='radio']:checked + span:before
{
    border: 2px solid transparent;
}

[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:before,
[type='radio'].with-gap:checked + span:after
{
    border: 2px solid #ff9100;
}

[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:after
{
    background-color: #ff9100;
}

[type='radio']:checked + span:after
{
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

/* Radio With gap */
[type='radio'].with-gap:checked + span:after
{
    -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
            transform: scale(.5);
}

/* Focused styles */
[type='radio'].tabbed:focus + span:before
{
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
}

/* Disabled Radio With gap */
[type='radio'].with-gap:disabled:checked + span:before
{
    border: 2px solid rgba(0, 0, 0, .42);
}

[type='radio'].with-gap:disabled:checked + span:after
{
    border: none;
    background-color: rgba(0, 0, 0, .42);
}

/* Disabled style */
[type='radio']:disabled:not(:checked) + span:before,
[type='radio']:disabled:checked + span:before
{
    border-color: rgba(0, 0, 0, .42);
    background-color: transparent;
}

[type='radio']:disabled + span
{
    color: rgba(0, 0, 0, .42);
}

[type='radio']:disabled:not(:checked) + span:before
{
    border-color: rgba(0, 0, 0, .42);
}

[type='radio']:disabled:checked + span:after
{
    border-color: #949494;
    background-color: rgba(0, 0, 0, .42);
}

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
[type='checkbox']:not(:checked),
[type='checkbox']:checked {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

[type='checkbox']:focus + label:not(.onoffswitch-label):before {
    outline: none !important;
}

[type='checkbox'] + label:not(.onoffswitch-label) {
    font-size: 15px;
    line-height: 25px;
    position: relative;
    display: inline-block;
    height: 25px;
    padding: 0 20px 0 10px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #9e9e9e;
}

[type='checkbox'] + label:not(.onoffswitch-label):before,
[type='checkbox']:not(.filled-in) + label:not(.onoffswitch-label):after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;
    margin-top: 3px;

    content: '';
    -webkit-transition: .2s;
            transition: .2s;

    border: 2px solid #5a5a5a;
    border-radius: 1px;
}

[type='checkbox']:not(.filled-in) + label:not(.onoffswitch-label):after
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border: 0;
}

[type='checkbox']:not(:checked):disabled + label:not(.onoffswitch-label):before
{
    border: none;
    background-color: rgba(0, 0, 0, .42);
}

[type='checkbox'].tabbed:focus + label:not(.onoffswitch-label):after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
}

[type='checkbox']:checked + label:not(.onoffswitch-label):before
{
    top: -4px;
    left: -5px;

    width: 12px;
    height: 22px;

    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: 2px solid transparent !important;
    border-right: 2px solid #ff9100 !important;
    border-bottom: 2px solid #ff9100 !important;
    border-left: 2px solid transparent !important;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    
    background-color: transparent !important;
}

[type='checkbox']:checked:disabled + label:not(.onoffswitch-label):before
{
    border-right: 2px solid rgba(0, 0, 0, .42);
    border-bottom: 2px solid rgba(0, 0, 0, .42);
}

/* Indeterminate checkbox */
[type='checkbox']:indeterminate + label:not(.onoffswitch-label):before
{
    top: -11px;
    left: -12px;

    width: 10px;
    height: 22px;

    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: none;
    border-right: 2px solid #ff9100;
    border-bottom: none;
    border-left: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

[type='checkbox']:indeterminate:disabled + label:not(.onoffswitch-label):before
{
    border-right: 2px solid rgba(0, 0, 0, .42);
    background-color: transparent;
}


.admin.top .screen-options-container {
    position: fixed;
    z-index: 3;
    width: 100%;
}
.screen-options-btn {
    position: relative;
    float: right;
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -2px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    right: 25px;
}
.rtl .screen-options-btn {
    float: left;
}
.screen-options-area {
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -2px rgba(0, 0, 0, 0.02);
    border: none;
}
.tooltip > .tooltip-inner {
    background: #323232;
    font-family: 'Muli', sans-serif !important;
}
.tooltip > .tooltip-arrow {
    opacity: 0.8;
}
.table .row {
    display: flex;
    align-items: center;
}

#discount_area td,
#discount_area + tr > td {
    vertical-align: middle !important;
}

@media (max-width: 1200px) {
    .widget-dragger {
        display: none;
    }
}
@media (min-width: 768px) {
    #header {
        padding: 0 25px;
    }
    #header .navbar-nav.navbar-right {
        margin-right: 0;
    }
    #header .navbar-nav.navbar-right > li > a:hover {
        background: rgba(0, 0, 0, .1);
        color: #fff;
    }
    #header .navbar-nav.navbar-right > li > a:focus {
        color: #fff;
    }
    #header .navbar-nav.navbar-right > li.open > a,
    #header .navbar-nav.navbar-right > li.open > a:hover,
    #header .navbar-nav.navbar-right > li.open > a:focus {
        color: #fff;
    }
    .admin.top #setup-menu-wrapper {
        z-index: 50;
        top: 126px;
        right: 0;
        left: auto;
        min-height: 0;
    }
    .admin.top .rtl #setup-menu-wrapper {
        left: 0;
        right: auto;
    }
    #top_search {
        padding: 9px 0;
        position: absolute;
        width: calc(100% - 620px);
        left: 300px;
    }
    #top_search #search_input {
        height: 45px;
        color: #fff;
        border: 1px solid rgba(230, 230, 230, .05);
        background: rgba(230, 230, 230, .3);
        font-size: 16px;
        font-weight: 400;
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 8px 8px 8px 65px;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        border-radius: 3px;
        outline: none;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }
    .rtl #top_search #search_input {
        padding: 8px 65px 8px 8px;
    }
    #top_search #search_input:hover {
        border: 1px solid rgba(230, 230, 230, .1);
        background: rgba(230, 230, 230, .1);
    }
    #top_search #search_input:focus {
        color: #333 !important;
        border-bottom: none !important;
        background: #fff !important;
        box-shadow: none !important;
        /* border: 1px solid rgba(230, 230, 230, .1); */
    }
    #top_search #search_input::placeholder {
        color: #fff;
    }
    #top_search .search-results {
        border: none;
        overflow-y: auto;
    }
    #top_search_button {
        position: absolute;
        left: 300px;
    }
    .rtl #top_search_button {
        left: auto;
        right: 325px;
    }
    #top_search_button .btn {
        padding: 3px 0 5px 9px;
        color: #fff;
        box-shadow: none;
    }
    .hide-menu {
        display: none;
    }
    .fa-lg {
        font-size: 1.5rem;
    }
    .admin.top #wrapper {
        margin: 0;
        margin-top: 126px;
    }
    .admin.top .rtl #wrapper {
        margin-right: 0 !important;
    }
    .admin:not(.top) #wrapper {
        margin-top: 63px;
    }
    .admin.top #menu {
        width: 100%;
        height: 63px;
        z-index: 40;
        box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -2px rgba(0, 0, 0, 0.02);
    }
    .admin:not(.top) #menu {
        background-color: #626f80;
    }
    .admin.top #menu #side-menu {
        width: 100%;
        display: flex;
        overflow: auto;
        background-color: #fff;
        padding: 0 25px;
    }
    .admin.top #menu #side-menu .dashboard_user {
        display: none;
    }
    .admin.top #menu #side-menu .quick-links {
        position: absolute;
        left: -20px;
        top: 12px;
    }
    .admin.top .rtl #menu #side-menu .quick-links {
        right: -7px;
        text-align: right;
    }
    .admin.top #menu #side-menu .quick-links .dropdown-quick-links {
        height: 100%;
    }
    .admin.top #menu #side-menu > li {
        display: inline-block;
        text-align: center;
    }
    .admin.top #menu #side-menu > li.active {
        background: transparent;
    }
    .admin.top #menu #side-menu > li > a:focus {
        background: none;
    }
    .admin.top #menu #side-menu > li > a:hover {
        background: rgba(0, 0, 0, 0.05);
    }
    .admin.top #menu #side-menu > li.active > a {
        background: rgba(0, 0, 0, 0.05);
    }
    .admin.top #menu #side-menu > li > a {
        padding: 13px 16px 7px 16px;
    }
    .admin.top #menu #side-menu > li .menu-icon {
        margin: auto;
        float: none;
        font-size: 20px;
        width: auto;
        color: rgba(0, 0, 0, 0.87);
    }
    .admin.top #menu #side-menu > li .menu-text {
        display: flex;
        white-space: nowrap;
        padding-top: 5px;
        font-family: 'Muli', sans-serif !important;
    }
    .admin.top #menu #side-menu > li .menu-text .arrow {
        width: 0;
        padding-left: 3px;
    }
    .admin.top .rtl #menu #side-menu > li .menu-text .arrow {
        padding-right: 3px;
        margin-left: 0;
    }
    .admin.top #menu #side-menu > li .menu-text .arrow:before {
        content: '\f107';
    }
    .admin.top #menu #side-menu > li > ul {
        position: fixed;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    }
    .admin.top #menu #side-menu > li > ul > li > a {
        padding: 10px 15px;
        text-align: left;
    }
    .admin.top #menu #side-menu > li > ul > li > a:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }
    .admin.top #menu #side-menu > li > ul > li.active > a {
        color: rgba(0, 0, 0, 0.87) !important;
        margin: auto;
        border: none;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 0;
        display: block;
    }
    .admin.top #menu #side-menu li a,
    .admin.top #menu #side-menu li.dashboard_user {
        color: rgba(0, 0, 0, 0.87);
    }
    .admin.top #menu #side-menu li.quick-links .dropdown-quick-links > ul {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
        border: none;
        border-radius: 0;
        top: 51px;
        left: 10px;
        margin-top: 0;
        width: 60px;
    }
    .admin.top .rtl #menu #side-menu li.quick-links .dropdown-quick-links > ul {
        right: 10px;
    }
    .admin.top #menu #side-menu li.quick-links .dropdown-quick-links:not(.open) > ul {
        top: 51px;
        left: 10px;
        margin-left: 13px;
    }
    .admin.top #menu #side-menu li.quick-links .open > ul:before,
    .admin.top #menu #side-menu li.quick-links .open > ul:after {
        display: none;
    }
    .admin.top #menu #side-menu li.quick-links .open > ul a:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }
}

@media (max-width: 768px) {
    .hide-menu {
        padding: 11px 10px 12px 10px;
    }
    .rtl .hide-menu {
        border: none !important;
    }
    .hide-menu .btn.btn-info {
        border-radius: 100% !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
    }
    .rtl .small-logo {
        float: right;
    }
    .small-logo img {
        height: 18px;
        margin-top: 12px;
    }
    .rtl .mobile-icon-menu {
        float: left;
    }
    .rtl .navbar-toggle {
        float: left !important;
    }
    .mobile-icon-menu > li {
        border: none !important;
    }
    .screen-options-area .checkbox.checkbox-inline {
        display: block;
    }
    #wrapper {
        margin-top: 63px;
    }
    #mobile-search {
        display: none;
        z-index: 4;
        position: fixed;
        background-color: #fff;
        color: #333;
        width: 100%;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    }
    #mobile-search #search_input {
        padding: 11px 10px 0 45px;
        color: #333;
    }
    .rtl #mobile-search #search_input {
        padding: 11px 45px 0 10px;
    }
    #mobile-search #search_input:active,
    #mobile-search #search_input:hover,
    #mobile-search #search_input:focus {
        background-color: #fff;
        color: #333;
        border: none;
        box-shadow: none;
    }
    #top_search_button {
        position: absolute !important;
        left: 0px;
        top: 0px !important;
        width: 40px;
    }
    #mobile-search #top_search_button button {
        box-shadow: none;
        color: #333 !important;
        width: 40px
    }
    #mobile-search ul {
        width: 100% !important;
    }
    #search_results .search-results {
        width: 100%;
    }
    #calendar .fc-right .btn-group {
        margin-top: 5px;
    }
    #menu,
    #side-menu {
        background-color: #fff;
    }
    #side-menu > li,
    #side-menu > li a,
    #setup-menu a,
    #setup-menu span {
        color: #333 !important;
    }
    #side-menu > li.active > a,
    #side-menu > li > a:hover,
    #setup-menu > li.active > a,
    #setup-menu > li > a:hover {
        background-color: rgba(0, 0, 0, 0.05) !important;
    }
    #setup-menu-wrapper {
        background-color: #fff;;
    }
    #setup-menu li:first-child {
        border: none;
    }
    .btn-bottom-toolbar {
        margin-left: -33px;
    }
}