﻿.slideInWindow {
    position: absolute;
    left: 0;
    top: 20rem;
    z-index: 40;
    padding: 0.7rem;
    margin-left: -270px;
    width: 270px;
    min-height: 30rem;
    overflow: hidden;
    border-color: darkblue;
    border-right: solid 1px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-top-right-radius: 0.7rem;
    border-bottom-right-radius: 0.7rem;
    background-color: white;
    transition: all .5s;
}

.errorSlideInWindow {
    margin-left: -400px;
    width: 400px;
    min-height: 17rem;
}

.errorSlideInUl {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.textBold{
    font-weight: bold;
}

.slideInWindow--open {
    margin-left: 0;
}

.slideInWindowDivTopMargin {
    margin-top: 0.4rem;
}

.slideInWindowNoPadding {
    padding: 0;
}

.slideWindowNoPaddingLeft {
    padding-left: 0;
}

.slideWindowNoPaddingRight {
    padding-right: 0;
}

.kendoUiWrapperWidth {
    width: 100%;
}

.slideWindowDivFlex {
    display: flex;
    flex-flow: row nowrap;
}

.slideWindowCheckbox {
    position: relative;
    top: 0.5rem;
    margin-left: 1px;
    height: 1.7rem;
    width: 1.7rem;
}

.slideWindowIcons {
    margin-right: 0.5rem;
    align-self: center;
    transition: transform .5s;
}

.slideWindowParagraph {
    font-size: 1.75rem;
    position: relative;
    top: 0.4rem;
}

.slideWindowIcons:hover {
    cursor: pointer;
}

.toggleRefresh-Rotate {
    transform: rotate(360deg);
}

@media screen and (max-width: 991px) {
    #proplotRotationDiv {
        padding: 0;
    }

    #proplotScalesDiv {
        padding: 0;
    }

    .slideInWindow {
        width: 230px;
    }
}

/*Tilretning af slide in menu på mindre skærme / mobile enheder, og styling af scrollebar (Chrome browsere og safari)*/
@media screen and (max-width: 970px) {
    .divText {
        max-width: 230px;
        margin: 0;
        padding: 0 !important;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .divText::-webkit-scrollbar{
            height: 5px;
        }
        .divText::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        .divText::-webkit-scrollbar-thumb {
            background: #888;
        }
}

@media screen and (max-width: 767px) {
    .slideInWindow {
        width: 170px;
    }
}
