/* MDB*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
    src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font: normal normal 16px/1 'Glyphicons Halflings';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
}
/* Add icons you will be using below */
.glyphicon-fire:before {
    content: '\e104';
}

.glyphicon-eye-open:before {
    content: '\e105';
}
:root {
    --ct-blue: #2c8ef8;
    --ct-indigo: #727cf5;
    --ct-purple: #6b5eae;
    --ct-pink: #ff679b;
    --ct-red: #fa5c7c;
    --ct-orange: #fd7e14;
    --ct-yellow: #ffc35a;
    --ct-green: #0acf97;
    --ct-teal: #02a8b5;
    --ct-cyan: #39afd1;
    --ct-black: #000;
    --ct-white: #fff;
    --ct-gray: #8a969c;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f6f7fb;
    --ct-gray-200: #eef2f7;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #a1a9b1;
    --ct-gray-600: #8a969c;
    --ct-gray-700: #6c757d;
    --ct-gray-800: #343a40;
    --ct-gray-900: #313a46;
    --ct-primary: #727cf5;
    --ct-secondary: #6c757d;
    --ct-success: #0acf97;
    --ct-info: #39afd1;
    --ct-warning: #ffc35a;
    --ct-danger: #fa5c7c;
    --ct-light: #eef2f7;
    --ct-dark: #313a46;
    --ct-primary-rgb: 114, 124, 245;
    --ct-secondary-rgb: 108, 117, 125;
    --ct-success-rgb: 10, 207, 151;
    --ct-info-rgb: 57, 175, 209;
    --ct-warning-rgb: 255, 195, 90;
    --ct-danger-rgb: 250, 92, 124;
    --ct-light-rgb: 238, 242, 247;
    --ct-dark-rgb: 49, 58, 70;
    --ct-primary-text-emphasis: #2e3262;
    --ct-secondary-text-emphasis: #8a969c;
    --ct-success-text-emphasis: #04533c;
    --ct-info-text-emphasis: #174654;
    --ct-warning-text-emphasis: #664e24;
    --ct-danger-text-emphasis: #642532;
    --ct-light-text-emphasis: #495057;
    --ct-dark-text-emphasis: #495057;
    --ct-primary-bg-subtle: #f1f2fe;
    --ct-secondary-bg-subtle: #f6f7fb;
    --ct-success-bg-subtle: #e7faf5;
    --ct-info-bg-subtle: #ebf7fa;
    --ct-warning-bg-subtle: #fff9ef;
    --ct-danger-bg-subtle: #ffeff2;
    --ct-light-bg-subtle: #fbfbfd;
    --ct-dark-bg-subtle: #ced4da;
    --ct-primary-border-subtle: #e3e5fd;
    --ct-secondary-border-subtle: #eef2f7;
    --ct-success-border-subtle: #cef5ea;
    --ct-info-border-subtle: #d7eff6;
    --ct-warning-border-subtle: #fff3de;
    --ct-danger-border-subtle: #fedee5;
    --ct-light-border-subtle: #eef2f7;
    --ct-dark-border-subtle: #a1a9b1;
    --ct-white-rgb: 255, 255, 255;
    --ct-black-rgb: 0, 0, 0;
    --ct-font-sans-serif: "Nunito", sans-serif;
    --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ct-gradient: linear-gradient( 180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) );
    --ct-body-font-family: var(--ct-font-sans-serif);
    --ct-body-font-size: 0.9rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-body-color-rgb: 108, 117, 125;
    --ct-body-bg: #fafbfe;
    --ct-body-bg-rgb: 250, 251, 254;
    --ct-emphasis-color: rgba(108, 117, 125, 0.75);
    --ct-emphasis-color-rgb: 108, 117, 125;
    --ct-secondary-color: rgba(108, 117, 125, 0.75);
    --ct-secondary-color-rgb: 108, 117, 125;
    --ct-secondary-bg: #fff;
    --ct-secondary-bg-rgb: 255, 255, 255;
    --ct-tertiary-color: #313539;
    --ct-tertiary-color-rgb: 49, 53, 57;
    --ct-tertiary-bg: #f6f7fb;
    --ct-tertiary-bg-rgb: 246, 247, 251;
    --ct-heading-color: inherit;
    --ct-link-color: #727cf5;
    --ct-link-color-rgb: 114, 124, 245;
    --ct-link-decoration: none;
    --ct-link-hover-color: #6169d0;
    --ct-link-hover-color-rgb: 97, 105, 208;
    --ct-code-color: #39afd1;
    --ct-highlight-bg: #fff3de;
    --ct-border-width: 0px;
    --ct-border-style: solid;
    --ct-border-color: #dee2e6;
    --ct-border-color-translucent: #dee2e6;
    --ct-border-radius: 0.25rem;
    --ct-border-radius-sm: 0.2rem;
    --ct-border-radius-lg: 0.3rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-xxl: 2rem;
    --ct-border-radius-2xl: var(--ct-border-radius-xxl);
    --ct-border-radius-pill: 50rem;
    --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
    --ct-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
    --ct-box-shadow-lg: 0 0 45px 0 rgba(var(--ct-body-color-rgb), 0.2);
    --ct-box-shadow-inset: inset 0 1px 2px rgba(var(--ct-body-color-rgb), 0.075);
    --ct-focus-ring-width: 0.15rem;
    --ct-focus-ring-opacity: 0.25;
    --ct-focus-ring-color: rgba(114, 124, 245, 0.25);
    --ct-form-valid-color: #0acf97;
    --ct-form-valid-border-color: #0acf97;
    --ct-form-invalid-color: #fa5c7c;
    --ct-form-invalid-border-color: #fa5c7c;

    --ct-gradient: linear-gradient( 180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) );
    --ct-body-font-family: var(--ct-font-sans-serif);
    --ct-body-font-size: 0.9rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-body-color-rgb: 108, 117, 125;
    --ct-body-bg: #fafbfe;
    --ct-body-bg-rgb: 250, 251, 254;
    --ct-emphasis-color: rgba(108, 117, 125, 0.75);
    --ct-emphasis-color-rgb: 108, 117, 125;
    --ct-secondary-color: rgba(108, 117, 125, 0.75);
    --ct-secondary-color-rgb: 108, 117, 125;
    --ct-secondary-bg: #fff;
    --ct-secondary-bg-rgb: 255, 255, 255;
    --ct-tertiary-color: #313539;
    --ct-tertiary-color-rgb: 49, 53, 57;
    --ct-tertiary-bg: #f6f7fb;
    --ct-tertiary-bg-rgb: 246, 247, 251;
    --ct-heading-color: inherit;
    --ct-link-color: #727cf5;
    --ct-link-color-rgb: 114, 124, 245;
    --ct-link-decoration: none;
    --ct-link-hover-color: #6169d0;
    --ct-link-hover-color-rgb: 97, 105, 208;
    --ct-code-color: #39afd1;
    --ct-highlight-bg: #fff3de;
    --ct-border-width: 1px;
    --ct-border-style: solid;
    --ct-border-color: #dee2e6;
    --ct-border-color-translucent: #dee2e6;
    --ct-border-radius: 0.25rem;
    --ct-border-radius-sm: 0.2rem;
    --ct-border-radius-lg: 0.3rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-xxl: 2rem;
    --ct-border-radius-2xl: var(--ct-border-radius-xxl);
    --ct-border-radius-pill: 50rem;
    --ct-input-bg: #fff;
    --ct-border-color-custom: #f6f7fb;
}
.datagrid-cell-c2-text{
    font-size:13px;
}
.select2-container {
    width: 100% !important;
}
input[type='text'].input-sm {
    height: 34px !important;
}

    .select2-container .select2-selection--single {
        border: var(--ct-border-width) solid var(--ct-border-color) !important;
        height: calc(1.5em + 0.9rem + calc(var(--ct-border-width) * 2));
        background-color: var(--ct-input-bg);
        outline: 0;
        /*border: 1px solid #d3dae7 !important;*/
        border-radius: 0px !important;
        height:34px !important;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 34px !important;
            padding-left: 12px;
            color: var(--ct-body-color);
            font-size:14px;
        }

        .select2-container .select2-selection--single .select2-selection__arrow {
            height: 34px;
            width: 34px;
        }

            .select2-container .select2-selection--single .select2-selection__arrow b {
                border-color: var(--ct-gray-500) transparent transparent transparent;
                border-width: 5px 5px 0 5px;
            }

.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
    border-color: transparent transparent var(--ct-gray-500) transparent !important;
    border-width: 0 5px 5px 5px !important;
}

.select2-results__option {
    padding: 6px 12px;
}

.select2-dropdown {
    border: var(--ct-border-width) solid var(--ct-border-color);
    -webkit-box-shadow: var(--ct-box-shadow);
    box-shadow: var(--ct-box-shadow);
    background-color: var(--ct-secondary-bg);
    z-index: 1056;
}

.select2-results__options::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .select2-results__options::-webkit-scrollbar:vertical {
        width: 5px;
        margin-right: 5px;
    }

    .select2-results__options::-webkit-scrollbar:horizontal {
        height: 5px;
    }

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb), 0.2);
    border-radius: 10px;
    margin-right: 5px;
    border: none;
}

.select2-results__options::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.select2-results__options::-webkit-scrollbar-corner {
    background-color: transparent;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--ct-tertiary-bg);
}

.select2-container--default .select2-search--dropdown {
    padding: 5px;
    background-color: var(--ct-secondary-bg);
}

    .select2-container--default .select2-search--dropdown .select2-search__field {
        outline: 0;
        border: 1px solid var(--ct-border-color);
        background-color: var(--ct-input-bg);
        color: var(--ct-body-color);
        border-radius: 0.25rem;
    }

.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    background-color: var(--ct-primary);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--ct-secondary-bg);
    color: var(--ct-tertiary-color);
}

    .select2-container--default
    .select2-results__option[aria-selected="true"]:hover {
        background-color: var(--ct-primary);
        color: #fff;
    }

.select2-container--default
.select2-selection--multiple
.select2-selection__choice__display {
    padding-left: 36px;
    padding-right: 5px;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    right: 8px !important;
    left: auto;
}

.select2-container .select2-selection--multiple {
    min-height: calc(1.5em + 0.9rem + calc(var(--ct-border-width) * 2));
    border: var(--ct-border-width) solid var(--ct-border-color) !important;
    background-color: var(--ct-input-bg);
}

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding: 1px 4px;
    }

    .select2-container .select2-selection--multiple .select2-search__field {
        border: 0;
        color: var(--ct-body-color);
    }

    .select2-container .select2-selection--multiple .select2-selection__choice {
        background-color: var(--ct-primary);
        border: none;
        color: #fff;
        border-radius: 3px;
        padding: 0 7px 0 0;
        margin-top: 6px;
    }

    .select2-container
    .select2-selection--multiple
    .select2-selection__choice__remove {
        color: #fff;
        margin-right: 7px;
        border-color: #8089f6;
        padding: 0 8px;
    }

        .select2-container
        .select2-selection--multiple
        .select2-selection__choice__remove:hover {
            color: #fff;
            background-color: var(--ct-primary);
        }

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 7px;
    font-family: var(--ct-font-sans-serif);
}

.select2-container .select2-search textarea::-webkit-input-placeholder {
    color: var(--ct-secondary-color);
}

.select2-container .select2-search textarea::-moz-placeholder {
    color: var(--ct-secondary-color);
}

.select2-container .select2-search textarea:-ms-input-placeholder {
    color: var(--ct-secondary-color);
}

.select2-container .select2-search textarea::-ms-input-placeholder {
    color: var(--ct-secondary-color);
}

.select2-container .select2-search textarea::placeholder {
    color: var(--ct-secondary-color);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    line-height: 28px !important;
    padding: 0 7px !important;
}

.select2-container {

}

.admin .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d3dae7 !important;
    border-radius: 3px !important;
    height: 34px !important;
}

    .admin  .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        line-height: 18px !important;
        font-family: 'Font Awesome 5 Pro',Nunito Sans,sans-serif !important;
    }

.admin  .select2-container--default .select2-results > .select2-results__options {
    max-height: 520px !important;
    overflow-y: auto;
    font-family: 'Font Awesome 5 Pro',Arial;
}

.select2-results li {
    position: relative;
}

.select2-results .optEdit {
    position: absolute;
    right: 0px;
    top: -1px;
    cursor: pointer;
    display: block;
    padding: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #687ddb !important;
    border: 1px solid #687ddb !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
body .tree-node {
    height: 21px;
}
body .tree-title {
    font-size: 13px;
    height: 21px;
    line-height: 1.5;
}

.form-group .panel-body {
    border: none;
}
    .ms-viewheadertr th{
    padding:6px 1px!important;
}
    .ms-viewheadertr th tr td {
        font-size:13px !important;
    }
.divNgay {
    border: 1px solid #d3dae7;
    width: 206px; /*calc(100% - 34px);*/
}

    .divNgay .ms-dtinput .form-control {
        border: none !important;
    }
.fileuploader {
    padding: 3px !important;
    margin: 0 !important;
}
table.dataTable thead > tr > th {
    background: #f3f4f596;
}
.tr--cv1 {
    background: #eee;
}
.tr--cv2 {
    background: #d2ffe2;
}
.form-group {
    position: relative;
}
    .form-group-radio2 input[type="radio"] {
        display: none;
    }

        .form-group-radio2 input[type="radio"] + label {
            display: inline-block;
            background-color: #ddd;
            padding: 4px 11px;
            font-family: Arial;
            font-size: 16px;
            cursor: pointer;
        }

        .form-group-radio2 input[type="radio"]:checked + label {
            background-color: #bbb;
        }

.form-group-radio {
    display:inline-flex;
    flex-wrap:wrap;
}

    .form-group-radio input[type="radio"] + label {
        
    }

    .form-group-radio input[type="radio"]:checked + label {
        
    }


/*.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e1e1e1 !important;
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #e1e1e1 !important;
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #e1e1e1 !important;
    border-radius: 0px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__clear {
    z-index: 99;
    color:orangered;
}
.select2-results__options {
    font-size: 13px;
    line-height: 1.1;
}*/
.thumb-table img {
    max-height: 35px;
}
.admin .bluefont {
    font-weight: 600;
    color: #062750;
}
.input-select2.input-select2dropNhomHangDetail2 > .select2-container {
    width: 100% !important;
}
.sl2_select em {
    color: #bbced2;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75px;
    display: inline-block;
    line-height: 15px;
}
.select2-results__options .optText {
    display: block;
    font-size: 13px;
}
.select2-results__options .optText-chk {
    padding-left: 20px;
    display: block;
    font-size: 13px;
}
    .select2-results__options .optText em {
        text-overflow: ellipsis;
        /* max-width: 103px; */
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        line-height: 1.2;
        font-size: 11px;
        color: #a2a4a5;
    }
.select2-results__options .chkNH-Select {
    position:absolute;
    left:3px;
}


#divMes {
    font-size: 13px;
    text-align: center;
    color: #3b5898;
}

.hideMe {
    -webkit-animation: hideAnimation 5s forwards;
    animation: hideAnimation 5s forwards;
}



@keyframes hideAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes hideAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.card-button {
    display: grid;
    align-items: center;
    margin: 15px 0;
}


.input-group .btn {
    margin:0;
}
  .btn:hover, .btn:active, .btn:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    outline: 0; }
  .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .btn .fa {
    position: relative;}
    .btn .fa.right {
      margin-left: 0.3rem; }
    .btn .fa.left {
      margin-right: 0.3rem; }

  .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .btn.btn-block {
    margin: inherit; }
  .btn.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }
    .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      background-color: transparent; }
.btn[class*="btn-outline-"] {
    padding: 5px 18px;
}
    .btn[class*="btn-outline-"].btn-lg {
      padding-top: 0.88rem;
      padding-bottom: 0.88rem; }
    .btn[class*="btn-outline-"].btn-md {
      padding-top: 0.58rem;
      padding-bottom: 0.58rem; }
    .btn[class*="btn-outline-"].btn-sm {
      padding-top: 0.38rem;
      padding-bottom: 0.38rem; }
/* Fix Tool */
.sqseobar2-horizontal {
    position: absolute;
    bottom: 0px !important;
    top: auto !important;
    border-top: 1px solid rgb(70, 118, 103);
}

/*/*S puplic*/
.hide {
    display: none;
}
.form-control.small-list {
    padding-left:0;
    padding-right:0;
    text-align:center;
}
.list-control .form-group {
    display: inline-block;
    margin-right: 10px;
}

.dropdown button {
    cursor: pointer;
}

.input-group-append .dropdown-toggle::after {
}


.in {
    display: inline-block;
}

/*^Css checkbox */


.control {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    cursor: pointer;
    font: normal 14px Arial;
    margin-right: 10px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    display:block;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

div.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

    .select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .select select::-ms-expand {
            display: none;
        }

        .select select:hover,
        .select select:focus {
            color: #000;
            background: #ccc;
        }

        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
    border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}
/*E puplic*/

/*S popup*/
.popup.card-main {
    padding: 0 !important;
}
.popup .card-header {
    height:34px;
    line-height:34px !important;
}

.popup.fullsize {
    top: 0 !important;
}

/*E popup*/
/*S card*/
.card > .frm-close {
    display: block;
    position: absolute;
    background: url(../images/close.png);
    width: 33px;
    height: 32px;
    right: 5px;
    top: 5px;
    text-indent: -10000px;
    z-index: 99;
}

.card.card-main {
    padding: 0 !important;
    margin-bottom: 0;
}

.popup.card-main {
    padding: 0 !important;
}

.col-img img {
    max-width: 100%;
}

.card.popup {
    padding: 0;
}

    .card.popup .card-footer, .card-footer.ar {
        text-align: right;
    }

    .card.popup .card-body {
        padding: 10px;
    }

        .card.popup .card-body td {
            padding: 3px;
        }

    .card-main .card-footer, .card.popup .card-footer {
        text-align: right;
        padding: 3px;
    }

    .card.popup .card-body {
        padding: 10px;
    }



/*E card*/

/*Fix Tool */
.page-loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    background: rgba(0,0,0,.65) url(/images/load_ring.svg) center no-repeat;
    text-align: center;
    display: none;
}

    .page-loading p {
        color: #fcd344;
        position: relative;
        top: 50%;
        padding-top: 37px;
        line-height: 22px;
    }

.col-img img {
    max-width: 100%;
}

label .form-control {
    display: inline-block;
}


.popup.card-main {
    padding: 0 !important;
}

