@charset "UTF-8";
/*--------------------------------------------- Color Settings ---------------------------------------------*/
/*---------------------------------------------End Color Settings ---------------------------------------------*/
/*--------------------------------------------- Language Settings ---------------------------------------------*/
/*-----Direction*/
/*-----Language left or right left*/
/*-----The opposite of language left or right right*/
/*-----incase of error of driction in design*/
.DataListItems span {
    float: left;
}
.DataListItems {
    min-height: 270px;
}
@font-face {
    font-family: 'open_sansbold';
    src: url("fonts/opensans-bold-webfont.eot");
    src: url("fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-bold-webfont.woff") format("woff"), url("fonts/opensans-bold-webfont.ttf") format("truetype"), url("fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url("fonts/opensans-light-webfont.eot");
    src: url("fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-light-webfont.woff") format("woff"), url("fonts/opensans-light-webfont.ttf") format("truetype"), url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url("fonts/opensans-regular-webfont.eot");
    src: url("fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/opensans-regular-webfont.ttf") format("truetype"), url("fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url("fonts/opensans-semibold-webfont.eot");
    src: url("fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-semibold-webfont.woff2") format("woff2"), url("fonts/opensans-semibold-webfont.woff") format("woff"), url("fonts/opensans-semibold-webfont.ttf") format("truetype"), url("fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FontAwesome";
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidArabicNaskh';
    src: url("fonts/DroidArabicNaskh.eot") format("embedded-opentype");
    src: url("fonts/DroidArabicNaskh.woff") format("woff"), url("fonts/DroidArabicNaskh.ttf") format("truetype"), url("fonts/DroidArabicNaskh.svg#DroidArabicNaskh") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome-main';
    src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itgIconsFont';
    src: url("fonts/itgicons-font.eot") format("embedded-opentype");
    src: url("fonts/itgicons-font.woff") format("woff"), url("fonts/itgicons-font.ttf") format("truetype"), url("fonts/itgicons-fonts.svg#itg-font") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome-5';
    src: url('fonts/fa-solid-900.eot?v=4.3.0');
    src: url('fonts/fa-solid-900.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fa-solid-900.woff2?v=4.3.0') format('woff2'), url('fonts/fa-solid-900.woff?v=4.3.0') format('woff'), url('fonts/fa-solid-900.ttf?v=4.3.0') format('truetype'), url('fonts/fa-solid-900.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fas {
    font-family: 'FontAwesome-5' !important;
}
/*-----Bold font*/
/*-----Semi Bold font*/
/*-----Light Font*/
/*-----arabic language*/
/*---------------------------------------- End Language Settings ---------------------------------------------*/
/* Repeated CSS */
body, html, form {
    /*font-family:Arial, Helvetica, sans-serif;*/
    height: 100%;
    color: #616f77;
}

body {
    background-color: #ffffff;
    direction: ltr;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    line-height: 1.4em;
}

/* Repeated CSS */
.e31_rightfloatmenu *, .e31_header *, .e31_sidebar *, .glyphicon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #007cc3;
    outline: 0 none;
    font-weight: normal !important;
    font-size: 12px !important;
}

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

.container, #container {
    position: relative;
    min-height: 100%;
    padding-bottom: 70px;
    width: 100% !important;
}

.clearBoth {
    clear: both;
}

.contain {
    width: 500px;
    margin: 0 auto;
    position: relative;
    padding: 20px;
}

.notificationicon.on i {
    color: #ddd;
}

.e31_notifications {
    max-width: 300px;
    width: 300px;
    background: #f1f1f1;
    padding: 0px;
    position: absolute;
    display: none;
    top: 52px;
    transition: .2s;
    opacity: 0;
    left: -134px;
}

    .e31_notifications:before {
        content: '';
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        top: -13px;
        left: 50%;
        margin-left: -3px;
        border: 6px solid #f1f1f1;
        border-color: transparent transparent #f1f1f1 transparent;
    }

    .e31_notifications.open {
        opacity: 1;
        display: block;
        border: 1px solid #E8E8E8;
        transition: .2s;
        box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
        transition: .2s;
    }

    .e31_notifications li {
        list-style-type: none;
    }

        .e31_notifications li.titlebar {
            text-align: left;
            line-height: 35px;
            border-bottom: 1px solid #d7d7d7;
            color: #616f77;
            font-size: 12px;
            cursor: inherit;
            padding: 2px 5px;
        }

            .e31_notifications li.titlebar .settings {
                float: right;
                cursor: pointer;
            }

        .e31_notifications li.seeall {
            text-align: center;
            font-size: 12px;
            min-height: 30px;
            text-transform: uppercase;
            position: relative;
            border-top: 1px solid #ccc;
        }

            .e31_notifications li.seeall a {
                background: #f5f5f5;
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                color: #2199ed;
                padding-top: 8px;
            }

    .e31_notifications .notifbox {
        max-height: 300px;
        overflow: auto;
    }

        .e31_notifications .notifbox li {
            color: #666;
            text-align: left;
            background: #ffffff;
            border-bottom: 1px solid #ccc;
            position: relative;
        }

            .e31_notifications .notifbox li a {
                color: #007cc3;
                padding: 13px;
                display: block;
                position: relative;
                font-size: 14px;
            }

                .e31_notifications .notifbox li a:hover {
                    background-color: #ecf6fd;
                }

                .e31_notifications .notifbox li a:after {
                    display: block;
                    /*@include border-radius(50%);*/
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    border-radius: 50%;
                    position: absolute;
                    right: 10px;
                    font-family: 'icomoon';
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    color: #ffffff;
                    top: 50%;
                    padding: 10px !important;
                    margin-top: -17px;
                    font-size: 12px !important;
                    line-height: 1;
                    /* Better Font Rendering =========== */
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    left: auto !important;
                    bottom: auto !important;
                }

            .e31_notifications .notifbox li .inbox_ShortDetails:after {
                background-color: #007cc3;
                content: "\2709";
            }

            .e31_notifications .notifbox li .IMsg_ShortDetails:after {
                background-color: #ff9a00;
                content: "\e111";
            }

            .e31_notifications .notifbox li .calender_ShortDetails:after {
                background-color: #55c007;
                content: "\e109";
            }

            .e31_notifications .notifbox li:last-child {
                border-bottom: none;
            }

.title_notiy {
    color: #ff9a00;
}

.title_notiyWzPadding {
    color: #ff9a00;
    padding: 4px;
}

.icons_radius {
    background: #d7d7d7;
    /*@include border-radius(50%);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon';
    font-style: normal;
    color: #ffffff;
}

    .icons_radius:before {
        height: 22px;
        width: 20px;
        display: block;
        position: absolute;
        top: 8px;
        left: 10px;
        font-size: 12px;
    }

.e31_header a.view_all {
    float: right;
    color: #007cc3;
}

.e31_header a.close_note_mobile {
    float: right;
    color: #007cc3;
    display: none;
}

.badge {
    position: absolute;
    top: 5px;
    left: 37px;
    display: block;
    padding: 1px 6px;
    /*@include border-radius(50%);*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.QRontainer {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 75px;
}

.QRontainer img {
    max-width: 100%;
}
.loginAria #lblError {
    padding-right: 70px;
    display: inline-block;
}
#logo {
    /* border-bottom: 1px solid #ececec; */
    display: block;
    padding: 6px 12px;
    text-align: center;
    box-shadow: none;
    border: none;
    position: absolute;
    top: -32px;
    background: #fff;
    left: 50px;
    border-radius: 10px;
}

#logo a {
    background: url(../images/EduWave-HIGHER-ED-Login.png) no-repeat;
    display: block;
    height: 51px;
    width: 112px;
    margin: 0 auto;
}

.ResetPasswordPage,
.LoginPage {
    background: url(../images/EduWave-HE_LoginPage_bg.jpg) no-repeat center center;
    background-size: cover;
    background-position: bottom center;
}

.ResetPassword {
    right: 50% !important;
    margin: -270px -175px 0 !important;
}

.ResetPassword,
.login {
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 3px solid #007cc3;
    margin: -230px 0 0;
    max-height: inherit !important;
    padding: 10px 15px 30px;
    position: absolute;
    right: 5%;
    top: 50%;
    width: 300px;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
}

#trEntryTest {
    margin-bottom: 40px;
}
    .ResetPassword .clientlogo,
    .login .clientlogo {
        background-color: #fff;
        border-bottom: 1px solid #ececec;
        padding: 10px 0;
        text-align: center;
        /*width: 100%;
        margin-bottom: 10px;*/
        margin: -15px -15px 10px;
        width: calc(100% + 30px);
        border: 1px solid #fff;
    }

        .ResetPassword .clientlogo img,
        .login .clientlogo img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            max-height: 65px;
        }

        .ResetPassword .clientlogo span,
        .login .clientlogo span {
            display: inline-block;
            vertical-align: middle;
        }

    .ResetPassword .ResetPasswordSubTitle,
    .login .loginTitle {
        margin-bottom: 10px;
    }

    .ResetPassword .labelResetPassword,
    .login .labelLogin {
        display: block;
        float: inherit;
    }

    .ResetPassword .ResetPasswordInputs,
    .login .LoginInputs {
        border: 1px solid #dfdfdf;
        display: block;
        margin-bottom: 10px;
        padding: 5px;
        width: 100% !important;
    }

    .ResetPassword h2.loginTitle,
    .login h2.loginTitle {
        background: url(../images/personIcon.png) no-repeat center right;
        font-size: 19px;
    }

    .ResetPassword .jqTransformCheckboxWrapper, .ResetPassword .lite-gray-check,
    .login .jqTransformCheckboxWrapper, .login .lite-gray-check {
        margin-bottom: 15px;
    }

    .ResetPassword #btnSend {
        clear: both;
        width: 30%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .ResetPassword #btnCancel {
        clear: both;
        width: 30%;
        display: inline-block;
    }

    .login #btnSignIn {
        clear: both;
        width: 100%;
        display: block;
    }

    .ResetPassword a,
    .login a {
        font-size: 12px;
    }

.userSites {
    display: none;
}

.calender {
    display: none;
}

