.ms-color--themePrimary {
    color: #6264a7;
}

.ms-color--themeLighterAlt {
    color: #f7f7fb;
}

.ms-color--themeLighter {
    color: #e1e1f1;
}

.ms-color--themeLight {
    color: #c8c9e4;
}

.ms-color--themeTertiary {
    color: #989ac9;
}

.ms-color--themeSecondary {
    color: #7173b0;
}

.ms-color--themeDarkAlt {
    color: #585a95;
}

.ms-color--themeDark {
    color: #4a4c7e;
}

.ms-color--themeDarker {
    color: #37385d;
}

.ms-color--neutralLighterAlt {
    color: #ecebe9;
}

.ms-color--neutralLighter {
    color: #e8e7e6;
}

.ms-color--neutralLight {
    color: #dedddc;
}

.ms-color--neutralQuaternaryAlt {
    color: #cfcecd;
}

.ms-color--neutralQuaternary {
    color: #c6c5c4;
}

.ms-color--neutralTertiaryAlt {
    color: #bebdbc;
}

.ms-color--neutralTertiary {
    color: #a19f9d;
}

.ms-color--neutralSecondary {
    color: #605e5c;
}

.ms-color--neutralPrimaryAlt {
    color: #3b3a39;
}

.ms-color--neutralPrimary {
    color: #323130;
}

.ms-color--neutralDark {
    color: #201f1e;
}

.ms-color--black {
    color: #000000;
}

.ms-color--neutral {
    color: #f3f2f1;
}

.ms-color--white {
    color: #ffffff;
}

.ms-color--green {
    color: #5c9e65;
}

.ms-color--yellow {
    color: #f39f4a;
}

.ms-color--red {
    color: #ae2c25;
}

.mst-color--themePrimary {
    color: #6264a7;
}

.ms-bgColor--themePrimary {
    background-color: #6264a7;
}

.ms-bgColor--themeLighterAlt {
    background-color: #f7f7fb;
}

.ms-bgColor--themeLighter {
    background-color: #e1e1f1;
}

.ms-bgColor--themeLight {
    background-color: #c8c9e4;
}

.ms-bgColor--themeTertiary {
    background-color: #989ac9;
}

.ms-bgColor--themeSecondary {
    background-color: #7173b0;
}

.ms-bgColor--themeDarkAlt {
    background-color: #585a95;
}

.ms-bgColor--themeDark {
    background-color: #4a4c7e;
}

.ms-bgColor--themeDarker {
    background-color: #37385d;
}

.ms-bgColor--neutralLighterAlt {
    background-color: #ecebe9;
}

.ms-bgColor--neutralLighter {
    background-color: #e8e7e6;
}

.ms-bgColor--neutralLight {
    background-color: #dedddc;
}

.ms-bgColor--neutralQuaternaryAlt {
    background-color: #cfcecd;
}

.ms-bgColor--neutralQuaternary {
    background-color: #c6c5c4;
}

.ms-bgColor--neutralTertiaryAlt {
    background-color: #bebdbc;
}

.ms-bgColor--neutralTertiary {
    background-color: #a19f9d;
}

.ms-bgColor--neutralSecondary {
    background-color: #605e5c;
}

.ms-bgColor--neutralPrimaryAlt {
    background-color: #3b3a39;
}

.ms-bgColor--neutralPrimary {
    background-color: #323130;
}

.ms-bgColor--neutralDark {
    background-color: #201f1e;
}

.ms-bgColor--black {
    background-color: #000000;
}

.ms-bgColor--neutral {
    background-color: #f3f2f1;
}

.ms-bgColor--neutral2 {
    background-color: #f5f5f5;
}

.ms-bgColor--red {
    background-color: #ae2c25;
}


.ms-bgColor--white {
    background-color: #ffffff;
}

.ms-borderColor--themePrimary {
    border-color: #6264a7;
}

.ms-borderColor--themeLighterAlt {
    border-color: #f7f7fb;
}

.ms-borderColor--themeLighter {
    border-color: #e1e1f1;
}

