@import "colors";
@import "variables";
@import "mixins";
@import "base";
@import "../assets/icons/styles/sprite";
@import "overwrites";

/* stylelint-disable selector-no-type */
html {
    height: 100%;
    width: 100%;
}

body {
    background: $mouse;
    font-family: Rubik, helvetica, arial, sans-serif;
    height: 100%;
    min-width: $root_min_width;
    position: relative;
    width: 100%;
}

h2,
h3,
h4 {
    margin-bottom: $offset_main;
}

textarea {
    resize: vertical;
}

a,
.ActionLink {
    color: $color_action_main;
    cursor: pointer;
    text-decoration: none;

    &::-moz-focus-inner {
        border: 0;
    }

    &:hover,
    &:focus {
        text-decoration: underline;
    }

    &:visited {
        color: $color_action_main;
    }
}

.Link-disabled {
    &,
    &:hover,
    &:active,
    &:focus,
    &:visited {
        color: $color_text_placeholder;
    }
}

/* stylelint-enable selector-no-type */

.Root {
    background: $mouse;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    position: relative;

    .Modal-mask & {
        background: none;
        min-height: auto;
    }
}

.Body-modal-opened {
    height: 100%;
    overflow: hidden;
}

.FileName,
.Currency {
    font-weight: $weight_bold;
    white-space: nowrap;
}

.ReturnToLink {
    display: block;
    margin-top: $offset_main * 3;
}

/* stylelint-disable max-nesting-depth, no-descending-specificity, selector-no-type */

.ControlsList {
    list-style-type: none;
    margin: 0;
    padding: 0;

    .Layout-help .Layout-help-content & li {
        list-style-type: none;
    }
}

.ControlsList-item {
    @include inline-middle;

    &,
    .Layout-help .Layout-help-content & {

        list-style-type: none;

        & + & {
            margin-top: $offset_main;
        }
    }
}

.ControlsList-item-no-icon {
    padding-left: 21px;
}
/* stylelint-enable max-nesting-depth, no-descending-specificity, selector-no-type */

/* stylelint-disable declaration-no-important */
.AnimateReveal {
    opacity: 0;
    transition: $toggle_transition;
    visibility: hidden;

    &-visible {
        opacity: 1;
        visibility: visible;
    }

    &-hidden {
        height: 0;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        opacity: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        transition: $toggle_transition_off;
        visibility: hidden;
    }
}
/* stylelint-enable declaration-no-important */

.ControlsHeader {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    margin-bottom: $offset_main;

    &-separated {
        border-bottom: $border_main;
        padding-bottom: $offset_main;
    }
}

.ControlsHeader-text {
    flex-grow: 1;
    margin: 0;
}

/* stylelint-disable selector-no-type */
.HelpText {
    @include helpText;

    display: inline-block;

    a {
        font-style: normal;
    }
}
/* stylelint-enable selector-no-type */

.HelpText-bybutton {
    float: left;
    line-height: $control_height_normal;
    padding: 0 $offset_main;
}

.Last-modified {
    clear: both;
    margin: $offset_main * 2 0 0;
    text-align: right;
}

.InformationCols {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: -$offset_main * 3;
}

.InformationCols-item {
    padding-left: $offset_main * 3;
    width: (100% / 3);

    &-double {
        width: (100% * 2 / 3);
    }
}

.Add-region-button {
    margin-bottom: $offset_main * 2;
    .Button-content {
        font-size: $font_size_small;
    }
}

.View-label {
    color: $color_text_label;
    font-size: $font_size_small;
    font-weight: $weight_bold;
    line-height: $line_height_view;
    padding-right: $offset_main * 5;
    text-transform: uppercase;
    vertical-align: top;
}

.View-label-payor {
    color: $color_text_label;
    font-size: $font_size_small;
    font-weight: $weight_bold;
    line-height: $line_height_view;
    padding-right: $offset_main * 5;
    text-transform: uppercase;
    vertical-align: top;
    white-space: nowrap;
}

.View-hr {
    border: none;
    border-top: $border_main;
    margin: $offset_main * 2 0;
}

.Heading-addition {
    font-size: $font_size_default;
    font-weight: $weight_light;
    line-height: $line_height_control;
    padding: $offset_main 0;
}

.LinksList {
    list-style-type: none;
    margin: 0;
    padding: 0;

    &-distributed {
        column-width: 50%;
        columns: 2;
        width: 100%;
    }
}

.LinksList-item {
    font-size: $font_size_default;
    line-height: $line_height_control;

    & + & {
        margin-top: $offset_main * .5;
    }
}

.PageSection {
    @include page-section;
}

.MainBaseSection {
    @include base-container("main");

    &-joined,
    & + .MainBaseSection-joined {
        border-top: 0 none;
        margin-top: -($border_size_default);
        padding-top: $border_size_default;
    }
}

/* stylelint-disable
    selector-no-type,
    selector-class-pattern,
    selector-no-id,
    no-descending-specificity
*/
.View-value {
    line-height: $line_height_view;
    vertical-align: top;

    &.Countrylist {
        column-gap: $offset_main * 4;
        columns: 5;
        padding-top: $margin_view / 2;
    }

    p {
        line-height: normal;
        margin-bottom: $margin_view;
    }
}

#fileInp {
    display: none;
}

#confirmBox,
.hidden {
    display: none;
}

#confirmDeleteBox {
    display: none;
}

#confirmDeleteUserBox {
    display: none;
}

#qwikcloseBox {
    display: none;
}

tr.trackDetails {
    display: none;
}

.printFriendly {
    color: #000;
    font-size: 7pt;
}

.printFriendly h2 {
    color: #000;
}

.printFriendly a,
.printFriendly a:hover {
    color: #000;
    text-decoration: none;
}

.printFriendly .statementHeader th {
    border-bottom: #000 solid 1px;
}

.printFriendly .total,
.printFriendly .pubtotal {
    border-top: #000 solid 1px;
}

.printFriendly .heading {
    border-bottom: #000 solid 1px;
}

.printFriendly .statementTable {
    border-bottom: #000 solid 1px;
    border-top: #000 solid 1px;
}

.printFriendly td.albumDetailsTitle {
    border-top: #000 solid 2px;
}

#loginNotes1 {
    display: none;
}

#loginNotes2 {
    display: none;
}

#confirmDeleteBox {
    display: none;
}

#confirmDeleteUserBox {
    display: none;
}

.trackView {
    display: none;
}

#Form_Publisher_UpdateAttachedPublishers {
    display: none;
}

.AdditionalGroup {
    margin-bottom: $offset_main * 2;
    margin-top: $offset_main * 2;
}

.AdditionalGroup-item {
    border-left: $border_main;
    margin-bottom: $offset_main * 2;
    margin-top: 0;
    padding-left: $offset_main;
}

.Table-col .List-default {
    color: $turtle;
}

/* stylelint-enable
    selector-no-type,
    selector-class-pattern,
    selector-no-id,
    no-descending-specificity
*/