/*Sidebar*/
.e31_sidebar {
    background-color: #ffffff;
    width: 236px;
    min-height: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    padding-top: 56px;
    border-right: 1px solid #d7d7d7;
    padding-bottom: 38px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

    .e31_sidebar .tab-content {
        display: none;
        height: 100%;
        position: relative;
        width: 100%;
    }

        .e31_sidebar .tab-content .tabtitle {
            font-size: 14px;
            padding: 5px 10px;
            font-weight: normal;
            text-transform: uppercase;
            color: rgba(97, 111, 119, 0.5);
            position: absolute;
            bottom: 111px;
            width: 100%;
            text-align: center;
            background-color: #ededed;
        }

        .e31_sidebar .tab-content.current {
            display: inherit;
        }

    .e31_sidebar > ul.menustabs {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 38px;
        text-align: center;
    }

        .e31_sidebar > ul.menustabs > [class|=tab] {
            display: block;
            min-height: 100%;
            padding-bottom: 37px;
            position: absolute;
            border-left: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

            .e31_sidebar > ul.menustabs > [class|=tab] a {
                position: absolute;
                border-bottom: 3px solid #ebf1f5;
                bottom: 0;
                width: 100%;
                height: 100%;
                background-color: #ebf1f5;
                display: block;
                color: #96b6cb;
                /*@include transition(all, 0.2s, ease-in-out);*/
                -webkit-transition: border 0.5s ease-in-out;
                -moz-transition: border 0.5s ease-in-out;
                -ms-transition: border 0.5s ease-in-out;
                -o-transition: border 0.5s ease-in-out;
                transition: border 0.5s ease-in-out;
            }

                .e31_sidebar > ul.menustabs > [class|=tab] a:after {
                    font-family: 'icomoon';
                    font-style: normal;
                    font-weight: normal;
                    line-height: 2.3;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e021";
                    position: absolute;
                    font-size: 16px;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    /*@include transition(all, 0.2s, ease-in-out);*/
                    -webkit-transition: all 0.5s ease-in-out;
                    -moz-transition: all 0.5s ease-in-out;
                    -ms-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    transition: all 0.5s ease-in-out;
                }

                .e31_sidebar > ul.menustabs > [class|=tab] a:hover {
                    border-bottom-color: #007cc3;
                }

                    .e31_sidebar > ul.menustabs > [class|=tab] a:hover:after {
                        color: #007cc3;
                    }

        .e31_sidebar > ul.menustabs:last-child {
            border-right: 0 none;
        }

        .e31_sidebar > ul.menustabs > .current {
            border-top: 0 none;
        }

            .e31_sidebar > ul.menustabs > .current a {
                background-color: #ffffff;
                border-bottom-color: #007cc3;
                color: #007cc3;
                cursor: pointer;
            }

                .e31_sidebar > ul.menustabs > .current a:hover {
                    background-color: #ffffff;
                }

        .e31_sidebar > ul.menustabs .tab-2-1, .e31_sidebar > ul.menustabs .tab-2-2 {
            width: 50%;
        }

        .e31_sidebar > ul.menustabs .tab-3-1, .e31_sidebar > ul.menustabs .tab-3-2, .e31_sidebar > ul.menustabs .tab-3-3 {
            width: 33.3%;
        }

        .e31_sidebar > ul.menustabs .tab-2-1, .e31_sidebar > ul.menustabs .tab-3-1 {
            left: 0;
        }

        .e31_sidebar > ul.menustabs .tab-3-2 {
            left: 33.3%;
        }

        .e31_sidebar > ul.menustabs .tab-2-2, .e31_sidebar > ul.menustabs .tab-3-3 {
            right: 0;
        }

    .e31_sidebar .menu {
        /*Add icons to sidebar Menu*/
    }

        .e31_sidebar .menu .dropdown > a:after {
            font-family: 'icomoon';
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e257";
            position: absolute;
            right: 19px;
            top: 50%;
            margin-top: -5px;
            margin-right: 0;
            font-size: 9px;
            color: #007cc3;
        }

        .e31_sidebar .menu .dropdown .active:after {
            content: "";
            top: 18px;
        }

        .e31_sidebar .menu > li {
            font-size: 14px;
            border-bottom: 1px solid #d7d7d7;
        }

            .e31_sidebar .menu > li > a:before {
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: 'icomoon';
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e021";
                margin-right: 6px;
                font-size: 14px;
                color: #007cc3;
                margin-left: 8px;
            }

            .e31_sidebar .menu > li a {
                display: block;
                padding: 5px 5px;
                color: #616f77;
                font-size: 12px;
                line-height: 1.5em;
                border-left: 4px solid #ffffff;
                position: relative;
            }

                .e31_sidebar .menu > li a:hover {
                    border-left-color: #76cdff;
                    text-decoration: none;
                }
                .e31_sidebar .menu > li a:focus {
                    text-decoration: none;
                }

            .e31_sidebar .menu > li .active {
                background-color: #007cc3;
                border-left-color: #007cc3;
                color: #ffffff;
            }

                .e31_sidebar .menu > li .active:before {
                    color: #ffffff;
                }

                .e31_sidebar .menu > li .active:after {
                    color: #ffffff;
                }

                .e31_sidebar .menu > li .active:hover {
                    border-left-color: #007cc3;
                }

            .e31_sidebar .menu > li .dropdown-menu {
                padding: 0;
                /* position:absolute; */
                display: none;
                top: 0;
                list-style: none;
            }

                .e31_sidebar .menu > li .dropdown-menu > li {
                    text-align: left;
                    background-color: #f2f2f2;
                }

                    .e31_sidebar .menu > li .dropdown-menu > li a {
                        background-color: #f7f7f7;
                        padding: 5px 10px;
                        margin-left: 12px;
                        border-left-color: #e6e6e6;
                        border-bottom: 1px solid #ffffff;
                    }

                        .e31_sidebar .menu > li .dropdown-menu > li a:hover, .e31_sidebar .menu > li .dropdown-menu > li .active {
                            color: #616f77;
                            border-left-color: #ffd799;
                        }

                            .e31_sidebar .menu > li .dropdown-menu > li a:hover:after, .e31_sidebar .menu > li .dropdown-menu > li .active:after {
                                color: #007cc3;
                            }

                    .e31_sidebar .menu > li .dropdown-menu > li .active {
                        font-family: "open_sanssemibold";
                        border-left-color: #ff9a00;
                    }

                        .e31_sidebar .menu > li .dropdown-menu > li .active:hover {
                            border-left-color: #ff9a00;
                        }

                .e31_sidebar .menu > li .dropdown-menu .dropdown-menu {
                    margin-left: 10px;
                    display: none;
                    left: 195px;
                }

                    .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li a {
                        background-color: #ebebeb;
                        border-left-color: #d9d9d9;
                    }

                        .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li a:hover, .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li .active {
                            border-left-color: #ffd799;
                        }

                            .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li a:hover:after, .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li .active:after {
                                color: #007cc3;
                            }

                    .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li .active {
                        border-left-color: #ff9a00;
                    }

                        .e31_sidebar .menu > li .dropdown-menu .dropdown-menu > li .active:hover {
                            border-left-color: #ff9a00;
                        }

            .e31_sidebar .menu > li.MyProfile > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.MyCalendar > a:before {
                content: "\e109";
            }

            .e31_sidebar .menu > li.MyToDoList > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.MyBlog > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.MyForums > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.MyStudyGroups > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.AssignmentManagement > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.LearningManagement > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.SchoolSite > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.MultimediaLibrary > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.MyAssessment > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.AssessmentManagement > a:before {
                content: "\e008";
            }

            .e31_sidebar .menu > li.StaffDevelopment > a:before {
                content: "\e008";
            }

/*End Sidebar*/
/* Sidebar touch */
.sidebar_touch {
    width: 130px;
}

    .sidebar_touch > h3 {
        display: none;
    }

    .sidebar_touch > .menu .dropdown {
        position: relative;
    }

    .sidebar_touch > .menu > li {
        text-align: center;
    }

        .sidebar_touch > .menu > li a:before {
            display: block;
            font-size: 20px;
            color: rgba(0, 124, 195, 0.4);
            margin: 0;
        }

        .sidebar_touch > .menu > li a:hover:before, .sidebar_touch > .menu > li .active:before {
            color: rgba(255, 255, 255, 0.4);
        }

        .sidebar_touch > .menu > li .dropdown-menu {
            left: 130px;
        }

/* End Sidebar touch */
/* CSS Header ltr */
.e31_header {
    top: 0;
    height: 52px;
    border-top-width: 0px;
    border-top-style: solid;
    /*border-top-color: #f1f1f1;*/
    background-color: #007cc3;
    position: fixed;
    min-width: 330px;
    width: 100%;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    z-index: 3;
}

    .e31_header .e31_headerinfo {
        /*@include margin(0, 0, 0, 0);*/
        margin: 0 135px 0 135px;
        /*-----English Language*/
        /*background: url(../images/hdr_r_curve.png) no-repeat right center, url(../images/hdr_l_curve.png) no-repeat left center;*/
        height: 52px;
        position: relative;
    }

        .e31_header .e31_headerinfo .mobileheaderbg {
            display: none;
            background-color: #f1f1f1;
            /*@include margin(0, 0, 0, 0);*/
            margin: 0 99px 0 87px;
            /*-----English Language*/
        }

.e31_header .logo {
    background-color: #fff;
    width: 135px;
    height: 52px;
    padding: 10px;
    display: block;
    float: left;
    background-image: url(../images/EduWave-HIGHER-ED-Header.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 105px;
    z-index: 10;
    position: relative;
}

    .e31_header .clientlogo {
        background-color: #fff;
        height: 52px;
        width: 135px;
        color: #616f77;
        font-size: 12px;
        float: right;
        position: relative;
        z-index: 10;
        text-align: center;
        line-height: 50px;
    }

        .e31_header .clientlogo span {
            display: table-cell;
            vertical-align: middle;
            color: #616f77;
            text-align: left;
            max-width: 145px;
            font-size: 12px;
            line-height: 1em;
            padding-left: 5px;
        }

        .e31_header .clientlogo img {
            width: auto;
            height: 52px;
            max-height: 100%;
            max-width: 90%;
            object-fit: contain;
            display: table-cell;
            vertical-align: middle;
            margin: auto;
        }

    .e31_header .mobile_button {
        display: none;
        margin: 16px 15px;
        cursor: pointer;
        color: #ffffff;
    }

    .e31_header .lftbtn,
    .e31_header .rtbtn {
        float:right
    }

    /*.e31_header .lftbtn {
        left: 0px;
    }

    .e31_header .rtbtn {
        right: 20px;
    }*/

.userinfo {
    padding: 7px;
    display: inline-block;
    height: 48px;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 20px;
    color: #ffffff;
    position: relative;
    z-index: 3;
    min-width: 200px;
    vertical-align: top;
}

    .userinfo .userphoto {
        /*@include border-radius(50%);*/
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        float: left;
        width: 36px;
        height: 36px;
        overflow: hidden;
        margin-right: 7px;
        /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        margin: 1px 8px;
    }

        .userinfo .userphoto img {
            width: 100%;
            height: 100%;
        }

.usersubinfo {
    display: block;
    font-size: 11px;
    color: #fff;
}

.UserType,
.username {
    display: inline-block;
    color: #ffffff;
}

.username {
    font-size: 14px;
    font-weight: bold;
}

.UserType {
    font-size: 12px;
    padding-right: 30px;
}

.switchUser {
    position: absolute;
    right: 5px;
    top: 13px;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    float: left;
}
.switchUser a:focus,
.switchUser a:hover {
    text-decoration: none !important;
}

    .switchUser .showmenu {
        top: 30px;
        display: none;
        left: 0px;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        position: absolute;
        background: #fff;
        border: 1px #dfdfdf solid;
        /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
        -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
    }
	.header-dropdown-menu:before,
    .switchUser .showmenu:before {
        border-bottom: 10px solid #FFFFFF;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        left: 10px;
        top: -7px;
    }
	.header-dropdown-menu:before {
		left: calc(50% - 8px);
	}
        .switchUser .showmenu.open {
            opacity: 1;
            display: block;
            border: 1px solid #E8E8E8;
            transition: .2s;
            box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            transition: .2s;
           /* height: 350px;*/
            max-height:500px; 
            /*overflow: auto*/
            border-bottom: 3px solid #1176bc;
        }
        .switchUser .showmenu.open .mCSB_inside > .mCSB_container {
            margin: 0px;
        }
    .switchUser > a {
        display: block;
        width: 25px;
        height: 25px;
        list-style: none;
        background-image: url(../images/profile-icon.png);
        background-size: cover;
    }

        /*.switchUser > a:before {
            position: absolute;
            top: 3px;
            display: inline-block;
            font-family: 'icomoon';
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #ffffff;
            display: block;
            font-size: 12px;
            content: "\e258";
            right: 5px;
            background-color: #007cc3;
        }*/

    .switchUser ul {
        /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
        -webkit-box-shadow: 3px 2px 0px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 3px 2px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 3px 2px 0px rgba(0, 0, 0, 0.11);
        list-style: none;
    }

        .switchUser ul li a {
            display: block;
            padding: 7px 12px;
            background-color: #ffffff;
            font-size: 14px;
            min-width: 200px;
            border-bottom: 1px #e4e4e4 solid;
        }

            .switchUser ul li a:last-child a {
                border-bottom: 0 none;
            }

            .switchUser ul li a:hover {
                background-color: #ecf6fd;
            }
            .switchUser .mCSB_scrollTools .mCSB_draggerContainer {
                left: -5px !important;
            }
            .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background-color:rgba(0, 0, 0, 0.55);
            }

.topnav {
    position: absolute;
    top: 0;
    right: 135px;
    display: block;
    height: 52px;
}

    .topnav > ul {
        list-style: none;
    }

        .topnav > ul > li {
            position: relative;
            float: left;
            text-align: center;
        }

            .topnav > ul > li > a {
                display: block;
                /*@include padding(0, 0, 0, 0);*/
                padding: 18px 10px 6px 10px;
                /*-----English Language*/
                /*padding: 11px 5px 6px;*/
                text-decoration: none;
                font-family: open_sansregular;
                font-size: 11px;
                color: #fff;
                min-height: 52px;
            }

                .topnav > ul > li > a:before {
                    position: relative;
                    top: 1px;
                    display: inline-block;
                    font-family: itgIconsFont;
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #ffffff;
                    display: block;
                    font-size: 17px;
                }

            .topnav > ul > li.home > a:before {
                content: "\e91d";
                font-size: 15px;
            }
            .topnav > ul > li.helpDesk > a:before {
                content: "\e958";
            }            
            .topnav > ul > li.onlineHelp > a:before {
                content: "\e953";
            }
            .topnav > ul > li > a.GetMicroServices:before {
                content:"\e91a";
                font-size:15px;
            }
            .topnav > ul > li.dashboard-icon > a:before {
                content: '\f0e4';
                font-family: 'FontAwesome-main' !important;
                margin-top: -3px;
                font-size: 18px;
            }
            .topnav > ul > li.notification span {
                font-size: 9px;
            }
            
            .topnav > ul > li.notification .badge {
                /*left:0;
                padding: 4px 7px;*/
                left: 8px;
                padding: 3px 5px;
                text-align: center;
                display: block;
				margin: 5px 10px 0;
				font-weight: 700;
				line-height: 1;
            }
            .topnav > ul > li.notification > a:before {
                content: "\e928";
            }
            
            .topnav > ul .languageicon:hover i {
                color: #fff;
            }

        .topnav > ul .languageicon.on i {
            color: #ddd;
        }

        .topnav > ul > li.language .languageList {
            width: 50px;
            top: 52px;
            display: none;
            left: -12px;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            position: absolute;
            background: #fff;
            border: 1px #dfdfdf solid;
            /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
            -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
        }

            .topnav > ul > li.language .languageList:before {
                content: '';
                height: 0;
                width: 0;
                display: block;
                position: absolute;
                top: -12px;
                left: 50%;
                margin-left: -3px;
                border: 6px solid #f1f1f1;
                border-color: transparent transparent #f1f1f1 transparent;
            }

            .topnav > ul > li.language .languageList.open {
                opacity: 1;
                display: block;
                border: 1px solid #E8E8E8;
                transition: .2s;
                box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
                transition: .2s;
            }

            .topnav > ul > li.language .languageList ul {
                list-style: none;
            }

                .topnav > ul > li.language .languageList ul:hover {
                    background-color: #ecf6fd;
                }

        .topnav > ul > li.language > a:before {
            content: "\e91f";
            padding-bottom: 3px;
            font-size: 16px;
        }

        .topnav > ul > li.settings .SettingsList {
            width: 67px;
            top: 52px;
            display: none;
            right: -6px;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            position: absolute;
            background: #fff;
            border: 1px #dfdfdf solid;
            /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
            -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
        }

            .topnav > ul > li.settings .SettingsList:before {
                content: '';
                height: 0;
                width: 0;
                display: block;
                position: absolute;
                top: -12px;
                left: 50%;
                margin-left: -3px;
                border: 6px solid #f1f1f1;
                border-color: transparent transparent #f1f1f1 transparent;
            }

        .topnav > ul > li.logout > a:before {
            content: "\e952";
            margin-top: -1px;
        }

        .topnav > ul > li.erp > a:before {
            content: "\f201";
            font-family: 'FontAwesome-main' !important;
            font-weight: bold;
        }
    .topnav > ul > li > a.GetMicroServices:hover,
    .notificationicon:hover,
    .topnav > ul .languageicon:hover ,
    .topnav ul .Settingsicon:hover,
    .topnav ul .logout a:hover,
    .topnav ul .home a:hover {
        background: rgba(255, 255, 255, 0.15);
    }
    /******* center header navbar *******/
    .header-navbar-center {
        display:inline-block;
        list-style:none;
        margin-left:60px;
    }
    .header-navbar-center > li  {
        display:table-cell;
        border-left:1px solid #007cc3;
        background:rgba(255, 255, 255, 0.4);
        color:#fff;
        position: relative;
    }
    .header-navbar-center > li >a  {
        color:#fff;
        text-align: center;
        padding: 12px 20px 8px;
        background:#1b85cf;
        display: block;
        min-width: 95px;
        font-size:11px !important;
        height: 52px;
    }
    .header-navbar-center > li >a:hover  {
        background:#2995e1;
    }
        .header-navbar-center > li > a:before {
            display:block;
            font-family: itgIconsFont;
            font-size: 15px;
            margin-bottom:2px;
        }
            .header-navbar-center > li.settings .SettingsList.open {
                opacity: 1;
                display: block;
                border: 1px solid #E8E8E8;
                transition: .2s;
                box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
                transition: .2s;
            }

        .header-navbar-center > li.settings .SettingsList ul {
            list-style: none;
        }

            .header-navbar-center > li.settings .SettingsList ul:hover {
                background-color: #ecf6fd;
            }

        .header-navbar-center > li > a.Users-icon:before {
            content: "\e942";
        }
        .header-navbar-center > li > a.Scheduling-icon:before {
            content: "\e940";
        }
        .header-navbar-center > li > a.addmition-icon:before {
            content: "\e930";
        }    
        .header-navbar-center > li.settings .SettingsList .jqTransformCheckboxWrapper {
            margin: 4px 3px 0px 5px !important;
        }
    /******* right header navbar *******/
    @keyframes spin {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(360deg); } 
    }
    .itg_loading_overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1000000;
        display: none;
    }
    .header-dropdown-menu .itg_loading_overlay {
        position:absolute;
    }
    .header-dropdown-menu .itg_loader {
        border: 5px solid #f3f3f3;
        border-top: 5px solid #3498db;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
        position: absolute;
        left: calc(50% - 25px);
        top: calc(50% - 25px);
        border-radius:50%;
    }
    .header-dropdown-menu {
        min-width: 150px;
        position: absolute;
        top: 100%;
        background:#fff;   
        left: calc(50% - 75px);
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        list-style:none;
        display:none;
    }
    .header-dropdown-menu li a{
        padding:7px 10px;
        display:block;
        text-align:center;
    }
    .microServicesMenu .header-dropdown-menu{
        max-width: 220px;
        min-width: 220px;
        box-sizing: border-box;
        padding: 0px 0;
        min-height: 180px;
		left:-90px;
    }
    .microServicesMenu .header-dropdown-menu .headerscroll li {
        width:50%;
        display:inline-block;
		float: left;
    }
    .microServicesMenu .header-dropdown-menu .headerscroll li a {
        padding: 15px 0px;
        text-align: center;
        min-height: 80px;
        transition: all ease-in-out .3s;
        word-break: break-word;
        width: 100%;
        font-size: 13px;
    }
	.microServicesMenu .header-dropdown-menu .headerscroll li i:before {
		display:block;
		font-family:itgIconsFont;
		font-size:20px;
		font-style: normal;
		margin-bottom:3px;
	}
    .FB-Microservices:before {
        content: "\e93c";
    }
	.FB-Dashboard:before {
	  content: "\e93a";
	}
	.FB-Datasource:before {
	  content: "\e93b";
	}	
	.FB-Forms:before {
	  content: "\e919";
	}
	.FB-Query-Builder:before {
	  content: "\e93e";
	}

    /******* header-navbar-center *******/
/*Search*/
.hdrsearch {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    background-color: #007cc3;
    z-index: 2;
    position: relative;
}

.searchContainer {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    /*@include padding(0, 0, 0, 0);*/
    padding: 2px 0 2px 10px;
    /*-----English Language*/
}

.searchtoggle {
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: top;
    color: #ffffff;
}

    .searchtoggle:before {
        display: block;
        padding-top: 6px;
        font-size: 16px;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e003";
    }

    .searchtoggle:hover, .searchtoggle:focus {
        color: #ffffff;
    }

.searchContainer {
    position: relative;
    z-index: 2;
}

    .searchContainer .searchdropdown {
        position: absolute;
        right: 37px;
        top: 3px;
        background-color: #ffffff;
        min-width: 122px;
        text-align: center;
    }

        .searchContainer .searchdropdown .submenu {
            position: absolute;
            text-align: left;
            top: 30px;
            right: -2px;
            background-color: #ffffff;
            min-width: 230px;
            /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
            -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
            box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.11);
        }

            .searchContainer .searchdropdown .submenu ul {
                list-style: none;
            }

                .searchContainer .searchdropdown .submenu ul li {
                    font-size: 13px;
                }

                    .searchContainer .searchdropdown .submenu ul li a {
                        padding: 6px;
                        border-bottom: 1px solid #d7d7d7;
                        display: block;
                    }

                        .searchContainer .searchdropdown .submenu ul li a:hover {
                            background-color: #ecf6fd;
                        }

                .searchContainer .searchdropdown .submenu ul:last-child li a {
                    border-bottom: 0 none;
                }

        .searchContainer .searchdropdown .SelectedItem {
            display: block;
            font-size: 11px;
            /*@include padding(0, 0, 0, 0);*/
            padding: 6px 6px 5px 20px;
            /*-----English Language*/
            position: relative;
        }

            .searchContainer .searchdropdown .SelectedItem:after {
                display: inline-block;
                font-family: 'icomoon';
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e252";
                color: #007cc3;
                font-size: 10px;
                left: 0;
                padding: 5px;
                position: absolute;
                top: 5px;
            }

.e31_search {
    display: none;
    overflow: hidden;
    float: left;
    width: 300px;
    height: 30px;
    margin-right: 5px;
}

    .e31_search input[type="text"] {
        height: 30px;
        border: 0 none;
        color: #616f77;
        padding-left: 5px;
        padding-right: 124px;
    }

.ChildRepeaterClass label { /* abrahim 3-19-2017*/
    margin: 0 40px 0 5px !important;
    vertical-align: bottom;
    font-weight: bold;
}

@media screen and (max-width: 1180px) {
    form.hdrsearch {
        display: none;
    }

    .topnav > ul > li:first-child {
        /*display: none;*/ /*commented because Home icon at header disapear*/
    }

    .topnav > ul > li {
        margin-right: 0px;
    }

    .e31_header .clientlogo span {
        display: none;
    }

    .e31_header .e31_headerinfo {
        /*@include margin(0, 0, 0, 0);*/
        /*margin: 0 60px 0 129px;*/
        /*-----English Language*/
    }

    .e31_header .clientlogo {
        /*width: 62px;*/
    }
}

/*Content*/
.contentContainer {
    margin-left: 236px;
    /*@include padding(0, 0, 0, 0);*/
    padding: 88px 10px 80px 10px;
    /*-----English Language*/
    position: relative;
    z-index: 1;
    min-height: 100%;
    background-color: #f6f6f6;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

    .contentContainer .pagesection {
        /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
        /*@include border-radius(50%);*/
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        background-color: #ffffff;
        margin-bottom: 10px;
        position: relative;
    }

        .contentContainer .pagesection .sectiontitle {
            display: none;
            /*@include padding(0, 0, 0, 0);*/
            padding: 5px 10px 5px 10px;
            /*-----English Language*/
            font-size: 16px;
            font-weight: normal;
            border-bottom: 1px solid #e4e4e4;
        }

        .contentContainer .pagesection .breadcrumb {
            /**/
            background-color: #fff;
            font-size: 13px;
            border-bottom: 1px solid #E8E8E8;
            border-top: 2px solid #ffbc57;
        }

            .contentContainer .pagesection .breadcrumb div > span {
                display: inline-block;
                /*@include padding(0, 0, 0, 0);*/
                padding: 2px 0px 4px 5px;
                /*-----English Language*/
                color: #616f77;
            }

                .contentContainer .pagesection .breadcrumb div > span span:before {
                    position: relative;
                    top: -1px;
                    display: inline-block;
                    font-family: 'icomoon';
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e258";
                    font-size: 8px;
                    color: gray;
                }

                .contentContainer .pagesection .breadcrumb div > span:last-child {
                    font-weight: bold;
                }

            .contentContainer .pagesection .breadcrumb div #FirstBreadcumb {
                /*@include padding(0, 0, 0, 0);*/
                padding: 0 0px 4px 10px;
                /*-----English Language*/
            }

        .contentContainer .pagesection .pagesectionbody {
            padding: 10px;
        }

        .contentContainer .pagesection .HideSearchTitle {
            display: none;
        }

        .contentContainer .pagesection .HideCloseArrowBut_multi, 
        .contentContainer .pagesection .HideCloseArrowBut {
            display: none;
        }

        .contentContainer .pagesection .CloseArrowBut_multi,
        .contentContainer .pagesection .CloseArrowBut {
            position: absolute;
            right: 25px;
            bottom: 0px;
            width: 25px;
            background: #fff;
            cursor: pointer;
            border-radius: 4px 4px 0 0;
            border: 1px solid #C7C7C7;
            border-bottom: 0 none;
            box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1);
        }

            .contentContainer .pagesection .CloseArrowBut_multi .UpArrow ,
            .contentContainer .pagesection .CloseArrowBut .UpArrow {
                display: block;
                padding: 0 6px;
            }
                .contentContainer .pagesection .CloseArrowBut_multi .UpArrow:before,
                .contentContainer .pagesection .CloseArrowBut .UpArrow:before {
                    font-family: 'icomoon';
                    color: #007cc3;
                    display: block;
                    font-size: 12px;
                    content: "\e260";
                }

        .contentContainer .pagesection .subsectiontitle_multi ,
        .contentContainer .pagesection .subsectiontitle {
            font-size: 14px;
            /*@include padding(0, 0, 0, 0);*/
            padding: 3px 10px 3px 10px;
            /*-----English Language*/
            text-transform: uppercase;
            background-color: #e9e9e9;
            cursor: pointer;
            position: relative;
            display: none;
        }
            .contentContainer .pagesection .subsectiontitle_multi .TitleStyle:after ,
            .contentContainer .pagesection .subsectiontitle .TitleStyle:after {
                font-family: 'icomoon';
                color: #007cc3;
                font-size: 12px;
                content: "\e259";
                margin-left: 7px;
                position: absolute;
            }

            .contentContainer .pagesection .subsectiontitle .SearchIconDown {
                position: absolute;
                left: 70px;
                top: 2px;
            }

                .contentContainer .pagesection .subsectiontitle .SearchIconDown:before {
                    font-family: 'icomoon';
                    color: #8B8B8B;
                    display: block;
                    font-size: 12px;
                    content: "\e259";
                }

            .contentContainer .pagesection .subsectiontitle .SearchIconUp.SearchIconDown {
                float: right;
            }

                .contentContainer .pagesection .subsectiontitle .SearchIconUp.SearchIconDown:before {
                    font-family: 'icomoon';
                    color: #8B8B8B;
                    display: block;
                    font-size: 12px;
                    content: "\e260";
                }

        .contentContainer .pagesection .searcharia {
            /*border-bottom: 1px solid $gray;*/
            display: none;
            background: #F1F1F1;
            padding-bottom: 15px;
            position: relative;
        }

            .contentContainer .pagesection .searcharia:after {
                content: "";
                clear: both;
                display: block;
            }

            .contentContainer .pagesection .searcharia .searchariabody {
                padding: 10px;
                margin-left: 25px;
            }

            .contentContainer .pagesection .searcharia .Searchactionbuttons {
                list-style: none;
                padding: 10px 0;
                float: right;
                margin-right: 10px;
            }

                .contentContainer .pagesection .searcharia .Searchactionbuttons input[type="submit"], .contentContainer .pagesection .searcharia .Searchactionbuttons input[type="button"] {
                    margin-bottom: 0;
                }

        .contentContainer .pagesection .actionbuttons {
            list-style: none;
            /*@include padding(0, 0, 0, 0);*/
            padding: 0 0 10px 0;
            /*-----English Language*/
        }

            .contentContainer .pagesection .actionbuttons li {
                display: inline-block;
            }

                .contentContainer .pagesection .actionbuttons li input[type="submit"], .contentContainer .pagesection .actionbuttons li input[type="button"] {
                    margin-bottom: 0;
                }

