{"version":3,"sources":["../scss/_variables.scss","datatable/css/buttons.dataTables.min.scss"],"names":[],"mappings":"AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;AC3EA;EACI;IACI;;;AAIR;EACI;IACI;IACA;;;AAIR;EACI;IACI;IACA;;;AAIR;EACI;IACI;IACA;;;AAIR;EACI;IACI;IACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAKZ;AAAA;AAAA;AAAA;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDjCK;ECkCL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;;;AAIA;EAEI,kBD5DC;EC6DD;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI,kBD1EC;EC2ED;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI,kBDxFC;ECyFD;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI,kBDtGC;ECuGD;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI;EACA,kBDrHC;ECsHD;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI;EACA,kBDnIC;ECoID;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI;EACA,kBDjJC;ECkJD;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EAEI;EACA,kBD/JC;ECgKD;EACA;EACA;EACA;EACA;EACA;;;AAIR;AAAA;AAAA;AAAA;EAII;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA,kBDrLK;ECsLL;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAIA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,YDzXC;EC0XD;EAMA;EAMA;EACA;EASA;EAMA;EACA;;;AAIR;EACI;IACI;IACA;;;AAIR;AAAA;AAAA;EAGI,OD1aK;;;AC6aT;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"buttons.dataTables.min.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../../scss/variables\";\n\n@keyframes dtb-spinner {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@-o-keyframes dtb-spinner {\n    100% {\n        -o-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n@-ms-keyframes dtb-spinner {\n    100% {\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n@-webkit-keyframes dtb-spinner {\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n@-moz-keyframes dtb-spinner {\n    100% {\n        -moz-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\ndiv {\n    &.dt-button-info {\n        position: fixed;\n        top: 50%;\n        left: 50%;\n        width: 400px;\n        margin-top: -100px;\n        margin-left: -200px;\n        background-color: white;\n        border: 2px solid #111;\n        box-shadow: 3px 3px 8px $black-3;\n        border-radius: 3px;\n        text-align: center;\n        z-index: 21;\n\n        h2 {\n            padding: 0.5em;\n            margin: 0;\n            font-weight: normal;\n            border-bottom: 1px solid #ddd;\n            background-color: #f3f3f3;\n        }\n\n        > div {\n            padding: 1em;\n        }\n    }\n\n    &.dt-button-collection-title {\n        text-align: center;\n        padding: 0.3em 0 0.5em;\n        font-size: 0.9em;\n\n        &:empty {\n            display: none;\n        }\n    }\n}\n\nbutton.dt-button,\ndiv.dt-button,\na.dt-button,\ninput.dt-button {\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    margin-right: 0.333em;\n    margin-bottom: 0.333em;\n    padding: 0.5em 1em;\n    border: 1px solid $black-3;\n    border-radius: 2px;\n    cursor: pointer;\n    font-size: 0.88em;\n    line-height: 1.6em;\n    color: black;\n    white-space: nowrap;\n    overflow: hidden;\n    background-color: $black-1;\n    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, $black-1 100%);\n    background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, $black-1 100%);\n    background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, $black-1 100%);\n    background: -o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, $black-1 100%);\n    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, $black-1 100%);\n    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(230, 230, 230, 0.1)\", EndColorStr=\"$black-1\");\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    text-decoration: none;\n    outline: none;\n    text-overflow: ellipsis;\n}\n\nbutton.dt-button.disabled,\ndiv.dt-button.disabled,\na.dt-button.disabled,\ninput.dt-button.disabled {\n    cursor: default;\n    opacity: 0.4;\n}\n\nbutton.dt-button {\n    &:active:not(.disabled),\n    &.active:not(.disabled) {\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(179, 179, 179, 0.1)\", EndColorStr=\"$black-1\");\n        box-shadow: inset 1px 1px 3px #999;\n    }\n}\n\ndiv.dt-button {\n    &:active:not(.disabled),\n    &.active:not(.disabled) {\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(179, 179, 179, 0.1)\", EndColorStr=\"$black-1\");\n        box-shadow: inset 1px 1px 3px #999;\n    }\n}\n\na.dt-button {\n    &:active:not(.disabled),\n    &.active:not(.disabled) {\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(179, 179, 179, 0.1)\", EndColorStr=\"$black-1\");\n        box-shadow: inset 1px 1px 3px #999;\n    }\n}\n\ninput.dt-button {\n    &:active:not(.disabled),\n    &.active:not(.disabled) {\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(179, 179, 179, 0.1)\", EndColorStr=\"$black-1\");\n        box-shadow: inset 1px 1px 3px #999;\n    }\n}\n\nbutton.dt-button {\n    &:active:not(.disabled):hover:not(.disabled),\n    &.active:not(.disabled):hover:not(.disabled) {\n        box-shadow: inset 1px 1px 3px #999;\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(128, 128, 128, 0.1)\", EndColorStr=\"$black-1\");\n    }\n}\n\ndiv.dt-button {\n    &:active:not(.disabled):hover:not(.disabled),\n    &.active:not(.disabled):hover:not(.disabled) {\n        box-shadow: inset 1px 1px 3px #999;\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(128, 128, 128, 0.1)\", EndColorStr=\"$black-1\");\n    }\n}\n\na.dt-button {\n    &:active:not(.disabled):hover:not(.disabled),\n    &.active:not(.disabled):hover:not(.disabled) {\n        box-shadow: inset 1px 1px 3px #999;\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(128, 128, 128, 0.1)\", EndColorStr=\"$black-1\");\n    }\n}\n\ninput.dt-button {\n    &:active:not(.disabled):hover:not(.disabled),\n    &.active:not(.disabled):hover:not(.disabled) {\n        box-shadow: inset 1px 1px 3px #999;\n        background-color: $black-1;\n        background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -moz-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -ms-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: -o-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, $black-1 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(128, 128, 128, 0.1)\", EndColorStr=\"$black-1\");\n    }\n}\n\nbutton.dt-button:hover,\ndiv.dt-button:hover,\na.dt-button:hover,\ninput.dt-button:hover {\n    text-decoration: none;\n}\n\nbutton.dt-button:hover:not(.disabled),\ndiv.dt-button:hover:not(.disabled),\na.dt-button:hover:not(.disabled),\ninput.dt-button:hover:not(.disabled) {\n    border: 1px solid #666;\n    background-color: $black-1;\n    background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, $black-1 100%);\n    background: -moz-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, $black-1 100%);\n    background: -ms-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, $black-1 100%);\n    background: -o-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, $black-1 100%);\n    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, $black-1 100%);\n    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"rgba(153, 153, 153, 0.1)\", EndColorStr=\"$black-1\");\n}\n\nbutton.dt-button:focus:not(.disabled),\ndiv.dt-button:focus:not(.disabled),\na.dt-button:focus:not(.disabled),\ninput.dt-button:focus:not(.disabled) {\n    border: 1px solid #426c9e;\n    text-shadow: 0 1px 0 #c4def1;\n    outline: none;\n    background-color: #79ace9;\n    background: -webkit-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);\n    background: -moz-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);\n    background: -ms-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);\n    background: -o-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);\n    background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%);\n    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"#d1e2f7\", EndColorStr=\"#79ace9\");\n}\n\n.dt-button embed {\n    outline: none;\n}\n\ndiv {\n    &.dt-buttons {\n        position: relative;\n        float: left;\n\n        &.buttons-right {\n            float: right;\n        }\n    }\n\n    &.dataTables_layout_cell div.dt-buttons {\n        float: none;\n\n        &.buttons-right {\n            float: none;\n        }\n    }\n\n    &.dt-button-collection {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 150px;\n        margin-top: 3px;\n        padding: 8px 8px 4px 8px;\n        border: 1px solid #ccc;\n        border: 1px solid $black-4;\n        background-color: white;\n        overflow: hidden;\n        z-index: 2002;\n        border-radius: 5px;\n        box-shadow: 3px 3px 5px $black-3;\n        box-sizing: border-box;\n\n        button.dt-button,\n        div.dt-button,\n        a.dt-button {\n            position: relative;\n            left: 0;\n            right: 0;\n            width: 100%;\n            display: block;\n            float: none;\n            margin-bottom: 4px;\n            margin-right: 0;\n        }\n\n        button.dt-button {\n            &:active:not(.disabled),\n            &.active:not(.disabled) {\n                background-color: #dadada;\n                background: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);\n                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"#f0f0f0\", EndColorStr=\"#dadada\");\n                box-shadow: inset 1px 1px 3px #666;\n            }\n        }\n\n        div.dt-button {\n            &:active:not(.disabled),\n            &.active:not(.disabled) {\n                background-color: #dadada;\n                background: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);\n                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"#f0f0f0\", EndColorStr=\"#dadada\");\n                box-shadow: inset 1px 1px 3px #666;\n            }\n        }\n\n        a.dt-button {\n            &:active:not(.disabled),\n            &.active:not(.disabled) {\n                background-color: #dadada;\n                background: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);\n                background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);\n                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=\"#f0f0f0\", EndColorStr=\"#dadada\");\n                box-shadow: inset 1px 1px 3px #666;\n            }\n        }\n\n        &.fixed {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            margin-left: -75px;\n            border-radius: 0;\n\n            &.two-column {\n                margin-left: -200px;\n            }\n\n            &.three-column {\n                margin-left: -225px;\n            }\n\n            &.four-column {\n                margin-left: -300px;\n            }\n        }\n\n        > :last-child {\n            display: block !important;\n            -webkit-column-gap: 8px;\n            -moz-column-gap: 8px;\n            -ms-column-gap: 8px;\n            -o-column-gap: 8px;\n            column-gap: 8px;\n\n            > * {\n                -webkit-column-break-inside: avoid;\n                break-inside: avoid;\n            }\n        }\n\n        &.two-column {\n            width: 400px;\n\n            > :last-child {\n                padding-bottom: 1px;\n                -webkit-column-count: 2;\n                -moz-column-count: 2;\n                -ms-column-count: 2;\n                -o-column-count: 2;\n                column-count: 2;\n            }\n        }\n\n        &.three-column {\n            width: 450px;\n\n            > :last-child {\n                padding-bottom: 1px;\n                -webkit-column-count: 3;\n                -moz-column-count: 3;\n                -ms-column-count: 3;\n                -o-column-count: 3;\n                column-count: 3;\n            }\n        }\n\n        &.four-column {\n            width: 600px;\n\n            > :last-child {\n                padding-bottom: 1px;\n                -webkit-column-count: 4;\n                -moz-column-count: 4;\n                -ms-column-count: 4;\n                -o-column-count: 4;\n                column-count: 4;\n            }\n        }\n\n        .dt-button {\n            border-radius: 0;\n        }\n    }\n\n    &.dt-button-background {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: $black-7;\n        background: -ms-radial-gradient(\n            center,\n            ellipse farthest-corner,\n            $black-3 0%,\n            $black-7 100%\n        );\n        background: -moz-radial-gradient(\n            center,\n            ellipse farthest-corner,\n            $black-3 0%,\n            $black-7 100%\n        );\n        background: -o-radial-gradient(center, ellipse farthest-corner, $black-3 0%, $black-7 100%);\n        background: -webkit-gradient(\n            radial,\n            center center,\n            0,\n            center center,\n            497,\n            color-stop(0, $black-3),\n            color-stop(1, $black-7)\n        );\n        background: -webkit-radial-gradient(\n            center,\n            ellipse farthest-corner,\n            $black-3 0%,\n            $black-7 100%\n        );\n        background: radial-gradient(ellipse farthest-corner at center, $black-3 0%, $black-7 100%);\n        z-index: 2001;\n    }\n}\n\n@media screen and (max-width: 640px) {\n    div.dt-buttons {\n        float: none !important;\n        text-align: center;\n    }\n}\n\nbutton.dt-button.processing,\ndiv.dt-button.processing,\na.dt-button.processing {\n    color: $black-2;\n}\n\nbutton.dt-button.processing:after,\ndiv.dt-button.processing:after,\na.dt-button.processing:after {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 16px;\n    height: 16px;\n    margin: -8px 0 0 -8px;\n    box-sizing: border-box;\n    display: block;\n    content: \" \";\n    border: 2px solid #282828;\n    border-radius: 50%;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    animation: dtb-spinner 1500ms infinite linear;\n    -o-animation: dtb-spinner 1500ms infinite linear;\n    -ms-animation: dtb-spinner 1500ms infinite linear;\n    -webkit-animation: dtb-spinner 1500ms infinite linear;\n    -moz-animation: dtb-spinner 1500ms infinite linear;\n}\n"]}