﻿/* 
// #### ItSlider v0.6.5   03.09.2020 ####
 Author: Itay A
 https://plnkr.co/edit/xT0wjU0QRXkCl7J3pXV3?p=preview 
*/

.SliderWraper {
    display: inline-block;
    text-align: right;
    font-size: 0;
    -webkit-overflow-scrolling: touch;
}

    .SliderWraper .SliderRow {
        display: inline-block;
        overflow-x: hidden;
        overflow-y: hidden;
        direction: rtl;
        white-space: nowrap;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
    }

        .SliderWraper .SliderRow::-webkit-scrollbar {
            display: none;
        }

    .SliderWraper .Direction {
        font-size: 12px;
        height: 0;
        display: none;
    }

        .SliderWraper .Direction .ArrowRight {
            position: relative;
            direction: rtl;
            cursor: pointer;
            display: inline-block;
            right: -40px;
            border-right: 5px solid;
            border-top: 5px solid;
            width: 15px;
            height: 15px;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            color: #1f84e0;
            float: right;
        }

        .SliderWraper .Direction .ArrowLeft {
            position: relative;
            cursor: pointer;
            display: inline-block;
            visibility: visible;
            border-left: 5px solid;
            border-top: 5px solid;
            width: 15px;
            height: 15px;
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            color: #1f84e0;
            float: left;
            left: -40px;
        }

    .SliderWraper .SliderRow .SlideNumber {
        display: inline-block;
    }

    .SliderWraper .SliderRow .SlideBox {
        display: inline-block;
        color: #fff;
        text-align: center;
        font-size: 13px;
        overflow: hidden;
        white-space: normal;
        outline: none;
    }

    .SliderWraper .SliderRow .EmptySlide .SlideBox {
        background-color: #fff;
        width: 100%;
        height: 100%;
    }
