@import '../../styleConstants.scss';

.wiaas-box-container {
    padding: 0.5rem 0;
    height: 100%;
}

.wiaas-box {
    border-radius: $box-radius;
    height: 100%;
}

.wiaas-box-header {
    position: relative;
    padding: 19px;
    border-radius: $box-radius $box-radius 0 0;
    box-shadow: 0 2px 4px 0 $boxShadow;
    background: $container-background;
    z-index: 1;
}

.wiaas-main-title {
    display: inline-block;
    font-size: $font-size-big;
    font-weight: 600;
    text-align: left;
    color: $title-color;
}

.wiaas-divider {
    display: inline-block;
    width: 1px;
    height: 1em;
    background-color: $divider-color;
    margin-left: 20px;
}

.wiaas-icon {
    width: 1.5625rem;
    height: 1.5625rem;
    text-align: center;
    border-radius: 50%;
    border: solid 1px $borderColor;
    cursor: pointer;
}

.wiaas-box-visibility-icon {
    position: absolute;
    right: 0.5rem;
}

.wiaas-info-icon {
    position: absolute;
    right: 2.5625rem;
}

.no-margin-box {
    margin: 0;
}
