#templatePlaceHolder {
    margin-top: 20px;
}

.container1 {
    display: none;
}

.sliderCrud {
    width: 100px;
    height: 50px;
    transition: width 2s;
    -webkit-transition: width 2s; /* Safari */
    transition-timing-function: linear;
}

    .sliderCrud:display {
        width: 300px;
    }

    .sliderCrud.closedCrud {
        max-height: 0;
    }


.container1.show {
    display: block;
}

.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
}

    .pageload-overlay.show {
        visibility: visible;
    }

    .pageload-overlay svg {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
    }

        .pageload-overlay svg path {
            fill: #eee;
        }

    .pageload-overlay::after,
    .pageload-overlay::before {
        content: '';
        position: fixed;
        width: 20px;
        height: 20px;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -10px;
        border-radius: 50%;
        visibility: hidden;
        opacity: 0;
        z-index: 1000;
        -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
        transition: opacity 0.15s, visibility 0s 0.15s;
    }

    .pageload-overlay::after {
        background: #6cc88a;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-animation: moveRight 0.6s linear infinite alternate;
        animation: moveRight 0.6s linear infinite alternate;
    }

    .pageload-overlay::before {
        background: #4fc3f7;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        -webkit-animation: moveLeft 0.6s linear infinite alternate;
        animation: moveLeft 0.6s linear infinite alternate;
    }

@-webkit-keyframes moveRight {
    to {
        -webkit-transform: translateX(20px);
    }
}

@keyframes moveRight {
    to {
        transform: translateX(20px);
    }
}

@-webkit-keyframes moveLeft {
    to {
        -webkit-transform: translateX(-20px);
    }
}

@keyframes moveLeft {
    to {
        transform: translateX(-20px);
    }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.logo-preview {
    width: 120px;
    margin-bottom: 10px;
}

.small-logo-preview {
    width: 50px;
}

.margin-auto {
    margin: auto;
}

.margin-top-05 {
    margin-top: 0.5em;
}

.margin-top-10 {
    margin-top: 1.0em;
}

.margin-top-15 {
    margin-top: 1.5em;
}

.margin-top-20 {
    margin-top: 2.0em;
}

.margin-top-25 {
    margin-top: 2.5em;
}

.margin-top-30 {
    margin-top: 3.0em;
}

.margin-top-35 {
    margin-top: 3.5em;
}

.margin-top-40 {
    margin-top: 4.0em;
}

.margin-top-60 {
    margin-top: 6.0em;
}

.margin-top-80 {
    margin-top: 8.0em;
}


.margin-bottom-05 {
    margin-bottom: 0.5em;
}

.margin-bottom-10 {
    margin-bottom: 1.0em;
}

.margin-bottom-15 {
    margin-bottom: 1.5em;
}

.margin-bottom-20 {
    margin-bottom: 2.0em;
}

.margin-bottom-25 {
    margin-bottom: 2.5em;
}

.margin-bottom-30 {
    margin-bottom: 3.0em;
}

.margin-left-05 {
    margin-left: 0.5em;
}

.margin-left-10 {
    margin-left: 1.0em;
}

.margin-left-15 {
    margin-left: 1.5em;
}

.margin-left-20 {
    margin-left: 2.0em;
}

.margin-left-25 {
    margin-left: 2.5em;
}

.margin-left-30 {
    margin-left: 3.0em;
}

.margin-left-35 {
    margin-left: 3.5em;
}

.margin-left-40 {
    margin-left: 4.0em;
}

.margin-left-60 {
    margin-left: 6.0em;
}

.margin-left-80 {
    margin-left: 8.0em;
}

.margin-right-05 {
    margin-right: 0.5em;
}

.margin-right-10 {
    margin-right: 1.0em;
}

.margin-right-15 {
    margin-right: 1.5em;
}

.margin-right-20 {
    margin-right: 2.0em;
}

.margin-right-25 {
    margin-right: 2.5em;
}

.margin-right-30 {
    margin-right: 3.0em;
}

.margin-right-35 {
    margin-right: 3.5em;
}

.margin-right-40 {
    margin-right: 4.0em;
}

.margin-right-60 {
    margin-right: 6.0em;
}

.margin-right-80 {
    margin-right: 8.0em;
}

.padding-left-05 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-05 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-top-50 {
    padding-top: 50px;
}

.no-padding-right {
    padding-right: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.offline-players-grid-cell {
    word-wrap: break-word;
}

.klub-search-leabel {
    text-align: left !important;
    font-size: medium;
}

.white-background {
    background-color: white;
}

a.nounderline {
    text-decoration: none;
}

.bold-header {
    font-weight: bold;
    font-size: 18px;
}

.ball-span {
    vertical-align: sub;
    margin-right: 5px;
}

.ball-inline {
    display: -webkit-inline-box;
}

.lottoTable > tbody > tr > td {
    vertical-align: middle;
    padding: 2px;
}

    .lottoTable > tbody > tr > td > .form-control {
        padding: 3px;
    }

.chat-channel-list {
    margin-bottom: 5px;
}

.chat-channel-item {
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #EEEEEE;
}

    .chat-channel-item:hover {
        color: white;
        background-color: #3b7ab1;
        cursor: pointer;
    }

.chat-channel-item-selected {
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #EEEEEE;
    color: black;
    background-color: #81D4FA;
}

.chat-channel-panel {
    min-height: 400px;
    border-left: 1px solid gray;
    margin-bottom: 15px;
}

.chat-channel-panel-row {
    height: 350px;
    overflow-y: scroll;
    padding-bottom: 15px;
}

.chat-message-date {
    color: gray;
}

.chat-message-text {
    box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);
    padding: 5px;
    border-radius: 15px;
}

.chat-message-right {
    padding: 5px;
    text-align: right;
}

.chat-message-text-blue {
    background-color: #81D4FA;
    margin-top: 5px;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);
    padding: 5px;
    border-radius: 15px;
    color: white;
}

.chat-message-text-orange {
    background-color: #FF9800;
    margin-top: 5px;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);
    padding: 5px;
    border-radius: 15px;
    color: white;
    padding-bottom: 10px;
}

.chat-message {
    padding: 5px;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.img-top-sponsor {
    max-height: 150px;
    max-width: 500px;
}

.margin-left-auto {
    margin-left: auto;
}