.ms-borderColor--themeLight {
    border-color: #c8c9e4;
}

.ms-borderColor--themeTertiary {
    border-color: #989ac9;
}

.ms-borderColor--themeSecondary {
    border-color: #7173b0;
}

.ms-borderColor--themeDarkAlt {
    border-color: #585a95;
}

.ms-borderColor--themeDark {
    border-color: #4a4c7e;
}

.ms-borderColor--themeDarker {
    border-color: #37385d;
}

.ms-borderColor--neutralLighterAlt {
    border-color: #ecebe9;
}

.ms-borderColor--neutralLighter {
    border-color: #e8e7e6;
}

.ms-borderColor--neutralLight {
    border-color: #dedddc;
}

.ms-borderColor--neutralQuaternaryAlt {
    border-color: #cfcecd;
}

.ms-borderColor--neutralQuaternary {
    border-color: #c6c5c4;
}

.ms-borderColor--neutralTertiaryAlt {
    border-color: #bebdbc;
}

.ms-borderColor--neutralTertiary {
    border-color: #a19f9d;
}

.ms-borderColor--neutralSecondary {
    border-color: #605e5c;
}

.ms-borderColor--neutralPrimaryAlt {
    border-color: #3b3a39;
}

.ms-borderColor--neutralPrimary {
    border-color: #323130;
}

.ms-borderColor--neutralDark {
    border-color: #201f1e;
}

.ms-borderColor--black {
    border-color: #000000;
}

.ms-borderColor--neutral {
    border-color: #f3f2f1;
}

.ms-borderColor--white {
    border-color: #ffffff;
}

.ms-borderColor--red {
    color: #ae2c25;
}

.mst-input {
    border-color: #989ac9;
    outline-color: #989ac9;
}

    .mst-input:focus {
        border-color: #6264a7;
        outline-color: #6264a7;
    }


.mst-Article-Body pre {
    background-color: #ffffff;
    color: #323130; /*neutralPrimary*/
}

    .mst-Article-Body pre code {
        background-color: #f3f2f1;
        color: #323130; /*neutralPrimary*/
        border-color: #6264a7;
    }

    .mst-Article-Body pre code.language-knw {
        background-color: #ffffff;
        color: #323130; /*neutralPrimary*/
        border-color: transparent;
    }

.ms-Button.ms-Button--primary {
    background-color: #6264a7; /*themePrimary*/
    color: rgb(255, 255, 255);
    border-color: #6264a7;
}

    .ms-Button.ms-Button--primary:focus {
        color: #ffffff;
        border-color: transparent;
        background: #6264a7;
    }

    .ms-Button.ms-Button--primary:hover {
        color: #ffffff;
        border-color: transparent;
        background: #4a4c7e; /*themeDark*/
    }

    .ms-Button.ms-Button--primary:active {
        color: #ffffff;
        border-color: transparent;
        background: #37385d; /*themeDarker*/
    }



.ms-Button.ms-Button--primary:disabled {
    color: #c6c5c4;
    border-color: #c6c5c4; /*neutralQuaternary*/
    background: #ecebe9;
}

.ms-Button.ms-Button--default {
    background-color: #fff; /*themePrimary*/
    color: #6264a7;
    border-color: #6264a7;
}

    .ms-Button.ms-Button--default:focus {
        background-color: #fff; /*themePrimary*/
        color: #6264a7;
        border-color: #6264a7;
    }

    .ms-Button.ms-Button--default:hover {
        color: #ffffff;
        border-color: transparent;
        background: #6264a7; /*themeDark*/
    }

    .ms-Button.ms-Button--default:active {
        color: #ffffff;
        border-color: transparent;
        background: #37385d; /*themeDarker*/
    }

.ms-Button.ms-Button--default:disabled {
    color: #c6c5c4;
    border-color: #c6c5c4; /*neutralQuaternary*/
    background: #ecebe9;
}