.NewsContainer {
    position: fixed;
    top: 52px;
    z-index: 2;
    width: 100%;
}

    .NewsContainer .news {
        background-color: #ffffff;
        /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.26);
        margin-left: 236px;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
    }

        .NewsContainer .news .newsTitle {
            text-transform: uppercase;
            font-size: 11px;
            color: #95a2a9;
            position: absolute;
            /*@include padding(0, 0, 0, 0);*/
            padding: 5px 10px 5px 10px;
            /*-----English Language*/
            /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
            -webkit-box-shadow: 4px 0px 0 rgba(0, 0, 0, 0.26);
            -moz-box-shadow: 4px 0px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 4px 0px 0 rgba(0, 0, 0, 0.26);
            background-color: #ffffff;
            font-family: "open_sanssemibold";
        }

        .NewsContainer .news .close {
            position: absolute;
            right: 0px;
            top: 0px;
            padding: 8px 8px 2px;
            background-color: #f2f2f2;
            color: #999999;
        }

            .NewsContainer .news .close:hover {
                color: #ff9a00;
            }

            .NewsContainer .news .close:after {
                position: relative;
                top: -3px;
                display: inline-block;
                font-family: 'icomoon';
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e088";
                font-size: 15px;
            }

        .NewsContainer .news .marquee {
            font-size: 12px;
            height: 25px;
            list-style: outside none none;
            overflow: hidden;
            text-align: right;
        }

            .NewsContainer .news .marquee a, .NewsContainer .news .marquee span {
                display: block;
                padding-top: 5px;
                text-decoration: none;
                color: #007cc3;
            }

                .NewsContainer .news .marquee span:nth-child(2n) {
                    color: #616f77;
                }

            .NewsContainer .news .marquee a {
                color: #007cc3;
                cursor: text;
            }

.TitleWithButtons {
    border-bottom: 0;
    float: left;
    margin-bottom: 0 !important;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2;
    width: 100%;
}

    .TitleWithButtons span {
        float: left;
    }

    .TitleWithButtons #buttons {
        float: right;
    }

/*Title with buttons

.TitleWithButtons {
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid lighten($gray, 10%);
        margin-bottom: 15px;
        .TitleStyle {
            display: inline-block;
            float: left;
            margin-top: 5px;
        }
        .buttons {
            float: right;
            input[type="submit"] {
                margin-bottom: 0;
            }
        }
        &:after {
            clear: both;
            content: "";
            display: table;
        }
    }*/
/*End title with buttons*/
.searchariabody .searchContainer {
    border: 0 none;
}

    .searchariabody .searchContainer .searchresults {
        display: table;
        max-width: 800px;
        margin: 0 auto;
        position: relative;
    }

        .searchariabody .searchContainer .searchresults .searchresultsinput {
            width: 100%;
            /*@include padding(0, 0, 0, 0);*/
            padding: 5px 130px 5px 5px;
            /*-----English Language*/
            display: table-cell;
        }

        .searchariabody .searchContainer .searchresults .searchdropdown {
            position: absolute;
            display: table-cell;
            width: 1%;
            min-width: 130px;
            background-color: #ffffff;
            border: 1px solid #d7d7d7;
            right: 76px;
            top: 0;
        }

            .searchariabody .searchContainer .searchresults .searchdropdown .SelectedItem {
                /*@include padding(0, 0, 0, 0);*/
                padding: 6px 6px 7px 20px;
                /*-----English Language*/
                text-align: center;
                line-height: 1.4em;
            }

        .searchariabody .searchContainer .searchresults .searchbutton {
            display: table-cell;
            width: 1%;
            min-width: 76px;
        }

.searchresultitem {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}

    .searchresultitem .searchresulttitle {
        font-size: 14px;
        display: inline-block;
        *display: inline;
        margin-right: 5px;
    }

    .searchresultitem p.searchresultcontent {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .searchresultitem span.cat {
        padding: 2px 5px;
        font-size: 10px;
        text-transform: uppercase;
    }

    .searchresultitem:last-child {
        margin-bottom: 20px;
    }

.TitleWithButtons.SearchBoxTitle {
    border: none !important;
    margin: 0 !important;
}

.SearchDIV {
    background-color: #f6f6f6;
    margin-bottom: 20px;
    padding: 20px 20px 5px 20px;
    border: none;
    border-bottom: none;
    margin-top: -2px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

    .SearchDIV #buttons {
        direction: rtl;
    }

.contentContainer_touch {
    margin-left: 130px;
    background-color: #f6f6f6;
}

@media screen and (max-width: 768px) {
    /*mobile*/
    .contentContainer {
        margin-left: 0;
    }

    .contentContainer_touch {
        margin-left: 0;
    }
}
/*Popup*/
#divPopupDialogContent {
    z-index: 4;
    position: absolute;
}

    #divPopupDialogContent .web_dialog_overlay {
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 1;
    }

    #divPopupDialogContent .ui-widget-content {
        background-color: #ffffff;
        z-index: 2;
    }

        #divPopupDialogContent .ui-widget-content > table td {
            background-color: #007cc3;
            padding: 5px 10px;
            color: #ffffff;
        }

            #divPopupDialogContent .ui-widget-content > table td.align_right {
                text-align: right;
            }

                #divPopupDialogContent .ui-widget-content > table td.align_right a:after {
                    content: "\e014";
                    position: relative;
                    top: 3px;
                    display: inline-block;
                    font-family: 'icomoon';
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #ffffff;
                }

        #divPopupDialogContent .ui-widget-content .DialogDesc {
            padding: 20px;
        }

.Notification-modal {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 4;
    top: 0;
}

.Notification-position-MiddleCenter {
    background-color: #fff;
    left: 50%;
    margin-left: -225px;
    padding: 10px 20px 10px;
    position: absolute;
    top: 300px;
    width: 450px;
    z-index: 5;
    font-size: 14px;
    text-align: center;
}

.Notification-item-wrapper {
    padding: 10px !important;
}

.Notification-position-MiddleCenter .Notification-item-btnYesContainer {
    bottom: 20px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
}

.Notification-position-MiddleCenter .Notification-item-btnNoContainer {
    bottom: 20px;
    left: 50%;
    position: absolute;
}

.Notification-position-MiddleCenter .Notification-item-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 7px;
    right: 5px;
    cursor: pointer;
}

    .Notification-position-MiddleCenter .Notification-item-close:after {
        content: "\e014";
        position: relative;
        display: inline-block;
        font-family: 'icomoon';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        top: 3px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #007cc3;
    }

