@import "../../../Base/Content/sass/bootstrap/variables";
@import "../../../Base/Content/sass/compass/css3";
@import "../../Branding/Content/Partials/Variables";

.topLetters {
    margin-top: 1em;
    margin-bottom: 2em;
    width: 100%;
}

.resultsAll.azHeadingsTable {
    width: 100%;
}

.resultsAll {
    margin-bottom: 1em;
    width: 100%;
}

.flexLayout{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.spanWidth{
    min-width: 12px;
    padding: 5px;

}
.wt-azWebpart {
    padding-left: 0;
    padding-right: 0;

    .selectedLetter {
        background-color: #0072c6;
        font-weight: bold;
        color: white !important;
    }

    .azLetterTable a.selectedLetter {
        color: #ffffff;
    }

    .selectedLetter:focus {
        outline: 0;
    }

    .azResultTable > thead > tr > th {
        border-top: 0;
        border-bottom: 1px solid #f2f2f2;
    }

    .azResultTable > tbody > tr > td,
    .azLetterTable > tbody > tr > td {
        border-top: 0;
    }

    .wt-azLetterRow {
        border-top: 1px solid #f2f2f2;
        color: #000000;
    }

    .wt-azLetterRow > .firstLetterItem {
        padding: 8px;
    }

    .wt-azLinkRow:hover {
        cursor: pointer;
    }

    .wt-azLinkRow > td {
        padding: 8px;
    }

    .azResultTable,
    .azResultTable a,
    .azLetterTable a {
        color: $wizdom-link-color;
    }

    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td {
        padding-left: 0;
        padding-right: 0;
    }

    .wt-azCenterCol {
        text-align: center;
    }

    .wt-azLetterTableLeftCell {
        width: 30px;
    }

    .lettersLeftCell {
        width: 15px;
    }

    .wt-azCol1 {
        padding-left: 15px !important;

        a {
            word-break: break-all;
            white-space: normal;
            word-wrap: break-word;
        }
    }

    .wt-azCol1, .wt-azCenterCol {
        padding-bottom: 8px;
    }
}

.modal-dialog .modal-content .modal-body .form-group .defaultview-label {
    display: inline;
}

.manualpageresponsible .secondaryWizdomUser {
    padding-top: 20px;
}

.manualpageresponsible div.heading {
    text-align: left;
    color: #444;
}

.manualpageresponsible .wizdom-pageInfo-imgColumn {
    padding-top: 10px;
}


/* Mark as read - control */
.wt-markAsRead .wt-markAsReadCheckboxDiv {
    margin-top: 4px;
}

.wt-markAsRead .wt-markAsReadCheckboxDiv input[type='checkbox'] {
    margin-top: 3px;
}

.wt-markAsRead .ms-webpart-chrome-title div.ms-webpart-titletext {
    color: #444;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 8px;
}

.wt-markAsReadCheckboxDiv label {
    color: #444;
}

// Accelerate documents i need to read webpart template
.wizdom-fullview.pages-i-must-readV1 {
    padding-bottom: 15px;
}

.pages-i-must-readV1 .counter-table {
    display: table;
    width: 100%;
    height: 120px;
}

.pages-i-must-readV1 .counter-table-no-height {
    height: auto;
}

.pages-i-must-readV1 .counter-height {
    height: 120px;
}

.pages-i-must-readV1 .counter-contents {
    display: table-cell;
    vertical-align: middle;
}

.pages-i-must-readV1 .counter {
    font-size: 130px;
    font-weight: 500;
    text-align: center;
    color: $wizdom-webparts-title-color;
    //    color:#00aeef;
    line-height: 0.8 !important;
}

.pages-i-must-readV1 .documents-to-read-contents {
    text-align: center;
    //    color:#00aeef;
    color: $wizdom-webparts-title-color;
    font-weight: 500;
    font-size: 16px;
}

.pages-i-must-readV1 .documents-to-read-contents .documents-glasses {
    height: 40px;
}

.pages-i-must-readV1 .documents-to-read-contents i {
    top: -20px;
    font-size: 70px;
}

.pages-i-must-readV1 .fix-margin {
    margin-left: -15px;
}


.pages-i-must-readV1 .documents-to-read {
    text-transform: uppercase;
    line-height: 1.3 !important;
}

.pages-i-must-readV1 .pages-contents .pages {
    margin-top: 15px;
    padding: 15px;
    border-width: 1px 0;
    border-style: solid;
    border-color: $wizdom-default-text-color;
}

.pages-i-must-readV1 .pages-contents .all-pages {
    text-align: right;
    padding-right: 15px;
    padding-top: 5px;
}

.pages-i-must-readV1 .pages-contents .all-pages i {
    padding-top: 4px;
}

#manualPages p.no-manual-pages {
    padding: 0 15px;
}

@media only screen and (max-width: 1420px) {
    .wt-azWebpart .lettersLeftCell {
        width: 6px;
    }
}

@media only screen and (max-width: 1220px) {
    .topLetters {
        font-size: 12px;
    }

    .resultsAll {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1200px) {
    .pages-i-must-readV1 .counter {
        font-size: 100px
    }

    .pages-i-must-readV1 .documents-to-read-contents {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .topLetters {
        font-size: 14px;
        width: 100%;
    }

    .resultsAll {
        font-size: 14px;
    }

    .wt-azWebpart .lettersLeftCell {
        width: 15px;
    }
}

@media only screen and (max-width: 410px) {
    .wt-azWebpart .lettersLeftCell {
        width: 6px;
    }
}

.bootstrap-wrapper {
    .mark-as-read-box {
        background-color: #1775BC;

        > h3 {
            color: #fff;
            border-bottom: 1px solid #fff;
            margin: 0 0 10px;
            padding-bottom: 10px;
        }

        > p {
            color: #fff;
        }

        .mark-as-feedback {
            background-color: #deecf9;
            padding: 10px;
        }

        .tempMessage {
            color: #d1ecf1;
        }
    }
}