.ms-Button.ms-Button--secondary {
    background-color: #ffffff;
    color: #323130; /*neutralPrimary*/
    border-color: #dedddc; /*neutralLight*/
}

    .ms-Button.ms-Button--secondary:focus {
        color: #323130; /*neutralPrimary*/
        border-color: transparent;
        background: #ffffff;
    }

    .ms-Button.ms-Button--secondary:hover {
        color: #323130; /*neutralPrimary*/
        border-color: #cfcecd; /*neutralQuaternaryAlt*/
        background: #ecebe9; /*neutralLighterAlt*/
    }

    .ms-Button.ms-Button--secondary:active {
        color: #323130;
        border-color: #c6c5c4; /*neutralQuaternary*/
        background: #dedddc; /*neutralLight*/
    }

    .ms-Button.ms-Button--secondary:disabled {
        color: #c6c5c4;
        border-color: #c6c5c4; /*neutralQuaternary*/
        background: #ecebe9; 
    }


.mst-contextualButton {
    border-left-color: rgb(255, 255, 255) !important;
}

.mst-stroke {
    stroke: #6264a7 !important;
}

.mst-ProgressIndicator-progressTrack {
    background-color: rgb(237,235,233) !important;
    background: rgb(237,235,233) !important;
}

.mst-ProgressIndicator-progressBar {
    background-color: #6264a7 !important;
    background: #6264a7 !important;
}

.mst-ProgressIndicator-handle {
    background: #fff !important;
    border-color: #6264a7 !important;
}

.mst-ProgressIndicator-itemDescription {
    color: rgb(96,94,92);
}

/* toggle styles */

.ms-Toggle-background {
    border: 1px solid transparent;
    background: #ffffff;
}

.ms-Toggle-background.mst-enabled {
    border: 1px solid transparent;
    background: #ae2c25;    
}

.ms-Toggle-background > .ms-Toggle-thumb {
    background-color: #323130;
    border-color: transparent;
}

.ms-Toggle-background.mst-enabled > .ms-Toggle-thumb {
    background-color: #f5f5f5;
    border-color: transparent;
}

.ms-Toggle-stateText {
    color: #323130;    
    box-shadow: none;
}

/* toggle styles end */

/*Colors Checkbox */
.mst-Checkbox-checkbox {
    border-color: #6264a7;
    background-color: #fff;
    color: transparent;
}

    .mst-Checkbox-checkbox:hover {
        color: #6264a7;
    }

.mst-Checkbox-text {
    color: rgb(50, 49, 48);
}

.is-checked {
    color: white;
    background-color: #6264a7;
}

    .is-checked.mst-Checkbox-checkbox:hover {
        /*color: #4a4c7e;*/
        color: white;
        background-color: #4a4c7e;
    }

.is-disabled, .is-disabled:hover {
    color: #ecebe9;
    background-color: #ecebe9;
}

    .is-disabled.is-checked, .is-disabled.is-checked:hover {
        color: #6264a7;
        background-color: #ecebe9;
    }

.mst-FullOverLayout:hover {
    background-color: rgba(88, 90, 149, 0.25); /*themeDarkAlt */
}

.mst-tabTitleExpanderContainer:hover .mst-tabExpander {
    background-color: rgba(88, 90, 149, 0.25); /*themeDarkAlt */
}

.mst-tabTitleExpanderContainer:hover .mst-subtabTitle {
    color: rgba(88, 90, 149, 1);
    border-color: rgba(88, 90, 149, 1);
}


.mst-TileActivable:active {
    background-color: rgba(88, 90, 149, 0.25);
}

@media all and (max-width:480px) {
    .mst-smFullOverLayout:hover {
        background-color: rgba(88, 90, 149, 0.25); /*themeDarkAlt */
    }
}

.mst-stickyHeader {
    box-shadow: -5px 0px 0px 0px #f3f2f1, 5px 0px 0px 0px #f3f2f1;
}

.graphCanvas {
    background-color: #ffffff;
    border-color: transparent;
}

/*Colors Navigation*/
.mst-Breadcrumb-listItem:nth-last-child(2) .mst-Breadcrumb-item {
    color: rgb(50, 49, 48);
}