.Notification-position-MiddleCenter:empty {
    display: none;
}
/*End Popup*/
/*
Notifications
*/
.StatusBarError, .StatusBarSuccess {
    bottom: 50px;
    position: fixed;
    text-align: center;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    /*@include border-radius(50%);*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    z-index: 17;
    background-color: #e35736;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    font-size: 14px;
    padding: 10px !important;
    display: none !important;
}

.StatusBarSuccess {
    background-color: #55c007;
}

/*End Notifications*/
/*
    Collapse
*/
.CollapseContainer {
    background-color: #007cc3;
    padding: 5px 10px;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
}

    .CollapseContainer:before {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'icomoon';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e259";
        font-size: 11px;
    }

.CollapseTitle {
    color: #ffffff;
}

.TitleBarDiv {
    background-color: #007cc3;
    padding: 5px 10px;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
}

    .TitleBarDiv:before {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'icomoon';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e259";
        font-size: 11px;
    }

.TitleBarContentDiv,
.ContainerDIV {
    border: 1px solid #007cc3;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 10px;
}

    .TitleBarContentDiv .ContainerDIV {
        border: 0 none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

/*
    End Collapse
*/
/*End Content*/
.PageTitle {
    padding: 5px 10px;
    font-size: 16px !important;
    font-weight: normal !important;
}

.StandardFont {
    font-weight: normal !important;
    font-size: 12px !important;
}

.StandardFontPlain {
    color: #616F77 !important;
    font-size: 12px !important;
}

.Instructions {
    font-weight: normal !important;
    font-size: 12px !important;
    color: darkorange;
}

@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot?-axqy5f");
    src: url("fonts/icomoon.eot?#iefix-axqy5f") format("embedded-opentype"), url("fonts/icomoon.ttf?-axqy5f") format("truetype"), url("fonts/icomoon.woff?-axqy5f") format("woff"), url("fonts/icomoon.svg?-axqy5f#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-resize:before {
    content: "\e600";
}

.icon-Sun:before {
    content: "\2a";
}

.icon-Add:before {
    content: "\2b";
}

.icon-uniA5:before {
    content: "\a5";
}

.icon-uni20AC:before {
    content: "\20ac";
}

.icon-uni20BD:before {
    content: "\20bd";
}

.icon-uni2212:before {
    content: "\2212";
}

.icon-Load:before {
    content: "\231b";
}

.icon-Cloud:before {
    content: "\2601";
}

.icon-uni26FA:before {
    content: "\26fa";
}

.icon-Mail:before {
    content: "\2709";
}

.icon-Edit:before {
    content: "\270f";
}

.icon-Filter:before {
    content: "\e001";
}

.icon-Music:before {
    content: "\e002";
}

.icon-Search:before {
    content: "\e003";
}

.icon-Heart:before {
    content: "\e005";
}

.icon-Star:before {
    content: "\e006";
}

.icon-video:before {
    content: "\e009";
}

.icon-grid:before {
    content: "\e010";
}

.icon-grid2:before {
    content: "\e011";
}

.icon-list:before {
    content: "\e012";
}

.icon-check:before {
    content: "\e013";
}

.icon-cancel:before {
    content: "\e014";
}

.icon-zoom-in:before {
    content: "\e015";
}

.icon-zoom-out:before {
    content: "\e016";
}

.icon-turn-off:before {
    content: "\e017";
}

.icon-signal:before {
    content: "\e018";
}

.icon-settings:before {
    content: "\e019";
}

.icon-recycle-bin:before {
    content: "\e020";
}

.icon-home:before {
    content: "\e021";
}

.icon-file:before {
    content: "\e022";
}

.icon-clock:before {
    content: "\e023";
}

.icon-street:before {
    content: "\e024";
}

.icon-download:before {
    content: "\e025";
}

.icon-down-circle-arrow:before {
    content: "\e026";
}

.icon-up-circle-arrow:before {
    content: "\e027";
}

.icon-downl:before {
    content: "\e028";
}

.icon-right-circle-arrow:before {
    content: "\e029";
}

.icon-rotate-right:before {
    content: "\e030";
}

.icon-refresh:before {
    content: "\e031";
}

.icon-uniE032:before {
    content: "\e032";
}

.icon-lock:before {
    content: "\e033";
}

.icon-flag:before {
    content: "\e034";
}

.icon-headset:before {
    content: "\e035";
}

.icon-mute:before {
    content: "\e036";
}

.icon-volume:before {
    content: "\e037";
}

.icon-volume-up:before {
    content: "\e038";
}

.icon-qr:before {
    content: "\e039";
}

.icon-barcode:before {
    content: "\e040";
}

.icon-tag:before {
    content: "\e041";
}

.icon-tags:before {
    content: "\e042";
}

.icon-book:before {
    content: "\e043";
}

.icon-bookmark:before {
    content: "\e044";
}

.icon-printer:before {
    content: "\e045";
}

.icon-camera:before {
    content: "\e046";
}

.icon-normal:before {
    content: "\e047";
}

.icon-bold:before {
    content: "\e048";
}

.icon-italic:before {
    content: "\e049";
}

.icon-text-height:before {
    content: "\e050";
}

.icon-text-width:before {
    content: "\e051";
}

.icon-align-left:before {
    content: "\e052";
}

.icon-align-center:before {
    content: "\e053";
}

.icon-align-right:before {
    content: "\e054";
}

.icon-align-justify:before {
    content: "\e055";
}

.icon-uniE056:before {
    content: "\e056";
}

.icon-move-text-right:before {
    content: "\e057";
}

.icon-move-text-left:before {
    content: "\e058";
}

.icon-video-cam:before {
    content: "\e059";
}

.icon-image:before {
    content: "\e060";
}

.icon-location:before {
    content: "\e062";
}

.icon-uniE063:before {
    content: "\e063";
}

.icon-uniE064:before {
    content: "\e064";
}

.icon-uniE065:before {
    content: "\e065";
}

.icon-uniE066:before {
    content: "\e066";
}

.icon-uniE067:before {
    content: "\e067";
}

.icon-move:before {
    content: "\e068";
}

.icon-uniE069:before {
    content: "\e069";
}

.icon-uniE070:before {
    content: "\e070";
}

.icon-uniE071:before {
    content: "\e071";
}

.icon-play:before {
    content: "\e072";
}

.icon-pause:before {
    content: "\e073";
}

.icon-stop:before {
    content: "\e074";
}

.icon-forward:before {
    content: "\e075";
}

.icon-uniE076:before {
    content: "\e076";
}

.icon-uniE077:before {
    content: "\e077";
}

.icon-eject:before {
    content: "\e078";
}

.icon-left-bold-arrow:before {
    content: "\e079";
}

.icon-right-bold-arrow:before {
    content: "\e080";
}

.icon-add-filled-circle:before {
    content: "\e081";
}

.icon-uniE082:before {
    content: "\e082";
}

.icon-uniE083:before {
    content: "\e083";
}

.icon-uniE084:before {
    content: "\e084";
}

.icon-uniE085:before {
    content: "\e085";
}

.icon-uniE086:before {
    content: "\e086";
}

.icon-uniE087:before {
    content: "\e087";
}

.icon-uniE088:before {
    content: "\e088";
}

.icon-uniE089:before {
    content: "\e089";
}

.icon-uniE090:before {
    content: "\e090";
}

.icon-uniE091:before {
    content: "\e091";
}

.icon-uniE092:before {
    content: "\e092";
}

.icon-uniE093:before {
    content: "\e093";
}

.icon-uniE094:before {
    content: "\e094";
}

.icon-uniE095:before {
    content: "\e095";
}

.icon-uniE096:before {
    content: "\e096";
}

.icon-uniE097:before {
    content: "\e097";
}

.icon-uniE101:before {
    content: "\e101";
}

.icon-uniE102:before {
    content: "\e102";
}

.icon-uniE103:before {
    content: "\e103";
}

.icon-uniE104:before {
    content: "\e104";
}

.icon-uniE105:before {
    content: "\e105";
}

.icon-uniE106:before {
    content: "\e106";
}

.icon-uniE107:before {
    content: "\e107";
}

.icon-uniE108:before {
    content: "\e108";
}

.icon-uniE109:before {
    content: "\e109";
}

.icon-uniE110:before {
    content: "\e110";
}

.icon-uniE111:before {
    content: "\e111";
}

.icon-uniE112:before {
    content: "\e112";
}

.icon-uniE113:before {
    content: "\e113";
}

.icon-uniE114:before {
    content: "\e114";
}

.icon-uniE115:before {
    content: "\e115";
}

.icon-uniE116:before {
    content: "\e116";
}

.icon-uniE117:before {
    content: "\e117";
}

.icon-uniE118:before {
    content: "\e118";
}

.icon-uniE119:before {
    content: "\e119";
}

.icon-uniE120:before {
    content: "\e120";
}

.icon-uniE121:before {
    content: "\e121";
}

.icon-uniE122:before {
    content: "\e122";
}

.icon-uniE123:before {
    content: "\e123";
}

.icon-uniE124:before {
    content: "\e124";
}

.icon-uniE125:before {
    content: "\e125";
}

.icon-uniE126:before {
    content: "\e126";
}

.icon-uniE127:before {
    content: "\e127";
}

.icon-uniE128:before {
    content: "\e128";
}

.icon-uniE129:before {
    content: "\e129";
}

.icon-uniE130:before {
    content: "\e130";
}

.icon-uniE131:before {
    content: "\e131";
}

.icon-uniE132:before {
    content: "\e132";
}

.icon-uniE133:before {
    content: "\e133";
}

.icon-uniE134:before {
    content: "\e134";
}

.icon-uniE135:before {
    content: "\e135";
}

.icon-uniE136:before {
    content: "\e136";
}

.icon-uniE137:before {
    content: "\e137";
}

.icon-uniE138:before {
    content: "\e138";
}

.icon-uniE139:before {
    content: "\e139";
}

.icon-uniE140:before {
    content: "\e140";
}

.icon-uniE141:before {
    content: "\e141";
}

.icon-uniE142:before {
    content: "\e142";
}

.icon-uniE143:before {
    content: "\e143";
}

.icon-uniE144:before {
    content: "\e144";
}

.icon-uniE145:before {
    content: "\e145";
}

.icon-uniE146:before {
    content: "\e146";
}

.icon-uniE148:before {
    content: "\e148";
}

.icon-uniE149:before {
    content: "\e149";
}

.icon-uniE150:before {
    content: "\e150";
}

.icon-uniE151:before {
    content: "\e151";
}

.icon-uniE152:before {
    content: "\e152";
}

.icon-uniE153:before {
    content: "\e153";
}

.icon-uniE154:before {
    content: "\e154";
}

.icon-uniE155:before {
    content: "\e155";
}

.icon-uniE156:before {
    content: "\e156";
}

.icon-uniE157:before {
    content: "\e157";
}

.icon-uniE158:before {
    content: "\e158";
}

.icon-uniE159:before {
    content: "\e159";
}

.icon-uniE160:before {
    content: "\e160";
}

.icon-uniE161:before {
    content: "\e161";
}

.icon-uniE162:before {
    content: "\e162";
}

.icon-uniE163:before {
    content: "\e163";
}

.icon-uniE164:before {
    content: "\e164";
}

.icon-uniE165:before {
    content: "\e165";
}

.icon-uniE166:before {
    content: "\e166";
}

.icon-uniE167:before {
    content: "\e167";
}

.icon-uniE168:before {
    content: "\e168";
}

.icon-uniE169:before {
    content: "\e169";
}

.icon-uniE170:before {
    content: "\e170";
}

.icon-uniE171:before {
    content: "\e171";
}

.icon-uniE172:before {
    content: "\e172";
}

.icon-uniE173:before {
    content: "\e173";
}

.icon-uniE174:before {
    content: "\e174";
}

.icon-uniE175:before {
    content: "\e175";
}

.icon-uniE176:before {
    content: "\e176";
}

.icon-uniE177:before {
    content: "\e177";
}

.icon-uniE178:before {
    content: "\e178";
}

.icon-uniE179:before {
    content: "\e179";
}

.icon-uniE180:before {
    content: "\e180";
}

.icon-uniE181:before {
    content: "\e181";
}

.icon-uniE182:before {
    content: "\e182";
}

.icon-uniE183:before {
    content: "\e183";
}

.icon-uniE184:before {
    content: "\e184";
}

.icon-uniE185:before {
    content: "\e185";
}

.icon-uniE186:before {
    content: "\e186";
}

.icon-uniE187:before {
    content: "\e187";
}

.icon-uniE188:before {
    content: "\e188";
}

.icon-uniE189:before {
    content: "\e189";
}

.icon-uniE190:before {
    content: "\e190";
}

.icon-uniE191:before {
    content: "\e191";
}

.icon-uniE192:before {
    content: "\e192";
}

.icon-uniE193:before {
    content: "\e193";
}

.icon-uniE194:before {
    content: "\e194";
}

.icon-uniE195:before {
    content: "\e195";
}

.icon-uniE197:before {
    content: "\e197";
}

.icon-uniE198:before {
    content: "\e198";
}

.icon-uniE199:before {
    content: "\e199";
}

.icon-uniE200:before {
    content: "\e200";
}

.icon-uniE201:before {
    content: "\e201";
}

.icon-uniE202:before {
    content: "\e202";
}

.icon-uniE203:before {
    content: "\e203";
}

.icon-uniE204:before {
    content: "\e204";
}

.icon-uniE205:before {
    content: "\e205";
}

.icon-uniE206:before {
    content: "\e206";
}

.icon-uniE209:before {
    content: "\e209";
}

.icon-uniE210:before {
    content: "\e210";
}

.icon-uniE211:before {
    content: "\e211";
}

.icon-uniE212:before {
    content: "\e212";
}

.icon-uniE213:before {
    content: "\e213";
}

.icon-uniE214:before {
    content: "\e214";
}

.icon-uniE215:before {
    content: "\e215";
}

.icon-uniE216:before {
    content: "\e216";
}

.icon-uniE218:before {
    content: "\e218";
}

.icon-uniE219:before {
    content: "\e219";
}

.icon-uniE221:before {
    content: "\e221";
}

.icon-uniE223:before {
    content: "\e223";
}

.icon-uniE224:before {
    content: "\e224";
}

.icon-uniE225:before {
    content: "\e225";
}

.icon-uniE226:before {
    content: "\e226";
}

.icon-uniE227:before {
    content: "\e227";
}

.icon-uniE230:before {
    content: "\e230";
}

.icon-uniE231:before {
    content: "\e231";
}

.icon-uniE232:before {
    content: "\e232";
}

.icon-uniE233:before {
    content: "\e233";
}

.icon-uniE234:before {
    content: "\e234";
}

.icon-uniE235:before {
    content: "\e235";
}

.icon-uniE236:before {
    content: "\e236";
}

.icon-uniE237:before {
    content: "\e237";
}

.icon-uniE238:before {
    content: "\e238";
}

.icon-uniE239:before {
    content: "\e239";
}

.icon-uniE240:before {
    content: "\e240";
}

.icon-uniE241:before {
    content: "\e241";
}

.icon-uniE242:before {
    content: "\e242";
}

.icon-uniE243:before {
    content: "\e243";
}

.icon-uniE244:before {
    content: "\e244";
}

.icon-uniE245:before {
    content: "\e245";
}

.icon-uniE246:before {
    content: "\e246";
}

.icon-uniE247:before {
    content: "\e247";
}

.icon-uniE248:before {
    content: "\e248";
}

.icon-uniE249:before {
    content: "\e249";
}

.icon-uniE250:before {
    content: "\e250";
}

.icon-uniE251:before {
    content: "\e251";
}

.icon-uniE252:before {
    content: "\e252";
}

.icon-uniE253:before {
    content: "\e253";
}

.icon-uniE254:before {
    content: "\e254";
}

.icon-uniE255:before {
    content: "\e255";
}

.icon-uniE256:before {
    content: "\e256";
}

.icon-uniE257:before {
    content: "\e257";
}

.icon-uniE258:before {
    content: "\e258";
}

.icon-uniE259:before {
    content: "\e259";
}

.icon-uniE260:before {
    content: "\e260";
}

.icon-uniE601:before {
    content: "\e601";
}

.icon-uniE602:before {
    content: "\e602";
}

.icon-uniF8FF:before {
    content: "\f8ff";
}

.icon-uni1F511:before {
    content: "\1f511";
}

.icon-uni1F6AA:before {
    content: "\1f6aa";
}

.icon-pushpin:before {
    content: "\e900";
}


/*--- Buttons ----*/
input[type="submit"],
input[type="button"],
.defaultbutton,
.icondefaultbutton {
    padding: 3px 10px;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    background-color: #007cc3;
    color: #ffffff;
    border: 0 none;
    cursor: pointer;
    outline: 0;
    margin-bottom: 5px;
    font-size: 13px;
    /*@include border-radius(50%);*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    input[type="submit"] input.white[type="submit"],
    input[type="button"] input.white[type="submit"],
    .defaultbutton input.white[type="submit"],
    .icondefaultbutton input.white[type="submit"] {
        background-color: #ffffff;
        border: 1px solid #d7d7d7;
        color: #616f77;
    }

    input[type="submit"]:hover,
    input[type="button"]:hover,
    .defaultbutton:hover,
    .icondefaultbutton:hover {
        background-color: #008cdd;
    }

    .icondefaultbutton:before {
        position: relative;
        top: 2px;
        display: inline-block;
        font-family: 'icomoon';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
        font-size: 11px;
    }

.searchbutton:before {
    content: "\e003";
}

/*text inputs*/
input[type="text"], input[type="password"] {
    padding: 2px;
    border: 1px solid #cccccc;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: border-color 0.5s ease-in-out;
    -moz-transition: border-color 0.5s ease-in-out;
    -ms-transition: border-color 0.5s ease-in-out;
    -o-transition: border-color 0.5s ease-in-out;
    transition: border-color 0.5s ease-in-out;
}
.LoginPage input[type="text"], .LoginPage input[type="password"] {
    padding: 5px;
}
.LoginPage input[type="submit"] {
    padding: 7px 10px;
}
.LoginPage .login input[type="text"], .LoginPage .login input[type="password"] {
    width:270px !important
}

    input[type="text"]:focus, input[type="password"]:focus {
        border-color: #50aff1;
    }

    input[type="text"]:disabled, input[type="password"]:disabled {
        background-color: #ebebeb;
        border-color: #d7d7d7;
        color: #b1b1b1;
        /*@include text-shadow(1px,1px,0px, rgba(255,255,255,1));*/
        -webkit-text-shadow: 1px 1px 0px white;
        -moz-text-shadow: 1px 1px 0px white;
        text-shadow: 1px 1px 0px white;
    }

textarea {
    padding: 2px;
    border: 1px solid #cccccc;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: border-color 0.5s ease-in-out;
    -moz-transition: border-color 0.5s ease-in-out;
    -ms-transition: border-color 0.5s ease-in-out;
    -o-transition: border-color 0.5s ease-in-out;
    transition: border-color 0.5s ease-in-out;
}

    textarea:focus {
        border-color: #50aff1;
    }

input[type="file"] {
    border: 1px solid #cccccc;
    padding: 3px;
}

    input[type="file"]:focus {
        border-color: #2ab1ff;
    }

.HelpImg:before {
    position: relative;
    top: 0px;
    display: inline-block;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e086";
    font-size: 23px;
    color: #ff9a00;
    margin-left: 5px;
}

/*grid*/
.TableGrid {
    width: 100%;
    border-spacing: 0;
    border: 0 none;
    background-color: #ffffff;
    /*border: 1px solid $gray;*/
}

    .TableGrid span.jqTransformCheckboxWrapper {
        width: 15px;
        margin: 0 auto;
        float: inherit;
    }

    .TableGrid tbody > tr > th {
        background-color: #F6F6F6;
        color: #858585;
        text-align: left;
        font-size: 13px;
        padding: 2px 5px;
        border: 1px solid #C7C7C7;
    }

        .TableGrid tbody > tr > th a {
            color: #007cc3;
            font-weight: bold !important;
            font-family: "open_sansregular", Arial, Helvetica, sans-serif;
            font-size: 13px !important;
        }

    .TableGrid tbody th tr {
        background-color: inherit !important;
    }

        .TableGrid tbody th tr:hover {
            background-color: inherit !important;
        }

    .TableGrid tbody > tr > td {
        border: 0 none;
        border-bottom: 1px solid #d7d7d7;
        border-left: 1px solid #d7d7d7;
        padding: 2px 10px;
        font-size: 13px;
        font-family: arial;
    }
        .TableGrid tbody > tr > td:first-child {
            border-right: 0 none;
        }

        .TableGrid tbody > tr > td:last-child {
            border-right: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }
        
        .TableGrid tbody > tr > td .OptionsContextMenu {
            display: none;
            list-style: outside none none;
            padding: 5px;
            position: absolute;
            z-index: 2000;
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #e0e0e0;
            box-shadow: 2px 2px 2px #cdcdcd;
        }

            .TableGrid tbody > tr > td .OptionsContextMenu li a {
                display: block;
                font-size: 13px;
                max-width: 200px;
                padding: 2px 5px;
                white-space: nowrap;
                border-bottom: 1px solid #e0e0e0;
            }

                .TableGrid tbody > tr > td .OptionsContextMenu li a:hover {
                    background-color: #ecf6fd;
                }

    .TableGrid tr:nth-child(2n+1) {
        background-color: rgba(215, 215, 215, 0.2);
    }

    .TableGrid tr:hover {
        background-color: #ecf6fd !important;
        background-color: #ecf6fd !important;
    }

    .TableGrid tr.GridPagination:hover {
        background-color: inherit !important;
    }

    .TableGrid tr.GridPagination {
        background-color: #ffffff;
    }

        .TableGrid tr.GridPagination > td {
            padding: 0;
            border: 0 none;
        }

            .TableGrid tr.GridPagination > td .paginationbody {
                background: #ffffff;
                height: 35px;
                width: 100%;
            }

            .TableGrid tr.GridPagination > td td {
                /*@include padding(0, 0, 0, 0);*/
                padding: 5px 2px 0 0;
                /*-----English Language*/
                border: 0 none;
            }

                .TableGrid tr.GridPagination > td td a {
                    color: #ffffff;
                    display: inline-block;
                    padding: 3px 9px;
                    background-color: #007cc3;
                    /*@include border-radius(50%);*/
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    border-radius: 3px;
                }

                .TableGrid tr.GridPagination > td td span {
                    color: #ffffff;
                    display: inline-block;
                    padding: 3px 9px;
                    background-color: #d7d7d7;
                    /*@include border-radius(50%);*/
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    border-radius: 3px;
                }

        .TableGrid tr.GridPagination tr:hover {
            background-color: transparent;
        }

/*label styles*/
.labelsStyle,
.TextValueStyle {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;
    color: #4a555b;
}

.defaultFloatDiv {
    float: left;
}

.textcounter {
    padding-left: 5px;
}

    .textcounter span {
        font-size: 13px;
    }

.TextValueStyle {
    color: #798992;
}

.ValidationStar {
    color: #ff9a00;
}

/*End Label*/
.validations {
    color: #ff9a00;
    font-size: 13px;
}

.RadComboBox {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

    .RadComboBox table {
        border-collapse: collapse;
        border-style: solid;
        border-width: 0;
        vertical-align: top;
        width: 100%;
    }

    .RadComboBox select {
        height: 22px;
        margin-bottom: 0;
        padding: 0;
    }

    .RadComboBox .rcbInputCell, .RadComboBox .rcbArrowCell {
        background-color: transparent;
        background-repeat: no-repeat;
        border-style: solid;
        border-width: 0;
        padding: 0;
    }

    .RadComboBox table td.rcbInputCell {
        border-width: 0;
        height: 20px;
        /*padding: 0 4px 0 5px;*/
    }

    .RadComboBox table td.rcbArrowCell {
        border-width: 0;
        padding: 0;
    }

    .RadComboBox .rcbInputCell {
        height: 20px;
        line-height: 20px;
        /*padding-left: 5px;
  padding-right: 4px;*/
        text-align: left;
        vertical-align: middle;
        width: 100%;
    }

    .RadComboBox .rcbInputCellLeft {
        background-position: 0 0;
    }

    .RadComboBox .rcbInputCellRight {
        background-position: 100% 0;
    }

    .RadComboBox input, .RadComboBox input:focus {
        box-shadow: none;
        outline: 0 none;
    }

    .RadComboBox .rcbInput {
        background-color: transparent;
        color: inherit;
        height: auto;
        margin: 0;
        outline: 0 none;
        vertical-align: top;
        width: 100%;
    }

    .RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput {
        cursor: default;
    }

    .RadComboBox .rcbEmptyMessage {
        font-style: italic;
    }

    .RadComboBox .rcbArrowCell {
        width: 18px;
    }

        .RadComboBox .rcbArrowCell a {
            cursor: default;
            display: block;
            font-size: 0;
            height: 22px;
            line-height: 1px;
            outline: 0 none;
            overflow: hidden;
            position: relative;
            text-decoration: none;
            text-indent: 9999px;
            width: 22px;
            border-width: 1px;
            border-style: solid;
            border-color: #005c90;
            background-color: #007cc3;
        }

            .RadComboBox .rcbArrowCell a:after {
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: 'icomoon';
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                content: "\e252";
                left: 50%;
                margin-left: -5px;
                text-indent: 0;
                top: 8px;
                font-size: 9px;
                color: #ffffff;
            }

    .RadComboBox .rcbHovered .rcbArrowCell a {
        background-color: #007cc3;
        border-color: #007cc3;
    }

    /*.RadComboBox .rcbArrowCellLeft {
    background-position: 0 -176px;
}
.RadComboBox .rcbArrowCellRight {
    background-position: -18px -176px;
}
.RadComboBox .rcbArrowCellHidden, .RadComboBox .rcbArrowCellHidden a {
    width: 3px;
}
.RadComboBox .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 0;
}
.RadComboBox .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% 0;
}
.RadComboBox .rcbHovered .rcbInputCellLeft {
    background-position: 0 -22px;
}
.RadComboBox .rcbHovered .rcbInputCellRight {
    background-position: 100% -22px;
}
.RadComboBox .rcbHovered .rcbArrowCellLeft {
    background-position: -36px -176px;
}
.RadComboBox .rcbHovered .rcbArrowCellRight {
    background-position: -54px -176px;
}
.RadComboBox .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -22px;
}
.RadComboBox .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -22px;
}
.RadComboBox .rcbFocused .rcbInputCellLeft {
    background-position: 0 -44px;
}
.RadComboBox .rcbFocused .rcbInputCellRight {
    background-position: 100% -44px;
}
.RadComboBox .rcbFocused .rcbArrowCellLeft {
    background-position: -72px -176px;
}
.RadComboBox .rcbFocused .rcbArrowCellRight {
    background-position: -90px -176px;
}
.RadComboBox .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -44px;
}
.RadComboBox .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -44px;
}*/
    .RadComboBox .rcbDisabled {
        opacity: 0.5;
    }

    /*.RadComboBox .rcbDisabled .rcbInputCellLeft {
    background-position: 0 -66px;
}
.RadComboBox .rcbDisabled .rcbInputCellRight {
    background-position: 100% -66px;
}
.RadComboBox .rcbDisabled .rcbArrowCellLeft {
    background-position: -108px -176px;
}
.RadComboBox .rcbDisabled .rcbArrowCellRight {
    background-position: -126px -176px;
}
.RadComboBox .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -66px;
}
.RadComboBox .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -66px;
}
.RadComboBox .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -88px;
}
.RadComboBox .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -88px;
}
.RadComboBox .rcbReadOnly .rcbArrowCellLeft {
    background-position: -144px -176px;
}
.RadComboBox .rcbReadOnly .rcbArrowCellRight {
    background-position: -162px -176px;
}
.RadComboBox .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -88px;
}
.RadComboBox .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -88px;
}
.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -110px;
}
.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -110px;
}
.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
    background-position: -180px -176px;
}
.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight {
    background-position: -198px -176px;
}
.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -110px;
}
.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -110px;
}
.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -132px;
}
.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -132px;
}
.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellLeft {
    background-position: -216px -176px;
}
.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -234px -176px;
}
.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -132px;
}
.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -132px;
}
.RadComboBox .rcbDisabled .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -154px;
}
.RadComboBox .rcbDisabled .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -154px;
}
.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellLeft {
    background-position: -252px -176px;
}
.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellRight {
    background-position: -270px -176px;
}
.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -154px;
}
.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -154px;
}*/
    .RadComboBox .rcbLabel {
        display: inline-block;
        line-height: 22px;
        padding-right: 10px;
        vertical-align: top;
    }

.RadComboBox_rtl {
    text-align: right;
}

    .RadComboBox_rtl .rcbInputCell {
        padding-left: 4px;
        padding-right: 5px;
    }

    .RadComboBox_rtl .rcbInput {
        text-align: right;
    }

    .RadComboBox_rtl .rcbLabel {
        /*@include padding(0, 0, 0, 0);*/
        padding: 0 0 0 10px;
        /*-----English Language*/
        text-align: right;
    }

.rcbSlide {
    display: none;
    overflow: hidden;
    position: absolute;
}

.RadComboBoxDropDown {
    border-style: solid;
    border-width: 1px;
    cursor: default;
    position: absolute;
    text-align: left;
}

    .RadComboBoxDropDown input[type="checkbox"] {
        /*@include margin(0, 0, 0, 0);*/
        margin: 0 3px 3px 4px;
        /*-----English Language*/
        padding: 0;
    }

    .RadComboBoxDropDown label {
        font-weight: inherit;
        line-height: inherit;
    }

    .RadComboBoxDropDown.rcbAutoWidth {
        min-width: 158px;
    }

        .RadComboBoxDropDown.rcbAutoWidth .rcbList {
            white-space: nowrap;
        }

    .RadComboBoxDropDown.rcbAutoWidthResizer .rcbScroll {
        overflow-x: visible !important;
        overflow-y: scroll !important;
    }

    .RadComboBoxDropDown .rcbScroll {
        overflow: auto;
        position: relative;
    }

    .RadComboBoxDropDown .rcbHeader, .RadComboBoxDropDown .rcbFooter {
        border-style: solid;
        border-width: 0;
        /*@include padding(0, 0, 0, 0);*/
        padding: 5px 7px 4px 7px;
        /*-----English Language*/
    }

    .RadComboBoxDropDown .rcbHeader {
        border-bottom-width: 1px;
        margin-bottom: 1px;
    }

    .RadComboBoxDropDown .rcbFooter {
        border-top-width: 1px;
        margin-top: 1px;
    }

    .RadComboBoxDropDown .rcbList {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .RadComboBoxDropDown .rcbList > li:after {
            clear: both;
            content: "";
            display: block;
            height: 0;
        }

    .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
        background-repeat: repeat-x;
        margin: 0 1px;
        min-height: 13px;
        /*@include padding(0, 0, 0, 0);*/
        padding: 2px 6px 2px 6px;
        /*-----English Language*/
    }

        .RadComboBoxDropDown .rcbItem > label, .RadComboBoxDropDown .rcbHovered > label, .RadComboBoxDropDown .rcbDisabled > label, .RadComboBoxDropDown .rcbLoading > label, .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
            display: block;
            /*@include margin(0, 0, 0, 0);*/
            margin: -2px -6px -2px -6px;
            /*-----English Language*/
            /*@include padding(0, 0, 0, 0);*/
            padding: 4px 6px 2px 6px;
            /*-----English Language*/
        }

    .RadComboBoxDropDown .rcbNoWrap .rcbItem, .RadComboBoxDropDown .rcbNoWrap .rcbHovered, .RadComboBoxDropDown .rcbNoWrap .rcbDisabled, .RadComboBoxDropDown .rcbNoWrap .rcbLoading {
        white-space: nowrap;
    }

    .RadComboBoxDropDown .rcbDisabled {
        cursor: default;
        opacity: 0.5;
    }

    .RadComboBoxDropDown .rcbLoading {
        text-align: center;
    }

    .RadComboBoxDropDown em {
        font-style: normal;
        font-weight: bold;
    }

    .RadComboBoxDropDown .rcbCheckBox, .RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
        vertical-align: middle;
    }

    .RadComboBoxDropDown .rcbImage {
        /*@include margin(0, 0, 0, 0);*/
        margin: 0 6px 2px 0;
        /*-----English Language*/
        vertical-align: middle;
    }

    .RadComboBoxDropDown .rcbMoreResults {
        border-style: solid;
        border-width: 1px 0 0;
        cursor: pointer;
        /*@include margin(0, 0, 0, 0);*/
        margin: 1px 0 0 0;
        /*-----English Language*/
        /*@include padding(0, 0, 0, 0);*/
        padding: 2px 6px 2px 6px;
        /*-----English Language*/
        text-align: center;
    }

        .RadComboBoxDropDown .rcbMoreResults a {
            border-color: transparent;
            border-style: solid;
            border-width: 4px;
            cursor: pointer;
            display: inline-block;
            height: 0;
            margin: 0 2px;
            overflow: hidden;
            vertical-align: middle;
            width: 0;
        }

    .RadComboBoxDropDown .rcbSeparatedList .rcbSeparator {
        padding-left: 6px;
    }

    .RadComboBoxDropDown .rcbSeparatedList .rcbItem, .RadComboBoxDropDown .rcbSeparatedList .rcbHovered, .RadComboBoxDropDown .rcbSeparatedList .rcbDisabled, .RadComboBoxDropDown .rcbSeparatedList .rcbLoading {
        padding-left: 12px;
    }

.RadComboBoxDropDown_rtl {
    direction: rtl;
    text-align: right;
}

    .RadComboBoxDropDown_rtl .rcbImage {
        /*@include margin(0, 0, 0, 0);*/
        margin: 0 0 2px 6px;
        /*-----English Language*/
    }

    .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbSeparator {
        padding-right: 6px;
    }

    .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbItem, .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbHovered, .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbDisabled, .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbLoading {
        padding-right: 12px;
    }

.RadComboBoxWithLabel table {
    display: inline-block;
}

/*--------------
* Drop Down Theme
--------------*/
.RadComboBox_Default {
    color: #3b3b3b;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
}

    /*.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
    background-image: url("Common/radFormSprite.png");
}*/
    .RadComboBox_Default .rcbInput {
        color: #3b3b3b;
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 16px;
    }

    .RadComboBox_Default .rcbEmptyMessage {
        color: #a4abb2;
    }

    .RadComboBox_Default .rcbHovered .rcbInput {
        color: black;
    }

    .RadComboBox_Default .rcbFocused .rcbInput {
        color: black;
    }

    .RadComboBox_Default .rcbReadOnly .rcbInput {
        color: #3b3b3b;
    }

    .RadComboBox_Default .rcbHovered .rcbReadOnly .rcbInput {
        color: black;
        border-color: #007cc3;
        background-color: #ffffff;
    }

    .RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {
        color: black;
        border-color: #007cc3;
    }

.RadComboBoxDropDown_Default {
    background: none repeat scroll 0 0 white;
    border-color: #a7abb0;
    color: #3b3b3b;
    font: 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
}

    .RadComboBoxDropDown_Default .rcbHeader, .RadComboBoxDropDown_Default .rcbFooter {
        background-color: #edeff2;
        color: #3b3b3b;
    }

    .RadComboBoxDropDown_Default .rcbHeader {
        border-bottom-color: #a7abb0;
    }

    .RadComboBoxDropDown_Default .rcbFooter {
        border-top-color: #a7abb0;
    }

    .RadComboBoxDropDown_Default .rcbHovered {
        background-color: #fae185;
        color: #3b3b3b;
    }

    .RadComboBoxDropDown_Default .rcbSelected {
        background-color: #ffd86b;
        color: black;
    }

    .RadComboBoxDropDown_Default .rcbLoading {
        background-color: #fae185;
        color: #3b3b3b;
    }

    .RadComboBoxDropDown_Default .rcbItem em {
        background-color: #fae185;
        color: #3b3b3b;
    }

    .RadComboBoxDropDown_Default .rcbCheckAllItems, .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
        background-color: #edeff2;
        color: #3b3b3b;
    }

    .RadComboBoxDropDown_Default .rcbMoreResults {
        background-color: #edeff2;
        border-color: #828282;
        color: #3b3b3b;
    }

        .RadComboBoxDropDown_Default .rcbMoreResults a {
            border-top-color: #3b3b3b;
        }

form.jqtransformdone label {
    margin-right: 8px;
    display: block;
    float: left;
}

form.jqtransformdone div.rowElem {
    clear: both;
    padding: 4px 0px;
}

/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
    font-family: Arial;
}

    *:first-child + html button.jqTransformButton[type] {
        width: 1px;
    }

    /* IE7 */
    button.jqTransformButton span {
        background: transparent url(../images/btn_right.gif) no-repeat right top;
        display: block;
        float: left;
        padding: 0px 4px 0px 0px;
        /* sliding doors padding */
        margin: 0px;
        height: 33px;
    }

        button.jqTransformButton span span {
            background: transparent url(../images/btn_left.gif) no-repeat top left;
            color: #333;
            padding: 8px 4px 0px 8px;
            font-weight: normal;
            font-size: 12px;
            line-height: 13px;
            display: block;
            text-decoration: none;
            height: 33px;
        }

