@font-face {
    font-family: 'Cooper';
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    position: relative;
    font-family: 'Cooper', serif !important;
    margin-top: 0% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    margin-bottom: 0% !important;
    padding: 0% !important;
    max-width: 1920px !important;
    width: 100% !important;
    height: 100% !important;
}

.bg-gradient-thriftGreen {
    background-image: linear-gradient(310deg, #1d8206 0%, #17ad37 100%);
    color: #fff;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Cooper;
}

p, .p {
    font-family: Rockwell;
    font-size-adjust: 0.58;
}

li, .li {
    font-family: Rockwell;
}

span, .span {
    font-family: Rockwell;
}















.prompt {
    color: #000;
    font-size: 16px;
}

.wizard-step {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

.location_selector {
    cursor: pointer;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.card {
    background-color: #FFFFFF;
    padding: 10px 0;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0);
    border-top: none;
}

.form-control {
    height: 36px;
    padding: 7px 0;
    font-size: 14px;
    line-height: 1.42857;
}

.form-control-static {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 34px;
}

.form-control,
.form-group .form-control {
    border: 0;
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

    .form-control::-moz-placeholder,
    .form-group .form-control::-moz-placeholder {
        color: #AAAAAA;
        font-weight: 400;
    }

    .form-control:-ms-input-placeholder,
    .form-group .form-control:-ms-input-placeholder {
        color: #AAAAAA;
        font-weight: 400;
    }

    .form-control::-webkit-input-placeholder,
    .form-group .form-control::-webkit-input-placeholder {
        color: #AAAAAA;
        font-weight: 400;
    }

    .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control,
    .form-group .form-control[readonly],
    .form-group .form-control[disabled], fieldset[disabled]
    .form-group .form-control {
        background-color: transparent;
    }

    .form-control[disabled], fieldset[disabled] .form-control,
    .form-group .form-control[disabled], fieldset[disabled]
    .form-group .form-control {
        background-image: none;
        border-bottom: 1px dotted #D2D2D2;
    }

.form-group {
    position: relative;
}

    .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
        position: absolute;
        pointer-events: none;
        transition: 0.3s ease all;
    }

    .form-group.label-floating label.control-label {
        will-change: left, top, contents;
    }

    .form-group.label-placeholder:not(.is-empty) label.control-label {
        display: none;
    }

    .form-group .help-block {
        position: absolute;
        display: none;
    }

    .form-group.is-focused .form-control {
        outline: none;
        background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
        background-size: 100% 2px, 100% 1px;
        box-shadow: none;
        transition-duration: 0.3s;
    }

        .form-group.is-focused .form-control .material-input:after {
            background-color: #9c27b0;
        }

    .form-group.is-focused.form-info .form-control {
        background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.is-focused.form-success .form-control {
        background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.is-focused.form-warning .form-control {
        background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.is-focused.form-danger .form-control {
        background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.is-focused.form-rose .form-control {
        background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.is-focused.form-white .form-control {
        background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.is-focused.label-placeholder label,
    .form-group.is-focused.label-placeholder label.control-label {
        color: #AAAAAA;
    }

    .form-group.is-focused .help-block {
        display: block;
    }

    .form-group.has-warning .form-control {
        box-shadow: none;
    }

    .form-group.has-warning.is-focused .form-control {
        background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-warning label.control-label,
    .form-group.has-warning .help-block {
        color: #ff9800;
    }

    .form-group.has-error .form-control {
        box-shadow: none;
    }

    .form-group.has-error.is-focused .form-control {
        background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-error label.control-label,
    .form-group.has-error .help-block {
        color: #f44336;
    }

    .form-group.has-success .form-control {
        box-shadow: none;
    }

    .form-group.has-success.is-focused .form-control {
        background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-success label.control-label,
    .form-group.has-success .help-block {
        color: #4caf50;
    }

    .form-group.has-info .form-control {
        box-shadow: none;
    }

    .form-group.has-info.is-focused .form-control {
        background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-info label.control-label,
    .form-group.has-info .help-block {
        color: #00bcd4;
    }

    .form-group textarea {
        resize: none;
    }

        .form-group textarea ~ .form-control-highlight {
            margin-top: -11px;
        }

    .form-group select {
        appearance: none;
    }

        .form-group select ~ .material-input:after {
            display: none;
        }

.form-control {
    margin-bottom: 7px;
}

    .form-control::-moz-placeholder {
        font-size: 14px;
        line-height: 1.42857;
        color: #AAAAAA;
        font-weight: 400;
    }

    .form-control:-ms-input-placeholder {
        font-size: 14px;
        line-height: 1.42857;
        color: #AAAAAA;
        font-weight: 400;
    }

    .form-control::-webkit-input-placeholder {
        font-size: 14px;
        line-height: 1.42857;
        color: #AAAAAA;
        font-weight: 400;
    }

.checkbox label,
.radio label,
label {
    font-size: 14px;
    line-height: 1.42857;
    color: #AAAAAA;
    font-weight: 400;
}

    label.control-label {
        font-size: 11px;
        line-height: 1.07143;
        color: #AAAAAA;
        font-weight: 400;
        margin: 16px 0 0 0;
    }

.help-block {
    margin-top: 0;
    font-size: 11px;
}

.form-group {
    padding-bottom: 7px;
    margin: 27px 0 0 0;
}

    .form-group .form-control {
        margin-bottom: 7px;
    }

        .form-group .form-control::-moz-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group .form-control:-ms-input-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group .form-control::-webkit-input-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

    .form-group .checkbox label,
    .form-group .radio label,
    .form-group label {
        font-size: 14px;
        line-height: 1.42857;
        color: #AAAAAA;
        font-weight: 400;
    }

        .form-group label.control-label {
            font-size: 11px;
            line-height: 1.07143;
            color: #AAAAAA;
            font-weight: 400;
            margin: 16px 0 0 0;
        }

    .form-group .help-block {
        margin-top: 0;
        font-size: 11px;
    }

    .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
        top: -7px;
        font-size: 14px;
        line-height: 1.42857;
    }

    .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
        top: -28px;
        left: 0;
        font-size: 11px;
        line-height: 1.07143;
    }

    .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
        top: -28px;
        left: 0;
        font-size: 11px;
        line-height: 1.07143;
    }

.has-success .form-control-feedback {
    color: #4caf50;
    opacity: 1;
}

.has-error .form-control-feedback {
    color: #f44336;
    opacity: 1;
}

.wizard-step {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    .wizard-step a:link, a:visited, a:active, a:hover {
        color: #333;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

label {
    display: block;
}


/*.parallax {
    width: 100%;
    height: 570px;
    overflow: hidden;
    display: block;
}

    .parallax .small-info {
        color: #FFFFFF;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
        top: 37%;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 2;
    }

        .parallax .small-info h3 {
            max-width: 790px;
            margin: 0 auto;
            line-height: 1.4;
        }*/

.parallax .parallax-image img {
    width: 100%;
    height: 100%;
    position: relative;
}

.filter-black {
    position: relative;
}

    .filter-black:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 1;
        background-color: rgba(238, 238, 238,.01);
        content: "";
    }

@media (max-width: 302px) {
    .navbar-header-image {
        width: 150px;
        height: 100%;
    }

    .parallax {
        width: 100%;
        height: 300px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 43%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
                font-size: 24px;
            }

            .parallax .small-info h3 {
                margin: 0 auto;
                font-size: 16px;
            }
}

@media (min-width: 303px) and (max-width: 359px) {
    .navbar-header-image {
        width: 200px;
        height: 100%;
    }

    .parallax {
        width: 100%;
        height: 350px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 45%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
                font-size: 28px;
            }

            .parallax .small-info h3 {
                margin: 0 auto;
                font-size: 18px;
            }
}

@media (min-width: 360px) and (max-width: 439px) {
    .parallax {
        width: 100%;
        height: 350px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 50%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
                font-size: 28px;
            }

            .parallax .small-info h3 {
                margin: 0 auto;
                font-size: 18px;
            }
}

@media (min-width: 440px) and (max-width: 576px) {
    .parallax {
        width: 100%;
        height: 350px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 55%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
                font-size: 28px;
            }

            .parallax .small-info h3 {
                margin: 0 auto;
                font-size: 18px;
            }
}

@media (min-width: 577px) and (max-width: 767px) {
    .parallax {
        width: 100%;
        height: 350px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 42%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
            }

            .parallax .small-info h3 {
                max-width: 790px;
                margin: 0 auto;
                line-height: 1.4;
            }
}

@media (min-width: 768px) and (max-width: 991px) {
    .parallax {
        width: 100%;
        height: 425px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 50%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
            }

            .parallax .small-info h3 {
                max-width: 790px;
                margin: 0 auto;
                line-height: 1.4;
            }

    .navbar .navbar-brand {
        font-weight: 600;
        margin: 0px 0px;
        padding: 20px;
        font-size: 20px;
    }

    a.navbar-brand {
        white-space: normal;
        text-align: center;
        word-break: normal;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .parallax {
        width: 100%;
        height: 570px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 67%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
            }

            .parallax .small-info h3 {
                max-width: 790px;
                margin: 0 auto;
                line-height: 1.4;
            }
}

@media (min-width: 1200px) {
    .parallax {
        width: 100%;
        height: 570px;
        overflow: hidden;
        display: block;
    }

        .parallax .small-info {
            color: #FFFFFF;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
            top: 67%;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

            .parallax .small-info h1 {
                margin: 0 auto;
            }

            .parallax .small-info h3 {
                max-width: 790px;
                margin: 0 auto;
                line-height: 1.4;
            }
}


.bg-outline-success {
    background-color: transparent !important;
    border-color: #28a745 !important;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

a.bg-outline-success:hover, a.bg-outline-success:focus,
button.bg-outline-success:hover,
button.bg-outline-success:focus {
    background-color: transparent !important;
    border-color: #28a745 !important;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

.bg-outline-warning {
    background-color: transparent !important;
    border-color: #ffc107 !important;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

a.bg-outline-warning:hover, a.bg-outline-warning:focus,
button.bg-outline-warning:hover,
button.bg-outline-warning:focus {
    background-color: transparent !important;
    border-color: #ffc107 !important;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

.bg-outline-danger {
    background-color: transparent !important;
    border-color: #dc3545 !important;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

a.bg-outline-danger:hover, a.bg-outline-danger:focus,
button.bg-outline-danger:hover,
button.bg-outline-danger:focus {
    background-color: transparent !important;
    border-color: #dc3545 !important;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

.btn-outline-thriftGreen {
    --bs-btn-color: #17ad37;
    --bs-btn-border-color: #17ad37;
    --bs-btn-border-width: 5px;
    --bs-btn-font-family: Cooper;
    --bs-btn-font-size: 16px;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #17ad37;
    --bs-btn-hover-border-color: #17ad37;
    --bs-btn-focus-shadow-rgb: 130, 214, 22;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #17ad37;
    --bs-btn-active-border-color: #17ad37;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #17ad37;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #17ad37;
    --bs-gradient: none;
}
.btn-outline-thriftWarning {
    --bs-btn-color: #FF6B01;
    --bs-btn-border-color: #FF6B01;
    --bs-btn-border-width: 5px;
    --bs-btn-font-family: Cooper;
    --bs-btn-font-size: 16px;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FF6B01;
    --bs-btn-hover-border-color: #FF6B01;
    --bs-btn-focus-shadow-rgb: 130, 214, 22;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FF6B01;
    --bs-btn-active-border-color: #FF6B01;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #FF6B01;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF6B01;
    --bs-gradient: none;
}
.btn-outline-thriftOrgange {
    --bs-btn-color: #e24c00;
    --bs-btn-border-color: #e24c00;
    --bs-btn-border-width: 5px;
    --bs-btn-font-family: Cooper;
    --bs-btn-font-size: 16px;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e24c00;
    --bs-btn-hover-border-color: #e24c00;
    --bs-btn-focus-shadow-rgb: 130, 214, 22;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e24c00;
    --bs-btn-active-border-color: #e24c00;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #e24c00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e24c00;
    --bs-gradient: none;
}
.btn-outline-secondary {
    --bs-btn-color: #8392AB;
    --bs-btn-border-color: #8392AB;
    --bs-btn-border-width: 5px;
    --bs-btn-font-family: Cooper;
    --bs-btn-font-size: 16px;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #8392AB;
    --bs-btn-hover-border-color: #8392AB;
    --bs-btn-focus-shadow-rgb: 131, 146, 171;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #8392AB;
    --bs-btn-active-border-color: #8392AB;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #8392AB;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #8392AB;
    --bs-gradient: none;
}
    /* Sticky footer styles
-------------------------------------------------- */
    /*html {
    position: relative;
    min-height: 100%;
}

body {*/
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;
    background-color: #FFF;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;*/ /* Vertically center the text there */
    /*}*/


    .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

li:not(:last-child) {
    margin-bottom: 3px;
}

li.sms-keywords:not(:last-child) {
    margin-bottom: 10px;
}




.ct-docs-typography, [class*=ct-docs] {
    font-family: Cooper
}

.ct-docs-navbar {
    position: relative;
    display: flex;
    padding: 16px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /*background-image: linear-gradient(310deg,#2152ff 0%,#21d4fd 100%) !important;*/
    background-image: linear-gradient(310deg, #1d8206 0%, #17ad37 100%) !important;
    padding-top: .1rem !important;
    padding-bottom: .1rem !important;
    box-shadow: rgba(116,129,141,.1) 0 1px 1px 0;
    flex-direction: row !important;
    flex-flow: row nowrap;
    justify-content: center
}

.ct-docs-sidebar-product {
    padding: 4px 24px 20px;
    display: flex
}

.ct-docs-sidebar-product-image {
    width: 30px
}

    .ct-docs-sidebar-product-image img {
        width: 30px
    }

.ct-docs-sidebar-product-text {
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: auto;
    color: rgba(0,0,0,.85);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    background-color: transparent
}

.ct-docs-navbar-nav-link-disabled {
    cursor: not-allowed
}

.ct-docs-navbar-dropdown-item-disabled {
    cursor: not-allowed;
    opacity: .4
}

.ct-docs-navbar-nav-link-inner--text {
    margin-left: 4px
}

@media(min-width:768px) {
    .ct-docs-navbar {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1071;
        top: 0
    }
}

@media(min-width:768px) {
    .ct-docs-navbar {
        align-items: center !important
    }
}

@media(max-width:991.98px) {
    .ct-docs-navbar {
        padding-right: 8px;
        padding-left: 8px
    }
}

.ct-docs-navbar-brand {
    font-size: 20px;
    line-height: inherit;
    display: inline-block;
    margin-right: 16px;
    padding-top: .0625rem;
    padding-bottom: .0625rem;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05px;
    text-transform: uppercase;
    color: rgba(255,255,255,.65)
}

@media(min-width:768px) {
    .ct-docs-navbar-brand {
        margin-right: 8px !important
    }
}

.ct-docs-navbar-brand-img {
    height: 30px;
    vertical-align: middle;
    border-style: none
}

.ct-docs-navbar-text {
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255,255,255,.9) !important
}

.ct-docs-navbar-border {
    margin: 0 10px;
    height: 15px;
    border: 1px solid #909090;
    display: block
}

.ct-docs-navbar-nav-left {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: none !important;
    flex-direction: row;
    margin-right: auto !important;
    margin-left: 24px !important;
    flex-direction: row !important
}

@media(min-width:768px) {
    .ct-docs-navbar-nav-left {
        display: flex !important
    }
}

.ct-docs-nav-item-dropdown {
    display: inline-block;
    position: relative
}

@media(min-width:992px) {
    .ct-docs-nav-item-dropdown {
        margin-right: 8px
    }
}

.ct-docs-navbar-nav-link {
    padding-right: 8px;
    padding-left: 8px;
    color: rgba(255,255,255,.9) !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: normal;
    display: block
}

    .ct-docs-navbar-nav-link:hover {
        color: #fff !important;
        background-color: transparent !important
    }

@media(min-width:992px) {
    .ct-docs-navbar-nav-link {
        padding-top: 16px;
        padding-bottom: 16px;
        border-radius: 6px
    }
}

.ct-docs-navbar-dropdown-menu {
    position: absolute;
    display: block;
    opacity: 0;
    top: 10px;
    transform-origin: 50% 0;
    pointer-events: none;
    transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,box-shadow;
    box-shadow: 0 20px 27px 0 rgb(0 0 0/5%);
    transition: visibility .25s,opacity .25s,transform .25s;
    cursor: pointer;
    margin: 1.625rem 0 0;
    padding: 8px;
    font-size: .875rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    left: 0;
    z-index: 1000;
    border-radius: 14px
}

@media(min-width:992px) {
    .ct-docs-navbar-dropdown-menu {
        margin: 0;
        pointer-events: none;
        opacity: 0
    }
}

.ct-docs-navbar-dropdown-item {
    font-size: 14px;
    padding: 8px 16px;
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    text-align: inherit;
    white-space: nowrap;
    color: #212529;
    border: 0;
    background-color: transparent;
    text-decoration: none;
    border-radius: 8px
}

    .ct-docs-navbar-dropdown-item:hover {
        color: #252f40;
        background-color: #e9ecef
    }

    .ct-docs-navbar-dropdown-item.ct-docs-navbar-dropdown-item-disabled:hover {
        color: inherit;
        background-color: inherit;
        cursor: not-allowed
    }

.ct-docs-navbar-nav-right {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-direction: row !important;
    flex-direction: row;
    margin-left: 24px !important;
    display: none !important
}

@media(min-width:768px) {
    .ct-docs-navbar-nav-right {
        display: flex !important
    }
}

@media(min-width:992px) {
    .ct-docs-navbar-nav-item {
        margin-right: 8px
    }
}

.ct-docs-btn-upgrade {
    display: none !important;
    margin-right: 8px;
    font-size: 12px;
    position: relative;
    transition: all .15s ease;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: uppercase;
    will-change: transform;
    background-image: linear-gradient(310deg,#7928ca,#ff0080);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    font-weight: 700;
    line-height: 1.5;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    border-radius: 12px;
    text-decoration: none
}

    .ct-docs-btn-upgrade:hover {
        color: #fff;
        transform: scale(1.02)
    }

@media(min-width:576px) {
    .ct-docs-btn-upgrade {
        margin-left: 16px !important
    }
}

@media(min-width:768px) {
    .ct-docs-btn-upgrade {
        display: block !important
    }
}

.ct-docs-navbar-toggler {
    font-size: 20px;
    line-height: 1;
    padding: 4px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    color: rgba(255,255,255,.95);
    border-color: transparent;
    cursor: pointer;
    line-height: 1;
    margin-left: auto !important;
    display: block !important
}

@media(min-width:768px) {
    .ct-docs-navbar-toggler {
        display: none !important
    }
}

.ct-docs-navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    content: '';
    vertical-align: middle;
    background: no-repeat center center;
    background-size: 100% 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz1cJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCcgd2lkdGg9XCczMFwnIGhlaWdodD1cJzMwXCcgdmlld0JveD1cJzAgMCAzMCAzMFwnPjxwYXRoIHN0cm9rZT1cJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC45NSlcJyBzdHJva2UtbGluZWNhcD1cJ3JvdW5kXCcgc3Ryb2tlLW1pdGVybGltaXQ9XCcxMFwnIHN0cm9rZS13aWR0aD1cJzJcJyBkPVwnTTQgN2gyMk00IDE1aDIyTTQgMjNoMjJcJy8+PC9zdmc+)
}

.ct-docs-main-container {
    position: relative !important;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.ct-docs-main-content-row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

@media(min-width:1200px) {
    .ct-docs-main-content-row {
        flex-wrap: nowrap !important
    }
}

.ct-docs-main-footer-row {
    bottom: 0;
    width: 100% !important;
    position: absolute !important;
    border-top: 1px solid #e9ecef !important;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.ct-docs-main-footer-blank-col {
    max-width: 100%;
    flex: 0 0 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:768px) {
    .ct-docs-main-footer-blank-col {
        max-width: 25%;
        flex: 0 0 25%
    }
}

@media(min-width:1200px) {
    .ct-docs-main-footer-blank-col {
        max-width: 16.66667%;
        flex: 0 0 16.66667%
    }
}

.ct-docs-main-footer-col {
    max-width: 100%;
    flex: 0 0 100%;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .ct-docs-main-footer-col {
        max-width: 75%;
        flex: 0 0 75%
    }
}

.ct-docs-footer {
    padding: 30px 0;
    background: #f8f9fe;
    padding-bottom: 16px !important;
    padding-top: 16px !important;
    background-color: transparent !important;
    display: block
}

@media(min-width:768px) {
    .ct-docs-footer {
        padding-left: 48px !important
    }
}

.ct-docs-footer-inner-row {
    align-items: center !important;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

@media(min-width:992px) {
    .ct-docs-footer-inner-row {
        justify-content: space-between !important
    }
}

.ct-docs-footer-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:992px) {
    .ct-docs-footer-col {
        max-width: 50%;
        flex: 0 0 50%
    }
}

.ct-docs-footer-copyright {
    font-size: 14px;
    color: #8898aa !important;
    text-align: center !important
}

@media(min-width:992px) {
    .ct-docs-footer-copyright {
        text-align: left !important
    }
}

.ct-docs-footer-copyright-author {
    font-weight: 600 !important;
    margin-left: 4px !important;
    text-decoration: none;
    color: #923dfa;
    background-color: transparent
}

.ct-docs-footer-nav-footer {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center !important
}

@media(min-width:992px) {
    .ct-docs-footer-nav-footer {
        justify-content: flex-end !important
    }
}

.ct-docs-footer-nav {
    color: #8898aa !important;
    font-size: 14px;
    display: block;
    padding: 4px 12px;
    text-decoration: none;
    background-color: transparent
}

.ct-docs-footer-nav-link {
    color: #8898aa !important;
    font-size: 14px;
    display: block;
    padding: 4px 12px;
    text-decoration: none;
    background-color: transparent
}

    .ct-docs-footer-nav-link:hover {
        color: #525f7f !important
    }

.ct-docs-sidebar-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px solid #e6ecf1;
    background-color: #fff;
    order: 0
}

@media(min-width:768px) {
    .ct-docs-sidebar-col {
        max-width: 25%;
        flex: 0 0 25%
    }
}

@media(min-width:1200px) {
    .ct-docs-sidebar-col {
        max-width: 16.66667%;
        flex: 0 0 16.66667%
    }
}

@media(min-width:768px) {
    .ct-docs-sidebar-col {
        border-right: 1px solid #e6ecf1
    }
}

@media(min-width:768px) {
    .ct-docs-sidebar-col {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1000;
        top: 48px;
        height: calc(100vh - 48px)
    }
}

@media(min-width:1200px) {
    .ct-docs-sidebar-col {
        flex: 0 1 320px
    }
}

.ct-docs-sidebar-collapse-links {
    display: none;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .15s ease-out,padding .15s ease-out
}

@media(min-width:768px) {
    .ct-docs-sidebar-collapse-links {
        display: block !important;
        padding: 32px 0 16px
    }
}

@media(min-width:768px) {
    .ct-docs-sidebar-collapse-links {
        overflow-y: auto;
        max-height: calc(100vh - 80px)
    }
}

.ct-docs-toc-item-active {
    margin-bottom: 16px
}

    .ct-docs-toc-item-active > .ct-docs-toc-link {
        color: rgba(0,0,0,.85);
        font-size: 14px;
        font-weight: 600;
        display: block;
        padding: 4px 24px;
        text-decoration: none;
        background-color: transparent
    }

    .ct-docs-toc-item-active > .ct-docs-nav-sidenav {
        display: block;
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
        flex-wrap: wrap
    }

.ct-docs-nav-sidenav > li > a {
    font-size: 13.5px;
    font-weight: 400;
    display: block;
    margin: 0 20px;
    padding: 5px 8px;
    color: #4c555a;
    border-radius: 8px;
    text-decoration: none;
    background-color: transparent
}

.ct-docs-nav-sidenav-active > a {
    font-weight: 500;
    position: relative;
    padding-left: 32px;
    color: #252f40;
    background-color: transparent
}

.ct-docs-sidenav-pro-badge {
    text-transform: uppercase;
    float: right !important;
    color: #d31a98;
    background-color: #eaecfb;
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .35rem .375rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 6px
}

.ct-docs-toc-col {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    overflow-y: auto;
    height: calc(100vh - 64px);
    font-size: 14px;
    padding-top: 32px;
    padding-bottom: 24px;
    order: 2;
    display: none !important;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:1200px) {
    .ct-docs-toc-col {
        display: block !important
    }
}

@media(min-width:1200px) {
    .ct-docs-toc-col {
        max-width: 16.66667%;
        flex: 0 0 16.66667%
    }
}

.ct-docs-toc-col .section-nav {
    padding-left: 0;
    border-left: 1px solid #eee
}

.ct-docs-toc-col .toc-entry {
    font-size: 16px;
    display: block
}

    .ct-docs-toc-col .toc-entry a {
        font-weight: 400;
        font-size: 14.4px;
        display: block;
        padding: 2px 24px;
        color: #99979c;
        text-decoration: none;
        background-color: transparent
    }

        .ct-docs-toc-col .toc-entry a:hover {
            text-decoration: none;
            color: #5e72e4
        }

.ct-docs-toc-col .section-nav ul {
    padding-left: 16px
}

.ct-docs-content-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
    order: 1;
    margin-bottom: 96px !important;
    max-width: 100%;
    flex: 0 0 100%
}

@media(min-width:768px) {
    .ct-docs-content-col {
        padding-left: 48px !important
    }
}

@media(min-width:768px) {
    .ct-docs-content-col {
        padding-bottom: 16px !important
    }
}

@media(min-width:768px) {
    .ct-docs-content-col {
        padding-top: 16px !important
    }
}

@media(min-width:576px) {
    .ct-docs-content-col {
        margin-bottom: 72px !important
    }
}

@media(min-width:768px) {
    .ct-docs-content-col {
        max-width: 66.66667%;
        flex: 0 0 66.66667%
    }
}

@media(min-width:1200px) {
    .ct-docs-content-col {
        max-width: 58.33333%;
        flex: 0 0 58.33333%
    }
}

.ct-docs-content-col .ct-docs-page-title {
    margin-bottom: 24px
}

.ct-docs-content-col .ct-docs-page-title-lead {
    font-weight: 500;
    color: #3b454e
}

@media(min-width:576px) {
    .ct-docs-content-col .ct-docs-page-title-lead {
        font-size: 14px;
        max-width: 80%;
        margin-bottom: 16px
    }
}

@media(min-width:992px) {
    .ct-docs-content-col > ol, .ct-docs-content-col > p, .ct-docs-content-col > ul {
        max-width: 80%
    }
}

.ct-docs-page-h1-title {
    font-family: inherit;
    color: #32325d;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 26px
}

@media(min-width:576px) {
    .ct-docs-page-h1-title {
        font-size: 24px;
        font-weight: 600
    }
}

@media(min-width:576px) {
    .ct-docs-page-h1-title {
        margin-top: 8px !important
    }
}

@media(min-width:576px) {
    .ct-docs-page-h1-title {
        display: inline-block !important
    }
}

.ct-docs-page-title-pro-line {
    font-size: 24px !important;
    font-weight: 600 !important
}

.ct-docs-page-title-pro-bage {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    display: inline !important;
    border-radius: 6px !important;
    background-image: linear-gradient(310deg,#7928ca,#ff0080) !important
}

@media(max-width:1200px) {
    .ct-docs-page-h1-title {
        font-size: calc(1.2875rem + .45vw)
    }
}

.ct-docs-navbar-dropdown-menu-show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px) !important;
    display: block;
    top: 10px;
    transform-origin: 50% 0;
    backface-visibility: hidden;
    will-change: transform,box-shadow
}

.ct-docs-navbar-dropdown-menu::before {
    position: absolute;
    z-index: -5;
    bottom: 100%;
    left: 20px;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    transform: rotate(-45deg) translateY(16px);
    border-radius: 4px;
    background: #fff;
    box-shadow: none
}

li.ct-docs-nav-sidenav-active a {
    font-weight: 500;
    position: relative;
    color: #252f40;
    background-color: #e9ecef
}

.ct-docs-content-col a.ct-docs-start-button {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    padding: 10px 20px;
    border-radius: 4px;
    will-change: transform;
    margin-bottom: 24px !important;
    margin-top: 24px !important;
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    display: inline-block
}

    .ct-docs-content-col a.ct-docs-start-button:hover {
        transform: translateY(-1px);
        box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        color: #fff;
        border-color: #5e72e4;
        background-color: #5e72e4
    }

    .ct-docs-content-col a.ct-docs-start-button:active {
        color: #fff;
        border-color: #5e72e4;
        background-color: #324cdd
    }

.docs {
    background: #fff
}

.btn-clipboard-on-hover .btn-clipboard {
    opacity: 0;
    transition: .15s ease
}

.btn-clipboard-on-hover:hover .btn-clipboard {
    opacity: 1
}

.btn-clipboard {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    z-index: 10;
    top: 16px;
    right: 16px;
    display: block;
    padding: 4px 8px;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 4px;
    background-color: transparent;
    background-image: linear-gradient(310deg,#141727,#3a416f)
}

    .btn-clipboard:hover {
        color: #fff;
        background-color: #324cdd
    }

pre[class*=language-] {
    overflow: auto;
    margin: 0;
    padding: 20px
}

code[class*=language-], pre[class*=language-] {
    font-family: Consolas,Menlo,Monaco,andale mono wt,andale mono,lucida console,lucida sans typewriter,dejavu sans mono,bitstream vera sans mono,liberation mono,nimbus mono l,courier new,Courier,monospace;
    font-size: 14px;
    line-height: 1.375;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    color: #5e6687;
    border-radius: 4px;
    background: #f5f7ff;
    direction: ltr;
    -ms-hyphens: none
}

.token.tag {
    color: #3d8fd1
}

.token.attr-name {
    color: #c76b29
}

.token.attr-value, .token.control, .token.directive, .token.keyword, .token.unit {
    color: #ac9739
}

.token.punctuation {
    color: #5e6687
}

.ct-docs-content-col > h1 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 48px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #32325d
}

.ct-docs-content-col > h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 48px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #32325d
}

.ct-docs-content-col > h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #32325d
}

.ct-docs-content-col > h4 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 40px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #32325d
}

.ct-docs-content-col > p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: left;
    color: #525f7f
}

    .ct-docs-content-col > a, .ct-docs-content-col > p > a, .ct-docs-content-col > p > strong > a, .ct-docs-content-col > ul > li, .ct-docs-content-col > ul > li > a, .ct-docs-description a {
        text-decoration: none;
        color: #923dfa;
        background-color: transparent
    }

.ct-docs-content-col > ul {
    list-style-type: disc
}

.ct-docs-content-col > ol {
    list-style-type: decimal
}

.ct-docs-content-col > ul, .ct-docs-content-col > ol {
    max-width: 80%;
    margin-top: 0;
    margin-bottom: 15px;
    margin-top: 30px
}

    .ct-docs-content-col > ul > li, .ct-docs-content-col > ol > li {
        margin-bottom: 4px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #525f7f
    }

.ct-docs-info-row {
    margin-top: 48px !important;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.ct-docs-info-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:768px) {
    .ct-docs-info-col {
        max-width: 33.33333%;
        flex: 0 0 33.33333%
    }
}

.ct-docs-info-col > h6 {
    font-size: 1rem;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5rem;
    color: #32325d;
    margin-top: 0;
    text-align: left
}

.ct-docs-info-col > p, .ct-docs-info-col > p.description {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: left;
    color: #525f7f;
    font-family: Open Sans,sans-serif
}

.ct-docs-info-icon-primary, .ct-docs-info-icon-danger, .ct-docs-info-icon-warning {
    color: #fff !important;
    display: inline-flex;
    padding: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px !important;
    width: 48px;
    height: 48px
}

.ct-docs-info-icon-primary {
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%) !important
}

.ct-docs-info-icon-danger {
    background: linear-gradient(87deg,#f5365c 0,#f56036 100%) !important
}

.ct-docs-info-icon-warning {
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%) !important
}

.ct-docs-content-col > table > tbody > tr > td, .ct-docs-content-col > table > tbody > tr > th, .ct-docs-content-col > table > tfoot > tr > td, .ct-docs-content-col > table > tfoot > tr > th, .ct-docs-content-col > table > thead > tr > td, .ct-docs-content-col > table > thead > tr > th {
    padding: 16px;
    vertical-align: top;
    border: 1px solid #e9ecef
}

.ct-docs-content-col > table.bg-dark > tbody > tr > td, .ct-docs-content-col > table.bg-dark > tbody > tr > th, .ct-docs-content-col > table.bg-dark > tfoot > tr > td, .ct-docs-content-col > table.bg-dark > tfoot > tr > th, .ct-docs-content-col > table.bg-dark > thead > tr > td, .ct-docs-content-col > table.bg-dark > thead > tr > th {
    border: none
}

.ct-docs-content-col > table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px
}

.color-swatch {
    margin: 1rem 0;
    border-radius: .25rem;
    background-color: #f4f5f7
}

.color-swatch-header {
    position: relative;
    height: 0;
    padding-bottom: 50%;
    border: 1px solid transparent;
    border-radius: .25rem .25rem 0 0
}

.color-swatch-body {
    position: relative;
    left: 50%;
    float: left;
    padding: 10px 0;
    transform: translateX(-50%)
}

    .color-swatch-body .prop-item-wrap {
        float: left;
        min-width: 65px;
        padding: 0 15px
    }

    .color-swatch-body .prop-item {
        padding: 15px 0
    }

        .color-swatch-body .prop-item .label {
            font-size: 11px;
            font-weight: 400;
            line-height: 16px;
            text-transform: uppercase;
            color: #62748c
        }

        .color-swatch-body .prop-item .value {
            font-size: 14px;
            font-weight: 400
        }

.color-swatch:after {
    display: table;
    clear: both;
    content: ' '
}

.ct-docs-content-col #grid-system ~ .ct-example-row .row div[class^=col] span {
    font-size: 14px;
    display: block;
    margin: 16px 0;
    padding: 12px;
    color: #393f49;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: none
}

.ct-docs-content-col .row div[class^=col] .btn-icon-clipboard span {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.ct-example {
    position: relative;
    border: 2px solid #f5f7ff !important;
    border-bottom: none !important;
    padding: 1rem 1rem 2rem;
    margin-bottom: -1.25rem
}

.ct-docs-content-col > ul.nav {
    list-style-type: none
}

.ct-docs-alert {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border-color: #7889e8;
    background-color: #7889e8;
    position: relative;
    padding: 16px 24px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 6px
}

.table-colors .swatch, .table-colors:first-child .swatch {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.table-colors td:nth-child(1), .table-colors:first-child td:nth-child(1) {
    line-height: 40px
}

.dark-edition .ct-example {
    background: #202940;
    color: #fff
}

    .dark-edition .ct-example .nav-link {
        color: #8b92a9
    }

.docs.dark-edition .ct-docs-content-col > .nav {
    padding: 15px;
    background: #202940
}

.docs.dark-edition .slider {
    background: #c8c8c8 !important
}

.docs.dark-edition .ct-chart .ct-series-a .ct-area, .docs.dark-edition .ct-chart .ct-series-a .ct-bar, .docs.dark-edition .ct-chart .ct-series-a .ct-line, .docs.dark-edition .ct-chart .ct-series-a .ct-point, .docs.dark-edition .ct-chart .ct-series-a .ct-slice-donut, .docs.dark-edition .ct-chart .ct-series-a .ct-slice-donut-solid, .docs.dark-edition .ct-chart .ct-series-a .ct-slice-pie {
    stroke: #fff !important
}

.docs.dark-edition .ct-chart .ct-label {
    color: #fff
}

.docs.dark-edition .ct-chart .ct-grid {
    stroke: hsl(0deg 0% 100%/20%)
}

.dark-edition .list-group-item, .dark-edition .alert-icon .material-icons, .dark-edition .ct-example .nav-link:hover, .dark-edition .ct-example .nav-link.active {
    color: #fff !important
}

.dark-edition .iframe-container iframe {
    width: 100%;
    height: 60vh
}

.dark-edition .btn.btn-fab {
    font-size: 1rem
}

.ct-docs-content-col > hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    overflow: visible;
    box-sizing: content-box;
    height: 0;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #525f7f
}

.ct-docs-content-col > ul > li > ul, .ct-docs-content-col > ol > li > ol {
    margin-left: 40px
}

    .ct-docs-content-col > ul > li > ul > li, .ct-docs-content-col > ol > li > ol > li {
        margin-bottom: .25rem
    }

.ct-docs-content-col > ul > li > ul {
    list-style-type: circle
}

.ct-docs-content-col > ol > li > ol {
    list-style-type: decimal
}

.highlight .language-js .token.string, .highlight .token.language-javascript .token.string {
    color: #22a2c9
}

.highlight .language-js .token.function, .highlight .token.language-javascript .token.function {
    color: #3d8fd1
}

.highlight .language-js .token.operator, .highlight .token.language-javascript .token.operator {
    color: #c76b29
}

.highlight .language-js .token.comment, .highlight .token.language-javascript .token.comment {
    color: #898ea4
}

.highlight .language-js .token.template-string .token.template-punctuation.string, .highlight .language-js .token.template-string .token.string {
    color: #399c58
}

.highlight .language-js .token.class-name, .highlight .token.language-javascript .token.class-name {
    color: #b586c3
}

.highlight .language-js .token.boolean, .highlight .token.language-javascript .token.boolean {
    color: #fb8002
}

.highlight .token.language-javascript .token.keyword {
    color: #ac9739
}