.mst-Breadcrumb-item {
    color: rgb(96, 94, 92);
}

.mst-Breadcrumb-itemLink {
    color: rgb(96, 94, 92);
}

    .mst-Breadcrumb-itemLink:hover {
        color: #646260;
        background-color: #dcdcdc;
    }

    .mst-Breadcrumb-itemLink:active {
        color: #646260;
        background-color: #dcdcdc;
    }

    .mst-Breadcrumb-itemLink:focus {
        color: #646260;
        background-color: #dcdcdc;
    }

.mst-button-itemLink {
    color: #6264a7;
}

.mst-button-itemLinkActive {
    background-color: #6264a7;
    color: #ffffff;
}

.mst-block-separator {
    border-color: transparent;
}

table.dataTable, .tableControlCell > hr {
    border-color: #6264a7;
}

    table.dataTable thead {
        color: #ffffff;
        background-color: #6264a7;
    }

    table.dataTable td {
        border-top: 1px solid #a19f9d !important;
    }

.ms-Fabric {
    background-color: transparent;
}

.ms-Fabric a {
    color: #6264a7 !important; /* ThemePrimary */
}

input.mst-searchInput {
    border-bottom: 3px #ffffff solid;
    border-left: white 1px solid;
    border-right: white 1px solid;
    border-top: white 1px solid;
}

    input.mst-searchInput:focus {
        border-bottom: 3px #6264a7 solid;
        border-left: white 1px solid;
        border-right: white 1px solid;
        border-top: white 1px solid;
    }


.mst-modal-linkInput {
    background-color: #f3f2f1;
    border-bottom: 3px #f3f2f1 solid;
    border-left: white 1px solid;
    border-right: white 1px solid;
    border-top: white 1px solid;
}

.mst-modal-container {
    background-color: #FFFFFF;
}

form[id^=testForm] {
    border: 1px #6264a7 solid;
}

/* Colors Rating*/
.rating_stars span.s.active-high .fa-star {
    color: #6264a7;
}

.rating_stars span.s.active-low .fa-star-half-o {
    color: #6264a7;
}

.rating_stars {
    color: rgb(96, 94, 92);
}

/* Colors Datatable */

div.dataTables_wrapper div.dataTables_length select {
    background-color: #ffffff;
    color: #323130; /*neutralPrimary*/
    border-color: transparent;
}

div.dataTables_wrapper div.dataTables_filter input {
    background-color: #ffffff;
    color: #323130; /*neutralPrimary*/
    border-color: transparent;
}

    .dataTables_length select option {
        background-color: #ffffff;
        color: #323130; /*neutralPrimary*/
        border-color: #dedddc; /*neutralLight*/
    }

        .dataTables_length select option:focus {
            color: #323130; /*neutralPrimary*/
            border-color: transparent;
            background: #ffffff;
        }

        .dataTables_length select option:hover {
            color: #323130; /*neutralPrimary*/
            border-color: #cfcecd; /*neutralQuaternaryAlt*/
            background: #ecebe9; /*neutralLighterAlt*/
        }

        .dataTables_length select option:active {
            color: #323130;
            border-color: #c6c5c4; /*neutralQuaternary*/
            background: #dedddc; /*neutralLight*/
        }

        .dataTables_length select option:disabled {
            color: #c6c5c4;
            border-color: #c6c5c4; /*neutralQuaternary*/
            background: #ecebe9;
        }

div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current, div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:hover {
    background: none;
    background-color: #6264a7;
    border: 1px solid transparent;
    color: #ffffff !important;
}

div.dataTables_wrapper div.dataTables_paginate a.paginate_button {
    background: none;
    background-color: #ffffff;
    border: 1px solid transparent;
    color: #6264a7 !important;
}


    div.dataTables_wrapper div.dataTables_paginate a.paginate_button:hover {
        background: none;
        background-color: #6264a7;
        border: 1px solid transparent;
        color: #ffffff !important;
    }