/*hover*/
button.jqTransformButton_hover span span {
    background-position: left -33px;
}

button.jqTransformButton_hover span {
    background-position: right -33px;
}

/*clicked*/
button.jqTransformButton_click span span {
    background-position: left -66px;
}

button.jqTransformButton_click span {
    background-position: right -66px;
}

/* IE 6 */
* html button.jqTransformButton {
    height: 33px;
}

* button.jqTransformButton span span {
    height: 25px;
}

/* IE 7 */
* + html button.jqTransformButton {
    height: 33px;
}

* + button.jqTransformButton span span {
    height: 25px;
}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
    background: transparent url(../images/input/input_text_left.gif) no-repeat left top;
    height: 31px;
    padding: 0px;
    float: left;
}

.jqTransformInputInner {
    background: transparent url(../images/input/input_text_right.gif) no-repeat top right;
    padding: 0px;
    margin: 0px;
}

    .jqTransformInputInner div {
        height: 31px;
        margin: 0px 0px 0px 8px;
    }

        .jqTransformInputInner div input {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 18px;
            vertical-align: middle;
            height: 31px;
            color: #404040;
            border: none;
            padding: 8px 0px 0px 0px;
            margin: 0px;
            background: transparent;
        }

        /*  IE6 */
        * html .jqTransformInputInner div input {
            padding: 6px 0 0 0;
            margin: 0 0 0 -8px;
            height: 24px;
        }

        /* Ie7 */
        * + html .jqTransformInputInner div input {
            padding: 6px 0 0 0;
            margin-left: -10px;
            height: 24px;
        }

/*hover*/
.jqTransformInputWrapper_hover {
    background-position: left -31px;
}

    .jqTransformInputWrapper_hover div.jqTransformInputInner {
        background-position: right -31px;
    }

/*focus*/
.jqTransformInputWrapper_focus {
    background-position: left -62px;
}

    .jqTransformInputWrapper_focus div.jqTransformInputInner {
        background-position: right -62px;
    }

.jqTransformSafari .jqTransformInputInner div {
    position: relative;
    overflow: hidden;
    margin: 0px 8px;
}

    .jqTransformSafari .jqTransformInputInner div input {
        background-color: none;
        position: absolute;
        top: -10px;
        left: -2px;
        height: 42px;
        padding-left: 4px;
    }

/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
    font-size: 12px;
    line-height: 16px;
}

table.jqTransformTextarea td {
    font-size: 1px;
    line-height: 1px;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
}

table.jqTransformTextarea tr {
    /*border: 1px solid red;*/
}