.card.popup input[type="text"].form-control, .card.popup select.form-control {
    height: calc(1.848438rem + 2px);
    padding: .25rem .5rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.clear {
    width: 100%;
    clear: both;
}
    .clear :before {
        clear: both;
    }


/* Row */
.row-str {
    display: flex;
    align-items: stretch;
}
.row-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.row.row-8Gutter {
    margin-left: -4px;
    margin-right: -4px;
}

    .row.row-8Gutter > div[class^="col"] {
        padding-right: 4px;
        padding-left: 4px;
    }

.row-8 {
    margin-left: -4px;
    margin-right: -4px;
}

    .row-8 > [class^="col"] {
        padding-right: 4px;
        padding-left: 4px;
    }

.row-16 {
    margin-left: -8px;
    margin-right: -8px;
}

    .row-16 > [class^="col"] {
        padding-right: 8px;
        padding-left: 8px;
    }

.row-10 {
    margin-left: -5px;
    margin-right: -5px;
}

    .row-10 > [class^="col"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.card-footer .row, .row.card-footer {
    margin-left: -4px;
    margin-right: -4px;
}

    .card-footer .row > [class^="col"], .row.card-footer > [class^="col"] {
        padding-right: 4px;
        padding-left: 4px;
    }
/*end Row*/
/* Input Group*/

.input-group .btn.dropdown-toggle {
    padding: 0.275rem 0.15rem;
}

/* End Input Group*/


.fixed-content-wrapper {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0;
    padding: 0;
}

.fixed-column, .fixed-one-col, [class^=fixed-two-col-offset-], [class^=fixed-two-col-width-] {
    position: absolute!important;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 0 15px rgba(0,0,0,.08);
}

.max-height {
    height: 100%;
}
/* panel */
.admin .panel {
    font-size: 14px;
    line-height: 27px;
}

.panel-heading {
    border-bottom: 1px solid #d3dae7!important;
    padding: 5px 10px;
}

.admin .panel-footer {
    padding: 7px 20px;
    background-color: #fcfcfc;
    border-top: 1px solid #ddd;
    padding-left: 0;
    padding-right: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.max-height .panel-heading {
    min-height: 42px;
    height: 42px;
    border-bottom: 1px solid #d3dae7!important;
    background: #fff!important;
    padding: 5px 10px;
}

.panel-flat > .panel-heading + .panel-body {
    padding-top: 5px;
}

.max-height .panel-body {
    height: calc(100% - 42px);
    overflow: auto;
    width: 100%;
}

.panel-body {
    padding: 10px;
}

.panel-body, .panel-footer, .panel-heading, .panel-title {
    position: relative;
}
/* input */
.form-control {
    border-color: #d3dae7;
}



    @media (min-width:1200px) {
        .form-control {
            font-size: 14px;
            border: 1px solid #d3dae7 !important;
        }

        .d-input-text .form-control {
            border: none !important;
        }

        .textbox.combo.datebox {
            border: 1px solid #d3dae7 !important;
        }

        .textbox .textbox-text {
            font-size: 14px;
            color: #5c6873;
            padding-left: 10px;
        }
    }

    /* dropdown  */
    .dropdown-container {
        position: relative;
        overflow: visible;
    }

    .dropdown-menu > li > a {
        display: block;
        clear: both;
        font-weight: 400;
        line-height: 1.5384616;
        color: #333;
        padding: 8px 15px;
        outline: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            text-decoration: none;
            color: #333;
            background-color: #f5f5f5;
        }

    .admin .btn-super-xs {
        height: 20px;
        line-height: 10px;
        padding: 4px;
        width: auto;
    }

    .admin .input-xs {
        height: 32px;
        line-height: 1.6666667;
    }

    .admin .form-group-xs .form-control, .admin .input-xs {
        border-radius: 2px;
        padding: 5px 10px;
        font-size: 13px;
    }

    .admin .form-control:focus {
        background: #f6fdff;
        border: 1px solid #9fbccc;
    }

    .btn.bg-teal-400 {
        background-color: #4a90e2;
        border-color: #4a90e2;
        color: #fff !important;
    }

    .date_warp {
        display: inline-block;
        padding-bottom: 2px;
    }

        .date_warp span.textbox {
            border: 1px solid #95B8E7 !important;
            font-size: 14px;
            height: 31px;
            width: 110px !important;
            border-radius: 3px;
            margin-top: -4px;
        }

        .date_warp input {
            font-size: 14px !important;
            padding: 5px !important;
        }

    /* CSS for Checkbox */
    .checkwrap {
        display: inline-block;
        position: relative;
        padding-left: 27px;
        margin-bottom: 0px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .checkwrap input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #dcdcdc;
        border: 1px solid #abc4e2;
    }

    /* On mouse-over, add a grey background color */
    .checkwrap:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkwrap input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkwrap input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkwrap .checkmark:after {
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* Easy Plugin */
    .datewrap .easyui-datebox {
        padding: 4px;
        width: 120px;
        border: 1px solid #95B8E7 !important;
    }

    .datewrap .datebox {
        border: 1px solid #95B8E7 !important;
        border-radius: 3px;
    }

        .datewrap .datebox .textbox-text {
            font-size: 14px;
        }

    .datewrap .panel-body {
        padding: 0;
    }

    .content-send .tagbox {
        background-color: #FFFFFF;
        border: 1px solid #e4e7ea;
        border-radius: 3px 3px 3px 3px;
        color: #333333;
        margin: 0px;
        padding: 4px;
        font-size: 14px;
        height: 38px;
        overflow: auto;
        width: 100% !important;
    }

    .w-control-auto .form-control {
        width: auto;
        display: inline-block;
    }

    .bg-control-1 .form-control, .bg-control-1 .content-send .tagbox {
        background-color: #fffefa;
    }

    .bg-control-1 .custom-select {
        background-color: #fffefa;
    }

    .list-h100 {
        margin: 5px 0;
        height: 100px;
        overflow: auto;
        padding: 5px;
        border: 1px solid #dfdfdf;
    }
    /*! * Bootstrap  Plus */

    .position-left {
        margin-right: 7px;
    }

    .badge, .btn, .dropdown-header, .dropdown-menu > li > a, .input-group-btn, .label {
        white-space: nowrap !important;
    }


    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    @media (min-width: 768px) {
        .admin .form-control {
            border: 1px solid #d3dae7 !important;
        }

        .d-input-inner .form-control {
            border: none !important;
        }

        .admin .textbox.combo.datebox {
            border: 1px solid #d3dae7 !important;
        }

        .admin .textbox .textbox-text {
            font-size: 14px;
            color: #5c6873;
            padding-left: 10px;
        }
    }


    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }



    .btn-group-sm > .btn, .btn-sm {
        padding: 6px 11px;
    }



    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-xs-pull-0 {
        right: auto;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-xs-push-0 {
        left: auto;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs-offset-0 {
        margin-left: 0;
    }

    .col-xs-5ths {
        width: 20%;
    }

    .w-auto {
        width: auto;
        display: inline-block !important;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    @media (min-width: 768px) {
        .col-sm-5ths {
            width: 20%;
            float: left;
        }
    }

    @media (min-width: 992px) {
        .col-md-5ths {
            width: 20%;
            float: left;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-5ths {
            width: 20%;
            float: left;
        }
    }

    @media (max-width: 575.98px) {
        .mhide {
            display: none;
        }
    }

    /*----------*/
    .detail-bao-gia table tr td, .detail-bao-gia table tr th {
        border: 1px solid #dfdfdf;
        padding: 3px;
    }

    .detail-bao-gia table tr th {
        background: #EDEDED;
    }

    .ontop-priority {
        position: absolute;
        right: 5px;
        top: 15px;
    }

        .ontop-priority img {
            width: 25px;
        }

            .ontop-priority img:hover {
                opacity: 0.5;
            }
    /*-----------*/
    .ct-detail-list tr th, .ct-detail-list tr td {
        border: 1px solid #dfdfdf;
        padding: 5px;
    }

    .ct-detail-list tr th {
        text-align: center;
        color: Black;
        background-color: #EDEDED;
        font-weight: 600;
        padding: 3px;
    }

    .ct-detail-list tr:not(:first-child):hover {
        background: #A1DCF2 !important;
    }
    /* fix modal boostrap  */
    .mce-fullscreen {
        z-index: 9999 !important;
    }

    .mce-notification-inner {
        display: none !important;
    }


    .captcha-imei {
        width: 70px;
        border: none;
        text-shadow: 5px 5px 5px #FF0000;
        padding: 5px;
        text-align: center;
        font-size: 18px;
        cursor: default !important;
        letter-spacing: 8px;
        color: darkred;
    }
    /* Fix jquery message */
    .messager-body {
    }

        .messager-body .fa {
            color: #66ccff;
            font-size: 30px;
            display: inline-block;
            float: left;
            padding: 0px 5px 20px 5px;
        }

        .messager-body .fa-info-circle {
            color: #66ccff;
        }

        .messager-body .fa-warning {
            color: #db4437;
        }
    /* button **************************************/



    .btn-bar {
        background-color: #f56954 !important;
        color: #fff !important;
    }

        .btn-bar:hover {
            background-color: #896052;
        }

        .btn-bar.focus, .btn-bar:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-bar.active, .btn-bar:active, .btn-bar:focus {
            background-color: #392822;
        }

        .btn-bar:before {
            content: "\f080";
            padding-right: 10px;
            font-family: "Font Awesome 5 Pro";
        }

    .btn.btn-mdb {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        border: 0;
        -webkit-border-radius: 0.125rem;
        border-radius: 0.125rem;
        cursor: pointer;
        white-space: normal;
        word-wrap: break-word;
        color: #fff;
    }

    .btn:hover, .btn:active, .btn:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        outline: 0;
    }

    .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .btn .fa {
        position: relative;
    }

        .btn .fa.right {
            margin-left: 0.3rem;
        }

        .btn .fa.left {
            margin-right: 0.3rem;
        }

    .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .btn.btn-block {
        margin: inherit;
    }

    .btn.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
    }

        .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            background-color: transparent;
        }


    .btn-group .btn {
        margin: 0;
    }

    .btn .fa-lg {
        font-size: 1.33333333em !important;
    }

    .btn .fa-2x {
        font-size: 2em !important;
    }

    .btn .fa-3x {
        font-size: 3em !important;
    }

    .btn .fa-4x {
        font-size: 4em !important;
    }

    .btn .fa-5x {
        font-size: 5em !important;
    }

    /*8888888888*/
    .file-field {
        position: relative;
    }

        .file-field span {
            cursor: pointer;
        }

        .file-field input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 150%;
            padding: 0;
            margin: 0;
            cursor: pointer;
            opacity: 0;
        }

        .file-field .file-path-wrapper {
            padding-left: 10px;
            overflow: hidden;
        }

        .file-field input.file-path {
            width: 100%;
            height: 28px;
        }

        .file-field input[type=text]:not(.browser-default) {
            box-sizing: content-box;
            background-color: transparent;
            border: none;
            border-top-color: initial;
            border-top-style: none;
            border-top-width: initial;
            border-right-color: initial;
            border-right-style: none;
            border-right-width: initial;
            border-bottom-color: rgb(206, 212, 218);
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-left-color: initial;
            border-left-style: none;
            border-left-width: initial;
            border-image-source: initial;
            border-image-slice: initial;
            border-image-width: initial;
            border-image-outset: initial;
            border-image-repeat: initial;
            border-bottom: 1px solid #ced4da;
            border-radius: 0;
            outline: 0;
            box-shadow: none;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

        .file-field div.btn {
            cursor: pointer;
        }

        .file-field .btn {
            margin: 2px;
            color: inherit;
            text-transform: uppercase;
            word-wrap: break-word;
            white-space: normal;
            cursor: pointer;
            border: 0;
            border-radius: .125rem;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

    #frmMedia .file-field input[type=file] {
        width: 100%;
    }

    .btn-upload {
        color: #fff;
        background-color: #4285f4 !important;
    }

    .btn-download:hover {
        background-color: #896052;
    }

    .btn-upload.focus, .btn-download:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    }

    .btn-upload.active, .btn-download:active, .btn-download:focus {
        background-color: #392822;
    }

    .btn-upload:before {
        content: "\f019";
        padding-right: 10px;
        font-family: "Font Awesome 5 Pro";
    }

    .btn-download {
        background-color: #795548 !important;
        color: #fff !important;
    }

        .btn-download:hover {
            background-color: #896052;
        }

        .btn-download.focus, .btn-download:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-download.active, .btn-download:active, .btn-download:focus {
            background-color: #392822;
        }

        .btn-download:before {
            content: "\f019";
            padding-right: 10px;
            font-family: "Font Awesome 5 Pro";
        }

    .btn-save, .btn-search {
        background-color: #4285f4 !important;
        color: #fff !important;
    }

        .btn-save:hover, .btn-search:hover {
            background-color: #5a95f5;
        }

        .btn-save.focus, .btn-save:focus, .btn-search.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }




    .primary-ic {
        color: #4285f4 !important;
    }

        .primary-ic:focus, .primary-ic:hover {
            color: #4285f4;
        }

    .btn-outline-primary {
        border: 2px solid #4285f4 !important;
        background-color: transparent !important;
        color: #4285f4 !important;
    }

        .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
            border-color: #4285f4 !important;
            background-color: transparent !important;
            color: #4285f4 !important;
        }

        .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #4285f4 !important;
        }

            .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .btn-outline-primary:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-danger, .btn-del {
        background-color: #ff3547 !important;
        color: #fff !important;
    }

        .btn-danger:hover, .btn-del:hover {
            background-color: #ff4f5e;
        }

        .btn-danger.focus, .btn-danger:focus, .btn-del:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-danger.active, .btn-danger:active, .btn-danger:focus {
            background-color: #ce0012;
        }

        .btn-danger.dropdown-toggle {
            background-color: #ff3547 !important;
        }

            .btn-danger.dropdown-toggle:focus, .btn-danger.dropdown-toggle:hover {
                background-color: #ff4f5e !important;
            }

        .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #ce0012 !important;
        }

            .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .danger-ic {
        color: #ff3547 !important;
    }

        .danger-ic:focus, .danger-ic:hover {
            color: #ff3547;
        }

    .btn-outline-danger {
        border: 2px solid #ff3547 !important;
        background-color: transparent !important;
        color: #ff3547 !important;
    }

        .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger:focus, .btn-outline-danger:hover {
            border-color: #ff3547 !important;
            background-color: transparent !important;
            color: #ff3547 !important;
        }

        .btn-outline-danger:not([disabled]):not(.disabled).active, .btn-outline-danger:not([disabled]):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #ff3547 !important;
        }

            .btn-outline-danger:not([disabled]):not(.disabled).active:focus, .btn-outline-danger:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-del:before {
        content: "\f1f8";
        padding-right: 10px;
        font-family: "Font Awesome 5 Pro";
    }

    .btn-warning, .btn-edit {
        background-color: #f80 !important;
        color: #fff !important;
    }

        .btn-warning:hover, .btn-edit:hover {
            background-color: #ff941a;
        }

        .btn-warning.focus, .btn-warning:focus, .btn-edit.focus, .btn-edit:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-warning.active, .btn-warning:active, .btn-warning:focus {
            background-color: #995200;
        }

        .btn-warning.dropdown-toggle {
            background-color: #f80 !important;
        }

            .btn-warning.dropdown-toggle:focus, .btn-warning.dropdown-toggle:hover {
                background-color: #ff941a !important;
            }

        .btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #995200 !important;
        }

            .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .warning-ic {
        color: #f80 !important;
    }

        .warning-ic:focus, .warning-ic:hover {
            color: #f80;
        }

    .btn-outline-warning {
        border: 2px solid #f80 !important;
        background-color: transparent !important;
        color: #f80 !important;
    }

        .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning:focus, .btn-outline-warning:hover {
            border-color: #f80 !important;
            background-color: transparent !important;
            color: #f80 !important;
        }

        .btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #f80 !important;
        }

            .btn-outline-warning:not([disabled]):not(.disabled).active:focus, .btn-outline-warning:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-success {
        background-color: #00a65a !important;
        color: #fff !important;
    }

        .btn-success:hover {
            background-color: #00e25b;
        }

        .btn-success.focus, .btn-success:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-success.active, .btn-success:active, .btn-success:focus {
            background-color: #006228;
        }

        .btn-success.dropdown-toggle {
            background-color: #00c851 !important;
        }

            .btn-success.dropdown-toggle:focus, .btn-success.dropdown-toggle:hover {
                background-color: #00e25b !important;
            }

        .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show > .btn-success.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #006228 !important;
        }

            .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .success-ic {
        color: #00c851 !important;
    }

        .success-ic:focus, .success-ic:hover {
            color: #00c851;
        }

    .btn-outline-success {
        border: 2px solid #00c851 !important;
        background-color: transparent !important;
        color: #00c851 !important;
    }

        .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success:focus, .btn-outline-success:hover {
            border-color: #00c851 !important;
            background-color: transparent !important;
            color: #00c851 !important;
        }

        .btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #00c851 !important;
        }

            .btn-outline-success:not([disabled]):not(.disabled).active:focus, .btn-outline-success:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-info {
        background-color: #33b5e5 !important;
        color: #fff !important;
    }

        .btn-info:hover {
            background-color: #4abde8;
        }

        .btn-info.focus, .btn-info:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-info.active, .btn-info:active, .btn-info:focus {
            background-color: #14799e;
        }

        .btn-info.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-info.dropdown-toggle:focus, .btn-info.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show > .btn-info.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-send {
        background-color: #33b5e5 !important;
        color: #fff !important;
    }

        .btn-send:hover {
            background-color: #4abde8;
        }

        .btn-send.focus, .btn-send:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-send.active, .btn-send:active, .btn-send:focus {
            background-color: #14799e;
        }

        .btn-send.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-send.dropdown-toggle:focus, .btn-send.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-send:not([disabled]):not(.disabled).active, .btn-send:not([disabled]):not(.disabled):active, .show > .btn-send.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-send:not([disabled]):not(.disabled).active:focus, .btn-send:not([disabled]):not(.disabled):active:focus, .show > .btn-send.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-share {
        background-color: #33b5e5 !important;
        color: #fff !important;
    }

        .btn-share:hover {
            background-color: #4abde8;
        }

        .btn-share.focus, .btn-share:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-share.active, .btn-share:active, .btn-share:focus {
            background-color: #14799e;
        }

        .btn-share.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-share.dropdown-toggle:focus, .btn-share.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-share:not([disabled]):not(.disabled).active, .btn-share:not([disabled]):not(.disabled):active, .show > .btn-share.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-share:not([disabled]):not(.disabled).active:focus, .btn-share:not([disabled]):not(.disabled):active:focus, .show > .btn-share.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-login {
        background-color: #3aa6d3 !important;
        color: #fff !important;
        border: 1px solid #fff;
        line-height: 16px;
    }

        .btn-login:hover {
            background-color: #4abde8;
        }

        .btn-login.focus, .btn-login:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-login.active, .btn-login:active, .btn-login:focus {
            background-color: #14799e;
        }

        .btn-login.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-login.dropdown-toggle:focus, .btn-login.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-login:not([disabled]):not(.disabled).active, .btn-login:not([disabled]):not(.disabled):active, .show > .btn-login.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-login:not([disabled]):not(.disabled).active:focus, .btn-login:not([disabled]):not(.disabled):active:focus, .show > .btn-login.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-print {
        background-color: #33b5e5 !important;
        color: #fff !important;
    }

        .btn-print:hover {
            background-color: #4abde8;
        }

        .btn-print.focus, .btn-print:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-print.active, .btn-print:active, .btn-print:focus {
            background-color: #14799e;
        }

        .btn-print.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-print.dropdown-toggle:focus, .btn-print.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-print:not([disabled]):not(.disabled).active, .btn-print:not([disabled]):not(.disabled):active, .show > .btn-print.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-print:not([disabled]):not(.disabled).active:focus, .btn-print:not([disabled]):not(.disabled):active:focus, .show > .btn-print.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-rate {
        background-color: #c69500 !important;
        color: #fff !important;
    }

        .btn-rate:hover {
            background-color: #4abde8;
        }

        .btn-rate.focus, .btn-rate:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-rate.active, .btn-rate:active, .btn-rate:focus {
            background-color: #14799e;
        }

        .btn-rate.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-rate.dropdown-toggle:focus, .btn-rate.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-rate:not([disabled]):not(.disabled).active, .btn-rate:not([disabled]):not(.disabled):active, .show > .btn-rate.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-rate:not([disabled]):not(.disabled).active:focus, .btn-rate:not([disabled]):not(.disabled):active:focus, .show > .btn-rate.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-edit:before {
        content: "\f044";
        padding-right: 10px;
        font-family: "Font Awesome 5 Pro";
    }

    .btn-green, .btn-new, .btn-refresh {
        background-color: #388e3c !important;
        color: #fff !important;
    }

        .btn-green:hover, .btn-new:hover, .btn-refresh:hover {
            background-color: #3fa044;
        }

        .btn-green.focus,
        .btn-green:focus, .btn-new:focus, .btn-refresh:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-green.active, .btn-green:active, .btn-green:focus {
            background-color: #1b451d;
        }

        .btn-green.dropdown-toggle {
            background-color: #388e3c !important;
        }

            .btn-green.dropdown-toggle:focus, .btn-green.dropdown-toggle:hover {
                background-color: #3fa044 !important;
            }

        .btn-green:not([disabled]):not(.disabled).active, .btn-green:not([disabled]):not(.disabled):active, .show > .btn-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #1b451d !important;
        }

            .btn-green:not([disabled]):not(.disabled).active:focus, .btn-green:not([disabled]):not(.disabled):active:focus, .show > .btn-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .green-ic {
        color: #388e3c !important;
    }

        .green-ic:focus, .green-ic:hover {
            color: #388e3c;
        }

    .btn-outline-green {
        border: 2px solid #388e3c !important;
        background-color: transparent !important;
        color: #388e3c !important;
    }

        .btn-outline-green.active, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green:focus, .btn-outline-green:hover {
            border-color: #388e3c !important;
            background-color: transparent !important;
            color: #388e3c !important;
        }

        .btn-outline-green:not([disabled]):not(.disabled).active, .btn-outline-green:not([disabled]):not(.disabled):active, .show > .btn-outline-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #388e3c !important;
        }

            .btn-outline-green:not([disabled]):not(.disabled).active:focus, .btn-outline-green:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-light-green {
        background-color: #8bc34a !important;
        color: #fff !important;
    }

        .btn-light-green:hover {
            background-color: #97c95d;
        }

        .btn-light-green.focus, .btn-light-green:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-light-green.active, .btn-light-green:active, .btn-light-green:focus {
            background-color: #577d2a;
        }

        .btn-light-green.dropdown-toggle {
            background-color: #8bc34a !important;
        }

            .btn-light-green.dropdown-toggle:focus, .btn-light-green.dropdown-toggle:hover {
                background-color: #97c95d !important;
            }

        .btn-light-green:not([disabled]):not(.disabled).active, .btn-light-green:not([disabled]):not(.disabled):active, .show > .btn-light-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #577d2a !important;
        }

            .btn-light-green:not([disabled]):not(.disabled).active:focus, .btn-light-green:not([disabled]):not(.disabled):active:focus, .show > .btn-light-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .light-green-ic {
        color: #8bc34a !important;
    }

        .light-green-ic:focus, .light-green-ic:hover {
            color: #8bc34a;
        }

    .btn-outline-light-green {
        border: 2px solid #8bc34a !important;
        background-color: transparent !important;
        color: #8bc34a !important;
    }

        .btn-outline-light-green.active, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green:focus, .btn-outline-light-green:hover {
            border-color: #8bc34a !important;
            background-color: transparent !important;
            color: #8bc34a !important;
        }

        .btn-outline-light-green:not([disabled]):not(.disabled).active, .btn-outline-light-green:not([disabled]):not(.disabled):active, .show > .btn-outline-light-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #8bc34a !important;
        }

            .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, .btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-lime {
        background-color: #afb42b !important;
        color: #fff !important;
    }

        .btn-lime:hover {
            background-color: #c3c930;
        }

        .btn-lime.focus, .btn-lime:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-lime.active, .btn-lime:active, .btn-lime:focus {
            background-color: #5f6217;
        }

        .btn-lime.dropdown-toggle {
            background-color: #afb42b !important;
        }

            .btn-lime.dropdown-toggle:focus, .btn-lime.dropdown-toggle:hover {
                background-color: #c3c930 !important;
            }

        .btn-lime:not([disabled]):not(.disabled).active, .btn-lime:not([disabled]):not(.disabled):active, .show > .btn-lime.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #5f6217 !important;
        }

            .btn-lime:not([disabled]):not(.disabled).active:focus, .btn-lime:not([disabled]):not(.disabled):active:focus, .show > .btn-lime.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .lime-ic {
        color: #afb42b !important;
    }

        .lime-ic:focus, .lime-ic:hover {
            color: #afb42b;
        }

    .btn-outline-lime {
        border: 2px solid #afb42b !important;
        background-color: transparent !important;
        color: #afb42b !important;
    }

        .btn-outline-lime.active, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime:focus, .btn-outline-lime:hover {
            border-color: #afb42b !important;
            background-color: transparent !important;
            color: #afb42b !important;
        }

        .btn-outline-lime:not([disabled]):not(.disabled).active, .btn-outline-lime:not([disabled]):not(.disabled):active, .show > .btn-outline-lime.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #afb42b !important;
        }

            .btn-outline-lime:not([disabled]):not(.disabled).active:focus, .btn-outline-lime:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-lime.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-yellow {
        background-color: #fbc02d !important;
        color: #fff !important;
    }

        .btn-yellow:hover {
            background-color: #fbc846;
        }

        .btn-yellow.focus, .btn-yellow:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-yellow.active, .btn-yellow:active, .btn-yellow:focus {
            background-color: #be8904;
        }

        .btn-yellow.dropdown-toggle {
            background-color: #fbc02d !important;
        }

            .btn-yellow.dropdown-toggle:focus, .btn-yellow.dropdown-toggle:hover {
                background-color: #fbc846 !important;
            }

        .btn-yellow:not([disabled]):not(.disabled).active, .btn-yellow:not([disabled]):not(.disabled):active, .show > .btn-yellow.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #be8904 !important;
        }

            .btn-yellow:not([disabled]):not(.disabled).active:focus, .btn-yellow:not([disabled]):not(.disabled):active:focus, .show > .btn-yellow.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .yellow-ic {
        color: #fbc02d !important;
    }

        .yellow-ic:focus, .yellow-ic:hover {
            color: #fbc02d;
        }

    .btn-outline-yellow {
        border: 2px solid #fbc02d !important;
        background-color: transparent !important;
        color: #fbc02d !important;
    }

        .btn-outline-yellow.active, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow:focus, .btn-outline-yellow:hover {
            border-color: #fbc02d !important;
            background-color: transparent !important;
            color: #fbc02d !important;
        }

        .btn-outline-yellow:not([disabled]):not(.disabled).active, .btn-outline-yellow:not([disabled]):not(.disabled):active, .show > .btn-outline-yellow.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #fbc02d !important;
        }

            .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, .btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-amber {
        background-color: #ffa000 !important;
        color: #fff !important;
    }

        .btn-amber:hover {
            background-color: #ffaa1a;
        }

        .btn-amber.focus, .btn-amber:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-amber.active, .btn-amber:active, .btn-amber:focus {
            background-color: #996000;
        }

        .btn-amber.dropdown-toggle {
            background-color: #ffa000 !important;
        }

            .btn-amber.dropdown-toggle:focus, .btn-amber.dropdown-toggle:hover {
                background-color: #ffaa1a !important;
            }

        .btn-amber:not([disabled]):not(.disabled).active, .btn-amber:not([disabled]):not(.disabled):active, .show > .btn-amber.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #996000 !important;
        }

            .btn-amber:not([disabled]):not(.disabled).active:focus, .btn-amber:not([disabled]):not(.disabled):active:focus, .show > .btn-amber.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .amber-ic {
        color: #ffa000 !important;
    }

        .amber-ic:focus, .amber-ic:hover {
            color: #ffa000;
        }

    .btn-outline-amber {
        border: 2px solid #ffa000 !important;
        background-color: transparent !important;
        color: #ffa000 !important;
    }

        .btn-outline-amber.active, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber:focus, .btn-outline-amber:hover {
            border-color: #ffa000 !important;
            background-color: transparent !important;
            color: #ffa000 !important;
        }

        .btn-outline-amber:not([disabled]):not(.disabled).active, .btn-outline-amber:not([disabled]):not(.disabled):active, .show > .btn-outline-amber.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #ffa000 !important;
        }

            .btn-outline-amber:not([disabled]):not(.disabled).active:focus, .btn-outline-amber:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-amber.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-orange {
        background-color: #f57c00 !important;
        color: #fff !important;
    }

        .btn-orange:hover {
            background-color: #ff8910;
        }

        .btn-orange.focus, .btn-orange:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-orange.active, .btn-orange:active, .btn-orange:focus {
            background-color: #8f4800;
        }

        .btn-orange.dropdown-toggle {
            background-color: #f57c00 !important;
        }

            .btn-orange.dropdown-toggle:focus, .btn-orange.dropdown-toggle:hover {
                background-color: #ff8910 !important;
            }

        .btn-orange:not([disabled]):not(.disabled).active, .btn-orange:not([disabled]):not(.disabled):active, .show > .btn-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #8f4800 !important;
        }

            .btn-orange:not([disabled]):not(.disabled).active:focus, .btn-orange:not([disabled]):not(.disabled):active:focus, .show > .btn-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .orange-ic {
        color: #f57c00 !important;
    }

        .orange-ic:focus, .orange-ic:hover {
            color: #f57c00;
        }

    .btn-outline-orange {
        border: 2px solid #f57c00 !important;
        background-color: transparent !important;
        color: #f57c00 !important;
    }

        .btn-outline-orange.active, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange:focus, .btn-outline-orange:hover {
            border-color: #f57c00 !important;
            background-color: transparent !important;
            color: #f57c00 !important;
        }

        .btn-outline-orange:not([disabled]):not(.disabled).active, .btn-outline-orange:not([disabled]):not(.disabled):active, .show > .btn-outline-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #f57c00 !important;
        }

            .btn-outline-orange:not([disabled]):not(.disabled).active:focus, .btn-outline-orange:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-deep-orange {
        background-color: #ff7043 !important;
        color: #fff !important;
    }

        .btn-deep-orange:hover {
            background-color: #ff835d;
        }

        .btn-deep-orange.focus, .btn-deep-orange:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-deep-orange.active, .btn-deep-orange:active, .btn-deep-orange:focus {
            background-color: #dc3500;
        }

        .btn-deep-orange.dropdown-toggle {
            background-color: #ff7043 !important;
        }

            .btn-deep-orange.dropdown-toggle:focus, .btn-deep-orange.dropdown-toggle:hover {
                background-color: #ff835d !important;
            }

        .btn-deep-orange:not([disabled]):not(.disabled).active, .btn-deep-orange:not([disabled]):not(.disabled):active, .show > .btn-deep-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #dc3500 !important;
        }

            .btn-deep-orange:not([disabled]):not(.disabled).active:focus, .btn-deep-orange:not([disabled]):not(.disabled):active:focus, .show > .btn-deep-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .deep-orange-ic {
        color: #ff7043 !important;
    }

        .deep-orange-ic:focus, .deep-orange-ic:hover {
            color: #ff7043;
        }

    .btn-outline-deep-orange {
        border: 2px solid #ff7043 !important;
        background-color: transparent !important;
        color: #ff7043 !important;
    }

        .btn-outline-deep-orange.active, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:hover {
            border-color: #ff7043 !important;
            background-color: transparent !important;
            color: #ff7043 !important;
        }

        .btn-outline-deep-orange:not([disabled]):not(.disabled).active, .btn-outline-deep-orange:not([disabled]):not(.disabled):active, .show > .btn-outline-deep-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #ff7043 !important;
        }

            .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-deep-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-brown {
        background-color: #795548 !important;
        color: #fff !important;
    }

        .btn-brown:hover {
            background-color: #896052;
        }

        .btn-brown.focus, .btn-brown:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-brown.active, .btn-brown:active, .btn-brown:focus {
            background-color: #392822;
        }

        .btn-brown.dropdown-toggle {
            background-color: #795548 !important;
        }

            .btn-brown.dropdown-toggle:focus, .btn-brown.dropdown-toggle:hover {
                background-color: #896052 !important;
            }

        .btn-brown:not([disabled]):not(.disabled).active, .btn-brown:not([disabled]):not(.disabled):active, .show > .btn-brown.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #392822 !important;
        }

            .btn-brown:not([disabled]):not(.disabled).active:focus, .btn-brown:not([disabled]):not(.disabled):active:focus, .show > .btn-brown.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .brown-ic {
        color: #795548 !important;
    }

        .brown-ic:focus, .brown-ic:hover {
            color: #795548;
        }

    .btn-outline-brown {
        border: 2px solid #795548 !important;
        background-color: transparent !important;
        color: #795548 !important;
    }

        .btn-outline-brown.active, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown:focus, .btn-outline-brown:hover {
            border-color: #795548 !important;
            background-color: transparent !important;
            color: #795548 !important;
        }

        .btn-outline-brown:not([disabled]):not(.disabled).active, .btn-outline-brown:not([disabled]):not(.disabled):active, .show > .btn-outline-brown.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #795548 !important;
        }

            .btn-outline-brown:not([disabled]):not(.disabled).active:focus, .btn-outline-brown:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-brown.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-grey {
        background-color: #616161 !important;
        color: #fff !important;
    }

        .btn-grey:hover {
            background-color: #6e6e6e;
        }

        .btn-grey.focus, .btn-grey:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-grey.active, .btn-grey:active, .btn-grey:focus {
            background-color: #2e2e2e;
        }

        .btn-grey.dropdown-toggle {
            background-color: #616161 !important;
        }

            .btn-grey.dropdown-toggle:focus, .btn-grey.dropdown-toggle:hover {
                background-color: #6e6e6e !important;
            }

        .btn-grey:not([disabled]):not(.disabled).active, .btn-grey:not([disabled]):not(.disabled):active, .show > .btn-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #2e2e2e !important;
        }

            .btn-grey:not([disabled]):not(.disabled).active:focus, .btn-grey:not([disabled]):not(.disabled):active:focus, .show > .btn-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .grey-ic {
        color: #616161 !important;
    }

        .grey-ic:focus, .grey-ic:hover {
            color: #616161;
        }

    .btn-outline-grey {
        border: 2px solid #616161 !important;
        background-color: transparent !important;
        color: #616161 !important;
    }

        .btn-outline-grey.active, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey:focus, .btn-outline-grey:hover {
            border-color: #616161 !important;
            background-color: transparent !important;
            color: #616161 !important;
        }

        .btn-outline-grey:not([disabled]):not(.disabled).active, .btn-outline-grey:not([disabled]):not(.disabled):active, .show > .btn-outline-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #616161 !important;
        }

            .btn-outline-grey:not([disabled]):not(.disabled).active:focus, .btn-outline-grey:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-blue-grey {
        background-color: #78909c !important;
        color: #fff !important;
    }

        .btn-blue-grey:hover {
            background-color: #879ca7;
        }

        .btn-blue-grey.focus, .btn-blue-grey:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-blue-grey.active, .btn-blue-grey:active, .btn-blue-grey:focus {
            background-color: #4a5b64;
        }

        .btn-blue-grey.dropdown-toggle {
            background-color: #78909c !important;
        }

            .btn-blue-grey.dropdown-toggle:focus, .btn-blue-grey.dropdown-toggle:hover {
                background-color: #879ca7 !important;
            }

        .btn-blue-grey:not([disabled]):not(.disabled).active, .btn-blue-grey:not([disabled]):not(.disabled):active, .show > .btn-blue-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #4a5b64 !important;
        }

            .btn-blue-grey:not([disabled]):not(.disabled).active:focus, .btn-blue-grey:not([disabled]):not(.disabled):active:focus, .show > .btn-blue-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .blue-grey-ic {
        color: #78909c !important;
    }

        .blue-grey-ic:focus, .blue-grey-ic:hover {
            color: #78909c;
        }

    .btn-outline-blue-grey {
        border: 2px solid #78909c !important;
        background-color: transparent !important;
        color: #78909c !important;
    }

        .btn-outline-blue-grey.active, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:hover {
            border-color: #78909c !important;
            background-color: transparent !important;
            color: #78909c !important;
        }

        .btn-outline-blue-grey:not([disabled]):not(.disabled).active, .btn-outline-blue-grey:not([disabled]):not(.disabled):active, .show > .btn-outline-blue-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #78909c !important;
        }

            .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-blue-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-new:before {
        content: "\f067";
        padding-right: 10px;
        font-family: "Font Awesome 5 Pro";
    }

    .btn-excel {
        background-color: #33b5e5 !important;
        color: #fff !important;
    }

        .btn-excel:hover {
            background-color: #4abde8;
        }

        .btn-excel.focus, .btn-excel:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-excel.active, .btn-excel:active, .btn-excel:focus {
            background-color: #14799e;
        }

        .btn-excel.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-excel.dropdown-toggle:focus, .btn-excel.dropdown-toggle:hover {
                background-color: #4abde8 !important;
            }

        .btn-excel:not([disabled]):not(.disabled).active, .btn-excel:not([disabled]):not(.disabled):active, .show > .btn-excel.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #14799e !important;
        }

            .btn-excel:not([disabled]):not(.disabled).active:focus, .btn-excel:not([disabled]):not(.disabled):active:focus, .show > .btn-excel.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:focus, .info-ic:hover {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

    .btn-excel:before {
        content: "\f1c3";
        font-family: "Font Awesome 5 Pro";
        padding-right: 5px;
    }

    .btn-share:before {
        content: "\f064";
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
    }

    .btn-send:before {
        content: "\f1d8";
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
    }

    .btn-refresh:before {
        content: "\f021";
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
    }

    .fa-refresh:before {
        content: "\f2f1";
        font-family: "Font Awesome 5 Pro";
    }



    .btn-search:before {
        content: "\f002";
        font-family: "Font Awesome 5 Pro";
        padding-right: 5px;
    }

    .btn-save:before {
        content: "\f0c7";
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
    }

    .btn-rate:before {
        content: "\f005";
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
    }

    .btn-print:before {
        content: "\f02f";
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
    }

    .btn-dark {
        background-color: #212121 !important;
        color: #fff !important;
    }

        .btn-dark:hover {
            background-color: #2e2e2e;
        }

        .btn-dark.focus, .btn-dark:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-dark.active, .btn-dark:active, .btn-dark:focus {
            background-color: #000;
        }

        .btn-dark.dropdown-toggle {
            background-color: #212121 !important;
        }

            .btn-dark.dropdown-toggle:focus, .btn-dark.dropdown-toggle:hover {
                background-color: #2e2e2e !important;
            }

        .btn-dark:not([disabled]):not(.disabled).active, .btn-dark:not([disabled]):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #000 !important;
        }

            .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .dark-ic {
        color: #212121 !important;
    }

        .dark-ic:focus, .dark-ic:hover {
            color: #212121;
        }

    .btn-outline-dark {
        border: 2px solid #212121 !important;
        background-color: transparent !important;
        color: #212121 !important;
    }

        .btn-outline-dark.active, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark:focus, .btn-outline-dark:hover {
            border-color: #212121 !important;
            background-color: transparent !important;
            color: #212121 !important;
        }

        .btn-outline-dark:not([disabled]):not(.disabled).active, .btn-outline-dark:not([disabled]):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #212121 !important;
        }

            .btn-outline-dark:not([disabled]):not(.disabled).active:focus, .btn-outline-dark:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-light {
        background-color: #e0e0e0 !important;
        color: #000 !important;
    }

        .btn-light:hover {
            background-color: #ededed;
        }

        .btn-light.focus, .btn-light:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-light.active, .btn-light:active, .btn-light:focus {
            background-color: #adadad;
        }

        .btn-light.dropdown-toggle {
            background-color: #e0e0e0 !important;
        }

            .btn-light.dropdown-toggle:focus, .btn-light.dropdown-toggle:hover {
                background-color: #ededed !important;
            }

        .btn-light:not([disabled]):not(.disabled).active, .btn-light:not([disabled]):not(.disabled):active, .show > .btn-light.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #adadad !important;
        }

            .btn-light:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .light-ic {
        color: #e0e0e0 !important;
    }

        .light-ic:focus, .light-ic:hover {
            color: #e0e0e0;
        }

    .btn-outline-light {
        border: 2px solid #e0e0e0 !important;
        background-color: transparent !important;
        color: #e0e0e0 !important;
    }

        .btn-outline-light.active, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light:focus, .btn-outline-light:hover {
            border-color: #e0e0e0 !important;
            background-color: transparent !important;
            color: #e0e0e0 !important;
        }

        .btn-outline-light:not([disabled]):not(.disabled).active, .btn-outline-light:not([disabled]):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #e0e0e0 !important;
        }

            .btn-outline-light:not([disabled]):not(.disabled).active:focus, .btn-outline-light:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-white {
        background-color: #fff !important;
        color: #000 !important;
    }

        .btn-white:hover {
            background-color: #fff;
        }

        .btn-white.focus, .btn-white:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-white.active, .btn-white:active, .btn-white:focus {
            background-color: #ccc;
        }

        .btn-white.dropdown-toggle, .btn-white.dropdown-toggle:focus, .btn-white.dropdown-toggle:hover {
            background-color: #fff !important;
        }

        .btn-white:not([disabled]):not(.disabled).active, .btn-white:not([disabled]):not(.disabled):active, .show > .btn-white.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #ccc !important;
        }

            .btn-white:not([disabled]):not(.disabled).active:focus, .btn-white:not([disabled]):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .white-ic {
        color: #fff !important;
    }

        .white-ic:focus, .white-ic:hover {
            color: #fff;
        }

    .btn-outline-white {
        border: 2px solid #fff !important;
        background-color: transparent !important;
        color: #fff !important;
    }

        .btn-outline-white.active, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white:focus, .btn-outline-white:hover {
            border-color: #fff !important;
            background-color: transparent !important;
            color: #fff !important;
        }

        .btn-outline-white:not([disabled]):not(.disabled).active, .btn-outline-white:not([disabled]):not(.disabled):active, .show > .btn-outline-white.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #fff !important;
        }

            .btn-outline-white:not([disabled]):not(.disabled).active:focus, .btn-outline-white:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .btn-black {
        background-color: #000 !important;
        color: #fff !important;
    }

        .btn-black:hover {
            background-color: #0d0d0d;
        }

        .btn-black.focus, .btn-black:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-black.active, .btn-black:active, .btn-black:focus {
            background-color: #000;
        }

        .btn-black.dropdown-toggle {
            background-color: #000 !important;
        }

            .btn-black.dropdown-toggle:focus, .btn-black.dropdown-toggle:hover {
                background-color: #0d0d0d !important;
            }

        .btn-black:not([disabled]):not(.disabled).active, .btn-black:not([disabled]):not(.disabled):active, .show > .btn-black.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: #000 !important;
        }

            .btn-black:not([disabled]):not(.disabled).active:focus, .btn-black:not([disabled]):not(.disabled):active:focus, .show > .btn-black.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .black-ic {
        color: #000 !important;
    }

        .black-ic:focus, .black-ic:hover {
            color: #000;
        }

    .btn-outline-black {
        border: 2px solid #000 !important;
        background-color: transparent !important;
        color: #000 !important;
    }

        .btn-outline-black.active, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black:focus, .btn-outline-black:hover {
            border-color: #000 !important;
            background-color: transparent !important;
            color: #000 !important;
        }

        .btn-outline-black:not([disabled]):not(.disabled).active, .btn-outline-black:not([disabled]):not(.disabled):active, .show > .btn-outline-black.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            background-color: transparent !important;
            border-color: #000 !important;
        }

            .btn-outline-black:not([disabled]):not(.disabled).active:focus, .btn-outline-black:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-black.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            }

    .card {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        border: 0;
    }

        .card[class*=border] {
            border: 1px solid #9e9e9e;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .navbar, .pagination .page-item.active .page-link {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    }

    .card .card-body .card-title a, .card .card-body .card-title a:hover {
        -webkit-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }

    .card .card-body .card-text {
        color: #747373;
        font-weight: 400;
    }

    .dropdown .dropdown-menu .dropdown-item:active {
        background-color: #757575;
    }

    .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 {
            border: none;
            background-color: transparent;
            font-weight: 500;
        }

    .md-form.input-group .form-control {
        margin: 0;
        padding: .375rem .75rem;
    }

    .btn .fa {
        position: relative;
        font-size: 14px;
    }

        .btn .fa.right {
            margin-left: .3rem;
        }

        .btn .fa.left {
            margin-right: .3rem;
        }

    .btn.icon {
        margin: 0;
    }

        .btn.icon:before {
            padding: 0;
        }

    .combo-panel.panel-body {
        padding: 0 !important;
    }


    /*88888888888*/



    .primary-ic {
        color: #4285f4 !important;
    }

        .primary-ic:hover, .primary-ic:focus {
            color: #4285f4;
        }

    .btn-outline-primary {
        border: 2px solid #4285f4 !important;
        background-color: transparent !important;
        color: #4285f4 !important;
    }

        .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
            border-color: #4285f4 !important;
            background-color: transparent !important;
            color: #4285f4 !important;
        }

        .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
        .show > .btn-outline-primary.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #4285f4 !important;
        }

            .btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-primary.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-danger {
        background-color: #ff3547 !important;
        color: #fff !important;
    }

        .btn-danger:hover {
            background-color: #ff4f5e;
        }

        .btn-danger:focus, .btn-danger.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-danger:focus, .btn-danger:active, .btn-danger.active {
            background-color: #ce0012;
        }

        .btn-danger.dropdown-toggle {
            background-color: #ff3547 !important;
        }

            .btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus {
                background-color: #ff4f5e !important;
            }

        .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
        .show > .btn-danger.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #ce0012 !important;
        }

            .btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus,
            .show > .btn-danger.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .danger-ic {
        color: #ff3547 !important;
    }

        .danger-ic:hover, .danger-ic:focus {
            color: #ff3547;
        }

    .btn-outline-danger {
        border: 2px solid #ff3547 !important;
        background-color: transparent !important;
        color: #ff3547 !important;
    }

        .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active {
            border-color: #ff3547 !important;
            background-color: transparent !important;
            color: #ff3547 !important;
        }

        .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
        .show > .btn-outline-danger.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #ff3547 !important;
        }

            .btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-danger.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-warning {
        background-color: #ff8800 !important;
        color: #fff !important;
    }

        .btn-warning:hover {
            background-color: #ff941a;
        }

        .btn-warning:focus, .btn-warning.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-warning:focus, .btn-warning:active, .btn-warning.active {
            background-color: #995200;
        }

        .btn-warning.dropdown-toggle {
            background-color: #ff8800 !important;
        }

            .btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus {
                background-color: #ff941a !important;
            }

        .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
        .show > .btn-warning.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #995200 !important;
        }

            .btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus,
            .show > .btn-warning.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .warning-ic {
        color: #ff8800 !important;
    }

        .warning-ic:hover, .warning-ic:focus {
            color: #ff8800;
        }

    .btn-outline-warning {
        border: 2px solid #ff8800 !important;
        background-color: transparent !important;
        color: #ff8800 !important;
    }

        .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active {
            border-color: #ff8800 !important;
            background-color: transparent !important;
            color: #ff8800 !important;
        }

        .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
        .show > .btn-outline-warning.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #ff8800 !important;
        }

            .btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-warning.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-success {
        background-color: #00c851 !important;
        color: #fff !important;
    }

        .btn-success:hover {
            background-color: #00e25b;
        }

        .btn-success:focus, .btn-success.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-success:focus, .btn-success:active, .btn-success.active {
            background-color: #006228;
        }

        .btn-success.dropdown-toggle {
            background-color: #00c851 !important;
        }

            .btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus {
                background-color: #00e25b !important;
            }

        .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
        .show > .btn-success.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #006228 !important;
        }

            .btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus,
            .show > .btn-success.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .success-ic {
        color: #00c851 !important;
    }

        .success-ic:hover, .success-ic:focus {
            color: #00c851;
        }

    .btn-outline-success {
        border: 2px solid #00c851 !important;
        background-color: transparent !important;
        color: #00c851 !important;
    }

        .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active {
            border-color: #00c851 !important;
            background-color: transparent !important;
            color: #00c851 !important;
        }

        .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
        .show > .btn-outline-success.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #00c851 !important;
        }

            .btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-success.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-info {
        background-color: #33b5e5 !important;
        color: #fff !important;
    }

        .btn-info:hover {
            background-color: #4abde8;
        }

        .btn-info:focus, .btn-info.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-info:focus, .btn-info:active, .btn-info.active {
            background-color: #14799e;
        }

        .btn-info.dropdown-toggle {
            background-color: #33b5e5 !important;
        }

            .btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus {
                background-color: #4abde8 !important;
            }

        .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
        .show > .btn-info.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #14799e !important;
        }

            .btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus,
            .show > .btn-info.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .info-ic {
        color: #33b5e5 !important;
    }

        .info-ic:hover, .info-ic:focus {
            color: #33b5e5;
        }

    .btn-outline-info {
        border: 2px solid #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

        .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active {
            border-color: #33b5e5 !important;
            background-color: transparent !important;
            color: #33b5e5 !important;
        }

        .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
        .show > .btn-outline-info.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #33b5e5 !important;
        }

            .btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-info.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }


    .admin .btn-default {
        background-color: #fcfcfc;
        border-color: #d3dae7;
        color: #5e6d8c;
    }

        .admin .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus, .btn-default:active, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
            background-color: #fcfcfc !important;
            border-color: #ddd !important;
        }
    /*
.btn-default {
  background-color: #2bbbad !important;
  color: #fff !important; }
  .btn-default:hover {
    background-color: #30cfc0; }
  .btn-default:focus, .btn-default.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .btn-default:focus, .btn-default:active, .btn-default.active {
    background-color: #186860; }
  .btn-default.dropdown-toggle {
    background-color: #2bbbad !important; }
    .btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus {
      background-color: #30cfc0 !important; }
  .btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active,
  .show > .btn-default.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #186860 !important; }
  .btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus,
  .show > .btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
*/



    .default-ic {
        color: #2bbbad !important;
    }

        .default-ic:hover, .default-ic:focus {
            color: #2bbbad;
        }

    .btn-outline-default {
        border: 2px solid #2bbbad !important;
        background-color: transparent !important;
        color: #2bbbad !important;
    }

        .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active {
            border-color: #2bbbad !important;
            background-color: transparent !important;
            color: #2bbbad !important;
        }

        .btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active,
        .show > .btn-outline-default.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #2bbbad !important;
        }

            .btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-default.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-secondary {
        background-color: #aa66cc !important;
        color: #fff !important;
    }

        .btn-secondary:hover {
            background-color: #b579d2;
        }

        .btn-secondary:focus, .btn-secondary.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
            background-color: #773399;
        }

        .btn-secondary.dropdown-toggle {
            background-color: #aa66cc !important;
        }

            .btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus {
                background-color: #b579d2 !important;
            }

        .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
        .show > .btn-secondary.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #773399 !important;
        }

            .btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus,
            .show > .btn-secondary.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .secondary-ic {
        color: #aa66cc !important;
    }

        .secondary-ic:hover, .secondary-ic:focus {
            color: #aa66cc;
        }

    .btn-outline-secondary {
        border: 2px solid #aa66cc !important;
        background-color: transparent !important;
        color: #aa66cc !important;
    }

        .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active {
            border-color: #aa66cc !important;
            background-color: transparent !important;
            color: #aa66cc !important;
        }

        .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
        .show > .btn-outline-secondary.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #aa66cc !important;
        }

            .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-secondary.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-elegant {
        background-color: #2e2e2e !important;
        color: #fff !important;
    }

        .btn-elegant:hover {
            background-color: #3b3b3b;
        }

        .btn-elegant:focus, .btn-elegant.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-elegant:focus, .btn-elegant:active, .btn-elegant.active {
            background-color: black;
        }

        .btn-elegant.dropdown-toggle {
            background-color: #2e2e2e !important;
        }

            .btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus {
                background-color: #3b3b3b !important;
            }

        .btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active,
        .show > .btn-elegant.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: black !important;
        }

            .btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus,
            .show > .btn-elegant.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .elegant-ic {
        color: #2e2e2e !important;
    }

        .elegant-ic:hover, .elegant-ic:focus {
            color: #2e2e2e;
        }

    .btn-outline-elegant {
        border: 2px solid #2e2e2e !important;
        background-color: transparent !important;
        color: #2e2e2e !important;
    }

        .btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active {
            border-color: #2e2e2e !important;
            background-color: transparent !important;
            color: #2e2e2e !important;
        }

        .btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active,
        .show > .btn-outline-elegant.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #2e2e2e !important;
        }

            .btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-elegant.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-unique {
        background-color: #880e4f !important;
        color: #fff !important;
    }

        .btn-unique:hover {
            background-color: #9f105c;
        }

        .btn-unique:focus, .btn-unique.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-unique:focus, .btn-unique:active, .btn-unique.active {
            background-color: #2c0419;
        }

        .btn-unique.dropdown-toggle {
            background-color: #880e4f !important;
        }

            .btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus {
                background-color: #9f105c !important;
            }

        .btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active,
        .show > .btn-unique.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #2c0419 !important;
        }

            .btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus,
            .show > .btn-unique.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .unique-ic {
        color: #880e4f !important;
    }

        .unique-ic:hover, .unique-ic:focus {
            color: #880e4f;
        }

    .btn-outline-unique {
        border: 2px solid #880e4f !important;
        background-color: transparent !important;
        color: #880e4f !important;
    }

        .btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active {
            border-color: #880e4f !important;
            background-color: transparent !important;
            color: #880e4f !important;
        }

        .btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active,
        .show > .btn-outline-unique.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #880e4f !important;
        }

            .btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-unique.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-dark-green {
        background-color: #388e3c !important;
        color: #fff !important;
    }

        .btn-dark-green:hover {
            background-color: #3fa044;
        }

        .btn-dark-green:focus, .btn-dark-green.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active {
            background-color: #1b451d;
        }

        .btn-dark-green.dropdown-toggle {
            background-color: #388e3c !important;
        }

            .btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus {
                background-color: #3fa044 !important;
            }

        .btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active,
        .show > .btn-dark-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #1b451d !important;
        }

            .btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus,
            .show > .btn-dark-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .dark-green-ic {
        color: #388e3c !important;
    }

        .dark-green-ic:hover, .dark-green-ic:focus {
            color: #388e3c;
        }

    .btn-outline-dark-green {
        border: 2px solid #388e3c !important;
        background-color: transparent !important;
        color: #388e3c !important;
    }

        .btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active {
            border-color: #388e3c !important;
            background-color: transparent !important;
            color: #388e3c !important;
        }

        .btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active,
        .show > .btn-outline-dark-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #388e3c !important;
        }

            .btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-dark-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-mdb-color {
        background-color: #59698d !important;
        color: #fff !important;
    }

        .btn-mdb-color:hover {
            background-color: #63759d;
        }

        .btn-mdb-color:focus, .btn-mdb-color.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active {
            background-color: #323a4e;
        }

        .btn-mdb-color.dropdown-toggle {
            background-color: #59698d !important;
        }

            .btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus {
                background-color: #63759d !important;
            }

        .btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active,
        .show > .btn-mdb-color.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #323a4e !important;
        }

            .btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus,
            .show > .btn-mdb-color.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .mdb-color-ic {
        color: #59698d !important;
    }

        .mdb-color-ic:hover, .mdb-color-ic:focus {
            color: #59698d;
        }

    .btn-outline-mdb-color {
        border: 2px solid #59698d !important;
        background-color: transparent !important;
        color: #59698d !important;
    }

        .btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active {
            border-color: #59698d !important;
            background-color: transparent !important;
            color: #59698d !important;
        }

        .btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active,
        .show > .btn-outline-mdb-color.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #59698d !important;
        }

            .btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-mdb-color.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-red {
        background-color: #d32f2f !important;
        color: #fff !important;
    }

        .btn-red:hover {
            background-color: #d74444;
        }

        .btn-red:focus, .btn-red.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-red:focus, .btn-red:active, .btn-red.active {
            background-color: #811b1b;
        }

        .btn-red.dropdown-toggle {
            background-color: #d32f2f !important;
        }

            .btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus {
                background-color: #d74444 !important;
            }

        .btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active,
        .show > .btn-red.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #811b1b !important;
        }

            .btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus,
            .show > .btn-red.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .red-ic {
        color: #d32f2f !important;
    }

        .red-ic:hover, .red-ic:focus {
            color: #d32f2f;
        }

    .btn-outline-red {
        border: 2px solid #d32f2f !important;
        background-color: transparent !important;
        color: #d32f2f !important;
    }

        .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active {
            border-color: #d32f2f !important;
            background-color: transparent !important;
            color: #d32f2f !important;
        }

        .btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active,
        .show > .btn-outline-red.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #d32f2f !important;
        }

            .btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-red.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-pink {
        background-color: #ec407a !important;
        color: #fff !important;
    }

        .btn-pink:hover {
            background-color: #ee578a;
        }

        .btn-pink:focus, .btn-pink.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-pink:focus, .btn-pink:active, .btn-pink.active {
            background-color: #b41249;
        }

        .btn-pink.dropdown-toggle {
            background-color: #ec407a !important;
        }

            .btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus {
                background-color: #ee578a !important;
            }

        .btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active,
        .show > .btn-pink.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #b41249 !important;
        }

            .btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus,
            .show > .btn-pink.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .pink-ic {
        color: #ec407a !important;
    }

        .pink-ic:hover, .pink-ic:focus {
            color: #ec407a;
        }

    .btn-outline-pink {
        border: 2px solid #ec407a !important;
        background-color: transparent !important;
        color: #ec407a !important;
    }

        .btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active {
            border-color: #ec407a !important;
            background-color: transparent !important;
            color: #ec407a !important;
        }

        .btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active,
        .show > .btn-outline-pink.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #ec407a !important;
        }

            .btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-pink.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-purple {
        background-color: #8e24aa !important;
        color: #fff !important;
    }

        .btn-purple:hover {
            background-color: #a028bf;
        }

        .btn-purple:focus, .btn-purple.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-purple:focus, .btn-purple:active, .btn-purple.active {
            background-color: #481256;
        }

        .btn-purple.dropdown-toggle {
            background-color: #8e24aa !important;
        }

            .btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus {
                background-color: #a028bf !important;
            }

        .btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active,
        .show > .btn-purple.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #481256 !important;
        }

            .btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus,
            .show > .btn-purple.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .purple-ic {
        color: #8e24aa !important;
    }

        .purple-ic:hover, .purple-ic:focus {
            color: #8e24aa;
        }

    .btn-outline-purple {
        border: 2px solid #8e24aa !important;
        background-color: transparent !important;
        color: #8e24aa !important;
    }

        .btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active {
            border-color: #8e24aa !important;
            background-color: transparent !important;
            color: #8e24aa !important;
        }

        .btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active,
        .show > .btn-outline-purple.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #8e24aa !important;
        }

            .btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-purple.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-deep-purple {
        background-color: #512da8 !important;
        color: #fff !important;
    }

        .btn-deep-purple:hover {
            background-color: #5b32bc;
        }

        .btn-deep-purple:focus, .btn-deep-purple.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active {
            background-color: #2a1758;
        }

        .btn-deep-purple.dropdown-toggle {
            background-color: #512da8 !important;
        }

            .btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus {
                background-color: #5b32bc !important;
            }

        .btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active,
        .show > .btn-deep-purple.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #2a1758 !important;
        }

            .btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus,
            .show > .btn-deep-purple.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .deep-purple-ic {
        color: #512da8 !important;
    }

        .deep-purple-ic:hover, .deep-purple-ic:focus {
            color: #512da8;
        }

    .btn-outline-deep-purple {
        border: 2px solid #512da8 !important;
        background-color: transparent !important;
        color: #512da8 !important;
    }

        .btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active {
            border-color: #512da8 !important;
            background-color: transparent !important;
            color: #512da8 !important;
        }

        .btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active,
        .show > .btn-outline-deep-purple.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #512da8 !important;
        }

            .btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-deep-purple.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-indigo {
        background-color: #3f51b5 !important;
        color: #fff !important;
    }

        .btn-indigo:hover {
            background-color: #4d5ec1;
        }

        .btn-indigo:focus, .btn-indigo.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-indigo:focus, .btn-indigo:active, .btn-indigo.active {
            background-color: #252f69;
        }

        .btn-indigo.dropdown-toggle {
            background-color: #3f51b5 !important;
        }

            .btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus {
                background-color: #4d5ec1 !important;
            }

        .btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active,
        .show > .btn-indigo.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #252f69 !important;
        }

            .btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus,
            .show > .btn-indigo.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .indigo-ic {
        color: #3f51b5 !important;
    }

        .indigo-ic:hover, .indigo-ic:focus {
            color: #3f51b5;
        }

    .btn-outline-indigo {
        border: 2px solid #3f51b5 !important;
        background-color: transparent !important;
        color: #3f51b5 !important;
    }

        .btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active {
            border-color: #3f51b5 !important;
            background-color: transparent !important;
            color: #3f51b5 !important;
        }

        .btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active,
        .show > .btn-outline-indigo.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #3f51b5 !important;
        }

            .btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-indigo.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-blue {
        background-color: #1976d2 !important;
        color: #fff !important;
    }

        .btn-blue:hover {
            background-color: #2083e4;
        }

        .btn-blue:focus, .btn-blue.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-blue:focus, .btn-blue:active, .btn-blue.active {
            background-color: #0e4377;
        }

        .btn-blue.dropdown-toggle {
            background-color: #1976d2 !important;
        }

            .btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus {
                background-color: #2083e4 !important;
            }

        .btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active,
        .show > .btn-blue.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #0e4377 !important;
        }

            .btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus,
            .show > .btn-blue.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .blue-ic {
        color: #1976d2 !important;
    }

        .blue-ic:hover, .blue-ic:focus {
            color: #1976d2;
        }

    .btn-outline-blue {
        border: 2px solid #1976d2 !important;
        background-color: transparent !important;
        color: #1976d2 !important;
    }

        .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active {
            border-color: #1976d2 !important;
            background-color: transparent !important;
            color: #1976d2 !important;
        }

        .btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active,
        .show > .btn-outline-blue.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #1976d2 !important;
        }

            .btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-blue.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-light-blue {
        background-color: #82b1ff !important;
        color: #fff !important;
    }

        .btn-light-blue:hover {
            background-color: #9cc1ff;
        }

        .btn-light-blue:focus, .btn-light-blue.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active {
            background-color: #1c71ff;
        }

        .btn-light-blue.dropdown-toggle {
            background-color: #82b1ff !important;
        }

            .btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus {
                background-color: #9cc1ff !important;
            }

        .btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active,
        .show > .btn-light-blue.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #1c71ff !important;
        }

            .btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus,
            .show > .btn-light-blue.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .light-blue-ic {
        color: #82b1ff !important;
    }

        .light-blue-ic:hover, .light-blue-ic:focus {
            color: #82b1ff;
        }

    .btn-outline-light-blue {
        border: 2px solid #82b1ff !important;
        background-color: transparent !important;
        color: #82b1ff !important;
    }

        .btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active {
            border-color: #82b1ff !important;
            background-color: transparent !important;
            color: #82b1ff !important;
        }

        .btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active,
        .show > .btn-outline-light-blue.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #82b1ff !important;
        }

            .btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-light-blue.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-cyan {
        background-color: #00bcd4 !important;
        color: #fff !important;
    }

        .btn-cyan:hover {
            background-color: #00d3ee;
        }

        .btn-cyan:focus, .btn-cyan.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active {
            background-color: #00626e;
        }

        .btn-cyan.dropdown-toggle {
            background-color: #00bcd4 !important;
        }

            .btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus {
                background-color: #00d3ee !important;
            }

        .btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active,
        .show > .btn-cyan.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #00626e !important;
        }

            .btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus,
            .show > .btn-cyan.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .cyan-ic {
        color: #00bcd4 !important;
    }

        .cyan-ic:hover, .cyan-ic:focus {
            color: #00bcd4;
        }

    .btn-outline-cyan {
        border: 2px solid #00bcd4 !important;
        background-color: transparent !important;
        color: #00bcd4 !important;
    }

        .btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active {
            border-color: #00bcd4 !important;
            background-color: transparent !important;
            color: #00bcd4 !important;
        }

        .btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active,
        .show > .btn-outline-cyan.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #00bcd4 !important;
        }

            .btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-cyan.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-teal {
        background-color: #00796b !important;
        color: #fff !important;
    }

        .btn-teal:hover {
            background-color: #009382;
        }

        .btn-teal:focus, .btn-teal.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-teal:focus, .btn-teal:active, .btn-teal.active {
            background-color: #001311;
        }

        .btn-teal.dropdown-toggle {
            background-color: #00796b !important;
        }

            .btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus {
                background-color: #009382 !important;
            }

        .btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active,
        .show > .btn-teal.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #001311 !important;
        }

            .btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus,
            .show > .btn-teal.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .teal-ic {
        color: #00796b !important;
    }

        .teal-ic:hover, .teal-ic:focus {
            color: #00796b;
        }

    .btn-outline-teal {
        border: 2px solid #00796b !important;
        background-color: transparent !important;
        color: #00796b !important;
    }

        .btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active {
            border-color: #00796b !important;
            background-color: transparent !important;
            color: #00796b !important;
        }

        .btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active,
        .show > .btn-outline-teal.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #00796b !important;
        }

            .btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-teal.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-green {
        background-color: #388e3c !important;
        color: #fff !important;
    }

        .btn-green:hover {
            background-color: #3fa044;
        }

        .btn-green:focus, .btn-green.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-green:focus, .btn-green:active, .btn-green.active {
            background-color: #1b451d;
        }

        .btn-green.dropdown-toggle {
            background-color: #388e3c !important;
        }

            .btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus {
                background-color: #3fa044 !important;
            }

        .btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active,
        .show > .btn-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #1b451d !important;
        }

            .btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus,
            .show > .btn-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .green-ic {
        color: #388e3c !important;
    }

        .green-ic:hover, .green-ic:focus {
            color: #388e3c;
        }

    .btn-outline-green {
        border: 2px solid #388e3c !important;
        background-color: transparent !important;
        color: #388e3c !important;
    }

        .btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active {
            border-color: #388e3c !important;
            background-color: transparent !important;
            color: #388e3c !important;
        }

        .btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active,
        .show > .btn-outline-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #388e3c !important;
        }

            .btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-light-green {
        background-color: #8bc34a !important;
        color: #fff !important;
    }

        .btn-light-green:hover {
            background-color: #97c95d;
        }

        .btn-light-green:focus, .btn-light-green.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-light-green:focus, .btn-light-green:active, .btn-light-green.active {
            background-color: #577d2a;
        }

        .btn-light-green.dropdown-toggle {
            background-color: #8bc34a !important;
        }

            .btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus {
                background-color: #97c95d !important;
            }

        .btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active,
        .show > .btn-light-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #577d2a !important;
        }

            .btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus,
            .show > .btn-light-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .light-green-ic {
        color: #8bc34a !important;
    }

        .light-green-ic:hover, .light-green-ic:focus {
            color: #8bc34a;
        }

    .btn-outline-light-green {
        border: 2px solid #8bc34a !important;
        background-color: transparent !important;
        color: #8bc34a !important;
    }

        .btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active {
            border-color: #8bc34a !important;
            background-color: transparent !important;
            color: #8bc34a !important;
        }

        .btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active,
        .show > .btn-outline-light-green.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #8bc34a !important;
        }

            .btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-light-green.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-lime {
        background-color: #afb42b !important;
        color: #fff !important;
    }

        .btn-lime:hover {
            background-color: #c3c930;
        }

        .btn-lime:focus, .btn-lime.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-lime:focus, .btn-lime:active, .btn-lime.active {
            background-color: #5f6217;
        }

        .btn-lime.dropdown-toggle {
            background-color: #afb42b !important;
        }

            .btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus {
                background-color: #c3c930 !important;
            }

        .btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active,
        .show > .btn-lime.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #5f6217 !important;
        }

            .btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus,
            .show > .btn-lime.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .lime-ic {
        color: #afb42b !important;
    }

        .lime-ic:hover, .lime-ic:focus {
            color: #afb42b;
        }

    .btn-outline-lime {
        border: 2px solid #afb42b !important;
        background-color: transparent !important;
        color: #afb42b !important;
    }

        .btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active {
            border-color: #afb42b !important;
            background-color: transparent !important;
            color: #afb42b !important;
        }

        .btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active,
        .show > .btn-outline-lime.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #afb42b !important;
        }

            .btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-lime.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-yellow {
        background-color: #fbc02d !important;
        color: #fff !important;
    }

        .btn-yellow:hover {
            background-color: #fbc846;
        }

        .btn-yellow:focus, .btn-yellow.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {
            background-color: #be8904;
        }

        .btn-yellow.dropdown-toggle {
            background-color: #fbc02d !important;
        }

            .btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus {
                background-color: #fbc846 !important;
            }

        .btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active,
        .show > .btn-yellow.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #be8904 !important;
        }

            .btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus,
            .show > .btn-yellow.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .yellow-ic {
        color: #fbc02d !important;
    }

        .yellow-ic:hover, .yellow-ic:focus {
            color: #fbc02d;
        }

    .btn-outline-yellow {
        border: 2px solid #fbc02d !important;
        background-color: transparent !important;
        color: #fbc02d !important;
    }

        .btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active {
            border-color: #fbc02d !important;
            background-color: transparent !important;
            color: #fbc02d !important;
        }

        .btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active,
        .show > .btn-outline-yellow.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #fbc02d !important;
        }

            .btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-yellow.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-amber {
        background-color: #ffa000 !important;
        color: #fff !important;
    }

        .btn-amber:hover {
            background-color: #ffaa1a;
        }

        .btn-amber:focus, .btn-amber.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-amber:focus, .btn-amber:active, .btn-amber.active {
            background-color: #996000;
        }

        .btn-amber.dropdown-toggle {
            background-color: #ffa000 !important;
        }

            .btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus {
                background-color: #ffaa1a !important;
            }

        .btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active,
        .show > .btn-amber.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #996000 !important;
        }

            .btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus,
            .show > .btn-amber.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .amber-ic {
        color: #ffa000 !important;
    }

        .amber-ic:hover, .amber-ic:focus {
            color: #ffa000;
        }

    .btn-outline-amber {
        border: 2px solid #ffa000 !important;
        background-color: transparent !important;
        color: #ffa000 !important;
    }

        .btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active {
            border-color: #ffa000 !important;
            background-color: transparent !important;
            color: #ffa000 !important;
        }

        .btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active,
        .show > .btn-outline-amber.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #ffa000 !important;
        }

            .btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-amber.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-orange {
        background-color: #f57c00 !important;
        color: #fff !important;
    }

        .btn-orange:hover {
            background-color: #ff8910;
        }

        .btn-orange:focus, .btn-orange.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-orange:focus, .btn-orange:active, .btn-orange.active {
            background-color: #8f4800;
        }

        .btn-orange.dropdown-toggle {
            background-color: #f57c00 !important;
        }

            .btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus {
                background-color: #ff8910 !important;
            }

        .btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active,
        .show > .btn-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #8f4800 !important;
        }

            .btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus,
            .show > .btn-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .orange-ic {
        color: #f57c00 !important;
    }

        .orange-ic:hover, .orange-ic:focus {
            color: #f57c00;
        }

    .btn-outline-orange {
        border: 2px solid #f57c00 !important;
        background-color: transparent !important;
        color: #f57c00 !important;
    }

        .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active {
            border-color: #f57c00 !important;
            background-color: transparent !important;
            color: #f57c00 !important;
        }

        .btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active,
        .show > .btn-outline-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #f57c00 !important;
        }

            .btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-deep-orange {
        background-color: #ff7043 !important;
        color: #fff !important;
    }

        .btn-deep-orange:hover {
            background-color: #ff835d;
        }

        .btn-deep-orange:focus, .btn-deep-orange.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active {
            background-color: #dc3500;
        }

        .btn-deep-orange.dropdown-toggle {
            background-color: #ff7043 !important;
        }

            .btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus {
                background-color: #ff835d !important;
            }

        .btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active,
        .show > .btn-deep-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #dc3500 !important;
        }

            .btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus,
            .show > .btn-deep-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .deep-orange-ic {
        color: #ff7043 !important;
    }

        .deep-orange-ic:hover, .deep-orange-ic:focus {
            color: #ff7043;
        }

    .btn-outline-deep-orange {
        border: 2px solid #ff7043 !important;
        background-color: transparent !important;
        color: #ff7043 !important;
    }

        .btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active {
            border-color: #ff7043 !important;
            background-color: transparent !important;
            color: #ff7043 !important;
        }

        .btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active,
        .show > .btn-outline-deep-orange.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #ff7043 !important;
        }

            .btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-deep-orange.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-brown {
        background-color: #795548 !important;
        color: #fff !important;
    }

        .btn-brown:hover {
            background-color: #896052;
        }

        .btn-brown:focus, .btn-brown.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-brown:focus, .btn-brown:active, .btn-brown.active {
            background-color: #392822;
        }

        .btn-brown.dropdown-toggle {
            background-color: #795548 !important;
        }

            .btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus {
                background-color: #896052 !important;
            }

        .btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active,
        .show > .btn-brown.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #392822 !important;
        }

            .btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus,
            .show > .btn-brown.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .brown-ic {
        color: #795548 !important;
    }

        .brown-ic:hover, .brown-ic:focus {
            color: #795548;
        }

    .btn-outline-brown {
        border: 2px solid #795548 !important;
        background-color: transparent !important;
        color: #795548 !important;
    }

        .btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active {
            border-color: #795548 !important;
            background-color: transparent !important;
            color: #795548 !important;
        }

        .btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active,
        .show > .btn-outline-brown.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #795548 !important;
        }

            .btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-brown.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-grey {
        background-color: #616161 !important;
        color: #fff !important;
    }

        .btn-grey:hover {
            background-color: #6e6e6e;
        }

        .btn-grey:focus, .btn-grey.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-grey:focus, .btn-grey:active, .btn-grey.active {
            background-color: #2e2e2e;
        }

        .btn-grey.dropdown-toggle {
            background-color: #616161 !important;
        }

            .btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus {
                background-color: #6e6e6e !important;
            }

        .btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active,
        .show > .btn-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #2e2e2e !important;
        }

            .btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus,
            .show > .btn-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .grey-ic {
        color: #616161 !important;
    }

        .grey-ic:hover, .grey-ic:focus {
            color: #616161;
        }

    .btn-outline-grey {
        border: 2px solid #616161 !important;
        background-color: transparent !important;
        color: #616161 !important;
    }

        .btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active {
            border-color: #616161 !important;
            background-color: transparent !important;
            color: #616161 !important;
        }

        .btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active,
        .show > .btn-outline-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #616161 !important;
        }

            .btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-blue-grey {
        background-color: #78909c !important;
        color: #fff !important;
    }

        .btn-blue-grey:hover {
            background-color: #879ca7;
        }

        .btn-blue-grey:focus, .btn-blue-grey.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active {
            background-color: #4a5b64;
        }

        .btn-blue-grey.dropdown-toggle {
            background-color: #78909c !important;
        }

            .btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus {
                background-color: #879ca7 !important;
            }

        .btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active,
        .show > .btn-blue-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #4a5b64 !important;
        }

            .btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus,
            .show > .btn-blue-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .blue-grey-ic {
        color: #78909c !important;
    }

        .blue-grey-ic:hover, .blue-grey-ic:focus {
            color: #78909c;
        }

    .btn-outline-blue-grey {
        border: 2px solid #78909c !important;
        background-color: transparent !important;
        color: #78909c !important;
    }

        .btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active {
            border-color: #78909c !important;
            background-color: transparent !important;
            color: #78909c !important;
        }

        .btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active,
        .show > .btn-outline-blue-grey.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #78909c !important;
        }

            .btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-blue-grey.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-dark {
        background-color: #212121 !important;
        color: #fff !important;
    }

        .btn-dark:hover {
            background-color: #2e2e2e;
        }

        .btn-dark:focus, .btn-dark.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-dark:focus, .btn-dark:active, .btn-dark.active {
            background-color: black;
        }

        .btn-dark.dropdown-toggle {
            background-color: #212121 !important;
        }

            .btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus {
                background-color: #2e2e2e !important;
            }

        .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
        .show > .btn-dark.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: black !important;
        }

            .btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus,
            .show > .btn-dark.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .dark-ic {
        color: #212121 !important;
    }

        .dark-ic:hover, .dark-ic:focus {
            color: #212121;
        }

    .btn-outline-dark {
        border: 2px solid #212121 !important;
        background-color: transparent !important;
        color: #212121 !important;
    }

        .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active {
            border-color: #212121 !important;
            background-color: transparent !important;
            color: #212121 !important;
        }

        .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
        .show > .btn-outline-dark.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #212121 !important;
        }

            .btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-dark.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-light {
        background-color: #e0e0e0 !important;
        color: #000 !important;
    }

        .btn-light:hover {
            background-color: #ededed;
        }

        .btn-light:focus, .btn-light.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-light:focus, .btn-light:active, .btn-light.active {
            background-color: #adadad;
        }

        .btn-light.dropdown-toggle {
            background-color: #e0e0e0 !important;
        }

            .btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus {
                background-color: #ededed !important;
            }

        .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
        .show > .btn-light.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #adadad !important;
        }

            .btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus,
            .show > .btn-light.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .light-ic {
        color: #e0e0e0 !important;
    }

        .light-ic:hover, .light-ic:focus {
            color: #e0e0e0;
        }

    .btn-outline-light {
        border: 2px solid #e0e0e0 !important;
        background-color: transparent !important;
        color: #e0e0e0 !important;
    }

        .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active {
            border-color: #e0e0e0 !important;
            background-color: transparent !important;
            color: #e0e0e0 !important;
        }

        .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
        .show > .btn-outline-light.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #e0e0e0 !important;
        }

            .btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-light.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-white {
        background-color: #fff !important;
        color: #000 !important;
    }

        .btn-white:hover {
            background-color: white;
        }

        .btn-white:focus, .btn-white.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-white:focus, .btn-white:active, .btn-white.active {
            background-color: #cccccc;
        }

        .btn-white.dropdown-toggle {
            background-color: #fff !important;
        }

            .btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus {
                background-color: white !important;
            }

        .btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active,
        .show > .btn-white.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: #cccccc !important;
        }

            .btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus,
            .show > .btn-white.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .white-ic {
        color: #fff !important;
    }

        .white-ic:hover, .white-ic:focus {
            color: #fff;
        }

    .btn-outline-white {
        border: 2px solid #fff !important;
        background-color: transparent !important;
        color: #fff !important;
    }

        .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active {
            border-color: #fff !important;
            background-color: transparent !important;
            color: #fff !important;
        }

        .btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active,
        .show > .btn-outline-white.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #fff !important;
        }

            .btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-white.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-black {
        background-color: #000 !important;
        color: #fff !important;
    }

        .btn-black:hover {
            background-color: #0d0d0d;
        }

        .btn-black:focus, .btn-black.focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

        .btn-black:focus, .btn-black:active, .btn-black.active {
            background-color: black;
        }

        .btn-black.dropdown-toggle {
            background-color: #000 !important;
        }

            .btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus {
                background-color: #0d0d0d !important;
            }

        .btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active,
        .show > .btn-black.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: black !important;
        }

            .btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus,
            .show > .btn-black.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .black-ic {
        color: #000 !important;
    }

        .black-ic:hover, .black-ic:focus {
            color: #000;
        }

    .btn-outline-black {
        border: 2px solid #000 !important;
        background-color: transparent !important;
        color: #000 !important;
    }

        .btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active {
            border-color: #000 !important;
            background-color: transparent !important;
            color: #000 !important;
        }

        .btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active,
        .show > .btn-outline-black.dropdown-toggle {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            background-color: transparent !important;
            border-color: #000 !important;
        }

            .btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus,
            .show > .btn-outline-black.dropdown-toggle:focus {
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

    .btn-labeled {
        position: relative;
        padding-left: 42px !important;
    }

        .btn-labeled > b {
            position: absolute;
            top: -1px;
            left: -1px;
            background-color: rgba(0,0,0,.15);
            display: block;
            line-height: 1;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            padding: 10px;
        }

    [class*="hi-icon-effect"] .btn.btn-success, [class*="hi-icon-effect"] .slick-dots li button.btn-success, .slick-dots li [class*="hi-icon-effect"] button.btn-success {
        display: inline-block;
        cursor: pointer;
        width: auto;
        height: auto;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #fff;
        background-color: #185537 !important;
        border-color: transparent !important;
        box-shadow: 0 0 0 2px #185537;
        -webkit-box-shadow: 0 0 0 2px #185537;
        -ms-box-shadow: 0 0 0 2px #185537;
        -moz-box-shadow: 0 0 0 2px #185537;
        -o-box-shadow: 0 0 0 2px #185537;
    }

        [class*="hi-icon-effect"] .btn.btn-success.btn-success:hover, [class*="hi-icon-effect"] .slick-dots li button.btn-success.btn-success:hover, .slick-dots li [class*="hi-icon-effect"] button.btn-success.btn-success:hover, [class*="hi-icon-effect"] .btn.btn-success.btn-success:focus, [class*="hi-icon-effect"] .slick-dots li button.btn-success.btn-success:focus, .slick-dots li [class*="hi-icon-effect"] button.btn-success.btn-success:focus {
            color: #185537 !important;
            background-color: #fff !important;
        }


        .form-control::-ms-expand {
            background-color: transparent;
            border: 0;
        }

        .form-control:focus {
            color: #5c6873;
            background-color: #fff;
            border-color: #8ad4ee;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
        }

        .form-control::-webkit-input-placeholder {
            color: #73818f;
            opacity: 1;
        }

        .form-control::-moz-placeholder {
            color: #73818f;
            opacity: 1;
        }

        .form-control:-ms-input-placeholder {
            color: #73818f;
            opacity: 1;
        }

        .form-control::-ms-input-placeholder {
            color: #73818f;
            opacity: 1;
        }

        .form-control::placeholder {
            color: #73818f;
            opacity: 1;
        }

        .form-control:disabled, .form-control[readonly] {
            background-color: #e4e7ea;
            opacity: 1;
        }

    select.form-control:focus::-ms-value {
        color: #5c6873;
        background-color: #fff;
    }

    .form-control-file,
    .form-control-range {
        display: block;
        width: 100%;
    }

    .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
    }

    .col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1.09375rem;
        line-height: 1.5;
    }

    .col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.765625rem;
        line-height: 1.5;
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        margin-bottom: 0;
        line-height: 1.5;
        color: #23282c;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }

        .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
            padding-right: 0;
            padding-left: 0;
        }

    .form-control-sm {
        height: calc(1.648438rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.765625rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    .form-control-lg {
        height: calc(2.640625rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1.09375rem;
        line-height: 1.5;
        border-radius: 0.3rem;
    }

    select.form-control[size], select.form-control[multiple] {
        height: auto;
    }

    textarea.form-control {
        height: auto;
    }

    .form-group {
        margin-bottom: 5px;
    }

    .form-text {
        display: block;
        margin-top: 0.25rem;
    }

    .form-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
    }

        .form-row > .col,
        .form-row > [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
        }

    .form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0.3rem;
        margin-left: -1.25rem;
    }

        .form-check-input:disabled ~ .form-check-label {
            color: #73818f;
        }

    .form-check-label {
        margin-bottom: 0;
    }

    .form-check-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem;
    }

        .form-check-inline .form-check-input {
            position: static;
            margin-top: 0;
            margin-right: 0.3125rem;
            margin-left: 0;
        }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #4dbd74;
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: .1rem;
        font-size: 0.765625rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(77, 189, 116, 0.9);
        border-radius: 0.25rem;
    }

    .was-validated .form-control:valid, .form-control.is-valid {
        border-color: #4dbd74;
        padding-right: 2.0625rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.0625rem / 4);
        background-size: calc(2.0625rem / 2) calc(2.0625rem / 2);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234dbd74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    }

        .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
            border-color: #4dbd74;
            box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
        }

        .was-validated .form-control:valid ~ .valid-feedback,
        .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
        .form-control.is-valid ~ .valid-tooltip {
            display: block;
        }

    .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
        padding-right: 2.0625rem;
        background-position: top calc(2.0625rem / 4) right calc(2.0625rem / 4);
    }

    .was-validated .custom-select:valid, .custom-select.is-valid {
        border-color: #4dbd74;
        padding-right: 3.296875rem;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%232f353a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234dbd74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.03125rem 1.03125rem;
    }

        .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
            border-color: #4dbd74;
            box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
        }

        .was-validated .custom-select:valid ~ .valid-feedback,
        .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
        .custom-select.is-valid ~ .valid-tooltip {
            display: block;
        }

    .was-validated .form-control-file:valid ~ .valid-feedback,
    .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
    .form-control-file.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: #4dbd74;
    }

    .was-validated .form-check-input:valid ~ .valid-feedback,
    .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
    .form-check-input.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
        color: #4dbd74;
    }

        .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
            border-color: #4dbd74;
        }

    .was-validated .custom-control-input:valid ~ .valid-feedback,
    .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
    .custom-control-input.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
        border-color: #72cb91;
        background-color: #72cb91;
    }

    .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
    }

    .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #4dbd74;
    }

    .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
        border-color: #4dbd74;
    }

    .was-validated .custom-file-input:valid ~ .valid-feedback,
    .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
    .custom-file-input.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
        border-color: #4dbd74;
        box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
    }

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #f86c6b;
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: .1rem;
        font-size: 0.765625rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(248, 108, 107, 0.9);
        border-radius: 0.25rem;
    }

    .was-validated .form-control:invalid, .form-control.is-invalid {
        border-color: #f86c6b;
        padding-right: 2.0625rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.0625rem / 4);
        background-size: calc(2.0625rem / 2) calc(2.0625rem / 2);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f86c6b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    }

        .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
            border-color: #f86c6b;
            box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
        }

        .was-validated .form-control:invalid ~ .invalid-feedback,
        .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
        .form-control.is-invalid ~ .invalid-tooltip {
            display: block;
        }

    .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
        padding-right: 2.0625rem;
        background-position: top calc(2.0625rem / 4) right calc(2.0625rem / 4);
    }

    .was-validated .custom-select:invalid, .custom-select.is-invalid {
        border-color: #f86c6b;
        padding-right: 3.296875rem;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%232f353a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f86c6b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.03125rem 1.03125rem;
    }

        .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
            border-color: #f86c6b;
            box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
        }

        .was-validated .custom-select:invalid ~ .invalid-feedback,
        .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
        .custom-select.is-invalid ~ .invalid-tooltip {
            display: block;
        }

    .was-validated .form-control-file:invalid ~ .invalid-feedback,
    .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
    .form-control-file.is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: #f86c6b;
    }

    .was-validated .form-check-input:invalid ~ .invalid-feedback,
    .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
    .form-check-input.is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
        color: #f86c6b;
    }

        .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
            border-color: #f86c6b;
        }

    .was-validated .custom-control-input:invalid ~ .invalid-feedback,
    .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
    .custom-control-input.is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
        border-color: #fa9c9c;
        background-color: #fa9c9c;
    }

    .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
    }

    .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #f86c6b;
    }

    .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
        border-color: #f86c6b;
    }

    .was-validated .custom-file-input:invalid ~ .invalid-feedback,
    .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
    .custom-file-input.is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
        border-color: #f86c6b;
        box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
    }





    /*div .btn:first-child {
    margin-left:0;
}*/

    @media screen and (prefers-reduced-motion: reduce) {
        .btn {
            transition: none;
        }
    }

    .btn:hover {
        color: #23282c;
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
    }

    .btn.disabled, .btn:disabled {
        opacity: 0.65;
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    a.btn.disabled,
    fieldset:disabled a.btn {
        pointer-events: none;
    }

    .btn-primary {
        color: #fff;
        background-color: #20a8d8;
        border-color: #20a8d8;
    }

        .btn-primary:hover {
            color: #fff;
            background-color: #1b8eb7;
            border-color: #1985ac;
        }

        .btn-primary:focus, .btn-primary.focus {
            box-shadow: 0 0 0 0.2rem rgba(65, 181, 222, 0.5);
        }

        .btn-primary.disabled, .btn-primary:disabled {
            color: #fff;
            background-color: #20a8d8;
            border-color: #20a8d8;
        }

        .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
        .show > .btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #1985ac;
            border-color: #187da0;
        }

            .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
            .show > .btn-primary.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(65, 181, 222, 0.5);
            }

    .btn-secondary {
        color: #23282c;
        background-color: #c8ced3;
        border-color: #c8ced3;
    }

        .btn-secondary:hover {
            color: #23282c;
            background-color: #b3bbc2;
            border-color: #acb5bc;
        }

        .btn-secondary:focus, .btn-secondary.focus {
            box-shadow: 0 0 0 0.2rem rgba(175, 181, 186, 0.5);
        }

        .btn-secondary.disabled, .btn-secondary:disabled {
            color: #23282c;
            background-color: #c8ced3;
            border-color: #c8ced3;
        }

        .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
        .show > .btn-secondary.dropdown-toggle {
            color: #23282c;
            background-color: #acb5bc;
            border-color: #a5aeb7;
        }

            .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
            .show > .btn-secondary.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(175, 181, 186, 0.5);
            }

    .btn-success {
        color: #fff;
        background-color: #4dbd74;
        border-color: #4dbd74;
    }

        .btn-success:hover {
            color: #fff;
            background-color: #3ea662;
            border-color: #3a9d5d;
        }

        .btn-success:focus, .btn-success.focus {
            box-shadow: 0 0 0 0.2rem rgba(104, 199, 137, 0.5);
        }

        .btn-success.disabled, .btn-success:disabled {
            color: #fff;
            background-color: #4dbd74;
            border-color: #4dbd74;
        }

        .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
        .show > .btn-success.dropdown-toggle {
            color: #fff;
            background-color: #3a9d5d;
            border-color: #379457;
        }

            .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
            .show > .btn-success.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(104, 199, 137, 0.5);
            }

    .btn-info {
        color: #23282c;
        background-color: #63c2de;
        border-color: #63c2de;
    }

        .btn-info:hover {
            color: #23282c;
            background-color: #43b6d7;
            border-color: #39b2d5;
        }

        .btn-info:focus, .btn-info.focus {
            box-shadow: 0 0 0 0.2rem rgba(89, 171, 195, 0.5);
        }

        .btn-info.disabled, .btn-info:disabled {
            color: #23282c;
            background-color: #63c2de;
            border-color: #63c2de;
        }

        .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
        .show > .btn-info.dropdown-toggle {
            color: #fff;
            background-color: #39b2d5;
            border-color: #2eadd3;
        }

            .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
            .show > .btn-info.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(89, 171, 195, 0.5);
            }

    .btn-warning {
        color: #23282c;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-warning:hover {
            color: #23282c;
            background-color: #e0a800;
            border-color: #d39e00;
        }

        .btn-warning:focus, .btn-warning.focus {
            box-shadow: 0 0 0 0.2rem rgba(222, 170, 13, 0.5);
        }

        .btn-warning.disabled, .btn-warning:disabled {
            color: #23282c;
            background-color: #ffc107;
            border-color: #ffc107;
        }

        .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
        .show > .btn-warning.dropdown-toggle {
            color: #23282c;
            background-color: #d39e00;
            border-color: #c69500;
        }

            .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
            .show > .btn-warning.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(222, 170, 13, 0.5);
            }

    .btn-danger {
        color: #fff;
        background-color: #f86c6b;
        border-color: #f86c6b;
    }

        .btn-danger:hover {
            color: #fff;
            background-color: #f64846;
            border-color: #f63c3a;
        }

        .btn-danger:focus, .btn-danger.focus {
            box-shadow: 0 0 0 0.2rem rgba(249, 130, 129, 0.5);
        }

        .btn-danger.disabled, .btn-danger:disabled {
            color: #fff;
            background-color: #f86c6b;
            border-color: #f86c6b;
        }

        .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
        .show > .btn-danger.dropdown-toggle {
            color: #fff;
            background-color: #f63c3a;
            border-color: #f5302e;
        }

            .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
            .show > .btn-danger.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(249, 130, 129, 0.5);
            }

    .btn-light {
        color: #23282c;
        background-color: #f0f3f5;
        border-color: #f0f3f5;
    }

        .btn-light:hover {
            color: #23282c;
            background-color: #d9e1e6;
            border-color: #d1dbe1;
        }

        .btn-light:focus, .btn-light.focus {
            box-shadow: 0 0 0 0.2rem rgba(209, 213, 215, 0.5);
        }

        .btn-light.disabled, .btn-light:disabled {
            color: #23282c;
            background-color: #f0f3f5;
            border-color: #f0f3f5;
        }

        .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
        .show > .btn-light.dropdown-toggle {
            color: #23282c;
            background-color: #d1dbe1;
            border-color: #cad4dc;
        }

            .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
            .show > .btn-light.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(209, 213, 215, 0.5);
            }

    .btn-dark {
        color: #fff;
        background-color: #2f353a;
        border-color: #2f353a;
    }

        .btn-dark:hover {
            color: #fff;
            background-color: #1e2225;
            border-color: #181b1e;
        }

        .btn-dark:focus, .btn-dark.focus {
            box-shadow: 0 0 0 0.2rem rgba(78, 83, 88, 0.5);
        }

        .btn-dark.disabled, .btn-dark:disabled {
            color: #fff;
            background-color: #2f353a;
            border-color: #2f353a;
        }

        .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
        .show > .btn-dark.dropdown-toggle {
            color: #fff;
            background-color: #181b1e;
            border-color: #121517;
        }

            .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
            .show > .btn-dark.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(78, 83, 88, 0.5);
            }

    .btn-outline-primary {
        color: #20a8d8;
        border-color: #20a8d8;
    }

        .btn-outline-primary:hover {
            color: #fff;
            background-color: #20a8d8;
            border-color: #20a8d8;
        }

        .btn-outline-primary:focus, .btn-outline-primary.focus {
            box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
        }

        .btn-outline-primary.disabled, .btn-outline-primary:disabled {
            color: #20a8d8;
            background-color: transparent;
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
        .show > .btn-outline-primary.dropdown-toggle {
            color: #fff;
            background-color: #20a8d8;
            border-color: #20a8d8;
        }

            .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-primary.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
            }

    .btn-outline-secondary {
        color: #c8ced3;
        border-color: #c8ced3;
    }

        .btn-outline-secondary:hover {
            color: #23282c;
            background-color: #c8ced3;
            border-color: #c8ced3;
        }

        .btn-outline-secondary:focus, .btn-outline-secondary.focus {
            box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
        }

        .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
            color: #c8ced3;
            background-color: transparent;
        }

        .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
        .show > .btn-outline-secondary.dropdown-toggle {
            color: #23282c;
            background-color: #c8ced3;
            border-color: #c8ced3;
        }

            .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-secondary.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
            }

    .btn-outline-success {
        color: #4dbd74;
        border-color: #4dbd74;
    }

        .btn-outline-success:hover {
            color: #fff;
            background-color: #4dbd74;
            border-color: #4dbd74;
        }

        .btn-outline-success:focus, .btn-outline-success.focus {
            box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
        }

        .btn-outline-success.disabled, .btn-outline-success:disabled {
            color: #4dbd74;
            background-color: transparent;
        }

        .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
        .show > .btn-outline-success.dropdown-toggle {
            color: #fff;
            background-color: #4dbd74;
            border-color: #4dbd74;
        }

            .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-success.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
            }

    .btn-outline-info {
        color: #63c2de;
        border-color: #63c2de;
    }

        .btn-outline-info:hover {
            color: #23282c;
            background-color: #63c2de;
            border-color: #63c2de;
        }

        .btn-outline-info:focus, .btn-outline-info.focus {
            box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
        }

        .btn-outline-info.disabled, .btn-outline-info:disabled {
            color: #63c2de;
            background-color: transparent;
        }

        .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
        .show > .btn-outline-info.dropdown-toggle {
            color: #23282c;
            background-color: #63c2de;
            border-color: #63c2de;
        }

            .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-info.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
            }

    .btn-outline-warning {
        color: #ffc107;
        border-color: #ffc107;
    }

        .btn-outline-warning:hover {
            color: #23282c;
            background-color: #ffc107;
            border-color: #ffc107;
        }

        .btn-outline-warning:focus, .btn-outline-warning.focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

        .btn-outline-warning.disabled, .btn-outline-warning:disabled {
            color: #ffc107;
            background-color: transparent;
        }

        .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
        .show > .btn-outline-warning.dropdown-toggle {
            color: #23282c;
            background-color: #ffc107;
            border-color: #ffc107;
        }

            .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-warning.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
            }

    .btn-outline-danger {
        color: #f86c6b;
        border-color: #f86c6b;
    }

        .btn-outline-danger:hover {
            color: #fff;
            background-color: #f86c6b;
            border-color: #f86c6b;
        }

        .btn-outline-danger:focus, .btn-outline-danger.focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
        }

        .btn-outline-danger.disabled, .btn-outline-danger:disabled {
            color: #f86c6b;
            background-color: transparent;
        }

        .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
        .show > .btn-outline-danger.dropdown-toggle {
            color: #fff;
            background-color: #f86c6b;
            border-color: #f86c6b;
        }

            .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-danger.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
            }

    .btn-outline-light {
        color: #f0f3f5;
        border-color: #f0f3f5;
    }

        .btn-outline-light:hover {
            color: #23282c;
            background-color: #f0f3f5;
            border-color: #f0f3f5;
        }

        .btn-outline-light:focus, .btn-outline-light.focus {
            box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
        }

        .btn-outline-light.disabled, .btn-outline-light:disabled {
            color: #f0f3f5;
            background-color: transparent;
        }

        .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
        .show > .btn-outline-light.dropdown-toggle {
            color: #23282c;
            background-color: #f0f3f5;
            border-color: #f0f3f5;
        }

            .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-light.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
            }

    .btn-outline-dark {
        color: #2f353a;
        border-color: #2f353a;
    }

        .btn-outline-dark:hover {
            color: #fff;
            background-color: #2f353a;
            border-color: #2f353a;
        }

        .btn-outline-dark:focus, .btn-outline-dark.focus {
            box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
        }

        .btn-outline-dark.disabled, .btn-outline-dark:disabled {
            color: #2f353a;
            background-color: transparent;
        }

        .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
        .show > .btn-outline-dark.dropdown-toggle {
            color: #fff;
            background-color: #2f353a;
            border-color: #2f353a;
        }

            .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-dark.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
            }

    .btn-link {
        font-weight: 400;
        color: #20a8d8;
    }

        .btn-link:hover {
            color: #167495;
            text-decoration: underline;
        }

        .btn-link:focus, .btn-link.focus {
            text-decoration: underline;
            box-shadow: none;
        }

        .btn-link:disabled, .btn-link.disabled {
            color: #73818f;
            pointer-events: none;
        }

    .btn-lg, .btn-group-lg > .btn {
        padding: 0.5rem 1rem;
        font-size: 1.09375rem;
        line-height: 1.5;
        border-radius: 0.3rem;
    }

    .btn-sm, .btn-group-sm > .btn {
        line-height: 1.2;
        border-radius: 2px;
    }

    .btn-block {
        display: block;
        width: 100%;
    }

        .btn-block + .btn-block {
            margin-top: 0.5rem;
        }

    .btn-put {
        background-color: #f50 !important;
        color: #fff !important;
    }

        .btn-put:hover, .btn-edit:hover {
            background-color: #ff941a;
        }

        .btn-put.focus, .btn-put:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

        .btn-put.active, .btn-put:active, .btn-put:focus {
            background-color: #995200;
        }

        .btn-put.dropdown-toggle {
            background-color: #f80 !important;
        }

        .btn-put:before {
            content: "\f0ab";
            padding-right: 10px;
            font-family: "Font Awesome 5 Pro";
        }

    input[type="submit"].btn-block,
    input[type="reset"].btn-block,
    input[type="button"].btn-block {
        width: 100%;
    }


    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }

        .btn-group > .btn,
        .btn-group-vertical > .btn {
            position: relative;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

            .btn-group > .btn:hover,
            .btn-group-vertical > .btn:hover {
                z-index: 1;
            }

            .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
            .btn-group-vertical > .btn:focus,
            .btn-group-vertical > .btn:active,
            .btn-group-vertical > .btn.active {
                z-index: 1;
            }

    .btn-toolbar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .btn-toolbar .input-group {
            width: auto;
        }

    .btn-group > .btn:not(:first-child),
    .btn-group > .btn-group:not(:first-child) {
        margin-left: -1px;
    }

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn:not(:first-child),
    .btn-group > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dropdown-toggle-split {
        padding-right: 0.5625rem;
        padding-left: 0.5625rem;
    }

        .dropdown-toggle-split::after,
        .dropup .dropdown-toggle-split::after,
        .dropright .dropdown-toggle-split::after {
            margin-left: 0;
        }

    .dropleft .dropdown-toggle-split::before {
        margin-right: 0;
    }

    .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }

    .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .btn-group-vertical {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .btn-group-vertical > .btn,
        .btn-group-vertical > .btn-group {
            width: 100%;
        }

            .btn-group-vertical > .btn:not(:first-child),
            .btn-group-vertical > .btn-group:not(:first-child) {
                margin-top: -1px;
            }

            .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
            .btn-group-vertical > .btn-group:not(:last-child) > .btn {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .btn-group-vertical > .btn:not(:first-child),
            .btn-group-vertical > .btn-group:not(:first-child) > .btn {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

    .btn-group-toggle > .btn,
    .btn-group-toggle > .btn-group > .btn {
        margin-bottom: 0;
    }

        .btn-group-toggle > .btn input[type="radio"],
        .btn-group-toggle > .btn input[type="checkbox"],
        .btn-group-toggle > .btn-group > .btn input[type="radio"],
        .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
        }


    .custom-control {
        position: relative;
        display: block;
        min-height: 1.3125rem;
        padding-left: 1.5rem;
    }

    .custom-control-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 1rem;
    }

    .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        .custom-control-input:checked ~ .custom-control-label::before {
            color: #fff;
            border-color: #20a8d8;
            background-color: #20a8d8;
        }

        .custom-control-input:focus ~ .custom-control-label::before {
            box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
        }

        .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
            border-color: #8ad4ee;
        }

        .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
            color: #fff;
            background-color: #b6e4f4;
            border-color: #b6e4f4;
        }

        .custom-control-input:disabled ~ .custom-control-label {
            color: #73818f;
        }

            .custom-control-input:disabled ~ .custom-control-label::before {
                background-color: #e4e7ea;
            }

    .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
    }

        .custom-control-label::before {
            position: absolute;
            top: 0.15625rem;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            pointer-events: none;
            content: "";
            background-color: #fff;
            border: #8f9ba6 solid 1px;
        }

        .custom-control-label::after {
            position: absolute;
            top: 0.15625rem;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 50% 50%;
        }

    .custom-checkbox .custom-control-label::before {
        border-radius: 0.25rem;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
        border-color: #20a8d8;
        background-color: #20a8d8;
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
    }

    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(32, 168, 216, 0.5);
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(32, 168, 216, 0.5);
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(32, 168, 216, 0.5);
    }

    .custom-switch {
        padding-left: 2.25rem;
    }

        .custom-switch .custom-control-label::before {
            left: -2.25rem;
            width: 1.75rem;
            pointer-events: all;
            border-radius: 0.5rem;
        }

        .custom-switch .custom-control-label::after {
            top: calc(0.15625rem + 2px);
            left: calc(-2.25rem + 2px);
            width: calc(1rem - 4px);
            height: calc(1rem - 4px);
            background-color: #8f9ba6;
            border-radius: 0.5rem;
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        }

    @media screen and (prefers-reduced-motion: reduce) {
        .custom-switch .custom-control-label::after {
            transition: none;
        }
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #fff;
        -webkit-transform: translateX(0.75rem);
        transform: translateX(0.75rem);
    }

    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(32, 168, 216, 0.5);
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        padding: 3px 10px 3px 3px;
        margin-top: -4px;
        min-height: 31px;
        font-weight: 400;
        line-height: 1.5;
        color: #5c6873;
        vertical-align: middle;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%232f353a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
        background-color: #fff;
        border: 1px solid #e4e7ea;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .custom-select:focus {
            border-color: #8ad4ee;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(138, 212, 238, 0.5);
        }

            .custom-select:focus::-ms-value {
                color: #5c6873;
                background-color: #fff;
            }

        .custom-select[multiple], .custom-select[size]:not([size="1"]) {
            height: auto;
            padding-right: 0.75rem;
            background-image: none;
        }

        .custom-select:disabled {
            color: #73818f;
            background-color: #e4e7ea;
        }

        .custom-select::-ms-expand {
            opacity: 0;
        }

    .custom-select-sm {
        height: calc(1.648438rem + 2px);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        font-size: 0.765625rem;
    }

    .custom-select-lg {
        height: calc(2.640625rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        font-size: 1.09375rem;
    }

    .custom-file {
        position: relative;
        display: inline-block;
        width: 100%;
        height: calc(2.0625rem + 2px);
        margin-bottom: 0;
    }

    .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: calc(2.0625rem + 2px);
        margin: 0;
        opacity: 0;
    }

        .custom-file-input:focus ~ .custom-file-label {
            border-color: #8ad4ee;
            box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
        }

        .custom-file-input:disabled ~ .custom-file-label {
            background-color: #e4e7ea;
        }

        .custom-file-input:lang(en) ~ .custom-file-label::after {
            content: "Browse";
        }

        .custom-file-input ~ .custom-file-label[data-browse]::after {
            content: attr(data-browse);
        }

    .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        height: calc(2.0625rem + 2px);
        padding: 0.375rem 0.75rem;
        font-weight: 400;
        line-height: 1.5;
        color: #5c6873;
        background-color: #fff;
        border: 1px solid #e4e7ea;
        border-radius: 0.25rem;
    }

        .custom-file-label::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            display: block;
            height: 2.0625rem;
            padding: 0.375rem 0.75rem;
            line-height: 1.5;
            color: #5c6873;
            content: "Browse";
            background-color: #f0f3f5;
            border-left: inherit;
            border-radius: 0 0.25rem 0.25rem 0;
        }

    .custom-range {
        width: 100%;
        height: calc(1rem + 0.4rem);
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .custom-range:focus {
            outline: none;
        }

            .custom-range:focus::-webkit-slider-thumb {
                box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
            }

            .custom-range:focus::-moz-range-thumb {
                box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
            }

            .custom-range:focus::-ms-thumb {
                box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
            }

        .custom-range::-moz-focus-outer {
            border: 0;
        }

        .custom-range::-webkit-slider-thumb {
            width: 1rem;
            height: 1rem;
            margin-top: -0.25rem;
            background-color: #20a8d8;
            border: 0;
            border-radius: 1rem;
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            -webkit-appearance: none;
            appearance: none;
        }

    @media screen and (prefers-reduced-motion: reduce) {
        .custom-range::-webkit-slider-thumb {
            transition: none;
        }
    }

    .custom-range::-webkit-slider-thumb:active {
        background-color: #b6e4f4;
    }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #c8ced3;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #20a8d8;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -moz-appearance: none;
        appearance: none;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .custom-range::-moz-range-thumb {
            transition: none;
        }
    }

    .custom-range::-moz-range-thumb:active {
        background-color: #b6e4f4;
    }

    .custom-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #c8ced3;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        background-color: #20a8d8;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .custom-range::-ms-thumb {
            transition: none;
        }
    }

    .custom-range::-ms-thumb:active {
        background-color: #b6e4f4;
    }

    .custom-range::-ms-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.5rem;
    }

    .custom-range::-ms-fill-lower {
        background-color: #c8ced3;
        border-radius: 1rem;
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #c8ced3;
        border-radius: 1rem;
    }

    .custom-range:disabled::-webkit-slider-thumb {
        background-color: #8f9ba6;
    }

    .custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default;
    }

    .custom-range:disabled::-moz-range-thumb {
        background-color: #8f9ba6;
    }

    .custom-range:disabled::-moz-range-track {
        cursor: default;
    }

    .custom-range:disabled::-ms-thumb {
        background-color: #8f9ba6;
    }

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .custom-control-label::before,
        .custom-file-label,
        .custom-select {
            transition: none;
        }
    }

    .cur {
        cursor: pointer;
    }

    .img_warp img {
        background: url('/Images/placeholder_img.jpg');
        display: block;
        height: 100px;
        width: 100px;
        background-size: 100px 100px;
    }

    .detail-cong-viec table tr th {
        background: #009d4e;
        color: #fff;
    }

    .detail-cong-viec table tr td, .detail-cong-viec table tr th {
        border: 1px solid #dfdfdf;
        padding: 4px;
    }

    .messager-body .messager-input {
        padding: 2px 4px !important;
        border: 1px solid #95B8E7 !important;
        border-radius: 3px;
        color: #333333;
    }

    #tblDanhSach tbody td {
        cursor: pointer;
    }

    #noteAdmin {
        padding: 8px;
        border: 1px solid #ddd;
        background: #fff3e0;
        color: #3e2723;
        position: absolute;
        cursor: pointer;
        top: 3px;
        right: 15px;
        width: 100px;
        min-width: 100px;
        z-index: 999;
        height: 37px;
        overflow: hidden;
    }

        #noteAdmin h2 {
            font-size: 18px;
        }

        #noteAdmin li {
            color: #009cda;
        }

    #noteAdminExpand {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    #tblDanhSach .item.st-2 {
        color: red !important;
    }

        #tblDanhSach .item.st-2 a {
            color: red !important;
        }

    #tblDanhSach .item.st-0 {
        color: green !important;
    }

        #tblDanhSach .item.st-0 a {
            color: green !important;
        }

        #tblDanhSach .item.st-0 select {
            background-color: rgba(77, 189, 116, 0.7) !important;
            color: #fff;
        }

    #tblDanhSach .item.st-4 select {
        background-color: rgba(15, 80, 101, 0.32) !important;
    }

    #tblDanhSach .item.st-1 select {
        background-color: rgba(128, 243, 247, 0.32) !important;
    }

    #tblDanhSach .item.st-2 select {
        background-color: rgb(255, 136, 0.8) !important;
        color: #fff;
    }

    #tblDanhSach .custom-select:disabled {
        background-image: none;
    }

    /*S Media*/
    [data-columns="1"] .attachment {
        width: 100%;
    }

    [data-columns="2"] .attachment {
        width: 50%;
    }

    [data-columns="3"] .attachment {
        width: 33.33%;
    }

    [data-columns="4"] .attachment {
        width: 25%;
    }

    [data-columns="5"] .attachment {
        width: 20%;
    }

    [data-columns="6"] .attachment {
        width: 16.66%;
    }

    [data-columns="7"] .attachment {
        width: 14.28%;
    }

    [data-columns="8"] .attachment {
        width: 12.5%;
    }

    [data-columns="9"] .attachment {
        width: 11.11%;
    }

    [data-columns="10"] .attachment {
        width: 10%;
    }

    [data-columns="11"] .attachment {
        width: 9.09%;
    }

    [data-columns="12"] .attachment {
        width: 8.33%;
    }

    .pagePPContainer {
        width: auto !important;
    }

        .pagePPContainer .card-body {
            height: calc(95vh - 140px) !important;
        }

    .media-sidebar {
        /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 310px;*/
        /*padding: 0 10px 24px;*/
        z-index: 75;
        background: #f3f3f3;
        border-left: 1px solid #ddd;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        .media-sidebar .content-tag .tagbox {
            width: 100% !important;
        }

        .media-sidebar h2, .media-sidebar h3 {
            position: relative;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px;
            color: #666;
            margin: 10px 0 8px;
        }

    .attachments-browser {
        height: 100%;
    }

        .attachments-browser .attachments, .attachments-browser .uploader-inline {
            overflow: auto;
            outline: 0;
            height: calc(100% - 35px);
            overflow-x: hidden;
            display: flex;
            flex-wrap: wrap;
            align-content: start;
            width: 100%;
        }

    li.attachment {
        position: relative;
        padding: 8px;
        margin: 0;
        color: #444;
        cursor: pointer;
        list-style: none;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 25%;
        box-sizing: border-box;
        display: inline-block;
        float: left;
    }

        li.attachment .thumbnail .centered {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: translate(50%,50%);
        }

        li.attachment .thumbnail {
            overflow: hidden;
            position: absolute;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            padding: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 1;
            transition: opacity .1s;
        }

        li.attachment .attachment-preview {
            position: relative;
            box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
            background: #eee;
            cursor: pointer;
            min-height: 100px;
            height: 100%;
        }

    .attachment .thumbnail .centered img {
        transform: translate(-50%,-50%);
        position: absolute;
        top: 0;
        left: 0;
        max-height: 100%;
    }

    .attachment.details .check, .attachment.selected .check:focus, .attachment.selected .check {
        background-color: #0073aa;
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0073aa;
    }

    .attachment .check {
        display: block;
        height: 21px;
        width: 21px;
        padding: 0;
        border: 0;
        position: absolute;
        z-index: 10;
        top: 5px;
        right: 5px;
        outline: 0;
        background: #0073aa;
        cursor: pointer;
        margin: 0;
    }

    .attachment .un-check {
        display: block;
        height: 20px;
        width: 20px;
        padding: 0;
        border: 0;
        position: absolute;
        z-index: 9;
        top: 5px;
        right: 5px;
        outline: 0;
        background: #0073aa;
        cursor: pointer;
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0,0,0,.15);
    }

    .attachment-info {
        overflow: hidden;
        padding-left: 5px;
        min-height: 60px;
        margin-bottom: 5px;
        line-height: 18px;
        color: #666;
        border-bottom: 1px solid #ddd;
        padding-bottom: 11px;
        width: 100%;
    }

        .attachment-info .thumbnail {
            position: relative;
            float: left;
            width: 120px;
            height: 120px;
            margin-top: 5px;
            margin-bottom: 5px;
            overflow: hidden;
            display: table-cell;
        }

            .attachment-info .thumbnail img {
                position: absolute;
                top: 0;
                left: 0;
                display: inline;
                max-width: 120px;
                max-height: 120px;
                margin: 0 auto;
                vertical-align: middle;
            }

    .thumbnail .centered {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translate(50%,50%);
    }

        .thumbnail .centered img {
            transform: translate(-50%,-50%);
            position: absolute;
            top: 0;
            left: 0;
            max-height: 100%;
        }

    .attachment-info .details {
        float: left;
        font-size: 12px;
        max-width: 100%;
    }

    .attachment-details .setting span.label, .media-sidebar .setting span.label {
        margin-right: 4%;
        font-size: 12px;
        text-align: right;
        word-wrap: break-word;
    }

    .media-sidebar {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        font-size: 12px;
    }

    .media-frame .input[type=text], .media-input[type=text] {
        font-size: 14px;
        line-height: 17px;
        border-width: 1px;
        border-style: solid;
        border-color: #ddd;
    }


    .attachment-details .setting, .media-sidebar .setting {
        width: 100%;
    }

        .media-sidebar .setting .input {
            box-sizing: border-box;
            margin: 1px;
            width: 100%;
            font-weight: 400;
        }

        .attachment-details .setting + .description {
            clear: both;
            font-size: 13px;
            font-style: normal;
            margin-bottom: .5em;
        }

        .media-sidebar .setting .name {
            max-width: 100%;
        }

        .attachment-details .setting span.label,
        .compat-item label span.label,
        .media-sidebar .setting span.label {
            float: left;
            min-height: 22px;
            padding-top: 8px;
            line-height: 16px;
            font-weight: 400;
            color: #666;
        }

    .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important;
    }

    .listTypeMI select {
        width: 100%;
        font-size: 12px;
        height: 150px;
    }


    /* width */
    .attachment::-webkit-scrollbar {
        width: 5px;
    }
    /* Track */
    .attachment::-webkit-scrollbar-track {
        background: #F8F8F8;
    }
    /* Handle */
    .attachment::-webkit-scrollbar-thumb {
        background: #e8e8e8;
    }
        /* Handle on hover */
        .attachment::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


    /*8888888888*/
    .file-field {
        position: relative;
    }

        .file-field .btn {
            line-height: 19px;
            display: inline-block;
            float: left;
        }

        .file-field.inline {
            position: relative;
            display: inline-block;
        }

        .file-field span {
            cursor: pointer;
        }

        .file-field input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 150%;
            padding: 0;
            margin: 0;
            cursor: pointer;
            opacity: 0;
        }

        .file-field .file-path-wrapper {
            padding-left: 10px;
            overflow: hidden;
            width: calc(100% - 0px);
            float: left;
        }

        .file-field.inline .file-path-wrapper {
            display: none;
        }

        .file-field input.file-path {
            width: 100%;
            height: 28px;
        }

        .file-field input[type=text]:not(.browser-default) {
            box-sizing: content-box;
            background-color: transparent;
            border: none;
            border-top-color: initial;
            border-top-style: none;
            border-top-width: initial;
            border-right-color: initial;
            border-right-style: none;
            border-right-width: initial;
            border-bottom-color: rgb(206, 212, 218);
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-left-color: initial;
            border-left-style: none;
            border-left-width: initial;
            border-image-source: initial;
            border-image-slice: initial;
            border-image-width: initial;
            border-image-outset: initial;
            border-image-repeat: initial;
            border-bottom: 1px solid #ced4da;
            border-radius: 0;
            outline: 0;
            box-shadow: none;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

        .file-field.inline input[type=text]:not(.browser-default) {
            display: inline-block;
            height: 15px;
        }

        .file-field div.btn {
            cursor: pointer;
        }

        .file-field .btn {
            margin: 2px;
            color: inherit;
            word-wrap: break-word;
            white-space: normal;
            cursor: pointer;
            border: 0;
            border-radius: .125rem;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

        .file-field .bootstrap-filestyle {
            display: none;
        }

    .media-toolbar {
        position: relative;
        padding-left: 95px;
    }

        .media-toolbar::after {
            height: 1px;
            clear: both;
        }

        .media-toolbar .file-field {
            position: absolute;
            left: 5px;
            top: -1px;
        }

    .post-body .tbInfo-row {
        text-align: left;
    }

    .text-green {
        color: green;
    }

    /*E Media*/
    .fa, .fab, .fad, .fal, .far, .fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1
    }

    .fa-lg {
        font-size: 1.33333em;
        line-height: .75em;
        vertical-align: -.0667em
    }

    .fa-xs {
        font-size: .75em
    }

    .fa-sm {
        font-size: .875em
    }

    .fa-1x {
        font-size: 1em
    }

    .fa-2x {
        font-size: 2em
    }

    .fa-3x {
        font-size: 3em
    }

    .fa-4x {
        font-size: 4em
    }

    .fa-5x {
        font-size: 5em
    }

    .fa-6x {
        font-size: 6em
    }

    .fa-7x {
        font-size: 7em
    }

    .fa-8x {
        font-size: 8em
    }

    .fa-9x {
        font-size: 9em
    }

    .fa-10x {
        font-size: 10em
    }

    .fa-fw {
        text-align: center;
        width: 1.25em
    }

    .fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0
    }

        .fa-ul > li {
            position: relative
        }

    .fa-li {
        left: -2em;
        position: absolute;
        text-align: center;
        width: 2em;
        line-height: inherit
    }

    .fa-border {
        border: .08em solid #eee;
        border-radius: .1em;
        padding: .2em .25em .15em
    }

    .fa-pull-left {
        float: left
    }

    .fa-pull-right {
        float: right
    }

    .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
        margin-right: .3em
    }

    .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
        margin-left: .3em
    }

    .fa-spin {
        -webkit-animation: fa-spin 2s linear infinite;
        animation: fa-spin 2s linear infinite
    }

    .fa-pulse {
        -webkit-animation: fa-spin 1s steps(8) infinite;
        animation: fa-spin 1s steps(8) infinite
    }

    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .fa-rotate-90 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .fa-rotate-180 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fa-rotate-270 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .fa-flip-horizontal {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .fa-flip-vertical {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }

    .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
    }

    .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
        -webkit-transform: scale(-1);
        transform: scale(-1)
    }

    :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
        -webkit-filter: none;
        filter: none
    }

    .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2.5em
    }

    .fa-stack-1x, .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .fa-stack-1x {
        line-height: inherit
    }

    .fa-stack-2x {
        font-size: 2em
    }

    .fa-inverse {
        color: #fff
    }

    .fa-500px:before {
        content: "\f26e"
    }

    .fa-accessible-icon:before {
        content: "\f368"
    }

    .fa-accusoft:before {
        content: "\f369"
    }

    .fa-acquisitions-incorporated:before {
        content: "\f6af"
    }

    .fa-ad:before {
        content: "\f641"
    }

    .fa-address-book:before {
        content: "\f2b9"
    }

    .input-select2 {
        display: flex;
        flex-wrap: wrap;
    }

        .input-select2 > .select2-container {
            margin-right: 0px !important;
            margin-bottom: 0px !important;
            width: 100% !important;
            float: left;
        }

        .input-select2 .select2-container--default .select2-selection--multiple {
            border: 1px solid #e1e1e1;
            border-radius: 0px;
            min-height: 34px;
        }

        .input-select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
            border: solid 1px #92c0e0;
            outline: 0;
        }

        .input-select2.input-select2--SelectDM > .select2-container {
            width: 100% !important;
        }

        .input-select2.show_add > .select2-container {
            width: calc(100% - 35px) !important;
        }

        .input-select2 .btn-Add {
            display: none;
        }

        .input-select2.show_add .btn-Add {
            float: left;
            display: inline-block
        }

            .input-select2.show_add .btn-Add .input-group-text {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                padding: 0.375rem 0;
                margin-bottom: 0;
                font-size: 0.875rem;
                font-weight: 400;
                line-height: 1.5;
                color: green;
                text-align: center;
                white-space: nowrap;
                cursor: pointer;
                background: none !important;
                border: none;
            }



    .tox-tinymce-aux {
        z-index: 99999 !important;
    }

    .tox-notifications-container {
        display: none !important;
    }

    .tdMain {
        min-width: 100px;
    }

    .top-1 {
        z-index: 9999991 !important;
    }

    .top-2 {
        z-index: 9999992 !important;
    }

    .top-3 {
        z-index: 9999993 !important;
    }

    .top-4 {
        z-index: 9999994 !important;
    }

    .top-top {
        z-index: 9999999 !important;
    }

    .top-top-1 {
        z-index: 99999991 !important;
    }

    .top-top-2 {
        z-index: 99999992 !important;
    }

    .winfix {
        position: fixed !important;
    }

    .optHide {
        display: none
    }

    .optReName {
        position: absolute;
        right: 12px;
        top: -7px;
        cursor: pointer;
        display: block;
        padding: 15px;
    }

    .select2-container--open {
        z-index: 9999
    }

    .td-box {
        text-align: center;
        padding: 3px 0 !important;
        position: relative;
    }

        .td-box input {
            position: absolute;
            left: 2px;
            top: 3px;
        }

    .InputDM_ListRadio {
        display: inline-block;
        float: left
    }

    .w-auto {
        width: auto !important
    }

        .w-auto .InputDM_ListRadio {
            width: auto !important;
        }

    .w-200 {
        width: 200px;
    }

    .w-150 {
        width: 150px;
    }

    .hide {
        display: none;
    }

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

        .form-group-inline label, .form-group-inline .form-control {
            display: inline
        }

    .form-group-list {
        display: inline-block;
        position: relative;
        margin-right: 10px;
        float: left;
    }

        .form-group-list label {
            color: #999;
        }
    /*
.input-select2 {
    width: 250px;
    display: block;
}

    .input-select2.show_add .btn-Add {
    }

        .input-select2.show_add .btn-Add .input-group-text {
            background: none;
            border: none;
            color: #006228
        }

    .input-select2 .select2-container {
        width: 100% !important
    }
*/
    .select2-results .optEdit {
        position: absolute;
        right: 0px;
        top: -7px;
        cursor: pointer;
        display: block;
        padding: 5px;
    }

    .select2-results li {
        position: relative;
    }

    .ib, .admin .ib, .login .ib {
        display: inline-block;
    }

    .w-120 {
        width: 120px !important;
    }

    .w-150 {
        width: 150px !important;
    }

    .w-250 {
        width: 250px !important;
    }

    .ib-search, .admin .ib-search, .login .ib-search {
        display: inline-block;
        margin-right: 5px;
    }

    .ui-album {
        position: relative;
        padding: 16px 0;
        margin: 0 0 -10px -10px;
        height: 440px;
        overflow-x: hidden;
    }

        .ui-album .slide-item {
            width: 33.33%;
            float: left;
            padding-left: 10px;
            margin: 0 0 11px;
            box-sizing: border-box;
            position: relative;
            cursor: move;
            opacity: 1;
            overflow: hidden;
        }

        .ui-album .ui-sortable-placeholder {
            width: 33.33%;
            height: 112px;
        }

        .ui-album .slide-item a {
            position: relative;
            display: block;
            background: #fff;
            width: 100%;
            padding: 0 0 66%;
            flex-shrink: 0;
        }

            .ui-album .slide-item a:before {
                z-index: 1;
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border: 1px solid #dfe1e5;
                border-radius: 4px;
            }

        .ui-album .slide-item img {
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            display: block;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
        }

        .ui-album .slide-overlay {
            left: 10px;
            top: 0;
            z-index: 3;
            background: rgba(49,55,61,.75);
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity .1s ease-in-out;
        }

        .ui-album .slide-item:hover .slide-overlay {
            opacity: 1;
        }

        .ui-album .slide-overlay-actions {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .ui-album .btn-link {
            padding: 8px 4px;
            display: block;
            line-height: 0;
            text-align: center;
            cursor: pointer;
        }

    .admin .album-wrapp {
        padding: 5px;
        background: #fff3e0;
    }

    .admin .msgBox {
        top: 20px !important;
    }

    .admin .fa-pencil-square-o, .admin .fa-plus {
        cursor: pointer
    }

    .dataTables_wrapper .row:first-child {
        margin-bottom: 10px;
    }

    .thumb100 img {
        max-width: 100px;
        max-height: 100px;
    }

    div.upload-box {
        position: relative;
        overflow: hidden;
    }

    .description-product .box-form > div.upload-box .image-previews {
        display: block;
    }

    .description-product .box-form > div.upload-box input[type='file'] {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        opacity: 0;
        cursor: pointer;
    }

    div.upload-box {
        margin-top: 10px;
    }

        div.upload-box label {
            background: #ccc;
            display: inline-block;
            font-size: 14px;
            min-width: 138px;
            padding: 3px 3px 3px 10px;
            color: #000;
            border: 1px solid #999;
            line-height: 20px;
            margin-right: 3px;
        }

        div.upload-box input[type='file'] {
            position: absolute;
            width: 100%;
            top: 0;
            bottom: 0;
            opacity: 0;
            cursor: pointer;
        }

        div.upload-box .image-previews {
            display: block;
        }


    .form-sl {
        position: relative;
    }

        .form-sl a {
            position: absolute;
            right: 5px;
            top: 5px;
        }

    @keyframes fa1-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        10% {
            -webkit-transform: rotate(0.1turn);
            transform: rotate(0.1turn)
        }

        20% {
            -webkit-transform: rotate(0.2turn);
            transform: rotate(0.2turn)
        }

        20% {
            -webkit-transform: rotate(0.2turn);
            transform: rotate(0.2turn)
        }

        to {
            -webkit-transform: rotate(0.2turn);
            transform: rotate(0.1turn)
        }
    }

    .fa1-spin {
        animation: fa-spin 60s infinite linear
    }



    .line-control {
        display: flex;
        height: 34px;
        margin-bottom: 10px;
        gap: 15px;
    }

    .search-control {
        display: flex;
        height: 34px;
        margin-bottom: 10px;
    }

        .search-control .select2-container {
            margin-right: 0px !important;
            margin-bottom: 0px !important;
        }

        .search-control .form-group, .line-control .form-group {
            height: 31px;
            display: inline-flex;
            gap: 7px;
            margin-bottom: 0;
        }

    .search-control-item {
        display: inline-flex;
        position: relative
    }

        .search-control-item label {
            display: inline;
            float: left;
        }

        .search-control-item label {
            display: inline-block;
            float: left;
        }

        .search-control-item .select2-container--default .select2-selection--single {
            height: 31px !important;
        }

        .search-control-item .input-select2 > .select2-container {
            margin-top: 6px !important
        }


    .search-control input, .search-control select {
        font-size: 14px;
    }

    .lh34 {
        line-height: 34px;
    }

    .fs20 {
        font-size: 20px;
    }

    .tagbox-label {
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .admin .card-header {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
    }

    .fa-close:before {
        content: "\f00d";
    }

    .fa-trash-o:before {
        content: "\f00d";
    }

    .fs-small {
        font-size: 14px;
    }

    .fs-small-2 {
        font-size: 10px;
    }