table.jqTransformTextarea textarea {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

table.jqTransformTextarea td#jqTransformTextarea-tl {
    background: url(../images/textarea/textarea_tl.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-tm {
    background: url(../images/textarea/textarea_tm.gif) repeat-x top left;
}

table.jqTransformTextarea td#jqTransformTextarea-tr {
    background: url(../images/textarea/textarea_tr.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-ml {
    background: url(../images/textarea/textarea_ml.gif) repeat-y top left;
}

table.jqTransformTextarea td#jqTransformTextarea-mm {
    background: url(../images/textarea/textarea-mm.gif) repeat;
}

table.jqTransformTextarea td#jqTransformTextarea-mr {
    background: url(../images/textarea/textarea_mr.gif) repeat-y top left;
}

table.jqTransformTextarea td#jqTransformTextarea-bl {
    background: url(../images/textarea/textarea_bl.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-bm {
    background: url(../images/textarea/textarea_bm.gif) repeat-x top left;
}

table.jqTransformTextarea td#jqTransformTextarea-br {
    background: url(../images/textarea/textarea_br.gif) no-repeat top left;
}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-tm {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-tr {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-ml {
    background-position: -5px 0px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-mm {
    background-image: url(../images/textarea/textarea-mm-hover.gif);
}

table.jqTransformTextarea-hover td#jqTransformTextarea-mr {
    background-position: -5px 0px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-bl {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-bm {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-br {
    background-position: 0px -5px;
}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-tm {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-tr {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-ml {
    background-position: -10px 0px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-mm {
    background-image: url(../images/textarea/textarea-mm-focus.gif);
}

table.jqTransformTextarea-focus td#jqTransformTextarea-mr {
    background-position: -10px 0px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-bl {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-bm {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-br {
    background-position: 0px -10px;
}

table.jqTransformTextarea .jqTransformSafariTextarea div {
    position: relative;
    overflow: hidden;
    border: 0px solid red;
}

table.jqTransformTextarea .jqTransformSafariTextarea textarea {
    background: none;
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 10px 10px 10px 10px;
    resize: none;
}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {
    float: left;
    display: block;
    margin: 0px 5px 0 8px;
}

    .jqTransformRadioWrapper:first-child {
        float: left;
        display: block;
        margin-left: 0px;
    }

.jqTransformRadio {
    /*background: transparent url(../images/radio.gif) no-repeat center top;*/
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: block;
    /*display: -moz-inline-block;*/
    /*@include border-radius(50%);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    border: 1px solid #798992;
    position: relative;
    overflow: hidden;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
}

    .jqTransformRadio:hover {
        border-color: #005c90;
    }

    .jqTransformRadio:before {
        position: absolute;
        top: 2px;
        left: -20px;
        content: "";
        background-color: #007cc3;
        width: 9px;
        height: 9px;
        /*@include transition(all, 0.2s, ease-in-out);*/
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        /*@include border-radius(50%);*/
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin-right: 5px;
}

a.jqTransformCheckbox {
    /*background: transparent url(../images/radio.gif) no-repeat center top;*/
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: block;
    /*display: -moz-inline-block;*/
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    border: 1px solid #798992;
    position: relative;
    overflow: hidden;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
}

    a.jqTransformCheckbox:hover {
        border-color: #009cf6;
    }

    a.jqTransformCheckbox:before {
        position: absolute;
        top: 2px;
        left: -20px;
        content: "";
        background-color: #007cc3;
        width: 9px;
        height: 9px;
        /*@include transition(all, 0.2s, ease-in-out);*/
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked {
    /*background-color: $primarycolor;*/
    border-color: #009cf6;
}

    a.jqTransformChecked:before {
        left: 2px;
        top: 2px;
        /*@include transition(all, 0.2s, ease-in-out);*/
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

a.jqTransformCheckbox.jqTransformChecked:before {
    left: 2px;
    top: 2px;
}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
    width: 45px;
    position: relative;
    height: 31px;
    background: url(../images/select_left.gif) no-repeat top left;
    float: left;
}

    .jqTransformSelectWrapper div span {
        font-size: 12px;
        float: none;
        position: absolute;
        white-space: nowrap;
        height: 31px;
        line-height: 15px;
        padding: 8px 0 0 7px;
        overflow: hidden;
        cursor: pointer;
        /*border: 1px solid #CCCCCC;*/
        /*	border-right: none;*/
    }

    .jqTransformSelectWrapper a.jqTransformSelectOpen {
        display: block;
        position: absolute;
        right: 0px;
        width: 31px;
        height: 31px;
        background: url(../images/select_right.gif) no-repeat center center;
    }

    .jqTransformSelectWrapper ul {
        position: absolute;
        width: 43px;
        top: 30px;
        left: 0px;
        list-style: none;
        background-color: #FFF;
        border: solid 1px #CCC;
        display: none;
        margin: 0px;
        padding: 0px;
        height: 150px;
        overflow: auto;
        overflow-y: auto;
        z-index: 10;
    }

        .jqTransformSelectWrapper ul a {
            display: block;
            padding: 5px;
            text-decoration: none;
            color: #333;
            background-color: #FFF;
            font-size: 12px;
        }

            .jqTransformSelectWrapper ul a.selected {
                background: #EDEDED;
                color: #333;
            }

                .jqTransformSelectWrapper ul a:hover,
                .jqTransformSelectWrapper ul a.selected:hover {
                    background: #3582c4;
                    color: #fff;
                }

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
    display: none;
}

.jqTransformRadioWrapper + label,
.jqTransformCheckboxWrapper + label,
span[disabled="disabled"] + label {
    font-size: 13px;
    margin-right: 5px;
}

/*disabled*/
span[disabled="disabled"] a.jqTransformCheckbox, span[disabled="disabled"] .jqTransformRadio {
    border-color: #bebebe;
    background-color: #e4e4e4;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: -1px -1px 0px white inset;
    -moz-box-shadow: -1px -1px 0px white inset;
    box-shadow: -1px -1px 0px white inset;
    cursor: default;
}

    span[disabled="disabled"] a.jqTransformCheckbox:before, span[disabled="disabled"] .jqTransformRadio:before {
        background-color: #b1b1b1;
    }

/* Floating right menu */
.e31_rightfloatmenu {
    position: fixed;
    right: 20px;
    top: 132px;
    height: 90px;
    text-align: center;
    font-size: 12px;
    z-index: 50;
}

    .e31_rightfloatmenu .rightmenutoggle {
        background-color: #007cc3;
        /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
        color: #ffffff;
        display: block;
        margin-left: 5px;
        float: right;
        width: 60px;
        padding: 10px;
        line-height: 1em;
        opacity: .3;
        /*@include transition(all, 0.2s, ease-in-out);*/
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

        .e31_rightfloatmenu .rightmenutoggle i {
            display: block;
            color: #ffffff;
            font-size: 35px;
            line-height: 1.2em;
        }

        .e31_rightfloatmenu .rightmenutoggle:focus, .e31_rightfloatmenu .rightmenutoggle:hover {
            opacity: 1;
        }

    .e31_rightfloatmenu nav {
        display: none;
        float: right;
        overflow: hidden;
        padding: 10px;
        margin: -10px -5px 0 0;
        direction: rtl;
    }

        .e31_rightfloatmenu nav ul {
            background-color: #ffffff;
            /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            display: block;
            padding: 10px;
            list-style: none;
            text-align: right;
            width: 485px;
        }

            .e31_rightfloatmenu nav ul li {
                display: inline-block;
                text-align: center;
                margin-bottom: 6px;
                padding: 5px;
                /*border-right:2px solid rgba($gray, .5);*/
                position: relative;
                min-width: 110px;
                min-height: 66px;
            }

                .e31_rightfloatmenu nav ul li a {
                    display: block;
                    border-bottom: 2px solid rgba(215, 215, 215, 0.5);
                    padding: 40px 0 10px;
                    position: relative;
                    height: 100%;
                    top: 0;
                }

                .e31_rightfloatmenu nav ul li i {
                    display: block;
                    color: #007cc3;
                    font-size: 25px;
                    top: 10px;
                    right: 50%;
                    margin-right: -15px;
                    position: absolute;
                }

                .e31_rightfloatmenu nav ul li:hover {
                    background-color: #007cc3;
                    border: 0 none;
                }

                    .e31_rightfloatmenu nav ul li:hover a {
                        color: #ffffff;
                        border: 0 none;
                    }

                    .e31_rightfloatmenu nav ul li:hover i {
                        color: #ffffff;
                    }

                .e31_rightfloatmenu nav ul li:nth-of-type(5n+1), .e31_rightfloatmenu nav ul li:first-child {
                    border-right: 0 none;
                }

/*.e31_rightfloatmenu:hover, .e31_rightfloatmenu:focus, .e31_rightfloatmenu:active{
	opacity:1;
}*/
.verticlerightfloatmenu i {
    display: inline-block;
    line-height: 1.2em;
}

.verticlerightfloatmenu nav {
    padding: 10px 0 10px 10px;
}

    .verticlerightfloatmenu nav ul {
        width: 180px;
        padding: 0;
        border: 1px solid #007cc3;
        border-right-width: 3px;
    }

        .verticlerightfloatmenu nav ul li {
            display: block;
            text-align: left;
            padding: 0px;
            margin: 0;
            border: 0 none;
            position: relative;
            min-height: 24px;
        }

            .verticlerightfloatmenu nav ul li a {
                margin: 0;
                padding: 5px 10px 5px 33px;
                border: 0 none;
                position: relative;
                z-index: 1;
            }

            .verticlerightfloatmenu nav ul li i {
                font-size: 15px;
                position: absolute;
                top: 50%;
                left: 10px;
                margin-top: -10px;
                padding: 0;
            }

.e31_reportmenulinks {
    left: 0;
    top: 0;
    right: auto;
    position: inherit;
    height: auto;
}

    .e31_reportmenulinks nav {
        float: none;
        display: block;
    }

        .e31_reportmenulinks nav ul {
            width: auto;
            /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
            -webkit-box-shadow: 0px 0px 0px transparent;
            -moz-box-shadow: 0px 0px 0px transparent;
            box-shadow: 0px 0px 0px transparent;
        }

/* End floating right menu */
/* CSS Footer */
#footerContainer {
    position: absolute;
    width: 100%;
    bottom: 0;
    clear: both;
    color: #616f77;
    font-size: 12px;
    z-index: 2;
    left: 0;
}

    #footerContainer a {
        color: #2199ed;
    }

#footer {
    border-top: 1px #d7d7d7 solid;
    margin: 0 10px;
    padding: 10px 3px 11px;
}
.LoginPage #footer {
    border-top: 2px solid #007cc3;
    text-shadow: 0 0 1px #666;
    position: relative;
    background: #fff;
    padding:10px 200px 11px;
    margin: 0;
    color: #555;
    text-align: center;
}

.E_Footer {
    position: absolute;
    width: 111px;
    height: 77px;
    top: -46px;
    right: 0px;
    background-size: 100%;
}

/*Start homepage Widgets*/
.ui-icon {
    cursor: default;
}

    .ui-icon:after {
        position: relative;
        top: 7px;
        right: 10px;
        display: inline-block;
        font-family: 'icomoon';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
    }

.ui-icon-arrowthickstop-1-s:after {
    content: "\e259";
}

.widgetheader {
    cursor: pointer;
}

.layout:after {
    display: block;
    content: "";
    clear: both;
}

#layout-dialog .selected {
    background: none no-repeat scroll 0 -51px transparent;
}

#layout-dialog .layoutchoice {
    float: left;
    height: 51px;
    list-style-type: none;
    margin: 5px;
    padding: 0;
    width: 82px;
}

.selectedcolumn {
    border: 3px dashed #aaaaaa;
}

.emptycolumn {
    color: #aaaaaa;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    border: 2px dashed #CDCDCD;
    text-indent: -999em;
}

.dashboard {
    margin-top: 5px;
    background-image: url(../images/EduWave_1024_transparent.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 450px 181px;
    min-height: 350px;
}

.right {
    float: right;
}

.widgetheader {
    padding: 4px 2px 8px 5px;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}

.ui-icon {
    float: left;
}

.widgetcontent {
    padding: 5px;
    font-size: 12px;
}

.widget {
    margin-bottom: 10px;
    background-color: #ffffff;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
    /*@include border-radius(50%);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.column {
    /*Mnassar*/
    float: left;
    /*margin: 0 1% -1.5em;*/
    padding-right: 10px;
    padding-bottom: 10px;
    /*padding: 0;*/
    width: 47.5%;
}

.layout-a .column {
    width: 100%;
}

    .layout-a .column.second,
    .layout-a .column.third {
        display: none;
    }

.layout-aa .column {
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
}

    .layout-aa .column:nth-child(2n+0) {
        padding-right: 0;
    }

.layout-aa .third {
    display: none;
}

.layout-ba .column {
    width: 70%;
    box-sizing: border-box;
}

.layout-ba .first {
    width: 30%;
    box-sizing: border-box;
    padding-right: 10px;
}

.layout-ba .third {
    display: none;
}

.layout-ab .column {
    width: 30%;
    box-sizing: border-box;
}

.layout-ab .first {
    width: 70%;
    box-sizing: border-box;
    padding-right: 10px;
}

.layout-ab .third {
    display: none;
}

.layout-aaa .column {
    width: 33.33%;
    box-sizing: border-box;
    padding-right: 10px;
}

    .layout-aaa .column:last-child {
        padding-right: 0;
    }

.header_tile_image {
    background: url("lake.png") repeat-x scroll center top transparent;
    height: 176px;
}

.headerlinks {
    font-weight: normal;
    line-height: 1.2em;
    text-align: left;
    text-decoration: none;
    margin-bottom: 10px;
}

    .headerlinks .headerlink {
        color: #007cc3;
        background-color: #ffffff;
        padding: 2px 10px 3px 25px;
        position: relative;
        font-size: 13px;
        float: left;
        border: 1px solid #e4e4e4;
        border-top-color: #ff9a00;
        border-right-width: 0;
        border-top-width: 2px;
    }

        .headerlinks .headerlink:last-child {
            border-right-width: 1px;
        }

        .headerlinks .headerlink:before {
            position: absolute;
            top: 8px;
            display: inline-block;
            font-family: 'icomoon';
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: block;
            font-size: 11px;
            content: "\e258";
            left: 7px;
        }

        .headerlinks .headerlink:hover {
            background-color: #007cc3;
            color: #ffffff;
        }

    .headerlinks .openaddwidgetdialog:before {
        content: "\2b";
    }

    .headerlinks .editlayout:before {
        content: "\270f";
    }

    .headerlinks .resetlayout:before {
        content: "\e030";
    }

    .headerlinks:after {
        content: "";
        clear: both;
        display: block;
    }

.headerbox {
    height: 148px;
}

.ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
}

.loading {
    padding: 50px;
    text-align: center;
}

#layout-dialog ul {
    margin: 0;
    padding: 0;
}

    #layout-dialog ul li a,
    #layout-dialog ul li a:link,
    #layout-dialog ul li a:visited {
        border: 1px solid #bbbbbb;
        display: block;
        float: left;
        margin: 0 1em 1em 0;
        outline: medium none;
        padding: 0.35em;
        width: auto;
    }

.right:before {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 2.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e259";
    position: absolute;
    font-size: 14px;
    right: 10px;
    bottom: 3px;
    height: 100%;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.minimization:before {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 2.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\2212";
    position: relative;
    font-size: 10px;
    right: 12px;
    top: 2px;
    height: 100%;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.delete:before {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 2.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e020";
    position: relative;
    font-size: 10px;
    right: 12px;
    top: 0px;
    height: 100%;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.no_target:before {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 2.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e031";
    position: relative;
    font-size: 10px;
    right: 12px;
    top: 0px;
    height: 100%;
    /*@include transition(all, 0.2s, ease-in-out);*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.hidden {
    display: block;
}

.controls {
    border: 1px solid #e4e4e4;
    float: none;
    margin: 0;
}

.controls {
    background: none repeat scroll 0 0 #ffffff;
    margin-top: -1px;
    position: absolute;
    right: 0;
    width: 90px;
    z-index: 2003;
    /*@include box-shadow(0px,1px,3px, rgba(0,0,0,.26));*/
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
}

    .controls li {
        float: none;
        list-style-type: none;
        padding: 0;
        position: static;
        width: auto;
        border-bottom: 1px solid #e4e4e4;
    }

        .controls li:last-child {
            border-bottom: 0 none;
        }

        .controls li a {
            font-weight: normal;
            margin: 0;
            padding: 2px 0px;
            text-decoration: none;
            width: auto;
            font-size: 12px;
            display: block;
            padding-left: 20px;
        }

            .controls li a:hover {
                background-color: #007cc3;
                color: #ffffff;
            }

.hiddenmenu {
    position: relative;
}

.dialog .categories {
    height: 414px;
    list-style: outside none none;
}

    .dialog .categories li.selected button {
        color: #ffffff;
        display: none;
        font-weight: 800;
    }

    .dialog .categories li button {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #666666;
        font-family: "segoe ui", helvetica, arial, sans-serif;
        font-size: 0.8em;
        padding: 0.4em 1.2em;
        text-align: left;
        width: 100%;
    }

ul.categories button {
    cursor: pointer;
    display: none;
}

.widgetitem {
    border: 2px none white;
    float: left;
    font-size: 0.77em;
    height: 142px;
    margin: 0;
    overflow: hidden;
    padding: 0 20px 0 142px;
    width: 250px;
}

ol.widgets {
    float: left;
    list-style: outside none none;
    margin: -10px;
    padding: 0;
    width: auto;
}

.dialog .panel-body {
    overflow: auto;
    padding: 10px;
}

.dialog .categories {
    background: none repeat scroll 0 0 #ffffff;
    border-right: 1px solid #f0f0f0;
    display: none;
    float: left;
    height: 100%;
    list-style: outside none none;
    margin: 0 1.17em 0 0;
    padding: 10px 0 0;
    width: 25%;
}

    .dialog .categories li.selected {
        background: none repeat scroll 0 0 #6699cc;
        color: #ffffff;
    }

.widgetitem .add-button {
    float: left;
    margin: 81px 0 0 -131px;
    width: auto;
}

.widgetitem h3 {
    margin: 11px 0 0;
    padding: 0;
}

.widgetitem img {
    border: 1px solid #999999;
    float: left;
    margin: 10px 0 0 -132px;
}

.ui-dialog.ui-widget-content {
    background-color: #ffffff;
    /*@include border-radius(50%);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
}

    .ui-dialog.ui-widget-content .ui-widget-header {
        background-color: #007cc3;
        padding: 4px 10px;
        color: #ffffff;
        position: relative;
        border-color: #007cc3;
        background-image: none;
        /*.ui-dialog-titlebar-close{
            position: absolute;
            right: 10px;
            top: 0;
            &:after {
                color: #fff;
                content: "\e014";
                display: inline-block;
                font-family: "icomoon";
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                position: relative;
                top: 6px;
            }

			

        }*/
    }

/*End homepage Widgets*/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn,
    .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
    /* MSPointer events - direct all pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 6px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
.e31_sidebar .mCSB_scrollTools {
    width: 16px !important;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */ 
.mCSB_scrollTools {
  opacity: 0.55;
  filter: "alpha(opacity=55)";
  -ms-filter: "alpha(opacity=55)";
}
.e31_sidebar .mCSB_scrollTools {
    opacity: 0.75 !important;
    filter: "alpha(opacity=75)" !important;
    -ms-filter: "alpha(opacity=75)" !important;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: .55;
    filter: "alpha(opacity=55)";
    -ms-filter: "alpha(opacity=55)";
}
.e31_sidebar .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.e31_sidebar .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.e31_sidebar .mCustomScrollBox:hover > .mCSB_scrollTools,
.e31_sidebar .mCustomScrollBox:hover ~ .mCSB_scrollTools,
.e31_sidebar .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.e31_sidebar .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1 !important;
    filter: "alpha(opacity=100)" !important;
    -ms-filter: "alpha(opacity=100)" !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #007cc3;
    background-color: rgba(0, 124, 195, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #007cc3;
    background-color: rgba(0, 124, 195, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    /*position: absolute;*/ /* for fixed the background of jquery dialog*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1.1em;
    position: relative;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-size: 1em;
    }

.ui-widget-content {
    /*border: 1px solid #E8DB99;*/
    background: #fcfdfd url(jquery-ui-images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    /*position:relative;*/
}

/*.widgetcontent{border: 1px solid #e8db99; border-top:none;}
.widgetcontent table{border-spacing:0;  border-collapse:collapse;}*/
/*.ui-widget-header { border: 1px solid #d5c77b; background: #f4a52d url(../../../images/All/box_title_bg.jpg) repeat-x; font-size:14px; color: #484848; }*/
.hiddenmenu {
    background-image: none;
    background-color: #fff;
    /*border:1px solid #D1D1D1;*/
    box-shadow: 1px 1px 3px #ccc;
    font-size: 13px;
}

/*.ui-widget-header a { color: #ffffff; }*/
.divStudentMarks td, .divSchedule td, .tblToDoList td {
    border-top: 1px solid #E7E7E7;
    padding: 5px 10px;
    font-size: 13px;
}

.courcesTitle td {
    font-weight: bold;
    background-color: #d4e7f3;
    border-bottom: none;
}

.ToDoTitle {
    font-weight: bold;
    padding-left: 5px;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 0;
    background: none;
    font-weight: bold;
    color: #2e6e9e;
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #2e6e9e;
        text-decoration: none;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0;
    background: none;
    font-weight: bold;
    color: #007CC3;
}

    .ui-state-hover a, .ui-state-hover a:hover {
        color: #1d5987;
        text-decoration: none;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-active {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url(jquery-ui-images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #e17009;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #e17009;
        text-decoration: none;
    }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88 url(jquery-ui-images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    color: #363636;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-state-highlight a {
        color: #363636;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(jquery-ui-images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 30px;
    height: 16px;
    /*background-image: url(jquery-ui-images/ui-icons_469bdd_256x240.png); margin-right:3px;*/
}

.ui-widget-content .ui-icon {
    /*background-image: url(jquery-ui-images/ui-icons_469bdd_256x240.png);*/
    /*background-image: url(jquery-ui-images/ui-icons_edu_256x240.png);*/
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ui-widget-content .ui-icon:after {
        color: #007cc3;
        position: absolute;
        left: 0;
        top: 0;
        text-indent: 0;
    }

.ui-widget-header .ui-icon:after {
    color: #ffffff;
}

.ui-state-default .ui-icon {
    background-image: none;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: none;
}

.ui-state-active .ui-icon {
    background-image: none;
}

.ui-state-highlight .ui-icon {
    background-image: url(jquery-ui-images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(jquery-ui-images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

    .ui-icon-closethick:after {
        content: "\e014";
    }

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

    .ui-icon-grip-diagonal-se:after {
        content: "\e600";
    }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-right {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-all {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(jquery-ui-images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(jquery-ui-images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* Resizable
----------------------------------*/
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* Selectable
----------------------------------*/
.ui-selectable-helper {
    border: 1px dotted black;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a {
    zoom: 1;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

.ui-autocomplete-loading {
    background: white url("jquery-ui-images/ui-anim_basic_16x16.gif") right center no-repeat;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}

/* without this, the menu expands to 100% in IE6 */
/* Menu
----------------------------------*/
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 2px;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }

/* Button
----------------------------------*/
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon,
.ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 10%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: -10%;
}

.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */
/* Dialog
----------------------------------*/
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .5em 1em .3em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .2em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
            cursor: pointer;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane button {
            float: right;
            margin: .5em .4em .5em 0;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            line-height: 1.4em;
            width: auto;
            overflow: visible;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* Slider
----------------------------------*/
.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

/* Tabs
----------------------------------*/
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }

    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

/* Datepicker
----------------------------------*/
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none;
    /*sorry for IE5*/
    display /**/: block;
    /*sorry for IE5*/
    position: absolute;
    /*must have*/
    z-index: -1;
    /*must have*/
    filter: mask();
    /*must have*/
    top: -4px;
    /*must have*/
    left: -4px;
    /*must have*/
    width: 200px;
    /*must have*/
    height: 200px;
    /*must have*/
}

/* Progressbar
----------------------------------*/
.ui-progressbar {
    height: 2em;
    text-align: left;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

/* form layout */
.MainFormContainer {
    /*	min-width:740px;*/
    /*padding: 20px 0;*/
}

.FormLbl {
    word-wrap: break-word;
    -ms-word-break: break-word;
    color: #6e6e6e;
    font-family: Arial;
    font-size: 14px;
    margin: 0px;
}

.FormInput {
    padding: 0px 0px 5px 0px;
}

    .FormInput input[type="text"], .inlineLbl input[type="text"], .FormInput select {
        vertical-align: middle;
        margin: 0;
        padding-left: 2px;
        padding-right: 2px;
        height: 25px;
        width: 80%;
        border-style: solid;
        border-width: 1px;
        padding: 2px 2px 1px;
        vertical-align: middle;
        border-color: #bfbfbf;
        background: #fff;
        color: #333333;
        font: 12px "segoe ui", arial, sans-serif;
        text-align: left !important;
        border-radius: 0px !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
    }

/*.FormInput select{
     margin: 0;
    padding: 0;
    display: -moz-inline-stack;
    display: inline-block;
    /* text-align: left; */
/*  vertical-align: middle;
   _vertical-align: top;
   white-space: nowrap;
   color: black;
   font: normal 12px/16px "Segoe UI", Arial, Helvetica, sans-serif;
   min-width: 80%;
} */
.inlineLbl {
    margin: 0px;
}

.halfOne .formContent {
    padding-left: 10px;
    padding-right: 10px;
}

.FormLbl > span {
    /* margin-right: 10px; */
    display: table;
    word-wrap: break-word;
}

/* ----- Clear all fisrt div's ------ */
.OneThirdOne, .halfOne, .twoThirdExpOne, .twoThirdOne, .fullWidth, .clearBoth {
    clear: both;
}

/* ----- End clear all first div's ------ */
.halfTwo, .halfOne {
    width: 50%;
    float: left;
}

.rpTemplate .halfTwo, .rpTemplate .halfOne {
    margin: 0 0 20px;
    padding-top: 10px;
}

.formContent:after {
    clear: both;
    content: "";
    display: block;
}

/*three cell in the row 33.33%*/
.OneThirdOne, .OneThirdTwo, .OneThirdThree {
    margin: 0;
    padding: 0;
    width: 33%;
    /*33.33%*/
    margin-bottom: 20px;
    padding-top: 10px;
}

/*end three cell in the row 33.33%*/
/*two cell in the row 33.33% & 66.66*/
.twoThirdExpOne {
    margin: 0;
    padding: 0;
    width: 66.66%;
}

.twoThirdTwo {
    margin: 0;
    padding: 0;
    width: 33.33%;
}

/*end two cell in the row 33.33% & 66.66 */
/*two cell in the row 66.66 & 33.33%*/
.twoThirdOne {
    margin: 0;
    padding: 0;
    width: 33.33%;
}

.twoThirdExpTwo {
    margin: 0;
    padding: 0;
    width: 66.66%;
}

/*end two cell in the row  66.66 & 33.33%*/
/*Four cell in the row 25%*/
.OneFourthOne, .OneFourthTwo, .OneFourthThree, .OneFourthFour {
    margin: 0;
    padding: 0;
    width: 25%;
}

/*end Four cell in the row 25%*/
/*Disply input and lable in-line*/
.DisplayInline .fullWidthInline .FormLbl,
.DisplayInline .fullWidthInline .FormInput,
.DisplayInline .halfTwo .FormLbl, .DisplayInline .halfOne .FormLbl,
.DisplayInline .halfTwo .FormInput, .DisplayInline .halfOne .FormInput,
.DisplayInline .OneThirdOne .FormLbl, .DisplayInline .OneThirdTwo .FormLbl, .DisplayInline .OneThirdThree .FormLbl,
.DisplayInline .OneThirdOne .FormInput, .DisplayInline .OneThirdTwo .FormInput, .DisplayInline .OneThirdThree .FormInput {
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*mameara fix the meeting page 26/03/2015 GRPv3-81181*/
    padding-bottom: 5px;
    padding-top: 8px;
}

.DisplayInline .fullWidthInline .FormLbl,
.DisplayInline .halfOne .FormLbl, .DisplayInline .halfTwo .FormLbl,
.DisplayInline .OneThirdOne .FormLbl, .DisplayInline .OneThirdTwo .FormLbl, .DisplayInline .OneThirdThree .FormLbl {
    width: 30%;
    padding-top: 8px;
    /*vertical-align: top;
  margin-right:-4px;*/
    box-sizing: border-box;
    /*mameara fix the meeting page 26/03/2015 GRPv3-81181*/
}

.DisplayInline .fullWidthInline.threeColumns .FormLbl {
    width: 9.9%;
    /*Jehad*/
}

.DisplayInline .fullWidthInline.towColumns .FormLbl {
    width: 15%;
    /*Jehad*/
    /*mameara*/
}

.DisplayInline .fullWidthInline .FormInput,
.DisplayInline .halfOne .FormInput, .DisplayInline .halfTwo .FormInput,
.DisplayInline .OneThirdOne .FormInput, .DisplayInline .OneThirdTwo .FormInput, .DisplayInline .OneThirdThree .FormInput {
    width: 69%;
}

.DisplayInline .fullWidthInline.threeColumns .FormInput {
    width: 88%;
}

.DisplayInline .fullWidthInline.towColumns .FormInput {
    width: 82%;
}

.DisplayInline .FormInput > table > tbody > tr td {
    word-wrap: break-word !important;
    display: inline-block;
    /*float:left;*/
}

/*End disply input and lable in-line*/
/*Two Inner cells*/
.halfTwoInner, .halfOneInner {
    width: 49%;
}

.InnerContainer .riSingle input[type="text"] {
    width: 100% !important;
}

.InnerContainer {
    width: 80%;
    /*padding-right: 44px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /*position:relative;*/
    display: table;
}

.RadGrid .InnerContainer {
    width: 100%;
}

.RadGrid .FormInput .InnerContainer {
    width: 80%;
}

.InnerContainer > a, .InnerContainer > span, .InnerContainer > div {
    display: table-cell;
    background-color: #f0f0f0;
    border: 1px #cecece solid;
    /*min-height: 26px; Bug Number:GRPv3-81616 */
    font-size: 12px;
    white-space: nowrap;
    vertical-align: top;
    /*Manassar Fix bug the Email (Payments Page) */
    width: 1%;
}

    .InnerContainer > a:last-child, .InnerContainer > span:last-child, .InnerContainer > div:last-child {
        padding-right: 3px;
        padding-left: 3px;
    }

.InnerContainer > a, .Percentage {
    padding: 0 4px;
}

.InnerContainer > div .GRB_button {
    border: 0 none;
    min-height: 26px;
}

.InnerContainer .RadComboBox {
    width: 100% !important;
    background-color: transparent;
}

.InnerContainer > a:last-child {
    border-right-width: 1px;
}

.InnerContainer .RadInput {
    display: table-cell;
}

.InnerContainerGenerate {
    padding-right: 82px;
    position: relative;
    width: 80%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
}

    .InnerContainerGenerate .riSingle input[type="text"] {
        width: 100% !important;
    }

.riSingle {
    display: table;
    white-space: nowrap;
    /* text-align: left; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    vertical-align: top;
    width: 100%;
}

.DivFormOption li a {
    display: inline-block;
    height: inherit;
    line-height: 12px;
    margin: 1px;
    min-width: 53px;
    padding: 7px;
}

.MandatoryContainer {
    display: inline-block;
}

.DivFormInput {
    border: 1px #bfbfbf solid;
    width: 80%;
    padding: 4px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
}

.RadGrid .DivFormInput {
    width: 100%;
}

.DivFormInput > ul {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    height: 26px;
    margin-left: -4px;
}

    .DivFormInput > ul:first-child {
        margin-left: 0;
    }

    .DivFormInput > ul > li {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        padding-right: 5px;
        background: url(MainStyle/Sprite.png) no-repeat right -1642px;
    }

    .DivFormInput > ul:last-child > li:last-child {
        padding-right: 0;
    }

    .DivFormInput > ul > li > input[type=text], .DivFormInput > ul > li > div > span > input[type=text], .DivFormInput > ul > li > span > input[type=text] {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        height: 24px;
        padding: 5px;
        border: 1px #e4e4e4 solid;
        width: 100% !important;
    }

    .DivFormInput > ul > li .RadComboBox_GRP_Grid {
        width: 100% !important;
    }

    .DivFormInput > ul > li > input[type=text]:focus {
        border-color: #ccc;
    }

    .DivFormInput > ul > li > a.DropDownLink, .DivFormInput > ul > li.AddButtn > div > a.AddLink, .DivFormInput > ul > li > a.AddLink {
        height: 22px;
        position: absolute;
        right: 8px;
        top: 2px;
        width: 21px;
        background-image: url(MainStyle/Sprite.png);
        text-indent: -999em;
    }

    .DivFormInput > ul > li > a.DropDownLink {
        background-position: center -1281px;
    }

    .DivFormInput > ul > li.AddButtn > div > a.AddLink, .DivFormInput > ul > li > a.AddLink {
        background-position: center -1227px;
    }

/*----- Details View ------*/
.DetaislCheckAll {
    margin: 15px 0;
}

.OneItem {
    width: 100%;
}

.TwoItems {
    width: 50%;
}

.ThreeItems {
    width: 33.333%;
}

.FourItems {
    width: 25%;
}

.FiveItems {
    width: 20%;
}

.SixItems {
    width: 16.666%;
}

.DetailsViewButtons li a span {
    display: none;
}

.DetailsViewButtons li.OptionAttachment a, .DetailsViewButtons li.OptionAttachment a.GRPButtonAttachments {
    background-position: center -1341px;
}

    .DetailsViewButtons li.OptionAttachment a:hover, .DetailsViewButtons li.OptionAttachment a.GRPButtonAttachments:hover {
        background-position: center -1373px;
    }

.DetailsViewButtons li {
    width: 22px;
    min-height: 22px;
}

    .DetailsViewButtons li.SelectItem {
        background-color: #e3e3e3;
    }

.riTextBox[type="text"] {
    margin: 0;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0px;
    height: 25px;
    width: 80%;
}

.riTextBox[type="text"] {
    padding-right: 5px;
    padding-left: 5px;
    margin: 0;
    width: 80%;
}

.riTextBox {
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 1px;
    vertical-align: middle;
    border-color: #bfbfbf;
    background: #fff;
    color: #333333;
    font: 12px "segoe ui", arial, sans-serif;
    text-align: left !important;
    border-radius: 0px !important;
    width: 80%;
}

.riTextBox, .riContentWrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}

.RadComboBox table {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    display: -moz-inline-stack;
    display: inline-block;
    width: 100%;
    border-collapse: collapse;
    vertical-align: top;
}

/**** Higher-ed styels ****/
/**************** Hamburger Side Menu Button *********************/
/****** 24-11-2015  Ra'ad Khalaileh ******/
.MenuHamButt {
    background: #fff;
    border: 1px solid #C7C7C7;
    border-radius: 0 5px 5px 0;
    padding: 10px;
    cursor: pointer;
    position: fixed;
    top: 155px;
    left: 209px;
    width: 43px;
    height: 45px;
    z-index: 10;
    box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.1);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

    .MenuHamButt:hover {
        left: 225px;
    }

    .MenuHamButt .HamButt:after {
        font: normal 18px/18px "FontAwesome";
        color: #369FEF;
        cursor: pointer;
        content: "\e236";
        position: absolute;
        left: 16px;
        top: 13px;
    }

/**************** End Hamburger Side Menu Button *********************/
.e31_sidebar .menu > li > a:before {
    /******* Remove side menu icons ( 24-11-2015  Ra'ad Khalaileh) *******/
    display: none;
    /* Added style */
}

/**************** GridView Option Icons *********************/
/****** 24-11-2015  Ra'ad Khalaileh ******/
.GridviewTable tr td:last-child {
    width: 95px;
}

.GridviewOptionsIcons {
    list-style-type: none;
} 

.GridviewOptionsIcons > li,
.TableGrid > tbody > .StandardFontPlain > td > .GridviewOptionsIcons > li {
    display: inline-block;
    width: 15px;
}
.GridviewOptionsIcons li button:after,
.GridviewOptionsIcons li a:after {
    font: normal 12px/15px "FontAwesome";
    color: #007cc3;
    cursor: pointer;
}

.GridviewOptionsIcons li button {
    background: transparent;
    border: none;
}
.GridviewOptionsIcons li .OptionsIconEdit:after {
    content: "\270f";
}

.GridviewOptionsIcons li .OptionsIconDelete:after {
    content: "\e020";
}

.GridviewOptionsIcons li .OptionsIconView:after {
    content: "\e105";
}

.GridviewOptionsIcons li .OptionsIconOptionList:after {
    content: "\e032";
}

.GridviewOptionsIcons li .OptionsIconPlus:after {
    content: "\002b";
}
.GridviewOptionsIcons li .OptionsIconShare:after {
    content: "\f122";
	  font-family: 'FontAwesome-main';
}

/**************** End GridView Option Icons *********************/
.contentContainer {
    /******* Make search aria defult open ( 24-11-2015  Ra'ad Khalaileh) *******/
}

    .contentContainer .pagesection .searcharia {
        display: block;
        /* Added style */
    }

/**************** If side menu collapsed ****************/
.Menuhidden {
    /* .MenuHamButt:hover{
       left: -10px; 
   }
   */
}

    .Menuhidden .news {
        margin-left: 0;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
    }

    .Menuhidden .contentContainer {
        margin-left: 0;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
    }

    .Menuhidden .e31_sidebar {
        margin-left: -235px;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
    }

    .Menuhidden .MenuHamButt {
        left: -25px;
        transition-duration: .1s;
        -webkit-transition-duration: .1s;
    }

.MenuMouseOver {
    /* .MenuHamButt:hover{
     left: 225px;
  }
  */
}

    .MenuMouseOver .e31_sidebar {
        margin-left: 0;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
        box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
    }

    .MenuMouseOver .MenuHamButt {
        left: 225px;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
    }

        .MenuMouseOver .MenuHamButt .HamButt:after {
            content: "\e900";
            font-size: 16px;
        }

/**************** End If side menu collapsed ****************/
/*Colors*/
.badge-orange {
    background-color: #ff9a00;
    color: #ffffff;
}

.badge-red {
    background-color: #e35736;
    color: #ffffff;
}

.badge-green {
    background-color: #55c007;
    color: #ffffff;
}

.badge-blue {
    background-color: #2199ed;
    color: #ffffff;
}

.badge-gray {
    background-color: #d7d7d7;
    color: #ffffff;
}

/*End Colors*/

.searcharia table span {
    margin-bottom: 0 !important;
}

.TableGrid tbody > tr > th td {
    border: none;
}

    .TableGrid tbody > tr > th td:last-child {
        border: none;
    }

/* Override Telerik CSS Styles {Start}*/
tr.rcbReadOnly {
    border: 1px solid #A7A7A7;
}

.RadComboBox_Default .rcbInputCellLeft,
.RadComboBox_Default .rcbInputCellRight,
.RadComboBox_Default .rcbArrowCellLeft,
.RadComboBox_Default .rcbArrowCellRight {
    background-image: none !important;
}

.RadComboBox .rcbInputCell .rcbInput {
    background: #fff !important;
}

.RadComboBox .rcbArrowCell a {
    border-color: #fff !important;
    background-color: #fff !important;
}

    .RadComboBox .rcbArrowCell a:after {
        color: #616F77 !important;
        top: 6px !important;
    }

.RadComboBoxDropDown_Default .rcbHovered {
    background-color: #1E90FF !important;
    color: #fff !important;
    margin: 0 !important;
}
/* Override Telerik CSS Styles {End}*/

/* Fix Calendar design inside Grids {Start} */

.TableGrid .StandardFontPlain table tr {
    background: transparent;
}

.TableGrid .StandardFontPlain table td {
    padding: 2px 3px;
    border: 0 !important;
}

   /* .TableGrid .StandardFontPlain table td:nth-child(2) {
        display: none;
    }*/
/* Fix Calendar design inside Grids {End} */

.ValidationClass {
    font-weight: normal !important;
    font-size: 12px !important;
    color: red;
}

.RadTabStrip .rtsLevel1 {
    padding: 10px 0;
}

    .RadTabStrip .rtsLevel1 .rtsUL {
        border-bottom: 1px solid #007CCE;
    }

        .RadTabStrip .rtsLevel1 .rtsUL .rtsLink {
            padding: 10px 0;
            background: #EAEAEA;
            border: 1px solid #fff;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            margin-bottom: -1px;
        }

            .RadTabStrip .rtsLevel1 .rtsUL .rtsLink.rtsSelected,
            .RadTabStrip .rtsLevel1 .rtsUL .rtsLink:hover {
                background: #fff;
                border-color: #ccc;
            }

.acadimic-calendar-raw .GridviewOptionsIcons {
    float: right;
}

.acadimic-calendar-raw h4 {
    display: inline-block;
}


.langrow {
    margin-right: -170px;
    text-align: left;
}

.CalendarsLabels {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.CalendarCustomControl {
    float: left;
}


.ViewAllowedFiles {
    left: 24px !important;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    z-index: 150;
    width: 70px;
    position: absolute;
    background-color: rgb(255, 255, 204);
    top: 6px !important;
    right: auto !important;
    cursor: default;
    direction: ltr;
}

.responsive-table {
    overflow-x: auto;
}

.userwizard .StandardFont {
    font-size: 14px !important;
}

.TableGridModified .TableGrid .StandardFontPlain table td:nth-child(2) {
    display: table-cell;
}

.calendar tbody .day {
    color: #222;
}

.k-calendar .k-content .k-link {
    padding: 0 0em 0em;
    text-align: center;
}

.k-multiselect > .k-multiselect-wrap > .k-i-close {
    top:2px !important;
}

.k-multiselect-wrap .k-icon.k-i-close {
    height: 20px;
}

.k-scheduler-toolbar *{
    line-height: 29px;
}

.k-edit-field .k-check {
    margin: 0 5px;
}

/* to fix the button big size appear in the footer of jquery dialog*/
.ui-dialog.fixForDialogButtonBigSize .ui-dialog-buttonpane button {
    margin: 0;
    padding: 0;
}

/************************************************** Dawood Modifications 24/1/2018 ***************************************************************/
select.StandardFontPlain
{
 font-weight: normal;
 font-size: 12px;
 height:22px;
 cursor:pointer;
}


.k-edit-field .k-check {
    margin: 0 5px;
}



.k-scheduler-toolbar .k-icon {
    height: 28px !important;
}

/***************** box body scroll **************/

.box-body-scroll {
   height:280px;
}
.box-body-scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 0;
}

.products-list .product-description {
     white-space: inherit !important;
}
.course-myschedule-Widget .product-list-in-box .item a{
    display: table;
    width: 100%;
}

.coursepage .col-md-6 .box-body {
    height: 300px;
}

.coursepage .col-md-6 .graduatedAttributesWidget .box-body {
    height: 295px;
}
.coursepage .row:last-child .box-widget {
    border-bottom: 1px solid #ddd !important;
}

.display-table-cell {
    display: table-cell;
}
.product-info.display-table-cell {
    padding-left: 10px;
}
.course-myschedule-Widget .icon-bg {
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}
.course-myschedule-Widget .products-list .product-description {
    word-break: break-all;
}
.display-table-cell.col-md-6 {
    float: none !important;
}
.box-body-scroll .mCSB_inside > .mCSB_container {
    margin-right: 7px;
    margin-left: 0;
}


.e31_sidebar .mCSB_inside > .mCSB_container {
    margin-left: 0;
    margin-right: 0;
}

/*********************** Profile page ***********************/
.profile-info-container {
    padding: 10px;
    width: 240px;
    background: #f5f5f5;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-height: 255px;
}
.profile-image {
    width: 80px;
    height: 80px;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #aaa;
    margin: 20px auto;
}
.profile-image input,
.profile-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}
.profile-name span{
    font-size: 18px !important;
    font-weight: bold;
    color: #008cdd;
}
.profile-description {
    margin-bottom: 20px;
}
.profile-description span {
    color: #999;
    font-size: 13px;
}
.profile-info span{
    font-size: 12px !important;
    color: #777;
    font-weight: bold !important;
}
.profile-label span{
    font-size: 13px !important;
    color: #777;
    font-weight: normal !important;
}
.box-widget .progress {
    background-color: #e8e8e8;
}

/********************* Applicatio nWizard *********************/
.wizHeader.navbar-nav>li>a,
.wizHeader.navbar-nav li a{
    padding: 6px 2px;
}
.wizHeader.navbar-nav>li>a:hover {
    background: none;
    border-color: transparent;
}
.tab-content .tab-pane {
    display: none;
}
.tab-content .tab-pane.itg_dashboard_active {
    display: block;
}
 
    .navbar-default.OnlineApplicationWizard .nav>li>a {
        padding: 10px 8px;
    }
    .navbar-default.OnlineApplicationWizard .container-fluid {
        padding: 0;
        margin-bottom: 10px;
    }
    .wizHeader.navbar-nav li{
        background: none;
        border-bottom: 3px solid #05b457;
        padding: 3px;
        color: #05b457;
        margin: 3px;
        margin: 2px 7px;
        min-width: 190px;
    }
    .wizHeader.navbar-nav li span{
        color: #05b457;
        display: inline-block;
    }
    .navbar-default.OnlineApplicationWizard .nav > li > a{
         color: #05b457;
         display: inline-block;
        padding: 5px;
     }
    .wizHeader.navbar-nav li:before {
        content: '';
        position: absolute;
        left: 3px;
        bottom: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 6px 6px 6px;
        border-color: transparent transparent #05b457 transparent;
    }

    .wizHeader.navbar-nav.nav-tabs li:before,
    .wizHeader.navbar-nav li.disabled:before {
        border-color: transparent transparent #aaa transparent;
    }

    .wizHeader.navbar-nav.nav-tabs li a,
    .wizHeader.navbar-nav li.disabled a {
        color: #aaa
    }

    .wizHeader.navbar-nav.nav-tabs li,
    .wizHeader.navbar-nav li.disabled{
        color: #aaa;
        border-bottom-color: #aaa;
    }
    
    .wizHeader.navbar-nav li.disabled span{
        color: #aaa;
    }
    
    .wizHeader.navbar-nav.nav-tabs li.itg_dashboard_active:before,
    .wizHeader.navbar-nav li.activeTab:before {
        border-color: transparent transparent #007cc3 transparent;
        left: 5px;
    }

    .wizHeader.navbar-nav.nav-tabs li.itg_dashboard_active a,
    .wizHeader.navbar-nav li.activeTab a {
        color: #007cc3 !important;
        background: transparent;
    }
    .wizHeader.navbar-nav.nav-tabs li.itg_dashboard_active,
    .wizHeader.navbar-nav li.activeTab{
        color: #007cc3;
        border-bottom-color: #007cc3;
    }
    
    .wizHeader.navbar-nav li.activeTab span{
        background: #007cc3;
        padding:0 6px;
        color: #ffffff;
        display: inline-block;
        border-radius: 3px;
    }
    .navbar-default.OnlineApplicationWizard {
        background-color: #fff;
    }
    
.wizHeader.navbar-nav.nav-tabs {
    border-bottom: none;
}
    /**************************** Custom Tabs *****************************/

    .custom-tabs.ui-widget-content {
        border: none;
        background: transparent
    }
    .custom-tabs .ui-widget-header {
        background: transparent;
        color: #fff;
        font-weight: bold;
        padding: .2em 0 0;
    }
    .custom-tabs.ui-tabs .ui-tabs-panel {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        border-top-left-radius: 0;
    }

    .custom-tabs .ui-state-default a, .custom-tabs .ui-state-default a:link, .custom-tabs .ui-state-default a:visited,
    .custom-tabs .ui-state-default a:hover {
        color: #ffffff; 
        background: #007cc3;
        border-radius: 5px 5px 0 0;
    }
    .custom-tabs .ui-state-active a, .custom-tabs .ui-state-active a:link,
    .custom-tabs .ui-state-active a:visited ,.custom-tabs .ui-state-active a:hover {
        color: #007cc3 !important;
        background: #fff;
    }
    .custom-tabs.ui-tabs .ui-tabs-nav li { 
        border-color: #ddd;  margin: 0 .2em 0 0;
    }

.powerbtn {
    border: 1px solid #007cc3 !important;
}

.secondbtn {
    border: 1px solid #007cc3 !important;
    background: none !important;
    color: #007cc3 !important;
}

.secondbtn:hover,
.powerbtn:hover{
    box-shadow:0px 1px 8px #007cc3 !important;  
    border-color:#007cc3 !important;
}

.lnkaddparamclass {
    padding: 2px 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-position: top;
    cursor: pointer;
    text-shadow: 1px 1px #0a6ea6;
    border: 1px #66aad0 solid;
    background: #007cc3;
    color: white !important;
    text-decoration: none !important;
}
.customListbox {
    margin: auto;
    padding: 2px;
    border: 1px solid #999;
    outline: none;
    width: 200px;
    font-size: 12px
}
select.customListbox option{
    padding: 1px 0;
    color: #617383;
}
a, li>a, h2>a, h3>a, a {
    text-decoration: none !important;
}

.e31_header > .mobile-header-info .mCSB_container,
.e31_header > .mobile-header-info > .mCustomScrollBox {
    overflow: visible;
    margin-right: 0;
}
.e31_header > .mobile-header-info > .mCustomScrollBox {
    width: 100%;
    position: relative;
}
.openSidebarIcon:before {
    content: "\e91a" !important;
    font-family: itgIconsFont !important;
}
.openMainmenuIcon:before {
    content: "\e925" !important;
    font-family: itgIconsFont !important;
}

/************* Scan ID icon ****************/
.scanIdIconContainer {
    position: relative;
    position: absolute;
    right: 15px;
    background: #007cc3;
    float: right;
    padding: 6px 8px;
    border-radius: 4px;
}

.scanIdIcon {
    width: 42px;
    height: 31px;
    display: block;
    position: relative;
}

.scanIdIconContainer input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.scanIdIcon > :first-child::before {
    bottom: 0;
    right: 0;
    border-width: 0 2px 2px 0;
}

.scanIdIcon:before, .scanIdIcon:after,
.scanIdIcon > :first-child:before,
.scanIdIcon > :first-child:after {
    position: absolute;
    width: 10%;
    height: 15%;
    border-color: white;
    border-style: solid;
    content: '';
}

.scanIdIcon > :first-child:after {
    bottom: 0;
    left: 0;
    border-width: 0 0 2px 2px;
}

.scanIdIcon:before {
    top: 0;
    left: 0;
    border-width: 2px 0 0 2px;
}

.scanIdIcon::after {
    top: 0;
    right: 0;
    border-width: 2px 2px 0 0;
}

.scanIdIcon i {
    color: #fff;
    font-size: 24px;
    margin-top: 3px;
}
/******** End Scan ID icon **********/
.ValidationStarClass {
    font-weight: normal !important;
    font-size: 12px !important;
    color: red;
}

@media screen and (max-width: 1000px) {
    .header-navbar-center {
        margin-left: 0px;
    }
    .header-navbar-center > li > a {
        padding: 11px 10px 7px;
        min-width: 85px;
    }

}
/***** mobile ******/
@media screen and (max-width: 930px) {
    body {
        min-width: 280px;
    }
    .contentContainer {
        margin-left: 0px !important;
        transition-duration: .0s !important;
        -webkit-transition-duration: .0s !important;
    }

    .coursepage .widget-block .img-circle,
    .coursepage .user-block .img-circle {
        margin-right: 8px;
    }
    /*Header*/
    .mobile-header-info .mCSB_container,
    .mobile-header-info .mCustomScrollBox {
        overflow: hidden;
    }

    .e31_header {
        height: 52px;
        min-width: 100%;
        min-width: 280px;
    }

    .clientlogo {
        background-color: #fff;
    }

    .e31_header .clientlogo img {
        max-height: 43px;
        margin-top: 5px;
    }

    .NewsContainer .news {
        margin-left: 0px;
    }

    .topnav > ul > li.notification span {
        font-size: 11px;
        left: 3px;
        top: 4px;
        padding: 4px 6px;
    }

    .topnav {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        height: auto;
    }

    .userinfo {
        height: auto;
        padding: 20px 0 0px;
        margin: 0 !important;
        width: 100%;
    }

    .e31_header .e31_headerinfo {
        margin: 0;
        height: auto;
    }

    .mobile-header-info .mCSB_inside > .mCSB_container {
        margin-right: 0px;
    }

    .e31_header .mobile-header-info {
        position: fixed;
        top: 52px;
        background: #007cc3;
        width: 280px;
        right: -280px;
        height: 100%;
        overflow: hidden;
        z-index: 999;
        border-top: 1px solid #ddd;
        transition: all ease-in-out .5s;
    }

    .open-Sidebar-mobile:before,
    .open-header-mobile:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0px;
        bottom: 0;
        background: rgba(0,0,0,.5);
        display: block;
        width: 100%;
        height: 100%;
        z-index: 3;
    }

    .open-header-mobile .mobile-header-info {
        right: 0;
        padding-bottom: 56px;
    }

    .topnav > ul {
        min-width: 150px;
        width: 100%;
    }

        .topnav > ul > li {
            float: none;
            /*border-bottom: solid 1px #ccc;*/
            box-sizing: content-box;
            padding: 0;
            text-align: center;
        }

            .topnav > ul > li > a, .topnav > ul > li > a:visited {
                line-height: 30px;
                color: #fff;
                font-size: 14px !important;
                font-weight: 300;
                padding-left: 10px;
            }

                .topnav > ul > li > a:before, .topnav > ul > li > a:visited:before {
                    position: relative;
                    top: 1px;
                    display: inline-block;
                    /*font-family: 'icomoon';*/
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #ffffff;
                    font-size: 16px;
                    margin-right: 10px;
                }

            .topnav > ul > li:first-child {
                display: block;
                /*border-top: solid 1px #ccc;*/
            }

            .topnav > ul > li.settings .SettingsList.open,
            .topnav > ul > li.language .languageList.open {
                position: relative;
                left: 0;
                background: #fff;
                display: block;
                width: 100%;
                top: 0;
            }

                .topnav > ul > li.settings .SettingsList.open ul li a,
                .topnav > ul > li.language .languageList.open ul li a {
                    padding: 15px;
                    display: block;
                }

    .hdrsearch {
        display: none;
    }
    .topnav > ul > li.notification .badge {
        left: calc(50% - 12px);
    }
    .e31_header a.close_note_mobile {
        display: block;
        color: #007cc3;
        margin: 7px 10px;
        font-size: 16px !important;
    }

    .e31_header a.view_all {
        display: none;
    }

    .e31_header .logo {
        position: relative;
        left: 0;
        margin-left: 0;
        padding: 10px;
        background-color: #fff;
    }

    .e31_header .clientlogo {
        position: relative;
        right: 0;
        margin-right: 0;
        padding-left: 0;
        height: 56px;
        z-index: 2;
        width: 100%;
        background: #fff;
    }

    /*.e31_header .e31_headerinfo .mobileheaderbg {
            display: block;
            height: 48px;
        }*/
    .e31_header .mobile_button:before {
        font-size: 17px;
    }

    .e31_header .mobile_button {
        display: block;
        color: #fff;
    }

    .e31_header .lftbtn {
        background: #f39c12;
        /*padding: 5px 6px 4px;*/
        padding: 8px 9px;
        margin: 10px 12px;
    }

    .e31_header .mobile_button.rtbtn {
        /*margin: 14px 20px;*/
        margin: 10px 15px 0 10px;
        padding: 9px 7px;
        transition: all .5s ease-in-out;
    }

    .open-header-mobile .e31_header .mobile_button.rtbtn {
        background: rgba(74, 74, 74, 0.5);
    }

    .e31_header .mobile_button.rtbtn:before {
        font-size: 17px;
    }

    .e31_header .open {
        z-index: 9999;
        color: #a8a8a8;
        /*background: white;*/
        padding: 7px 0;
        position: absolute;
        top: -117px;
    }

        .e31_header .open:hover {
            color: #007cc3;
        }

    .e31_header .e31_notifications {
        max-width: 100%;
        width: 100%;
        padding: 0px;
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        height: 100%;
    }

        .e31_header .e31_notifications .notifbox {
            padding-bottom: 20px;
            max-height: 100%;
        }


    .switchUser {
        position: relative;
        width: 100%;
        right: 0;
    }

        .switchUser .showmenu.open {
            position: relative;
            top: 0;
            left: 0;
        }

        .switchUser a.switchmenu {
            position: absolute;
            top: -46px;
            right: 10px;
        }
        /**** navbar-center ****/
        .header-navbar-center  {
            display: block;
            margin:20px 0;
            padding:0
        }
        .header-navbar-center li {
            display: block;
            border-bottom: 1px solid #007cc3;
            border-left: none;
        }
        .header-navbar-center > li > a {
            padding: 15px 20px 11px;
        }
        .header-navbar-center > li > a::before {
            font-size: 16px;
        }
        /**** navbar-center ****/
    
   /** footer ***/
    #footer {
        text-align: center;
        position: relative;
    }

        #footer .E_Footer {
            display: none;
        }

    /** Sidebar ***/
    .Menuhidden .e31_sidebar {
        margin: 0;
    }

    .MenuHamButt {
        display: none;
    }

    .e31_sidebar {
        top: 52px;
        z-index: 5;
        padding-top: 4px;
        border-top: 1px solid #d7d7d7;
        left: -280px;
    }

    .open-Sidebar-mobile .e31_sidebar {
        left: 0;
    }

    .e31_sidebar,
    .sidebar_touch,
    .sidebar {
        width: 280px;
    }

        .e31_sidebar .menu,
        .sidebar_touch .menu,
        .sidebar .menu {
            width: 100%;
            min-width: 280px;
        }

        .e31_sidebar > .menu > li {
            text-align: left;
        }

            .e31_sidebar > .menu > li .dropdown-menu {
                position: initial;
                width: 100%;
            }

            .e31_sidebar > .menu > li a {
                display: block;
                padding: 10px;
                color: #5d5d5d;
                position: relative;
            }

                .e31_sidebar > .menu > li a > i {
                    margin-right: 5px;
                    font-size: 14px;
                    color: #007cc3;
                    display: inline-block;
                }

        .sidebar_touch > .menu .dropdown,
        .sidebar > .menu .dropdown {
            position: inherit;
            height: auto;
        }
    .header-dropdown-menu {
        display: block;
        width: 100% !important;
        left: 0;
        border-bottom: 0;
        box-shadow: none;
    }
    /*** Content ***/
    .contentContainer > .content,
    #coursecalendarWidget,
    #course-todoList-Widget,
    .my-calender-widget .col-md-5 {
        padding: 0;
    }
    /******* login styles ********/
    .LoginPage #footer {
        padding: 10px 15px 11px;
    }

        .LoginPage #footer #logo {
            top: -50px;
            left: 30px;
            padding-bottom: 0;
        }
    /***** General styles *****/
    .GridviewOptionsIcons {
        list-style-type: none;
        white-space: nowrap;
    }

    .searcharia table span {
        margin-bottom: 10px !important;
        display: block;
    }
    .searcharia table span.jqTransformCheckboxWrapper{
        display:inline-block;
    }
}

@media screen and (max-width: 850px) {
    body:not(.Menuhidden) table[width],
    body:not(.Menuhidden) table[style*="width"] {
        width:100%;
    }
}
@media screen and (max-width: 600px) {
    table {
        width: 100% !important;
    }

    .GridPagination table {
        width: auto;
    }

    td {
        display: block;
        margin: 0px !important;
    }

        td[rowspan]:empty {
            display: none;
        }

        td[style*="text-align: center"] { /*like add user page*/
            text-align: left !important;
        }

        td[align="center"] {
            text-align: left;
        }

        input[style*="width"],
        div[style*="width"],
        td[width],
        td[style*="width"]{
            width:100% !important; 
        }
        input[id*="ibtnGo"],
        .TableGrid input[style*="width"]{
            width:auto !important;
        }
        td[style*="width"] {
            max-width: 100% !important;
            width: inherit !important;
        }
    .table td,
    .treeview td,
    .k-widget td,
    .stiJsViewerToolBarTable td,
    .k-calendar td,
    .TableGrid td,
    .calendar td {
        display: table-cell;
    }
    /** language row **/
    .langrow td {
        display: inline-block;
    }

        .langrow td[style*="width: 179px"] {
            display: block !important;
            width: 100% !important;
            padding: 0 !important;
        }

            .langrow td[style*="width: 179px"] br {
                display: none;
            }

            .langrow td[style*="width: 179px"] span {
                display: block;
                margin-bottom: 10px;
            }
    /*****fix validation styles ****/
    .searchariabody tr,
    /*.FormTable*/ tr {
        position: relative;
        display: table; /*fix Chrome position issue with absolute elements*/
        width: 100%;
    }
    .TableGrid tr {
        display: table-row;
        position: inherit;
    }
    .table tr,
    .treeview tr,
    .stiJsViewerToolBarTable tr,
    .k-calendar tr,
    .calendar tr,
    .k-widget tr {/*fix calendar design at homepage*/
        display:table-row;
    }
    .treeview tr{
        position:inherit;
    }

    .ValidationStarClass {
        position: absolute;
        top: 0px;
        left: 0px;
    }

        .ValidationStarClass:not(:empty) + td {
            padding-left: 15px;
        }
    /***** End fix validation styles ****/

    /********** search area ***********/
    .labelDots { /*to remove td content ":"*/
        display: none;
    }

    .searcharia table span {
        margin-bottom: 5px;
    }

    .contentContainer .pagesection .searcharia .searchariabody {
        padding: 0;
        margin: 0;
    }
    
    .searcharia td.ValidationClass:empty {
        display: none;
    }

    .searcharia td:empty {
        display: none;
    }

    .searcharia td.ValidationClass:not(:empty) + td {
        padding-left: 15px;
    }

    .searcharia .PageTitle {
        padding: 5px 0;
    }

    /**************** General Styles ****************/
    .contentContainer .pagesection .pagesectionbody {
        padding: 10px !important;
    }

    select,
    input[type="text"],
    input[type="password"] {
        margin-bottom: 25px;
        width: 100% !important;
        max-width: 100% !important;
    }

    [id*="trArabic"] [id*="tbArabic"],
    [id*="trEnglish"] [id*="tbEnglish"] {
        margin-bottom: 10px;
    }

    [style*="visibility:hidden"] {
        display: none !important;
    }

    span.jqTransformCheckboxWrapper {
        margin-bottom: 10px;
    }
    .jqTransformRadioWrapper:first-child,
    form.jqtransformdone label,
    span.jqTransformCheckboxWrapper {
        display: inline-block;
        float: none;
    }

    td[style*="height"] {
        height: auto !important;
    }

    .langrow {
        margin: 0px;
    }

    .MenuCreatorRow td {
        display: flex;
    }

    .MenuCreatorRow td {
        display: inline-block;
    }

    img[src*="Bullet.jpg"] {
        float: left;
    }

    .calendar {
        left: 10px !important;
        border:none;
        border: 1px solid #fff !important;
    }

    input[id*="calFromDate"],
    input[id*="calToDate"],
    input[id*="clrBirthDate"] {
        margin-bottom: 0;
    }

    span[id*="lblGregorianCalendar"],
    input[id*="ibtnOpenCalendar"] {
        margin-bottom: 20px;
    }

    span[id*="_lbl"] {
        margin-bottom: 10px;
    }

    #wizHeader.navbar-nav {
        margin: 10px;
    }
    
    .scanIdIconContainer {
        position: relative;
        right: 0;        
        float: none;
        margin-bottom: 15px;
        display: inline-block;
    }

    /***** New message page *****/
    
    form[action="./Compose.aspx"] .contentContainer .content > table {
        background:#fff;
        border:1px solid #ddd;
    }

    form[action="./Compose.aspx"] .contentContainer .content > table > tbody > tr:last-child,
    form[action="./Compose.aspx"] .contentContainer .content > table #tblEditorMenu > tbody > tr:last-child,
    form[action="./Compose.aspx"] .contentContainer .content > table #tblEditorMenu > tbody > tr:first-child,
    form[action="./Compose.aspx"] .contentContainer .content > table #tblEditorMenu td[height="51"],    
    form[action="./Compose.aspx"] .contentContainer .content > table #Table17 > tbody > tr:last-child,
    form[action="./Compose.aspx"] .contentContainer .content > table #Table17 > tbody > tr:first-child {
        display:none;
    }

    form[action="./Compose.aspx"] .contentContainer .content > table #tblEditorMenu {
        border: 1px solid #ddd;
        margin-bottom: 15px;
    }

    form[action="./Compose.aspx"] .contentContainer .content > table img[src="Images/LTR/InboxTemplate_07.jpg"],
    form[action="./Compose.aspx"] .contentContainer .content > table img[src="Editor/images/spacer.gif"],
    form[action="./Compose.aspx"] .contentContainer .content > table img[src="Images/LTR/InboxTemplate_14.jpg"]
    
    {
        display:none
    }
    form[action="./Compose.aspx"] .contentContainer table td{
        display:inline-block;
    }
    form[action="./Compose.aspx"] td[width],
    form[action="./Compose.aspx"] td[style*="width"] {
        width: auto !important;
    }
    form[action="./Compose.aspx"] .contentContainer .content > table td[background="Images/LTR/InboxTemplate_02.jpg"] + td {
        display: block;
        width: 100% !important;
        text-align: center !important;
        border-top: 1px solid #8098c4;
        border-bottom: 1px solid #8098c4;
        background: #fafafa;
    }
    img[src="../EduWaveBriefcase/Images/Common/Compose_Icon.jpg"] {
        margin:-1px 0;
    }
    #ImportanceMenu{
        left: 90% !important;
    }
    /*********** StimulsoftReport *********/
    .StimulsoftReport div {
        padding:0 !important;
    }
    .StimulsoftReport div.stiJsViewerPageShadow {
        padding:30px !important;
    }
    #oStiWebViewer1ReportPanel,
    #oStiWebViewer1ReportPanel *{
        overflow:visible !important;
    }
    #oStiWebViewer1ReportPanel td {
        display: table-cell !important;
        width: auto !important;
    }
        #oStiWebViewer1ReportPanel tr {
            display:table-row !important
        }
    .stiJsViewerToolBar {
        overflow-X: visible;
        overflow-Y: visible;
    }
    .stiJsViewerPageShadow {
        margin:10px 0 !important;
    }
    /**** scadular *****/
    .k-scheduler tr {
        position: inherit;
    }
    #scheduler {
        width: 1000px !important;
    }
    .k-scheduler {
        /*min-width:1200px;*/
    }
    .k-scheduler-content {
        height:auto !important;
    }
    /**** treeview ***/    
    .treeview table {
        width:auto !important;
    }
    /****** Wizard setup *****/
    .rwzHorizontal .rwzLI {
        display: block;
    }
    .subwizard.nav-pills > li {
        display:block !important;
            width: 100% !important;
    }
    .subwizard .wizardlabel,
    .subwizard.nav-pills > li a {
        display:inline-block !important;
    }

        .subwizard .wizardlabel {
            width: auto !important;
        }
    
    .subwizard.nav-pills > li[style*="display: none"] {
        display:none !important;
    }
    .subwizard.nav-pills > li a {
        width: 35px;
        height: 35px;
        line-height: 15px;
    }
    .subwizard.nav-pills > li:before {
        display:none;
    }
    /*.RadWizard .rwzBreadCrumb .rwzLink:before{
        box-shadow: none;
        border: none;
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        right: 10px;
        width: auto;
        transform: none;
        background: #888;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        color: #fff;
        font-size: 10px;
        top: 50%;
        margin-top: -10px;
    }
    .RadWizard .rwzBreadCrumb .rwzLink:before{
        background: #fff;
        color: #888;
    }*/
    .rwzHorizontal .rwzLink {
        margin-left: 0;
    }
    .RadWizard_Default.rwzHorizontal .rwzFirst .rwzLink {
        padding-right: 34px;
    }
}

@media screen and (max-width: 480px) {
    .gauge-container {
        width: 176px !important;
        height: 176px !important;
    }
    .gauge {
        width: 160px !important;
        height: 125px !important;
        padding-top: 10px;
    }
    /*fix dashboard styles**/
    .scroll-div{ overflow: auto}
    .scroll-div > div{width: 600px}
    .k-widget.k-calendar .k-nav-prev {
        left: -10px !important;
    }

    .k-widget.k-calendar .k-nav-next {
        right: -10px;
    }
}

@media screen and (min-width: 769px) {
    .WideGrid {
        max-width: 100% !important;
    }
}

/**************************/
.WideGrid {
    max-height: 400px;
    overflow: auto;
    padding-bottom: 20px;
}

    .WideGrid .TabelGrid tr td {
        position: inherit;
    }
	
	.itg_dashboard_sidewidget_button .fa
		{    pointer-events: none;
    line-height: 25px;
	} 
	.side-drag-widget .box-header .widget-block .widget-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 76%;
    padding-top: 0 !important;
}

    .Main-tabs {
            background:#eee;
            display:block;
            margin-bottom:10px;
        }
    .pagesectionbody .Main-tabs {
        margin: -10px -10px 10px;
    }
    .beforeSearchArea .Main-tabs {
        margin-bottom: 5px;
    border-bottom: 3px solid #fff;
    }
        .Main-tabs-item {
            display:inline-block
        }
        .Main-tabs-item a{
            padding:10px 15px;
            display:block;
        }
        .Main-tabs-item a.active-tab{
            box-shadow:0 2px 0 0 #007cc3;
        }

/* Tooltip text */
.tooltiptext {
  opacity: 0;
  width: 90px;
  background: rgba(0,0,0,.8);
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  font-size:11px !important; 
  position: absolute;
  z-index: 20;
  visibility:hidden;
  transition:opacity ease-in-out .3s;
  left:calc(50% - 45px);
  top:calc(100% + 4px);
}
.tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0,0,0,.8) transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.topnav > ul > li a:hover + .tooltiptext, 
.tooltip-container:hover .tooltiptext {
  opacity: 1;
  visibility:visible
}
.checkBig a.jqTransformCheckbox:before {
    width: 14px;
    height: 14px;
}
 .checkBig a.jqTransformCheckbox {
    height: 20px;
    width: 20px;
}

[id*="upTreeView"] {
    padding-right:260px;
}
    [id*="upTreeView"] .treeview td span {
        /*white-space: normal;*/
    }
/*[id*="upTreeView"] > div{
    width: auto;
    overflow-y: auto;
    display: flex;
    position: relative;
    white-space:nowrap
}*/
    [id*="upTreeView"] .treeview td[style="white-space:nowrap;"] a span{
        display: block;
        width: 100%;
        padding-right: 260px;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        max-width: 850px;
    }
/*********** Select Type ************/
.mainTitle {
    color: #007cc3;
    color: #007cc3;
    font-size: 19px;
    font-family: open_sanssemibold;
    margin: 0 10px 10px;
}

.SelectType.OTP-code-content {
    min-width: 450px;
    min-height: 380px;
}

.SelectTypeitem {
    display: flex;
    padding: 20px 10px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .SelectTypeitem:last-child {
        border-bottom: none;
    }

.SelectTypeImage {
    /* width: 0; */
}

.SelectTypeitem .description span {
    color: #000;
    display: inline-block;
}

.SelectTypeitem .title {
    /*margin-bottom: 5px;*/
    font-size: 13px;
    font-family: 'open_sanssemibold';
}

.SelectTypeitem .description {
    margin: 0;
    font-size: 11px;
    max-width: 300px;
}

.SelectTypeImage img {
    max-width: 20px;
    margin-right: 15px;
}
.ResetPassword#divOption {
    top: 50%;
    right: 50% !important;
    margin: -170px -175px 0 !important;
    height: 280px;
}
.sticky-table-header.TableGrid tbody > tr > th {
    position: sticky;
    top: 76px;
    z-index: 2;
    box-shadow: inset 0px -1px 0px #ddd;
}

.gridviewsticky.TableGrid tbody > tr > th {
    position: sticky;
    top: 0px;
    z-index: 2;
    box-shadow: inset 0px -1px 0px #ddd;
}
.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > th:nth-child(2),
.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > th:first-child {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > td:first-child,
.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > th:first-child {
    position: sticky;
    left: 0;
    width: 150px !important;
    min-width: 150px;
    z-index: 10
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > td:nth-child(2),
.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > th:nth-child(2) {
    position: sticky;
    left: 150px;
    width: 300px !important;
    min-width: 300px;
    z-index: 10;
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > td:not(th td) {
   
    outline: 1px solid #ddd;
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > th {
    background: #eee;
    outline: 1px solid #ddd;
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr[style="background-color: indianred;"] > td {
    background-color: indianred;
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr[style="background-color: goldenrod;"] > td {
    background-color: goldenrod;
}

.StickyHeadersAndColumns.gridviewsticky.TableGrid > tbody > tr > td {
    background: #fff;
}

.TableWidth
{
    width : 45% !important
}