@paggingHover: #219eff;
@direction: 'ltr';
@margin-center: 0 auto;
@width-center: 90%;

@StartBaseColor: linear-gradient(#114791,#197dbb);
@RevertbaseColorTheme: linear-gradient(#197dbb,#114791);
@controlTheme: #197dbb;

.mixing(@a) when(@a = 'ltr') {
    @import "left.less";
}

.mixing(@a) when(@a ='rtl') {
    @import "right.less";
}

.mixspace(@a) when(@a='rtl') {
    @import "SpaceRightDir.less";
}

.mixspace(@a) when(@a='ltr') {
    @import "SpaceLeftDir.less";
}

.fontSize(@fontSize: 20px) {
    font-size: @fontSize;
}

@font-face {
    font-family: Aljazeera; /*src:url(Aljazeera.woff);*/
}

.rounded-corners(@radius: 5px) {
    -moz-border-radius: @radius;
    -o-border-radius: @radius;
    -webkit-border-radius: @radius;
    border-radius: @radius;
}

.gridLabel {
    border-left: 1px solid #FFF;
    background: @controlTheme !important;
    color: #f4f7fa;
    height: 30px;
    border: none;
    text-align: right;
    padding-right: 10px;
    border-left: 1px solid #fff;
    font-family: Tahoma;
    font-size: 15px;
    font-weight: normal;
    width: 200px;
    .mixspace(@direction);
}

body {
    margin: 0px;
    padding: 0px;

    #form1 {
        .fontSize;

        .container {
            margin: 0px;
            padding: 0px;
            color: #FFF;
            min-width: 960px;

            .header {
                width: 100%;
                background: @StartBaseColor;
                height: 40px;
                min-width: 960px;

                .header_container {
                    min-width: 960px;
                    width: @width-center;
                    margin: @margin-center;

                    .name {
                        padding: 8px 0 0 0;
                        width: 35.5%;
                        min-width: 180px;
                        float: right;
                        height: 29px;
                        .mixing(@direction);
                        .floatDirection;
                        .textAlign;

                        span {
                            padding-top: 0px;
                            font-family: Aljazeera;
                            .mixing(@direction);
                            .floatDirection;
                            .textAlign;
                        }

                        img {
                            .mixing(@direction);
                            .floatDirection;
                            .textAlign;
                        }
                    }

                    .space {
                        width: 51.04%;
                        height: 40px;
                        float: right;
                        .mixspace(@direction);
                        .floatDirection;
                        min-width: 490px;
                    }

                    .operations-header {
                        float: left;
                        height: 38px;
                        margin: 0;
                        padding: 0;
                        min-width: 290px;
                        .mixspace(@direction);
                        .floatThemeLang;

                        .paddingTopIcon {
                            padding-top: 3px;
                        }

                        li {
                            list-style: none;
                            float: left;
                            margin: 0;
                            padding: 0;
                            margin: 6px 30px 0px 0px;
                            .mixspace(@direction);
                            .floatDirection;

                            .p-number {
                                position: absolute;
                                z-index: 9999;
                                width: 14px;
                                height: 14px;
                                background-color: #f37800;
                                margin: 0;
                                float: left;
                                padding: 0;
                                border: 1px solid #Fff;
                                font-size: 12px;
                                font-family: Arial;
                                color: #FFF;
                                font-weight: bold;
                                text-align: center;
                                border-radius: 3px;
                                direction: ltr;
                                top: 0;
                                margin-top: 2px;
                                margin-left: 16px;
                                .mixspace(@direction);
                                .floatDirection;
                            }

                            a {
                                img {
                                    .mixing(@direction);
                                    .floatDirection;
                                    .textAlign;
                                }
                            }
                            /*#mainDiv {
                                position: absolute;
                                z-index: 9999;
                                .mixspace(@direction);
                                .mainDivDir;

                                .drobhe {
                                    clear: both;
                                    width: 230px;
                                    width: 230px;
                                    height: 300px;
                                    position: absolute;
                                    margin-top: 35px;
                                    background: #fff;
                                    padding: 0;
                                    box-shadow: 0px 2px 35px #000;
                                    color: #000;

                                    img {
                                        margin: 0;
                                        margin-top: 5px !important;
                                        margin-top: 20px;
                                        .mixspace(@direction);
                                        .arrowDropDri;
                                    }

                                    .dropDownSetting {
                                        height: 35px;
                                        width: 100%;
                                    }

                                    .langLi {
                                        height: 85px;
                                        width: 100%;

                                        .lang {
                                            font-size: 13px;
                                            .mixspace(@direction);
                                            .settingsDir;
                                        }
                                    }

                                    .logoutLi {
                                        height: 40px;
                                        width: 100%;
                                    }

                                    .ColorLi {
                                        height: 65px;
                                        width: 100%;

                                        .themes {
                                            margin-left: 7px;
                                            width: 90%;
                                            .mixspace(@direction);
                                            .floatThemeLang;

                                            div {
                                                margin: 5px;
                                                height: 15px;
                                                width: 15px;
                                                float: right;
                                                margin-top: 10px;
                                                .mixspace(@direction);
                                                .floatDirection;
                                            }

                                            .red {
                                                background: #ff0000;
                                            }

                                            .blue {
                                                background: #00F;
                                            }

                                            .new {
                                                background: #802f2f;
                                            }
                                        }
                                    }

                                    li {
                                        clear: both;
                                        height: 70px;
                                        margin: 0;
                                        border-bottom: 1px solid #d8d8d8;

                                        div {
                                            margin-right: 10px;

                                            a {
                                                color: #000;
                                                margin-left: 10px;
                                            }

                                            img {
                                                width: 50px;
                                                height: 50px;
                                                margin: 0 auto;
                                                border-radius: 30px;
                                                margin-top: 10px;
                                                .mixspace(@direction);
                                                .floatDirection;
                                            }

                                            div {
                                                p {
                                                    height: 20px;
                                                    width: auto !important;
                                                    font-family: Tahoma;
                                                    font-size: 14px;
                                                    font-weight: bold;
                                                    float: right;
                                                    color: #2e4875;
                                                    margin-right: 10px;
                                                    .mixspace(@direction);
                                                    .floatDirection;
                                                    .marginAddresses;
                                                }

                                                .workName {
                                                    font-family: Tahoma;
                                                    font-weight: normal;
                                                    font-size: 13px;
                                                    color: #686868;
                                                    width: 125px;
                                                    margin: 0 auto;
                                                    margin-right: 10px;
                                                    margin-top: -7px;
                                                    .mixspace(@direction);
                                                    .settingsDir;
                                                }
                                            }
                                        }

                                        .lang {
                                            font-family: Tahoma;
                                            font-weight: normal;
                                            font-size: 13px;
                                            color: #686868;
                                            margin: 0px;
                                            margin-top: 6px;
                                            .mixspace(@direction);
                                            .settingsDir;
                                        }

                                        p {
                                            display: block;
                                            width: 230px;
                                            height: 20px;
                                            float: right;
                                        }

                                        .workName {
                                            font-family: Tahoma;
                                            font-weight: normal;
                                            font-size: 13px;
                                            color: #686868;
                                            margin: 0 auto;
                                            margin-right: 10px;
                                            width: 230px;
                                            margin-top: 5px;
                                            text-align: right;
                                        }
                                    }
                                }
                            }*/
                            #mainDivNotification {
                                position: absolute;
                                z-index: 9999;
                                height: 360px;
                                .mixspace(@direction);
                                .mainDivDir;

                                .drobheNotification {
                                    clear: both;
                                    width: 230px;
                                    height: 346px;
                                    position: absolute;
                                    margin-top: 35px;
                                    background: #fff;
                                    padding: 0;
                                    box-shadow: 0px 2px 35px #000;
                                    color: #000;

                                    img {
                                        margin: 0;
                                        margin-top: -5px;
                                        .mixspace(@direction);
                                        .arrowDropDri;
                                        .arrowPopupDir;
                                    }

                                    .seeAll {
                                        height: 40px !important;
                                        width: 100%;
                                    }

                                    .unRead {
                                        background: #fdebd9;
                                    }

                                    li {
                                        clear: both;
                                        height: 60px;
                                        margin: 0;
                                        border-bottom: 1px solid #d8d8d8;

                                        div {
                                            margin-right: 10px;

                                            a {
                                                color: #000;
                                                margin-left: 10px;
                                            }

                                            img {
                                                width: 50px;
                                                height: 50px;
                                                margin: 0 auto;
                                                border-radius: 30px;
                                                margin-top: 3px;
                                                .mixspace(@direction);
                                                .floatThemeLang;
                                            }

                                            div {
                                                p {
                                                    height: 20px;
                                                    width: 110px;
                                                    font-family: Tahoma;
                                                    font-size: 15px;
                                                    font-weight: bold;
                                                    float: right;
                                                    color: #2e4875;
                                                    margin-top: 12px;
                                                    .mixspace(@direction);
                                                    .floatDirection;
                                                    .floatThemeLang;
                                                }

                                                .workName {
                                                    font-family: Tahoma;
                                                    font-weight: normal;
                                                    font-size: 15px;
                                                    color: #8e8e8e;
                                                    width: 170px;
                                                    margin: 0 auto;
                                                    margin-right: 10px;
                                                    margin-top: -18px;
                                                    float: left;
                                                    .mixspace(@direction);
                                                    .settingsDir;
                                                    .floatThemeLang;
                                                }
                                            }
                                        }

                                        p {
                                            display: block;
                                            width: 230px;
                                            height: 20px;
                                            margin: 0 auto;
                                            width: 100%;
                                            text-align: center;
                                            margin-top: 10px;

                                            a {
                                                text-decoration: none;
                                                color: #24385b;
                                                font-family: arial;
                                                font-size: 14px;
                                                font-weight: bold;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .lang_theme {
                background: #f6f6f6;
                width: 100%;
                border-bottom: 1px solid #d8d8d8;
                height: 100px;
                min-width: 960px;
                margin: 0 auto;

                .langThemeContainer {
                    width: @width-center;
                    margin: @margin-center;
                    min-width: 960px;

                    .logo {
                        width: 15%;
                        padding-top: 26px;
                        .mixspace(@direction);
                        .floatThemeLang;
                        .logomargin;

                        img {
                            .mixspace(@direction);
                            .floatThemeLang;
                        }
                    }

                    .flag {
                        height: 80px;
                        width: 35%;
                        .mixing(@direction);
                        .floatDirection;
                        .textAlign;
                        .padding;

                        img {
                            float: right;
                            .mixing(@direction);
                            .floatDirection;
                        }

                        p {
                            float: left;
                            line-height: 60px;
                            margin: 10px 10px;
                            font-size: 25px;
                            color: #686868;
                            font-weight: normal;
                            .mixspace(@direction);
                            .floatDirection;
                            .textAlign;
                        }

                        .flag-logo {
                            width: 90px !important;
                            height: 85px !important;
                            overflow: hidden !important;
                            width: 35% !important;
                            .mixspace(@direction);
                            .floatDirection;
                            .flagLogoMargins;
                        }
                    }

                    .lang {
                        color: #000;
                        margin-left: 11px;
                        padding-top: 10px;
                        .mixspace(@direction);
                        .floatThemeLang;
                    }

                    #mainDiv {
                        position: relative;
                        z-index: 999999;
                        .mixing(@direction);
                        .inversFloat;
                        margin-top: -35px !important;

                        .drobhe {
                            clear: both;
                            width: 230px;
                            width: 230px;
                            height: 300px;
                            position: absolute;
                            margin-top: 35px;
                            background: #fff;
                            padding: 0;
                            box-shadow: 0px 0px 15px #7A7A7A;
                            color: #000;
                            list-style: none;
                            .mixing(@direction);
                            .absoluteDir;

                            img {
                                margin: 0;
                                margin-top: -5px;
                                .mixing(@direction);
                                .arrowDropDri;
                            }

                            .dropDownSetting {
                                height: 35px;
                                width: 100%;
                            }

                            .langLi {
                                height: 85px;
                                width: 100%;

                                .lang {
                                    font-size: 13px;
                                    .mixing(@direction);
                                    .settingsDir;
                                }

                                .flagLang {
                                    .mixing(@direction);
                                    .floatDirection;
                                    width: 50px;
                                    padding: 0px !important;
                                    margin-top: 10px;
                                }
                            }

                            .logoutLi {
                                height: 40px;
                                width: 100%;

                                p {
                                    padding: 0;

                                    a {
                                        margin: 0;
                                        .mixing(@direction);
                                        .floatDirection;
                                    }
                                }
                            }

                            .ColorLi {
                                height: 65px;
                                width: 100%;
                            }

                            li {
                                clear: both;
                                height: 70px;
                                margin: 0;
                                border-bottom: 1px solid #d8d8d8;

                                div {
                                    a {
                                        color: #000;
                                    }

                                    img {
                                        width: 50px;
                                        height: 50px;
                                        margin: 0 auto;
                                        border-radius: 30px;
                                        margin-top: 10px;
                                        .mixing(@direction);
                                        .floatDirection;
                                    }

                                    div {
                                        p {
                                            height: 20px;
                                            width: 71px;
                                            .mixing(@direction);
                                            font-size: 14px;
                                            font-weight: bold;
                                            float: right;
                                            color: #2e4875;
                                            margin-right: 10px;
                                            .mixing(@direction);
                                            .floatDirection;
                                            .marginAddresses;
                                        }

                                        .RealName {
                                            width: 155px !important;
                                            margin-bottom: 5px;
                                        }
                                    }
                                }

                                .lang {
                                    .mixing(@direction);
                                    font-weight: normal;
                                    font-size: 13px;
                                    color: #686868;
                                    margin: 0px;
                                    margin-top: 6px;
                                    .mixing(@direction);
                                    .settingsDir;
                                }

                                p {
                                    display: block;
                                    width: 230px;
                                    height: 20px;
                                    float: right;
                                }

                                .workName {
                                    .mixing(@direction);
                                    font-weight: normal;
                                    font-size: 13px;
                                    color: #686868;
                                    margin: 0 auto;
                                    width: 160px !important;
                                    margin-top: 5px;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .txtALighnReverse;
                                    .MarginDir;
                                }

                                .themes {
                                    width: 100%;

                                    div {
                                        margin: 5px;
                                        height: 15px;
                                        width: 15px;
                                        float: right;
                                        margin-top: 10px;
                                        .mixing(@direction);
                                        .floatDirection;
                                    }

                                    .red {
                                        background: #ff0000;
                                    }

                                    .blue {
                                        background: #00F;
                                    }

                                    .new {
                                        background: #802f2f;
                                    }

                                    .co3 {
                                        background: #5E00BF;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .section {
                width: @width-center;
                margin: @margin-center;
                .mixing(@direction);
                .textAlign;
                min-width: 960px;
                width: 95%;
                min-height: 710px;

                .content {
                    margin: 0 auto;

                    .verticalNamvIcons:hover {
                        width: 250px;

                        .verticalMenuIcons {
                            li {
                                margin-top: 15px;

                                p {
                                    display: block;
                                    font-size: 15px;
                                    font-family: tahoma;
                                    float: right;
                                    margin: 0;
                                    padding: 10px 0;
                                    overflow: hidden;
                                    .mixspace(@direction);
                                    .floatDirection;
                                }

                                img {
                                    .mixspace(@direction);
                                    .floatDirection;
                                }
                            }
                        }
                    }

                    .verticalNamvIcons {
                        margin-top: 20px;
                        min-width: 38px;
                        border: 1px solid #d8d8d8;
                        position: absolute;
                        z-index: 9999;
                        background: #fff;
                        width: 60px;
                        -webkit-transition-property: width;
                        -webkit-transition-duration: .6s;
                        transition-property: width;
                        transition-duration: .6s;
                        .mixspace(@direction);
                        .floatDirection;
                        .rightLeftMargins;

                        .verticalMenuIcons {
                            list-style: none;
                            float: right;
                            width: 100%;
                            top: 0px;
                            margin: 0 0 0 0;
                            padding: 0px;

                            li {
                                width: 100%;
                                color: #686868;
                                clear: both;
                                height: 41px;
                                margin: 0px;
                                margin-top: 15px;

                                img {
                                    float: right;
                                    width: 30px;
                                    height: 30px;
                                    margin: 5px 10px;
                                }

                                p {
                                    display: none;
                                }
                            }

                            li:hover {
                                background-color: #1664a8;

                                p {
                                    color: #FFF;
                                }
                            }
                        }
                    }

                    .SearchOptions, .SearchOptions2 {
                        border: 1px solid #ccc;
                        height: 40px;
                        width: 100%;
                        margin: 0 auto;
                        margin-top: 20px;
                        line-height: 40px;
                        background: linear-gradient(#ebebeb, #f5f5f5);
                        min-width: 958px;
                        .mixspace(@direction);
                        .floatDirection;

                        .title {
                            font-size: 17px;
                            font-family: Tahoma;
                            color: #000;
                            .mixing(@direction);
                            .titlemargin;
                            .floatDirection;
                        }

                        .arrow {
                            margin-top: 20px;
                            .mixspace(@direction);
                            .floatArrow;
                            .arrowDir;
                        }

                        input[type="image"] {
                            .mixspace(@direction);
                            .floatThemeLang;
                        }
                    }

                    .options {
                        border: 1px solid #d8d8d8;
                        border-top: none;
                        margin: 0 auto;
                        min-width: 939px;
                        display: inline-table;
                        padding-bottom: 15px;
                        width: 100%;
                        .mixing(@direction);
                        .floatDirection !important;

                        div {
                            height: 50px;
                            margin-top: 1%;
                            width: 24%;
                            min-width: 220px;
                            .mixing(@direction);
                            .floatDirection;
                            .marginDivDir;

                            p {
                                margin: 0px;
                                padding: 0px;
                                padding-bottom: 3px;
                                color: #000;
                                font-size: 14px;
                                font-family: Tahoma;
                                width: 99%;
                                .mixing(@direction);
                                .floatDirection;
                                .titlemargin;
                            }

                            .btnP {
                                height: 17px;
                                padding: 0;
                                padding-bottom: 3px;
                                width: 95%;
                            }

                            .selecters {
                                width: 95%;
                            }

                            label {
                                font-family: tahoma;
                                color: #8e8e8e;
                                font-size: 15px;
                            }

                            input[type='checkbox'] {
                                margin-top: 5px;
                            }

                            .nearTxtBtn {
                                height: 29px;
                                border: none;
                                background: #CACACA;
                                min-width: 25px;
                                padding: 0;
                                width: 9%;
                                min-width: 10px;
                                .mixspace(@direction);
                                .margins;
                            }

                            .buttons {
                                width: 95%;
                                margin-right: 0;
                                padding: 0px;
                                clear: both;
                                .mixspace(@direction);
                                .floatButtons;
                                margin-top: 0;
                                height: auto;

                                input {
                                    border: none;
                                    height: 30px;
                                    width: 43.5%;
                                    border: none;
                                    color: #fff;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    margin-left: 10px;
                                    margin-top: 10px;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .textDir;
                                }

                                .rightBtn {
                                    background: #f37800;
                                    margin-left: 0;
                                    width: 45.45%;
                                    .mixspace(@direction);
                                    .floatbtn;
                                    margin-top: 0;
                                }

                                .leftBtn {
                                    background: #229f00;
                                    float: left;
                                    margin-right: 0;
                                    width: 45.45%;
                                    .mixspace(@direction);
                                    .floatDirection;
                                    .margins;
                                    margin: 0;
                                }

                                .leftBtn:hover {
                                    background: #50c330;
                                    cursor: pointer;
                                }

                                .rightBtn:hover {
                                    background: #FD9127;
                                    cursor: pointer;
                                }

                                .leftBtn:focus {
                                    background: #229f00;
                                }

                                .rightBtn:focus {
                                    background: #f37800;
                                }
                            }

                            .checkBoxCss {
                                margin: 0 !important;
                                height: 28px !important;
                                border: 1px solid #ccc !important;
                                width: 95% !important;
                                .mixing(@direction);
                                .titlemargin;

                                input[type="checkbox"] {
                                    .mixing(@direction);
                                    .floatDirection;
                                }
                            }

                            .radBtn {
                                margin: 0 !important;
                                height: 28px !important;
                                border: 1px solid #ccc !important;
                                width: 95% !important;
                                .mixing(@direction);
                                .RadButtons;

                                #ContentPlaceHolder1_RadioActive {
                                    .mixing(@direction);
                                    .radTable;
                                }
                            }
                        }
                    }

                    .HospitDiv {
                        width: 49% !important;
                        min-width: 454px !important;
                        .mixspace(@direction);
                        .floatDirection;
                    }

                    .otherFloat {
                        .mixspace(@direction);
                        .floatThemeLang;
                    }

                    .operationBorderLeft {
                        border-left: 1px solid #d8d8d8;
                        border-right: 1px solid #d8d8d8;
                    }

                    .gridContainer {
                        margin: 0 auto;
                        border-top: none;
                        width: 100% !important;
                        margin-bottom: 10px !important;

                        div {
                            margin: 10px 0 0 0;
                        }

                        .gridBtns {
                            width: 100%;

                            div {
                                margin: 0 auto;
                                width: 40%;
                                margin-top: 10px;

                                input {
                                    height: 30px;
                                    width: 43.5%;
                                    border: none;
                                    color: #fff;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    border: 1px solid #d8d8d8;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .textDir;
                                }

                                .rightBtn {
                                    background: #f37800;
                                    float: right;
                                    cursor: pointer;
                                    margin-top: 10px;
                                    .mixspace(@direction);
                                    .floatDirection;
                                    .margins;
                                }

                                .leftBtn {
                                    background: #229f00;
                                    float: left;
                                    cursor: pointer;
                                    margin-top: 10px;
                                    .mixspace(@direction);
                                    .floatbtn;
                                }
                            }
                        }

                        .counter {
                            color: #fff;
                            margin-top: -27px;
                            position: absolute;
                            z-index: 9999;
                            margin-right: 18px;
                            font-family: tahoma;
                            font-size: 15px;
                            width: 250px;
                        }

                        div.vacLowsDiv {
                            height: 50px;
                            margin-top: 1%;
                            width: 24% !important;
                            float: right;
                            margin-right: 1%;
                            min-width: 220px;
                            margin-bottom: 10px;
                            .mixing(@direction);
                            .floatDirection;

                            p {
                                width: 90%;
                                font-family: Tahoma;
                                font-size: 15px;
                                color: #8d8d8d;
                                font-weight: normal;
                                margin: 0;
                                margin-bottom: 5px;
                            }

                            .txtbox {
                                width: 93%;
                                height: 20px;
                                min-width: 200px;
                                border: 1px solid #d8d8d8;
                                .mixing(@direction);
                                .floatDirection;
                                .textDir;
                                .titlemargin;
                            }

                            table.radBtn {
                                tbody {
                                    tr {
                                        td {
                                            label {
                                                font-family: Tahoma;
                                                font-size: 15px;
                                                color: #8d8d8d;
                                                font-weight: normal;
                                            }
                                        }
                                    }
                                }
                            }

                            .buttons {
                                width: 95%;
                                margin-right: 0;
                                padding: 0px;
                                clear: both;
                                .mixspace(@direction);
                                .floatButtons;
                                margin-top: 0;
                                height: auto;

                                input {
                                    border: none;
                                    height: 30px;
                                    width: 43.5%;
                                    border: none;
                                    color: #fff;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    margin-left: 10px;
                                    margin-top: 10px;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .textDir;
                                }

                                .rightBtn {
                                    background: #f37800;
                                    margin-left: 0;
                                    width: 45.45%;
                                    .mixspace(@direction);
                                    .floatbtn;
                                    margin-top: 0;
                                }

                                .leftBtn {
                                    background: #229f00;
                                    float: left;
                                    margin-right: 0;
                                    width: 45.45%;
                                    .mixspace(@direction);
                                    .floatDirection;
                                    .margins;
                                    margin: 0;
                                }

                                .leftBtn:hover {
                                    background: #50c330;
                                    cursor: pointer;
                                }

                                .rightBtn:hover {
                                    background: #FD9127;
                                    cursor: pointer;
                                }

                                .leftBtn:focus {
                                    background: #229f00;
                                }

                                .rightBtn:focus {
                                    background: #f37800;
                                }
                            }
                        }
                    }

                    .Border {
                        border: 1px solid #ccc;

                        .operations {
                            width: 99.9%;
                            border: 1px solid #d8d8d8;
                            margin: 0 auto;
                            min-width: 940px;
                            min-height: 40px;
                            background: linear-gradient(#ebebeb, #f5f5f5);
                            line-height: 38px;
                            border-right: none;
                            border-left: none;

                            .operationTitle {
                                margin-right: 15px;
                                color: #686868;
                                font-family: tahoma;
                            }

                            img {
                                float: left;
                                .mixspace(@direction);
                                .floatbtn;
                                margin: 0.6% 2% 0 1%;
                            }

                            input {
                                float: left;
                                .mixspace(@direction);
                                .floatbtn;
                                margin: 0.45% 2% 0 0.5%;
                            }

                            .inputContainer {
                                line-height: 40px;
                                width: 215px;
                                height: 38px;
                                .mixspace(@direction);
                                .floatThemeLang;

                                span {
                                    font-family: Tahoma;
                                    font-size: 18px;
                                    color: #686868;
                                    margin: 0px 5px 0px 20px;
                                }

                                .deleteInput {
                                    .mixspace(@direction);
                                    .deleteinput;
                                    margin: 2.45% 2% 0 0.5%;
                                }
                            }

                            .tabs {
                                width: 100%;
                                display: inline-block;
                                float: right;
                                border: 1px solid #d8d8d8;
                                border-top: none;

                                .tab-content {
                                    padding: 10px;
                                    background: #fff;
                                    margin-top: 41px;

                                    .tab {
                                        display: none;
                                    }

                                    .tab.active {
                                        display: block;
                                    }
                                }
                            }

                            .tab-links:after {
                                display: block;
                                clear: both;
                                content: '';
                            }

                            .tab-links {
                                float: right;
                                margin: 4px 4px 0 0;
                                .mixspace(@direction);
                                .floatDirection;
                                .tabsdirection;

                                li {
                                    margin: 0px 5px;
                                    direction: rtl;
                                    float: right;
                                    list-style: none;
                                    .mixspace(@direction);
                                    .floatDirection;
                                }

                                a {
                                    padding: 0px 5px;
                                    display: inline-block;
                                    border-radius: 3px 3px 0px 0px;
                                    background: linear-gradient(#ebebeb, #f5f5f5);
                                    font-size: 16px;
                                    font-weight: 600;
                                    color: #4c4c4c;
                                    transition: all linear 0.15s;
                                    height: 33px;
                                    text-decoration: none;
                                    color: #686868;
                                    font-size: 15px;
                                    font-family: Tahoma;
                                }

                                a:hover {
                                    background: #a7cce5;
                                    text-decoration: none;
                                    text-decoration: none;
                                }

                                li.active a, li.active a:hover {
                                    background: #fff;
                                    color: #4c4c4c;
                                    height: 43px;
                                    font-weight: bold;
                                    text-decoration: none;
                                }
                            }

                            .link {
                                text-decoration: none;
                                color: #686868;
                                float: right;
                                margin-top: 4px;
                                border-radius: 5px;
                                padding: 0;
                                height: 45px;
                                font-family: Tahoma;
                                font-size: 17px;
                                .mixspace(@direction);
                                .floatDirection;
                                .lnkMargins;
                            }

                            a {
                                text-decoration: none;
                            }

                            .link:hover {
                                background: #a7cce5;
                                height: 35px;
                                padding: 0;
                                padding-right: 20px;
                                width: 165px;
                            }

                            .whiteBackground {
                                background: #fff !important;
                                border-radius: 6px;
                                display: block;
                                height: 45px;
                                line-height: 35px;
                                padding-top: 5px;
                                width: 165px;
                                margin-top: 4px;
                                background: #FFF;
                                padding: 0;
                                margin-left: 10px;
                                color: #686868;
                                .mixspace(@direction);
                                .floatDirection;
                                .lnkMargins;
                            }
                        }

                        .operationsError {
                            width: 100%;
                            border: 1px solid #d8d8d8;
                            margin: 0 auto;
                            min-width: 958px;
                            min-height: 40px;
                            margin-top: 20px;
                            background: #ffdede;
                            border-left: none;
                            line-height: 38px;

                            img {
                                float: left;
                                .mixspace(@direction);
                                .floatbtn;
                                margin: 0.6% 2% 0 1%;
                            }

                            .error {
                                float: right;
                                height: 38px;
                                margin: 0px 10px 0 0;
                                width: 380px;
                                .mixspace(@direction);
                                .floatDirection;

                                img {
                                    float: right;
                                    .mixspace(@direction);
                                    .floatDirection;
                                    margin: 7px 0 0 7px;
                                }
                            }

                            .errorText {
                                font-family: Tahoma;
                                font-size: 15px;
                                color: #ff0e0e;
                                font-weight: bold;
                            }
                        }

                        .operationsOk {
                            width: 100%;
                            border: 1px solid #d8d8d8;
                            margin: 0 auto;
                            min-width: 958px;
                            min-height: 40px;
                            margin-top: 20px;
                            background: #c7ffbc;
                            line-height: 38px;
                            border-left: none;

                            img {
                                float: left;
                                .mixspace(@direction);
                                .floatbtn;
                                margin: 0.6% 2% 0 1%;
                            }

                            .ok {
                                float: right;
                                height: 38px;
                                margin: 0px 10px 0 0;
                                width: 380px;
                                .mixspace(@direction);
                                .floatDirection;

                                img {
                                    float: right;
                                    .mixspace(@direction);
                                    .floatDirection;
                                    margin: 7px 0 0 7px;
                                }
                            }

                            .okText {
                                font-family: Tahoma;
                                font-size: 15px;
                                color: #209700;
                                font-weight: bold;
                            }
                        }

                        .operationsWarn {
                            width: 100%;
                            border: 1px solid #d8d8d8;
                            margin: 0 auto;
                            min-width: 958px;
                            min-height: 40px;
                            margin-top: 20px;
                            background: #ffdcb9;
                            line-height: 38px;
                            border-left: none;

                            img {
                                float: left;
                                .mixspace(@direction);
                                .floatbtn;
                                margin: 0.6% 2% 0 1%;
                            }

                            .warn {
                                float: right;
                                height: 38px;
                                margin: 0px 10px 0 0;
                                width: 380px;
                                .mixspace(@direction);
                                .floatDirection;

                                img {
                                    float: right;
                                    .mixspace(@direction);
                                    .floatDirection;
                                    margin: 7px 0 0 7px;
                                }
                            }

                            .warnText {
                                font-family: Tahoma;
                                font-size: 15px;
                                color: #eb6400;
                                font-weight: bold;
                            }
                        }

                        .gridContainer {
                            margin: 0 auto;
                            border-top: none;
                            width: 98.8% !important;
                            margin-bottom: 10px !important;

                            div {
                                margin: 10px 0 0 0;
                            }

                            .gridBtns {
                                width: 100%;

                                div {
                                    margin: 0 auto;
                                    width: 40%;
                                    margin-top: 10px;

                                    input {
                                        height: 30px;
                                        width: 43.5%;
                                        border: none;
                                        color: #fff;
                                        font-family: Tahoma;
                                        font-size: 15px;
                                        border: 1px solid #d8d8d8;
                                        .mixing(@direction);
                                        .floatDirection;
                                        .textDir;
                                    }

                                    .rightBtn {
                                        background: #f37800;
                                        float: right;
                                        cursor: pointer;
                                        margin-top: 10px;
                                        .mixspace(@direction);
                                        .floatDirection;
                                        .margins;
                                    }

                                    .leftBtn {
                                        background: #229f00;
                                        float: left;
                                        cursor: pointer;
                                        margin-top: 10px;
                                        .mixspace(@direction);
                                        .floatbtn;
                                    }
                                }
                            }

                            .counter {
                                color: #fff;
                                margin-top: -27px;
                                position: absolute;
                                z-index: 9999;
                                margin-right: 18px;
                                font-family: tahoma;
                                font-size: 15px;
                                width: 250px;
                            }

                            div.vacLowsDiv {
                                height: 50px;
                                margin-top: 1%;
                                width: 24% !important;
                                float: right;
                                margin-right: 1%;
                                min-width: 220px;
                                margin-bottom: 10px;
                                .mixing(@direction);
                                .floatDirection;

                                p {
                                    width: 90%;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    color: #8d8d8d;
                                    font-weight: normal;
                                    margin: 0;
                                    margin-bottom: 5px;
                                }

                                table.radBtn {
                                    tbody {
                                        tr {
                                            td {
                                                label {
                                                    font-family: Tahoma;
                                                    font-size: 15px;
                                                    color: #8d8d8d;
                                                    font-weight: normal;
                                                }
                                            }
                                        }
                                    }
                                }

                                .buttons {
                                    width: 95%;
                                    margin-right: 0;
                                    padding: 0px;
                                    clear: both;
                                    .mixspace(@direction);
                                    .floatButtons;
                                    margin-top: 0;
                                    height: auto;

                                    input {
                                        border: none;
                                        height: 30px;
                                        width: 43.5%;
                                        border: none;
                                        color: #fff;
                                        font-family: Tahoma;
                                        font-size: 15px;
                                        margin-left: 10px;
                                        margin-top: 10px;
                                        .mixing(@direction);
                                        .floatDirection;
                                        .textDir;
                                    }

                                    .rightBtn {
                                        background: #f37800;
                                        margin-left: 0;
                                        width: 45.45%;
                                        .mixspace(@direction);
                                        .floatbtn;
                                        margin-top: 0;
                                    }

                                    .leftBtn {
                                        background: #229f00;
                                        float: left;
                                        margin-right: 0;
                                        width: 45.45%;
                                        .mixspace(@direction);
                                        .floatDirection;
                                        .margins;
                                        margin: 0;
                                    }

                                    .leftBtn:hover {
                                        background: #50c330;
                                        cursor: pointer;
                                    }

                                    .rightBtn:hover {
                                        background: #FD9127;
                                        cursor: pointer;
                                    }

                                    .leftBtn:focus {
                                        background: #229f00;
                                    }

                                    .rightBtn:focus {
                                        background: #f37800;
                                    }
                                }
                            }
                        }

                        .gridContainer2 {
                            div {
                                width: 50% !important;
                                float: right;
                            }
                        }
                    }

                    .ServiceContainer {
                        width: 85.8%;
                        position: relative !important;
                        .mixspace(@direction);
                        .floatThemeLang;
                        .MarginService;

                        .SearchOptionEmpService {
                            border: 1px solid #ccc;
                            height: 40px;
                            width: 100%;
                            line-height: 40px;
                            background: linear-gradient(#ebebeb, #f5f5f5);
                            position: relative;
                            min-width: 880px;
                            margin-top: 20px;

                            .title {
                                font-size: 17px;
                                font-family: Tahoma;
                                color: #000;
                                .mixspace(@direction);
                                .titlemargin;
                                position: relative;
                            }

                            .arrow {
                                margin-top: 17px;
                                .mixspace(@direction);
                                .floatArrow;
                                .arrowDir;
                                position: relative;
                            }

                            .printImg {
                                margin: 7px !important;
                                .mixspace(@direction);
                                .floatThemeLang;
                            }
                        }

                        .optionsServices {
                            width: 100%;
                            border: 1px solid #d8d8d8;
                            border-top: none;
                            position: relative;
                            min-width: 880px;
                            display: inline-table;
                            padding-bottom: 15px;

                            .pnls {
                                position: relative;
                                height: 50px;
                                margin-top: 1%;
                                width: 23.8%;
                                float: right;
                                margin-right: 10px;
                                min-width: 208px;
                            }

                            div {
                                position: relative;
                                height: 55px;
                                MARGIN: 0 auto;
                                margin-top: 1.17%;
                                width: 23.9%;
                                margin-right: 1.1%;
                                min-width: 220px;
                                .mixing(@direction);
                                .floatDirection;

                                p {
                                    position: relative;
                                    margin: 0px;
                                    padding: 0px;
                                    padding-bottom: 3px;
                                    color: #000;
                                    font-size: 14px;
                                    font-family: Tahoma;
                                    width: 99%;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .marginP;
                                }

                                span {
                                    position: relative;
                                    margin: 0px;
                                    padding: 0px;
                                    padding-bottom: 3px;
                                    color: #8e8e8e;
                                    font-size: 14px;
                                    font-family: Tahoma;
                                    width: 99%;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .marginP;
                                }

                                .buttons {
                                    width: 95%;
                                    margin-right: 0;
                                    padding: 0px;
                                    clear: both;
                                    .mixspace(@direction);
                                    .floatButtons;
                                    margin-top: 0;
                                    height: auto;

                                    input {
                                        border: none;
                                        height: 30px;
                                        width: 43.5%;
                                        border: none;
                                        color: #fff;
                                        font-family: Tahoma;
                                        font-size: 15px;
                                        margin-left: 10px;
                                        margin-top: 10px;
                                        .mixing(@direction);
                                        .floatDirection;
                                        .textDir;
                                    }

                                    .rightBtn {
                                        background: #f37800;
                                        margin-left: 0;
                                        width: 45.45%;
                                        .mixspace(@direction);
                                        .floatbtn;
                                        margin-top: 0;
                                    }

                                    .leftBtn {
                                        background: #229f00;
                                        float: left;
                                        margin-right: 0;
                                        width: 45.45%;
                                        .mixspace(@direction);
                                        .floatDirection;
                                        .margins;
                                        margin: 0;
                                    }

                                    .leftBtn:hover {
                                        background: #50c330;
                                        cursor: pointer;
                                    }

                                    .rightBtn:hover {
                                        background: #FD9127;
                                        cursor: pointer;
                                    }

                                    .leftBtn:focus {
                                        background: #229f00;
                                    }

                                    .rightBtn:focus {
                                        background: #f37800;
                                    }
                                }

                                table {
                                    border: 1px solid #d8d8d8;
                                    width: 95%;

                                    tbody {
                                        tr {
                                            td {
                                                label {
                                                    color: #8e8e8e;
                                                    font-size: 14px;
                                                    font-family: Tahoma;
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                            .DiscountSpan {
                                border: 1px solid #ccc !important;
                                width: 90% !important;
                                height: 25px !important;
                                line-height: 25px !important;
                                .mixing(@direction);
                                .floatDirection;
                            }
                        }

                        .operationGridContainer {
                            float: left;
                            width: 100%;
                            min-width: 880px;
                            min-height: 800px;
                            margin-top: 10px;

                            .operationsVertMenu {
                                width: 99.9%;
                                border: 1px solid #d8d8d8;
                                min-width: 716px;
                                min-height: 40px;
                                background: linear-gradient(#ebebeb, #f5f5f5);
                                line-height: 38px;
                                .mixspace(@direction);
                                .floatThemeLang;
                                margin-right: -2px;
                                border-top: none;
                                border-right: none;
                                border-left: 0;

                                img {
                                    float: left;
                                    .mixspace(@direction);
                                    .floatbtn;
                                    margin: 0.7% 2% 0 1%;
                                }

                                span {
                                    color: #8e8e8e;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    font-weight: bold;
                                    .mixspace(@direction);
                                    .floatDirection;
                                }
                            }

                            .gridContainer {
                                width: 100%;
                                min-width: 880px;
                                margin-top: 11px;
                                min-height: 800px;
                                margin-top: 50px;

                                .operations {
                                    border-left: none;
                                }

                                div {
                                }

                                .notesTxtBox {
                                    div {
                                        width: 98%;
                                        height: 104px;
                                        margin: 10px 10px 0 0;

                                        p {
                                            color: #8e8e8e;
                                            font-family: Tahoma;
                                            font-size: 15px;
                                            font-weight: normal;
                                        }

                                        .txtbox {
                                            border: 1px solid #ccc;
                                        }

                                        .buttons {
                                            width: 95%;
                                            margin-right: 0;
                                            padding: 0px;
                                            clear: both;
                                            .mixspace(@direction);
                                            .floatButtons;
                                            margin-top: 0;
                                            height: auto;
                                            position: relative;

                                            input {
                                                border: none;
                                                height: 30px;
                                                width: 43.5%;
                                                border: none;
                                                color: #fff;
                                                font-family: Tahoma;
                                                font-size: 15px;
                                                margin-left: 10px;
                                                margin-top: 10px;
                                                position: relative;
                                                .mixing(@direction);
                                                .floatDirection;
                                                .textDir;
                                            }

                                            .rightBtn {
                                                background: #f37800;
                                                margin-left: 0;
                                                width: 45.45%;
                                                position: relative;
                                                .mixspace(@direction);
                                                .floatbtn;
                                                margin-top: 0;
                                            }

                                            .leftBtn {
                                                background: #229f00;
                                                float: left;
                                                margin-right: 0;
                                                width: 45.45%;
                                                .mixspace(@direction);
                                                .floatDirection;
                                                .margins;
                                                margin: 0;
                                                position: relative;
                                            }

                                            .leftBtn:hover {
                                                background: #50c330;
                                                cursor: pointer;
                                            }

                                            .rightBtn:hover {
                                                background: #FD9127;
                                                cursor: pointer;
                                            }

                                            .leftBtn:focus {
                                                background: #229f00;
                                            }

                                            .rightBtn:focus {
                                                background: #f37800;
                                            }
                                        }
                                    }
                                }

                                .operationsVertMenu2 {
                                    width: 99.9%;
                                    border: 1px solid #d8d8d8;
                                    min-width: 716px;
                                    min-height: 40px;
                                    background: linear-gradient(#ebebeb, #f5f5f5);
                                    line-height: 38px;
                                    .mixspace(@direction);
                                    .floatThemeLang;
                                    margin-right: -2px;
                                    border-top: none;
                                    border-right: none;
                                    border-left: 0;

                                    img {
                                        float: left;
                                        .mixspace(@direction);
                                        .floatbtn;
                                        margin: 0.7% 2% 0 1%;
                                    }

                                    span {
                                        color: #8e8e8e;
                                        font-family: Tahoma;
                                        font-size: 15px;
                                        font-weight: bold;
                                        .mixspace(@direction);
                                        .floatDirection;
                                    }
                                }
                            }

                            .ajax__tab_header {
                                background: linear-gradient(#ededed, #fafafa);
                                padding: 4px;
                                padding-bottom: 0;
                                padding-left: 6px;
                                border: 1px solid #ccc;
                            }

                            .ajax__tab_header {
                                color: #4682b4;
                                font-family: Calibri;
                                font-size: 14px;
                                font-weight: bold;
                                background-color: #ffffff;
                                margin-left: 0px;
                            }

                            .ajax__tab_body {
                                padding-top: 0px;
                                margin-top: -2px;
                                background: #fff;

                                #MainContent_TabContainer1_TabPanel1 {
                                    div.padding {
                                        padding-top: 15px;
                                        padding-bottom: 10px;
                                        width: 98%;

                                        div {
                                            width: 100% !important;
                                        }
                                    }
                                }

                                .ajax__tab_panel {
                                    table {
                                        .mixspace(@direction);
                                        .gridDir;
                                    }

                                    #ContentPlaceHolder1_ctl00_TabContainer1_TabPanel2_up1 {
                                        margin-top: 10px;
                                        float: right;
                                        width: 100%;
                                    }

                                    .insideTabsDiv {
                                        width: 24%;
                                        border: 1px solid #ccc;
                                        margin-top: 50px;
                                        float: right;

                                        p {
                                            margin: 0;
                                            font-family: Tahoma;
                                            font-size: 15px;
                                            font-weight: normal;
                                            color: #8e8e8e;
                                        }
                                    }

                                    div.ToDate {
                                        height: 40px;
                                        float: right;
                                        height: 80px;
                                        margin-right: 20px;
                                        width: 279px;

                                        p {
                                            margin: 0px;
                                            color: #8e8e8e;
                                            font-family: Tahoma;
                                            font-weight: normal;
                                            font-size: 15px;
                                        }
                                    }

                                    div.viewReset {
                                        float: right;
                                        height: 70px;
                                        margin: 0 auto;
                                        border: 1px solid;
                                        bottom: 0;
                                        width: 290px;

                                        input {
                                            border: none;
                                            height: 30px;
                                            width: 43.5%;
                                            border: none;
                                            color: #fff;
                                            font-family: Tahoma;
                                            font-size: 15px;
                                            margin-top: 40px;
                                            .mixing(@direction);
                                            .floatDirection;
                                            .textDir;
                                        }

                                        .rightBtn {
                                            background: #f37800;
                                            float: right;
                                            cursor: pointer;
                                            .mixspace(@direction);
                                            .floatDirection;
                                            .margins;
                                        }

                                        .leftBtn {
                                            background: #229f00;
                                            float: left;
                                            cursor: pointer;
                                            .mixspace(@direction);
                                            .floatbtn;
                                        }
                                    }

                                    div#MainContent_TabContainer1_masterTab_UpdatePanel1 {
                                        div {
                                            width: 300px;
                                            float: right;
                                            margin-top: 30px;
                                            .mixing(@direction);
                                            .floatDirection;

                                            table {
                                                .mixspace(@direction);
                                                .floatDirection;
                                                .gridDir;

                                                tbody {
                                                    tr {
                                                        td {
                                                            width: 50px;
                                                            .mixing(@direction);

                                                            label {
                                                                color: #8e8e8e;
                                                                .mixspace(@direction);
                                                                .floatThemeLang;
                                                            }

                                                            input {
                                                                margin: 10px 0 0 0;
                                                                .mixspace(@direction);
                                                                .floatDirection;
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .buttons {
                                                position: relative;
                                                width: 95%;
                                                margin-right: 0;
                                                padding: 0px;
                                                clear: both;
                                                .mixspace(@direction);
                                                .floatButtons;
                                                margin-top: 0;
                                                height: auto;

                                                input {
                                                    border: none;
                                                    height: 30px;
                                                    width: 43.5%;
                                                    border: none;
                                                    color: #fff;
                                                    font-family: Tahoma;
                                                    font-size: 15px;
                                                    margin-left: 10px;
                                                    margin-top: 10px;
                                                    .mixing(@direction);
                                                    .floatDirection;
                                                    .textDir;
                                                }

                                                .rightBtn {
                                                    background: #f37800;
                                                    margin-left: 0;
                                                    width: 45.45%;
                                                    .mixspace(@direction);
                                                    .floatbtn;
                                                    margin-top: 0;
                                                }

                                                .leftBtn {
                                                    background: #229f00;
                                                    float: left;
                                                    margin-right: 0;
                                                    width: 45.45%;
                                                    .mixspace(@direction);
                                                    .floatDirection;
                                                    .margins;
                                                    margin: 0;
                                                }

                                                .leftBtn:hover {
                                                    background: #50c330;
                                                    cursor: pointer;
                                                }

                                                .rightBtn:hover {
                                                    background: #FD9127;
                                                    cursor: pointer;
                                                }

                                                .leftBtn:focus {
                                                    background: #229f00;
                                                }

                                                .rightBtn:focus {
                                                    background: #f37800;
                                                }
                                            }

                                            p {
                                                color: #8e8e8e;
                                                margin: 0;
                                                font-family: Tahoma;
                                                font-size: 15px;
                                                font-weight: normal;
                                            }

                                            .nearTxtBtn {
                                                float: right;
                                                height: 30px;
                                                border: none;
                                                background: #CACACA;
                                                margin: 0p;
                                                .mixspace(@direction);
                                                .margins;
                                                .floatDirection;
                                            }

                                            .txtBoxWithBtns {
                                                float: right;
                                                margin: 0;
                                            }
                                        }
                                    }

                                    div.padding {
                                        padding-top: 110px;
                                        padding-bottom: 10px;
                                        width: 100%;

                                        div {
                                            width: 100% !important;

                                            .grid {
                                                margin: 0.5% 0 0 0;
                                                margin: 0 auto;
                                                border: none;
                                                .mixspace(@direction);
                                                .gridDir;

                                                thead {
                                                    height: 30px;

                                                    tr {
                                                        th {
                                                            border-left: 1px solid #FFF;
                                                            background: @controlTheme !important;
                                                            color: #f4f7fa;
                                                            font-weight: normal;
                                                            font-family: Tahoma;
                                                            font-size: 15px;
                                                            height: 30px;
                                                            .mixspace(@direction);
                                                            .gridAlign;
                                                        }
                                                    }
                                                }

                                                tbody {
                                                    border: none;

                                                    tr:nth-child(even) {
                                                        border: none;
                                                        background: #fafafa;
                                                        color: #535353;
                                                        font-weight: normal;
                                                        font-family: Tahoma;
                                                        font-size: 15px;
                                                        height: 30px;

                                                        .ViewCSS {
                                                            text-align: center;
                                                        }

                                                        td {
                                                            border: none;
                                                            .mixspace(@direction);
                                                            .gridAlign;
                                                            .paddingCol;

                                                            img {
                                                                height: 30px;
                                                                width: 30px;
                                                            }
                                                        }

                                                        th {
                                                            border-left: 1px solid #FFF;
                                                            background: @controlTheme !important;
                                                            color: #f4f7fa;
                                                            font-weight: normal;
                                                            font-family: Tahoma;
                                                            font-size: 15px;
                                                            height: 30px;
                                                            .mixspace(@direction);
                                                            text-align: center;
                                                        }
                                                    }

                                                    tr:nth-child(odd) {
                                                        background: #ededed;
                                                        color: #535353;

                                                        .ViewCSS {
                                                            text-align: center;
                                                        }

                                                        th {
                                                            border: none;
                                                            border-left: 1px solid #FFF;
                                                            background: @controlTheme !important;
                                                            color: #f4f7fa;
                                                            font-weight: normal;
                                                            font-family: Tahoma;
                                                            font-size: 15px;
                                                            height: 30px;
                                                            .mixspace(@direction);
                                                            text-align: center;
                                                        }

                                                        td {
                                                            border: none;
                                                            padding-right: 10px;
                                                            font-weight: normal;
                                                            font-family: Tahoma;
                                                            font-size: 15px;
                                                            height: 30px;
                                                            .mixspace(@direction);
                                                            .gridAlign;
                                                            .paddingCol;

                                                            img {
                                                                height: 30px;
                                                                width: 30px;
                                                            }

                                                            .recOps {
                                                                min-width: 149px;
                                                                width: 15.62%;
                                                                margin: 0 auto;
                                                                height: 23px;

                                                                img {
                                                                    margin-right: 10%;
                                                                    padding-left: 6%;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    .otherData {
                                        color: #8e8e8e;
                                        font-family: Tahoma;
                                        font-weight: normal;
                                        font-size: 15px;
                                        display: block;
                                        width: 33%;
                                        float: right;
                                    }

                                    .otherData2 {
                                        width: 98%;
                                    }

                                    .otherDataInfo {
                                        border: 1px solid;
                                        display: block;
                                        margin-top: 10px;
                                        padding-right: 6px;
                                        padding-top: 5px;
                                        width: 94%;
                                        height: 25px;
                                        border: 1px solid #8e8e8e;
                                        padding: 0;
                                        margin-top: 25px;
                                        padding-right: 5px;
                                        padding-top: 5px;
                                    }

                                    .div-with-label {
                                        height: 70px;
                                        width: 50%;
                                        float: right;
                                        margin: 7px 0 0 0;
                                    }

                                    .insidefieldsettbl {
                                        width: 99%;
                                        margin: 0 auto;

                                        tbody {
                                            tr {
                                                td {
                                                    width: 25%;

                                                    div {
                                                        width: 100%;

                                                        p {
                                                            width: 98%;
                                                            font-family: Tahoma;
                                                            font-size: 15px;
                                                            color: #8e8e8e;
                                                            font-weight: normal;
                                                        }
                                                    }

                                                    .div-with-label {
                                                        height: 70px;

                                                        p {
                                                            margin: 0 0 10px 0;
                                                        }

                                                        span {
                                                            display: block;
                                                            padding-right: 6px;
                                                            padding-top: 5px;
                                                            width: 94%;
                                                            height: 20px;
                                                            border: 1px solid #8e8e8e;
                                                            margin: 0;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    fieldset {
                                        float: right;
                                        width: 98%;
                                    }

                                    .SearchOptionEmpService, .SearchOptionEmpService1, .SearchOptionEmpService2, .SearchOptionEmpService3, .SearchOptionEmpService4, .SearchOptionEmpService5, .SearchOptionEmpService6 {
                                        border: 1px solid #ccc;
                                        height: 40px;
                                        width: 100%;
                                        line-height: 40px;
                                        background: linear-gradient(#ebebeb, #f5f5f5);
                                        position: relative;
                                        min-width: 880px;
                                        margin-top: 20px;

                                        .title {
                                            font-size: 17px;
                                            font-family: Tahoma;
                                            font-weight: normal;
                                            color: #000;
                                            .mixspace(@direction);
                                            .titlemargin;
                                            position: relative;
                                        }

                                        .arrow {
                                            margin-top: 17px;
                                            .mixspace(@direction);
                                            .floatArrow;
                                            .arrowDir;
                                            position: relative;
                                        }
                                    }

                                    .optionsServices {
                                        width: 100%;
                                        border: 1px solid #d8d8d8;
                                        border-top: none;
                                        position: relative;
                                        min-width: 880px;
                                        display: inline-table;
                                        padding-bottom: 15px;

                                        .pnls {
                                            position: relative;
                                            height: 50px;
                                            margin-top: 1%;
                                            width: 23.8%;
                                            float: right;
                                            margin-right: 10px;
                                            min-width: 208px;
                                        }

                                        div {
                                            position: relative;
                                            height: 55px;
                                            MARGIN: 0 auto;
                                            margin-top: 1.17%;
                                            width: 23.9%;
                                            margin-right: 1.1%;
                                            min-width: 220px;
                                            .mixing(@direction);
                                            .floatDirection;

                                            p {
                                                position: relative;
                                                margin: 0;
                                                padding: 0 0 3px;
                                                color: #000;
                                                font-size: 14px;
                                                font-family: Tahoma;
                                                width: 99%;
                                                .mixing(@direction);
                                                .floatDirection;
                                                .marginP
                                            }

                                            span {
                                                position: relative;
                                                margin: 0;
                                                padding: 0 0 3px;
                                                color: #8e8e8e;
                                                font-size: 14px;
                                                font-family: Tahoma;
                                                width: 99%;
                                                .mixing(@direction);
                                                .floatDirection;
                                                .marginP;
                                            }

                                            .buttons {
                                                width: 95%;
                                                margin-right: 0;
                                                padding: 0px;
                                                clear: both;
                                                .mixspace(@direction);
                                                .floatButtons;
                                                margin-top: 0;
                                                height: auto;
                                                position: relative;

                                                input {
                                                    height: 30px;
                                                    width: 43.5%;
                                                    border: none;
                                                    color: #fff;
                                                    font-family: Tahoma;
                                                    font-size: 15px;
                                                    margin-left: 10px;
                                                    margin-top: 10px;
                                                    position: relative;
                                                    .mixing(@direction);
                                                    .floatDirection;
                                                    .textDir
                                                }

                                                .rightBtn {
                                                    background: #f37800;
                                                    margin-left: 0;
                                                    width: 45.45%;
                                                    position: relative;
                                                    .mixspace(@direction);
                                                    .floatbtn;
                                                    margin-top: 0;
                                                }

                                                .leftBtn {
                                                    background: #229f00;
                                                    float: left;
                                                    width: 45.45%;
                                                    .mixspace(@direction);
                                                    .floatDirection;
                                                    .margins;
                                                    margin: 0;
                                                    position: relative;
                                                }

                                                .leftBtn:hover {
                                                    background: #50c330;
                                                    cursor: pointer;
                                                }

                                                .rightBtn:hover {
                                                    background: #FD9127;
                                                    cursor: pointer;
                                                }

                                                .leftBtn:focus {
                                                    background: #229f00;
                                                }

                                                .rightBtn:focus {
                                                    background: #f37800;
                                                }
                                            }

                                            table {
                                                border: 1px solid #d8d8d8;
                                                width: 95%;

                                                tbody {
                                                    tr {
                                                        td {
                                                            label {
                                                                color: #8e8e8e;
                                                                font-size: 14px;
                                                                font-family: Tahoma;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                            .ajax__tab_tab {
                                line-height: 30px;
                                border-top-left-radius: 8px;
                                border-top-right-radius: 8px;
                                font-family: Tahoma;
                                font-weight: 400;
                                font-size: 15px;
                            }

                            .ajax__tab_active .ajax__tab_tab {
                                color: #4c4c4c;
                                height: 30px;
                                background: #fff;
                                border-top-left-radius: 8px;
                                border-top-right-radius: 8px;
                                font-family: Tahoma;
                                font-size: 15px;
                                font-weight: 700;
                                line-height: 30px;
                            }

                            .ajax__tab_active .ajax__tab_inner {
                                padding-left: 10px;
                                background: #fff !important;
                                color: #fff;
                                padding-right: 6px;
                                border-top-left-radius: 8px;
                                border-top-right-radius: 8px;
                                border: 1px solid #ccc;
                                border-bottom: 0;
                                padding-bottom: 0;
                            }

                            .ajax__tab_hover .ajax__tab_inner {
                                height: 40px;
                                line-height: 40px;
                                background: #a7cce5 !important;
                                font-size: 15px;
                                color: #000;
                                padding-left: 10px;
                                border-top-left-radius: 8px;
                                border-top-right-radius: 8px;
                                font-weight: 700;
                            }

                            .ajax__tab_hover .ajax__tab_outer {
                                color: #000;
                                padding-right: 6px;
                                background: #a7cce5;
                                border-top-left-radius: 8px;
                                border-top-right-radius: 8px;
                                font-weight: 700;
                            }

                            .ajax__tab_tab {
                                color: #666;
                                height: 30px;
                            }

                            .ajax__tab_inner {
                                color: #666;
                                padding-left: 10px;
                            }

                            .ajax__tab_outer {
                                color: #666;
                                padding-right: 6px;
                                margin-right: 2px;
                                .mixspace(@direction);
                                .floatDirection
                            }

                            .ajax__tab_default .ajax__tab_header {
                                display: inline-block;
                                float: right;
                                height: 39px;
                                width: 99.1%;
                                border-right: 0;
                                border-left: 0;
                            }

                            .ajax__tab_default .ajax__tab_outer {
                                display: inline-block;
                                margin-left: 0;
                            }

                            .ajax__tab_default .ajax__tab_inner {
                                display: inline-block;
                                width: 155px;
                                margin-left: 0;
                            }

                            .ajax__tab_default .ajax__tab_tab {
                                text-align: center;
                                margin-left: 0;
                                width: 100%;
                            }

                            .ajax__tab_xp .ajax__tab_header {
                                font-family: Tahoma;
                                font-size: 15px;
                                border-top: 1px solid #ccc;
                            }

                            .ajax__tab_xp .ajax__tab_outer {
                                padding-right: 4px;
                                height: 21px;
                                background: 0 0;
                            }

                            .ajax__tab_xp .ajax__tab_inner {
                                padding-left: 3px;
                                background: 0 0;
                            }

                            .ajax__tab_xp .ajax__tab_tab {
                                height: 30px !important;
                                padding: 5px;
                                margin: 0 5px;
                                background: 0 0;
                            }

                            .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner, .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
                                cursor: pointer;
                            }

                            .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
                                cursor: pointer;
                                height: 30px;
                            }

                            .ajax__tab_xp .ajax__tab_active .ajax__tab_inner, .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
                                color: #4c4c4c;
                            }

                            .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
                                height: 30px;
                                color: #4c4c4c;
                            }

                            .ajax__tab_xp .ajax__tab_body {
                                font-family: Tahoma;
                                font-size: 15px;
                                font-weight: 700;
                                color: #4c4c4c;
                                border: none;
                            }

                            .ajax__tab_plain .ajax__tab_inner, .ajax__tab_plain .ajax__tab_outer {
                                text-align: center;
                                vertical-align: middle;
                            }

                            .ajax__tab_plain .ajax__tab_header {
                                text-align: center;
                                vertical-align: middle;
                            }

                            .ajax__tab_container {
                                border: 1px solid #ccc;
                                min-height: 800px;
                            }
                        }
                    }
                }
            }

            .menuProfileInfoContainer {
                width: 100%;
                border-bottom: 1px solid #d8d8d8;

                hr {
                    background-color: #d8d8d8;
                    height: 1px;
                    border-top: none;
                }

                .sectionWithMenu {
                    width: 100%;
                    color: #000;
                    margin-top: 30px;
                    float: right;
                    text-align: right;
                    min-width: 960px;

                    .content {
                        width: 99%;
                        min-width: 958px;
                        .mixspace(@direction);
                        .contentAlign;

                        .profileImg {
                            min-width: 205px;
                            width: 17.5%;
                            height: 150px;
                            border: 1px solid #ccc;
                            .mixspace(@direction);
                            .floatDirection;

                            img {
                                width: 100%;
                            }
                        }

                        .options {
                            border: 1px solid #d8d8d8;
                            border-top: none;
                            min-width: 700px;
                            height: 110px;
                            width: 76%;

                            div {
                                height: 50px;
                                margin-top: 1%;
                                width: 32%;
                                float: right;
                                margin-right: 1%;
                                min-width: 220px;
                                .mixing(@direction);
                                .floatDirection;

                                p {
                                    margin: 0;
                                    padding: 0 0 3px;
                                    color: #8e8e8e;
                                    font-size: 14px;
                                    font-family: Tahoma;
                                    .mixing(@direction);
                                    .floatDirection
                                }

                                .buttons {
                                    width: 95%;
                                    margin-right: 0;
                                    padding: 0px;
                                    clear: both;
                                    .mixspace(@direction);
                                    .floatButtons;
                                    margin-top: 0;
                                    height: auto;

                                    input {
                                        height: 30px;
                                        width: 43.5%;
                                        border: none;
                                        color: #fff;
                                        font-family: Tahoma;
                                        font-size: 15px;
                                        margin-left: 10px;
                                        margin-top: 10px;
                                        .mixing(@direction);
                                        .floatDirection;
                                        .textDir;
                                    }

                                    .rightBtn {
                                        background: #f37800;
                                        margin-left: 0;
                                        width: 45.45%;
                                        .mixspace(@direction);
                                        .floatbtn;
                                        margin-top: 0;
                                    }

                                    .leftBtn {
                                        background: #229f00;
                                        float: left;
                                        width: 45.45%;
                                        .mixspace(@direction);
                                        .floatDirection;
                                        .margins;
                                        margin: 0;
                                    }

                                    .leftBtn:hover {
                                        background: #50c330;
                                        cursor: pointer;
                                    }

                                    .rightBtn:hover {
                                        background: #FD9127;
                                        cursor: pointer;
                                    }

                                    .leftBtn:focus {
                                        background: #229f00;
                                    }

                                    .rightBtn:focus {
                                        background: #f37800;
                                    }
                                }
                            }
                        }

                        .SearchEmp {
                            min-width: 700px;
                            width: 76%;
                            height: 150px;
                            border: 1px solid #ccc;
                            height: 40px;
                            line-height: 40px;
                            background: linear-gradient(#ebebeb, #f5f5f5);
                            .mixspace(@direction);
                            .floatDirection;
                            .marginAddresses;

                            .title {
                                font-size: 17px;
                                font-family: Tahoma;
                                color: #686868;
                                .mixspace(@direction);
                                .floatDirection;
                                .titlemargin;
                            }

                            .arrow {
                                .mixspace(@direction);
                                .floatArrow;
                                .arrowDir;
                            }

                            .flip {
                                width: 100%;
                                border-bottom: 1px solid #000;
                                height: 40px;
                            }
                        }

                        .options {
                            min-width: 700px;
                            width: 76%;
                            .mixspace(@direction);
                            .floatDirection;
                            .marginAddresses;

                            input {
                                .mixspace(@direction);
                                .floatDirection;
                                .marginAddresses;
                            }
                        }

                        .operations {
                            width: 76%;
                            border: 1px solid #d8d8d8;
                            min-width: 700px;
                            min-height: 40px;
                            margin-top: 20px;
                            background: linear-gradient(#ebebeb, #f5f5f5);
                            line-height: 38px;
                            .mixspace(@direction);
                            .floatDirection;
                            .marginAddresses;

                            img {
                                float: left;
                                .mixspace(@direction);
                                .floatbtn;
                                margin: 0.7% 3% 0 1%;
                            }
                        }

                        .addresses {
                            min-width: 700px;
                            width: 76%;
                            border: 1px solid #d8d8d8;
                            border-top: none;
                            .mixspace(@direction);
                            .floatDirection;
                            .marginAddresses;

                            .textAreaDiv {
                                margin-top: 20px;
                                margin-bottom: 40px;

                                textarea {
                                    .mixing(@direction);
                                    .floatDirection;
                                    .textDir;
                                }

                                span {
                                    .mixspace(@direction);
                                    .floatDirection;
                                }
                            }

                            .last {
                                margin-bottom: 12px;
                            }

                            .middle {
                                margin-top: 20px;

                                span {
                                    .mixing(@direction);
                                    .floatDirection;
                                }
                            }

                            div {
                                height: 40px;
                                min-width: 220px;
                                width: 30%;
                                margin-top: 10px;
                                float: right;
                                margin-right: 2.4%;

                                .RegInput {
                                    width: 100%;
                                }

                                .textarea {
                                    height: 85px;
                                    min-width: 215px;
                                    width: 98%;
                                    border: 1px solid #d8d8d8;
                                }

                                input {
                                    width: 100%;
                                    border: 1px solid #d8d8d8;
                                    height: 23px;
                                    .mixing(@direction);
                                    .floatDirection;
                                    .textDir
                                }

                                .select {
                                    width: 100%;
                                    border: 1px solid #d8d8d8;
                                    height: 27px;
                                    direction: rtl;
                                    .mixing(@direction);
                                    .tabLiDir
                                }

                                span {
                                    font-family: Tahoma;
                                    font-size: 14px;
                                    color: #686868;
                                    .mixspace(@direction);
                                    .floatDirection
                                }

                                button {
                                    float: left;
                                    border: 1px solid #d8d8d8;
                                    border-right: none;
                                    margin: 0;
                                    height: 27px;
                                    background: #fff;
                                    padding-left: 2px;
                                    padding-right: 5px;
                                }
                            }

                            .clearDiv {
                                clear: both !important;
                            }
                        }

                        .verticalMenu {
                            height: 545px;
                            min-width: 205px;
                            width: 17.5%;
                            .mixspace(@direction);
                            .floatDirection;

                            ul {
                                list-style: none;
                                height: 545px;
                                width: 100%;
                                min-width: 205px;
                                width: 100%;
                                float: right;
                                border-top: 1px solid #d8d8d8;
                                .mixspace(@direction);
                                .floatDirection;
                                padding: 0px;

                                li {
                                    text-align: center;
                                    height: 38px;
                                    border: 1px solid #d8d8d8;
                                    border-top: none;
                                }

                                img {
                                    display: none;
                                }

                                a {
                                    text-decoration: none;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    display: block;
                                    height: 30px;
                                    padding-top: 10px;
                                    color: #757575;
                                }

                                li:active {
                                    background: linear-gradient(#197ebb,#197ebb);

                                    a {
                                        color: #fff;
                                    }

                                    img {
                                        float: left;
                                        margin-left: -7px;
                                        margin-top: 13px;
                                        display: block;
                                    }
                                }

                                li:hover {
                                    background: linear-gradient(#197ebb,#197ebb);

                                    a {
                                        color: #fff;
                                    }

                                    img {
                                        float: left;
                                        margin-left: -7px;
                                        margin-top: 13px;
                                        display: block;
                                        .mixspace(@direction);
                                        .floatBlueArrow;
                                    }
                                }
                            }
                        }
                    }
                }

                .one-main-menu {
                    line-height: 40px;
                    min-width: 960px;
                    width: 90.5%;
                    margin: 0 auto;
                }

                .one-main-menu ul {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    min-height: 40px;
                }

                .one-main-menu ul li {
                    list-style: none;
                    .mixspace(@direction);
                    .floatDirection
                }

                .one-main-menu ul li a {
                    text-decoration: none;
                    color: #000;
                    line-height: 40px;
                    padding: 10px 10px;
                    font-family: Tahoma;
                    font-size: 14px;
                }

                .one-main-menu ul li:hover {
                    background: linear-gradient(#114791,#197dbb);
                }

                .active {
                    background: linear-gradient(#114791,#197dbb);
                }

                .one-main-menu ul li:hover a {
                    color: #fff;
                }

                .one-main-menu ul li .mainMenu {
                    display: none;
                    position: relative;
                }

                .one-main-menu ul li:hover .mainMenu {
                    display: block;
                    position: absolute;
                    width: 100%;
                    right: 0;
                }

                .mainMenu {
                    margin: 0px auto;
                    width: 100%;
                    min-height: 40px;
                    background-color: #017bad;
                }

                .ulRight {
                    border-right: 1px solid #FFF;
                    width: 100%;
                    min-height: 40px;
                    float: right;
                    background-color: #017bad;
                }

                .ulRight ul {
                    background: #197ebb;
                }

                .mainMenu ul {
                    margin: 0;
                    float: right;
                    min-height: 40px;
                    list-style: none;
                    width: 100%;
                }

                .mainMenu ul li {
                    .mixspace(@direction);
                    .floatDirection;
                    text-align: right;
                    color: #FFF;
                    font-size: 20px;
                    font-family: Aljazeera;
                    position: relative;
                }

                .mainMenu ul li:hover {
                    background: @StartBaseColor;
                }

                .mainMenu ul li a:hover {
                    background: @StartBaseColor;
                }

                .one-main-menu ul li .mainMenu ul a {
                    display: table-cell;
                    text-decoration: none;
                    color: #fff;
                    font-size: 15px;
                    font-family: Tahoma;
                    padding: 0px 19px;
                    min-height: 40px;
                    line-height: 40px;
                    .mixspace(@direction);
                    .floatDirection;
                }

                .mainMenu li > ul {
                    padding-left: 0px;
                    display: none;
                    background-color: #017bad;
                    position: absolute;
                    top: 100%;
                    .mixspace(@direction);
                    .leftSubmenu;
                }

                .mainMenu li:hover > ul {
                    display: block;
                    z-index: 99999;
                    height: auto;
                    width: 150px;
                    float: right;
                }

                .mainMenu li > ul li {
                    background-color: #058bc2;
                    float: right;
                    color: #FFF;
                    border: none;
                    border-top: 1px solid #00b4ff;
                    width: 100%;
                    text-align: center;
                    clear: both;
                }

                .mainMenu li > ul li a {
                    min-width: 10px;
                    .mixspace(@direction);
                    .floatDirection;
                    padding-left: 5px;
                }

                .mainMenu li > ul li > ul {
                    top: 0;
                    .mixspace(@direction);
                    .rightSubmenu;
                }

                .mainMenu li > ul li > ul li a {
                    width: auto;
                    min-width: 100px;
                    .mixspace(@direction);
                    .floatDirection;
                }
            }

            .clear {
                clear: both;
            }
        }

        .footermargin {
            margin-top: 20px;
        }

        .footer {
            height: 40px;
            background: @StartBaseColor;
            width: 100%;
            min-width: 960px;
            margin-top: 10px;
            clear: both;

            .footerContainer {
                min-width: 960px;
                width: 95%;
                margin: 0 auto;

                p {
                    text-align: center;
                    padding-top: 10px;
                    font-family: aljazeera;
                    font-size: 15px;
                    font-weight: normal;
                    color: #fff;
                }

                img {
                    height: 32px;
                    float: left;
                    margin-top: 4px;
                    .mixspace(@direction);
                    .floatDirection;
                    .marginFooterLogo;
                }
            }
        }

        .modalBackground {
            color: #fff;
            background-color: #000;
            opacity: 0.5;
        }

        .PopUpWindow {
            color: #000;
            background: #fff;
            width: 100%;
            max-height: 98%;
            padding-bottom: 5px;
            position: relative;
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            border-radius: 10px;
            min-height: 200px;
            min-width: 720px;

            .popHeader {
                min-width: 720px;
                height: 40px;
                background: linear-gradient(#d3d3d3,#f3f3f3);
                border-bottom: 1px solid #a5a5a5;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;

                div {
                    .addIcon {
                        margin: 6px 0 0 5px;
                        .mixspace(@direction);
                        .floatThemeLang
                    }

                    p {
                        width: 115px;
                        float: left;
                        color: #686868;
                        margin: 10px 0 0 305px;
                    }
                }
            }

            .popupContent {
                width: 100%;
                margin-bottom: 10px;

                .popupContainer {
                    width: 97%;

                    div {
                        width: 218px;
                        height: 40px;
                        float: right;
                        margin-top: 20px;

                        input {
                            height: 25px;
                            width: 100%;
                            border: 1px solid #d8d8d8;
                            .mixing(@direction);
                            .floatDirection;
                            .textDir;
                        }

                        span {
                            float: right;
                            font-family: Tahoma;
                            font-size: 15px;
                        }
                    }

                    .displayBtn {
                        border: none;
                        clear: both;
                        float: left;

                        button {
                            border: none;
                            height: 30px;
                            width: 100px;
                            background: #229f00;
                            color: #FFF;
                            font-family: Tahoma;
                            font-size: 15px;
                        }
                    }

                    .middleDiv {
                        margin-left: 14px;
                        .mixspace(@direction);
                        .floatDirection;

                        span {
                            .mixspace(@direction);
                            .floatDirection;
                        }
                    }

                    .lastDiv {
                        margin-left: 14px;
                        .mixspace(@direction);
                        .floatArrow;
                    }
                }

                .popupTable {
                    width: 97.4%;
                    margin: 0 auto;

                    .operationBtns {
                        height: 40px;

                        .LeftPopupBtn {
                            margin: 0 auto;
                            cursor: pointer;
                            border: none;
                            height: 30px;
                            width: 100px;
                            color: #fff;
                            font-family: Tahoma;
                            font-weight: bold;
                            margin-top: 20px;
                            float: left;
                            background: #229f00;
                        }

                        .rightPopupBtn {
                            background: #f37800;
                            margin: 0 auto;
                            cursor: pointer;
                            border: none;
                            height: 30px;
                            width: 100px;
                            color: #fff;
                            font-family: Tahoma;
                            font-weight: bold;
                            margin-top: 20px;
                            float: left;
                        }
                    }

                    .WarnMsg {
                        height: 30px;
                        line-height: 30px;
                        width: 90%;
                        margin: 0 auto;

                        img {
                            margin: 0;
                            padding: 0;
                            float: right;
                        }

                        span {
                            font-family: Tahoma;
                            font-size: 15px;
                            font-weight: bold;
                            width: 100%;
                            text-align: center;
                            margin-right: 10px;
                        }
                    }

                    div {
                        .popupgrid {
                            margin: 0 auto;
                            width: 100%;
                            direction: rtl;
                            padding-top: 20px;
                            .mixspace(@direction);
                            .gridDir;

                            tbody {
                                tr:first-child {
                                    height: 30px;
                                    border: none;

                                    td {
                                        .mixspace(@direction);
                                        .gridAlign;
                                        .paddingCol;
                                    }

                                    th {
                                        padding-right: 10px;
                                        border-left: 1px solid #FFF;
                                        background: @StartBaseColor;
                                        color: #f4f7fa;
                                        font-weight: normal;
                                        font-family: Tahoma;
                                        font-size: 15px;
                                        height: 30px;
                                        border-top: none;
                                        border-right: none;
                                        border-bottom: none;
                                        .mixspace(@direction);
                                        .gridAlign;
                                        .paddingCol;
                                        .borders;
                                    }

                                    th:last-child {
                                        border-left: none;
                                    }

                                    .checkboxs {
                                        height: 30px;
                                        width: 4.1%;
                                        min-width: 38px;
                                        .mixspace(@direction);
                                        .paddingCol;
                                        .checkboxBorder;
                                    }

                                    .number {
                                        width: 12.5%;
                                        min-width: 120px;
                                        .mixspace(@direction);
                                        .paddingCol;
                                    }

                                    .nameCol {
                                        min-width: 238px;
                                        width: 25%;
                                        .mixspace(@direction);
                                        .paddingCol;
                                    }

                                    .lastName {
                                        min-width: 118px;
                                        width: 12.5%;
                                        .mixspace(@direction);
                                        .paddingCol;
                                    }

                                    .work {
                                        min-width: 118px;
                                        width: 12.5%;
                                        .mixspace(@direction);
                                        .paddingCol;
                                    }

                                    .notes {
                                        min-width: 210px width: 31.25%;
                                        border-left: none;
                                        .mixspace(@direction);
                                        .paddingCol;
                                    }
                                }

                                tr:nth-child(even) {
                                    background: #dedede;
                                    height: 30px;
                                    border: none;

                                    td {
                                        color: #535353;
                                        font-weight: normal;
                                        font-family: Tahoma;
                                        font-size: 13px;
                                        border: none;
                                        .mixspace(@direction);
                                        .paddingCol;
                                        .gridAlign;
                                    }
                                }

                                tr:nth-child(odd) {
                                    background: #f2f2f2;
                                    color: #535353;
                                    border: none;

                                    td {
                                        font-weight: normal;
                                        font-family: Tahoma;
                                        font-size: 13px;
                                        height: 30px;
                                        border: none;
                                        padding-right: 10px;
                                        .mixspace(@direction);
                                        .gridAlign;
                                        .paddingCol;
                                    }
                                }

                                .pager {
                                    td {
                                        background: @StartBaseColor;

                                        table {
                                            margin: 0 auto;
                                            color: #fff;
                                            .mixspace(@direction);
                                            .gridDir;

                                            tbody {
                                                tr {
                                                    td {
                                                        padding-right: 10px;
                                                        text-align: center;
                                                        background: @StartBaseColor;
                                                        width: 20px;
                                                        height: 20px;
                                                        padding: 0 5px 0 5px;
                                                        font-family: Tahoma;
                                                        font-size: 15px;

                                                        a {
                                                            text-decoration: none;
                                                            color: #FFF;
                                                        }
                                                    }

                                                    td:hover {
                                                        background: @controlTheme;
                                                        border-radius: 4px;

                                                        span {
                                                            color: #fff;
                                                        }
                                                    }

                                                    td {
                                                        span {
                                                            text-decoration: none;
                                                            color: #fff;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                /*.popupTable {
                    width: 97%;
                    margin: 0 auto;

                    .popupgrid {
                        margin: 0 auto;
                        width: 100%;
                        direction: rtl;
                        padding-top: 20px;
                        .mixspace(@direction);
                        .gridDir;

                        thead {
                            background: @controlTheme;

                            tr {
                                th {
                                    height: 30px;
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    color: #FFF;
                                    .mixspace(@direction);
                                    .gridAlign;
                                    .paddingCol;
                                    .borders
                                }
                            }
                        }

                        tbody {
                            tr:nth-child(even) {
                                background: #f2f2f2;
                                color: #535353;
                                font-weight: 400;
                                font-family: Tahoma;
                                font-size: 15px;
                                height: 30px;
                            }

                            tr:nth-child(odd) {
                                background: #dedede;
                                height: 30px;
                                color: #535353;

                                td {
                                    font-family: Tahoma;
                                    font-size: 15px;
                                    color: #313131;
                                    .mixspace(@direction);
                                    .gridAlign
                                }
                            }
                        }
                    }
                }*/
            }
        }
    }
}

.body {
    background: url(../img/bacground/6.jpg) no-repeat fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: 100% 100%;
}

.none {
    background: 0 0;
}

.img1 {
    background-image: url(../img/bacground/6.jpg);
}

.img2 {
    background-image: url(../img/bacground/2.jpg);
}

.img3 {
    background-image: url(../img/bacground/3.jpg);
}

.img4 {
    background-image: url(../img/bacground/4.jpg);
}

.img5 {
    background-image: url(../img/bacground/5.jpg);
}

.img6 {
    background-image: url(../img/bacground/1.jpg);
}

.logoLogin {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 2% 0;
}

.body * {
    text-align: center;
}

*:focus {
    outline: 0;
}

.divForm {
    clear: both;
    width: 100%;
    min-height: 20%;
    padding: 2% 0;
}

.divFormCover_background_1 {
    background-color: rgba(0,0,0, 0.6);
}

.divFormCover_background_2 {
    background: -webkit-linear-gradient(top,#1a78b7,#164991);
    background: -o-linear-gradient(top,#1a78b7,#164991);
    background: -moz-linear-gradient(top,#1a78b7,#164991);
    background: linear-gradient(to top,#1a78b7,#164991);
}

.imgForm {
    float: left;
    margin: 20px 0 0 0;
}

.clerDiv {
    clear: both;
}

.divMainFormDiv {
    float: right;
    width: 56%;
}

.coverDivForm {
    width: 621px;
    margin: 0 auto;
    min-height: 100px;
}

.divName {
    background-color: #fff;
    margin: 20px 0px;
    border-radius: 26px;
    height: 43px;
    width: 100%;
}

.RememberMe {
    background: none;
    width: 150px;
    margin: 0 auto;

    input[type='checkbox'] {
        margin-top: 7px;
        .mixspace(@direction);
        .floatDirection;
    }

    label {
        .mixspace(@direction);
        .RememberLogMargin;
    }
}

.iconName {
    width: 40px;
    height: 40px;
    float: right;
    margin: 2px 2px 0 0;
}

.txtName {
    height: 35px;
    width: 81%;
    margin: 3px;
    border: 0;
    border-top-left-radius: 26px;
    border-bottom-left-radius: 26px;
    font-family: arial;
    font-size: 18px;
    float: left;
}

.buttonLogin {
    height: 40px;
    width: 49%;
    border: none;
    margin-top: 2px;
    border-radius: 26px;
    direction: rtl;
    margin-bottom: 20px;
    background-color: #1961ab;
    color: #fff;
    font-size: 15px;
    font-family: Aljazeera;
    border: 1px solid #fff;
}

.newUSer {
    float: left;
}

.divFooter {
    bottom: 0px !important;
    /*position: fixed;*/
    width: 100%;
    margin: 0px auto !important;
    min-height: 25%;
    padding-bottom: 20px;
}

.footer img {
    margin-bottom: 20px;
}

.seeUDiv {
    width: 240px;
    float: right;
    margin-right: 50px;
}

.seeUSpan {
    font-family: tahoma;
    font-size: 15px;
    color: #164991;
}

.divIconBackGround {
    right: 15px;
    padding: 0;
    padding-right: 5px;
    margin: 0;
    max-width: 287px;
    height: 51px;
    background: none;
    position: absolute;
    margin-top: -40px;
}

.backGroundBtn {
    width: 30px;
    height: 30px;
    border: 1px solid #229f00;
    float: left;
    margin: 5px 0 0 5px;
}

.backGroundBtn img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.backGroundBtn2 {
    background-color: rgba(0,0,0, 0.6);
}

@media screen and (max-width:1199px) {
    .coverDivForm {
        width: 53%;
    }
}

@media screen and (max-height:705px) {
    .divFooter {
        bottom: 0px !important;
        position: initial;
        width: 100%;
        margin: 0px auto !important;
        min-height: 25%;
    }
}

@media screen and (max-width:870px) {
    .coverDivForm {
        width: 100%;
        margin: 0 auto;
        min-height: 100px;
    }

    .divIconBackGround {
        position: inherit;
        margin-top: 0px;
        margin: 0 auto;
    }

    .imgForm {
        width: 140px;
        float: none;
        margin: auto;
    }

    .divMainFormDiv {
        width: 45%;
        margin: 0 auto;
        float: none;
    }

    .divName {
        margin: 20px auto;
    }

    .divFooter {
        bottom: 0px !important;
        position: initial;
        width: 100%;
        margin: 0px auto !important;
        min-height: 30%;
    }
}

@media screen and (max-width:650px) {
    .logoLogin img {
        width: 62%;
    }

    .coverDivForm {
        width: 100%;
        margin: 0 auto;
        min-height: 100px;
    }

    .imgForm {
        width: 25%;
        float: none;
        margin: auto;
    }

    .divMainFormDiv {
        width: 79%;
        margin: 0 auto;
        max-width: 327px;
    }

    .divName {
        margin: 20px auto;
    }

    .divFooter {
        bottom: 0px !important;
        position: initial;
        width: 100%;
        margin: 0px auto !important;
        min-height: 30%;
    }
}

.borderBtn {
    border: 1px solid #f00;
}

.divS-links {
    margin: 25px auto;
}

.fontColor_defolt {
    color: #7e7e7e;
    font-family: arial;
}

.fontColor_other {
    color: #fff;
    font-family: arial;
}

.errorBackground {
    background: #F00;
}

.ValidError {
    width: 95%;
    height: 25px;
    min-width: 220px;
    border: 1px solid #f00;
    background: #ffdede;
    .mixing(@direction);
    .floatDirection;
    .textDir;
}

.cle {
    clear: both;
}

.grid {
    width: 100%;
    margin: 0 auto;
    border: none;
    .mixspace(@direction);
    .gridDir;

    tbody {
        tr:first-child {
            height: 30px;

            th {
                padding-right: 10px;
                border-left: 1px solid #FFF;
                background: @controlTheme;
                color: #f4f7fa;
                font-weight: normal;
                font-family: Tahoma;
                font-size: 15px;
                height: 30px;
                border: none;
                .mixspace(@direction);
                .gridAlign;
                .paddingCol;
                .borders;
            }

            th:last-child {
                border-left: none;
            }
        }

        tr:nth-child(even) {
            background: #ededed;
            color: #535353;
            font-weight: normal;
            font-family: Tahoma;
            font-size: 13px;
            height: 30px;
            border: none;

            .ViewCSS {
                padding: 0;
                text-align: center;
            }

            td {
                border: none;
                .mixspace(@direction);
                .gridAlign;
                .paddingCol;

                p {
                    margin: 0;
                    text-align: center;
                    color: #fff;
                    height: 30px;
                    background: @controlTheme;
                    line-height: 30px;
                }
            }
        }

        tr:nth-child(odd) {
            background: #fafafa;
            color: #535353;
            border: none;

            .ViewCSS {
                padding: 0;
                text-align: center;
            }

            td {
                font-weight: normal;
                font-family: Tahoma;
                font-size: 13px;
                height: 30px;
                border: none;
                .mixspace(@direction);
                .gridAlign;
                .paddingCol;

                p {
                    margin: 0;
                    text-align: center;
                    color: #fff;
                }
            }
        }

        tr:hover {
            background: #cdcdcd;
        }

        tr.footergrid {
            background-color: @controlTheme;
        }
    }
}

.pagging {
    width: 100%;
    background: none;
    background: @controlTheme !important;
    margin: 0 auto;
    min-width: 938px;
    height: 32px;
    line-height: 30px;

    td {
        table {
            margin: 0 auto;
            color: #fff;
            line-height: 28px;
            .mixspace(@direction);
            .gridDir;

            tbody {
                tr {
                    td {
                        text-align: center;
                        background: @controlTheme;
                        padding: 0px 5px 0 5px;
                        min-width: 20px;
                        width: 20px;
                        height: 20px;
                        font-family: Tahoma;
                        font-size: 15px;
                        color: #fff;
                        .mixspace(@direction);
                        .gridAlign;
                        .paddingCol;

                        a {
                            text-decoration: none;
                            width: 100%;
                            padding: 5px 5px 5px 5px;
                            height: 100%;
                            color: #FFF;
                        }
                    }

                    td:hover {
                        background-color: @paggingHover;
                        border-radius: 4px;
                        color: #fff;
                    }
                }
            }
        }
    }
}

.txtbox {
    width: 95%;
    height: 25px;
    min-width: 220px;
    border: 1px solid #d8d8d8;
    direction: rtl;
    .mixing(@direction);
    .floatDirection;
    .textDir;
}

.selecters {
    width: 97%;
    height: 30px;
    min-width: 200px;
    border: 1px solid #d8d8d8;
    .mixing(@direction);
    .floatDirection;
    .textDir;
    .titlemargin;
}

.flagLang {
    width: 56px !important;
}

.toto {
    .mixspace(@direction);
    .gridDir;
}
////////////////////////

.options {
    border: 1px solid #d8d8d8;
    border-top: none;
    margin: 0 auto;
    min-width: 939px;
    height: 130px;
    width: 100%;
    display: inline-table;
    min-width: 1130px !important;

    .autoCompleteSearch {
        .mixing(@direction);
        border-collapse: collapse;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff;
        position: absolute;
        z-index: 999999999999999;
        cursor: pointer;
        min-width: 200px;
        border: 1px solid #979797;
        font-size: 16px;
        width: 20.5%;
        .rounded-corners(5px);

        tr {
            background: #ececec;

            td {
                color: #000;
                padding: 3px;
            }
        }

        tr.activeRow {
            background: #ccc;
            color: #fff !important;

            td {
                color: #fff !important;
            }
        }

        tr:hover {
            color: #fff !important;
            background: #ccc;

            td {
                color: #fff !important;
            }
        }

        #infoHeader {
            background: #ccc;
            color: #fff;
        }
    }

    .notesDiv {
        width: 73%;
        margin-top: 0.7%;
    }

    .pNotes {
        width: 76%;
    }

    .NotesTxt {
        width: 100%;
    }

    .rcTable {
        width: 100% !important;
    }

    div.RadPicker {
        height: 28px !important;
        width: 93% !important;
        margin: 0 !important;
    }

    div {
        /*height: 50px;
                            margin-top: 1%;
                            width: 24%;
                            float: right;
                            margin-right: 1%;
                            min-width: 220px;*/
        height: 55px;
        MARGIN: 0 auto;
        margin-top: 1.17%;
        width: 23.9%;
        margin-right: 1.1%;
        min-width: 220px;
        .mixing(@direction);
        .floatDirection;

        div {
            margin-top: 0px;
        }

        p {
            width: 88%;
            margin: 0px;
            padding: 0px;
            padding-bottom: 3px;
            color: #000;
            font-size: 14px;
            font-family: Tahoma;
            .mixing(@direction);
            .floatDirection;
            .titlemargin;
            .Dir;
        }

        .ItemName {
            float: right;
            width: 100%;
            margin-top: 10px;
            color: #888888;
            font-family: Tahoma;
            font-size: 15px;
        }

        label {
            width: 100%;
            color: #888888;
            font-family: Tahoma;
            font-size: 15px;
        }

        .txtbox {
            width: 95%;
            height: 26px;
            min-width: 220px;
            border: 1px solid #d8d8d8;
            direction: rtl;
            .mixing(@direction);
            .floatDirection;
            .textDir;
        }

        .Description {
            height: 64px;
            width: 99%;
            .mixing(@direction);
            .floatDirection;
            .textDir;
        }

        .nearTxtBtn {
            margin-top: 20px;
            height: 30px;
            border: none;
            background: #CACACA;
            .mixspace(@direction);
            .margins;
        }

        .selecters {
            font-family: tahoma;
            color: #8e8e8e;
            height: 30px;
            width: 98%;
            border: 1px solid #d8d8d8;
            .mixing(@direction);
            .floatDirection;
            .textDir;
        }

        .buttons2 {
            margin-top: 8px;
            width: 100%;
        }

        .lessThan2 {
            margin-top: 20px !important;
        }

        .buttons {
            width: 95%;
            margin-right: 0;
            padding: 0px;
            clear: both;
            .mixspace(@direction);
            .floatButtons;
            margin-top: 0;
            height: auto;
            margin-top: 3px;

            input {
                border: none;
                height: 30px;
                width: 43.5%;
                border: none;
                color: #fff;
                font-family: Tahoma;
                font-size: 15px;
                margin-left: 10px;
                margin-top: 10px;
                .mixing(@direction);
                .floatDirection;
                .textDir;
            }

            .rightBtn {
                background: #f37800;
                margin-left: 0;
                width: 45.45%;
                .mixspace(@direction);
                .floatbtn;
                margin-top: 0;
            }

            .leftBtn {
                background: #229f00;
                float: left;
                margin-right: 0;
                width: 45.45%;
                .mixspace(@direction);
                .floatDirection;
                .margins;
                margin: 0;
            }

            .leftBtn:hover {
                background: #50c330;
                cursor: pointer;
            }

            .rightBtn:hover {
                background: #FD9127;
                cursor: pointer;
            }

            .leftBtn:focus {
                background: #229f00;
            }

            .rightBtn:focus {
                background: #f37800;
            }
        }

        .buttons {
            /*width: 96%;*/
            width: 98%;
            margin-right: 0px;
            padding: 0px;
            height: 30px;
            margin-top: 27px;
            height: 30px;
            clear: both;
            .mixspace(@direction);
            .floatButtons;

            input {
                border: none;
                height: 30px;
                width: 43.5%;
                border: none;
                color: #fff;
                font-family: Tahoma;
                font-size: 15px;
                .mixing(@direction);
                .floatDirection;
                .textDir;
            }

            .rightBtn {
                background: #f37800;
                float: right;
                cursor: pointer;
                .mixspace(@direction);
                //.floatDirection;
                .floatBtn1;
                .margins;
            }

            .leftBtn {
                background: #229f00;
                cursor: pointer;
                .mixspace(@direction);
                .floatbtn;
                .floatRight;
                margin-right: 0;
            }

            .noMarginRight {
                margin-right: 0px;
                float: right;
            }

            .orangeBtnFloat {
                float: left;
                .mixspace(@direction);
                .orange;
            }

            .floatResetBtn {
                .mixspace(@direction);
                .Reset;
            }
        }

        .nearTxt {
            margin-top: 20px;
        }

        .buttonssecondLevel {
            margin-top: 33px;
        }

        .twoSave {
            float: left;
            margin-top: 20px;
        }

        .twoNearReset {
            margin-top: 10px;
        }

        span {
            margin-top: 7px;
            width: 10px;
            float: left;
        }
    }

    .extraHeight4Btns {
        height: 95px;
    }

    .treeMail {
        width: 16% !important;
        .mixing(@direction);
        .floatDirection!important;
        min-height: 665px;
        color: #000 !Important;
        margin: 0px;
        min-width: 180px;
        .reverseBorder;
        overflow: hidden;
        margin-top: 0 !important;
        margin-right: 0 !important;
        min-width: 190px !important;

        .internalMail {
            width: 100%;
            margin: 0px;
            padding: 0px;
            border: 0px;

            ul {
                .mixing(@direction);
                .floatDirection;
                .Dir;
                list-style: none;
                margin-right: 0px;
                padding-right: 8%;
                width: 88%;

                li {
                    cursor: pointer;
                    display: block;
                    line-height: 30px;

                    img {
                        clear: both;
                        margin-right: 10px;
                        margin-top: 10px;
                        .floatDirection;
                    }

                    a {
                        display: block;
                        width: 95%;
                    }
                }
            }

            .TreeLinkMail {
                color: #656565;
                text-decoration: none;
                font-weight: normal;
                font-family: Tahoma;
                font-size: 16px;
                min-width: 170px !important;
                .mixing(@direction);
                .floatDirection;
            }

            .SearchOptions {
                width: 100% !important;
                margin: 0px;
                padding: 0px;
                border: 0px;
                background: #ffffff;
                border-bottom: 1px solid #e2e2e2;
                height: 40px;
                line-height: 24px;
                color: #656565;
                border-top: 1px solid #e2e2e2;
                cursor: pointer;
                font-family: Tahoma;
                font-size: 16px;
                min-width: 180px !important;

                .title {
                    width: auto;
                    .mixing(@direction);
                    .MailTitleMargin;
                }
            }
        }
    }

    .listMsg {
        width: 20% !important;
        .mixing(@direction);
        .floatDirection;
        min-height: 600px !important;
        color: #000 !Important;
        margin: 0px;
        .reverseBorder;
        height: 665px;
        min-width: 190px !important;
        margin: 0 !important;

        div {
            .advanseSearch {
                position: absolute;
                width: 76.6%;
                min-height: 200px;
                background: red;
                margin-top: 42px;
                margin-right: 0;
                box-shadow: 0px 0px 15px #7A7A7A;
                background: #FFF;

                .titleAdvanceSearch {
                    color: #000;
                    margin: 0px;
                    padding: 0px;
                    height: 40px;
                    line-height: 40px;
                    width: 98%;
                    padding-left: 1%;
                    padding-right: 1%;
                    border-bottom: 1px solid #d8d8d8;
                }
            }

            .Search {
                width: 100% !important;
                border-bottom: 1px solid #d8d8d8;
                border-top: 1px solid #d8d8d8;
                height: 40px !important;
                margin: 0px !important;
                padding: 0px !important;
                min-width: 190px !important;
                position: relative !important;

                .imgAdvancsSearch {
                    width: 3%;
                    margin-top: 20px;
                    padding-left: 1%;
                    .mixing(@direction);
                }

                input[type="text"] {
                    width: 72% !important;
                    height: 38px !important;
                    .mixing(@direction);
                    //   .reverseDirection;
                    border: 0px !important;
                    min-width: 170px !important;
                    .floatDirection !important;
                    margin: 0px !important;
                    padding: 0px !important;
                }

                input[type="image"] {
                    border: 0px !important;
                    margin-top: 6px !important;
                    .floatDirection !important;
                }

                a {
                    background-image: none;

                    input[type="submit"] {
                        height: 40px !important;
                        border: 0 !important;
                        float: left !important;
                        color: #000 !important;
                        margin: 0px !important;
                        background: #ccc;
                    }
                }
            }

            .advSearchDate {
                width: 19% !important;
                border-bottom: 1px solid #d8d8d8;
                border-top: 1px solid #d8d8d8;
                height: 155px !important;
                margin: 0px !important;
                padding: 0px !important;
                min-width: 190px !important;
                position: absolute !important;
                background: #FFF !important;
                top: 105px !important;
                z-index: 55555555 !important;
                border: 1px solid #cecece !important;

                div {
                    width: 97% !important;

                    span {
                        width: 100% !important;
                    }

                    a {
                        background-image: none;

                        input[type="submit"] {
                            width: 200px !important;
                            height: 34px !important;
                            border: 0px !important;
                            color: #FFF !important;
                            background: #229f00 !important;
                            margin-top: 10px;
                        }
                    }
                }
            }

            .mailFelter {
                width: 99% !important;
                height: 40px !important;
                margin: 0px;
                padding: 0px;
                border-bottom: 1px solid #e2e2e2;
                background: #f9f9f9;
                min-width: 190px;

                .felter {
                    // width: auto;
                    //  min-width: 10px;
                    height: 40px !important;
                    line-height: 40px;
                    display: inline-table;
                    margin: 0px !important;
                    padding: 0px;
                    padding-left: 1%;
                    padding-right: 1%;
                    width: 40px !important;
                    min-width: 40px !important;

                    img {
                        margin: 0px;
                        padding: 0px;
                        float: right;
                        width: 20px;
                        margin: 0 auto;
                        text-align: center;
                        line-height: 40px;
                        /* background: green; */
                        /* height: 50px; */
                        display: inline-table;
                        margin-right: 18px;
                        margin-top: 10px;
                    }

                    a {
                        color: #000;
                        display: block;
                        text-decoration: none;
                        font-family: Tahoma;
                        font-size: 16px;
                        padding-right: 5px;
                        padding-left: 5px;
                        width: 40px !important;
                        min-width: 40px !important;
                        .mixing(@direction);
                        .floatDirection;
                        .borderFelter;
                    }

                    .linkFilter {
                        width: 77px !important;
                        min-width: 77px !important;
                    }
                }
            }

            .viewBy {
                width: 100%;
                min-width: 100px;
                .mixing(@direction);
                .floatDirection;
                margin: 0px;
                display: inline-table;
                height: 40px;
                line-height: 40px;
                background: #f9f9f9;
                border-bottom: 1px solid #e2e2e2;
                min-width: 190px;
            }

            .sortBy {
                width: 49%;
                min-width: 100px;
            }

            .gridContener {
                .tableMail {
                    width: 100%;
                    height: 80px;
                    background: #f9f9f9;
                    border-bottom: 1px solid #e2e2e2;
                    line-height: 40px;
                    padding-right: 1%;
                    padding-left: 1%;

                    .msgRead {
                        color: #000;
                        width: 100%;
                        margin: 0px;
                        padding: 0px;
                        background: #f9f9f9;
                        display: inline-table;
                        float: left;

                        a {
                            color: #000 !important;
                        }
                    }

                    .msgUnread {
                        width: 100%;
                        margin: 0px;
                        padding: 0px;
                        /*background: #eeeeee;*/
                        color: #1979b8 !important;
                        display: inline-table;

                        span {
                            color: #1979b8 !important;
                        }

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

                        a {
                            color: #1979b8 !important;
                            font-weight: bold;
                        }
                    }

                    .msgAttachCount {
                        clear: both;
                        margin: 0px;
                        padding: 0px;
                        width: 50px !important;
                        min-width: 20px !important;
                        float: left !important;
                        height: 28px !important;
                        margin-top: -7px !important;
                        .mixing(@direction);
                        .reverseDirection;

                        .attachCount {
                            background: red;
                            width: 15px;
                            height: 15px;
                            line-height: 15px;
                            text-align: center;
                            font-size: 12px;
                            color: #FFF !important;
                            border-radius: 50%;
                            position: relative;
                            margin-top: 15px;
                        }

                        .attachIcons {
                            float: left;
                            margin: 0px;
                            padding: 0px;
                            margin-left: -19px;
                        }
                    }
                }

                .msgTitel {
                    margin: 0px;
                    padding: 0px;
                    width: 84%;
                    .mixing(@direction);
                    .floatDirection;
                    min-height: 40px;
                    line-height: 40px;
                    display: inline-table;
                    font-family: Tahoma;
                    // color: #000;
                    text-decoration: none;
                    font-size: 15px;
                    min-width: 220px !important;
                }

                .sendDate {
                    .mixing(@direction);
                    .reverseDirection;
                    width: 19%;
                    min-width: 20px;
                    font-size: 10px;
                    //   color: #999999;
                    font-family: Tahoma;
                    overflow: hidden;
                    text-decoration: none;
                    margin: 0px;
                    padding: 0px;
                    height: 40px;
                    overflow: hidden;
                }

                .msgFrom {
                    width: 75%;
                    margin: 0px;
                    padding: 0px;
                    .mixing(@direction);
                    .floatDirection;
                    min-height: 40px;
                    min-width: 100px;
                    font-family: Tahoma;
                    //  color: #000;
                    text-decoration: none;
                    font-size: 15px;
                }
            }
        }
    }

    .detailsMsg {
        width: 62.9% !important;
        .mixing(@direction);
        float: left;
        color: #000;
        /*min-height: 600px;*/
        height: 600px;
        overflow-y: scroll;
        display: inline-table;
        margin: 0px !important;
        padding: 0px;
        font-family: Tahoma;
        font-size: 15px;
        min-width: 718px !important;

        div {
            height: 40px;
            margin: 0px;
            padding: 0px;
        }

        .workPlace {
            height: 40px;
            line-height: 33px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .msgHeder {
            width: 100% !important;
            margin: 0px !important;
            padding: 0px !important;
            height: 0px;
            clear: both !important;
            float: none !important;

            .headerdiv {
                width: auto !important;
            }
        }

        .msgSubject {
            //  clear: both;
            width: auto;
            //
            .floatDirection;
            margin: 0px;
            padding: 0px;
            .Dir;
            height: 40px;
            line-height: 34px;
        }

        .msgCC {
            width: 100%;
            margin: 0px;
            padding: 0px;
            clear: both;
            float: none;
            height: 40px;
            color: #999999;
            padding-left: 20px;

            .LabMsgCopy {
                width: auto;
                margin: 0px;
                .mixing(@direction);
                .floatDirection;
                .borderFelter;
                line-height: 40px;
                min-width: 10px;
                cursor: pointer;

                span {
                    padding: 0px;
                    width: auto;
                    padding-left: 10px;
                    padding-right: 10px;
                }
            }

            .LabMsgCopy:last-child {
                border: 0px;
            }
        }

        .tabMail {
            height: 40px !important;
            line-height: 40px;
            width: 100% !important;
            margin: 0px;
            padding: 0px;
            border-bottom: 1px solid #e2e2e2;
            border-top: 1px solid #e2e2e2;
            padding-right: 1%;
            margin-right: -1% !important;

            .tabItems {
                .mixing(@direction);
                .floatDirection!important;
                .borderFelter;
                .Dir;
                width: auto !important;
                height: 40px !important;
                line-height: 40px;
                margin: 0px !important;
                padding: 0px;
                padding-left: 10px;
                padding-right: 10px;
                min-width: 70px !important;
                cursor: pointer;
            }
        }

        .attachments {
            width: 100% !important;
            min-height: 40px;
            /*display: none;*/
            margin: 0px;
            padding: 0px;
            clear: both;
            float: none;
            margin-top: 5px;

            img {
                margin-left: 5px;
                margin-right: 5px;
                line-height: 40px;
                margin-top: 6px;
            }
        }

        span {
            float: none;
            width: 100%;
        }

        .msgViewDetilas {
            width: 100% !important;
            height: 560px !important;
            margin: 0px !important;
            overflow-y: scroll !important;
            /*padding-top: 20px;*/
            line-height: 30px !important;

            .ReplayPnl {
                width: 100% !important;
                clear: both;
                float: none !important;
            }

            .addCommit {
                margin: 0px;
                padding: 0px;
                width: 100% !important;
                min-height: 240px;
                float: none;
            }

            .msgBody {
                width: 100%;
                border: 0px !important;
                min-height: 20px;
                padding-bottom: 20px;
                display: inherit;
                clear: both;
                display: none;
            }

            .LabMsgCopy {
                width: 100%;
                /* background: red; */
                height: 40px;
                margin: 0px;
                padding: 0px;
                line-height: 40px;
            }

            .commentTitle {
                width: 100%;
                clear: both;
                float: none;
                margin: 0px;
                padding: 0px;
                height: 40px;
                line-height: 40px;
                background: #197dbb;
                margin-top: 20px;
                color: #FFF;
            }

            .comments {
                clear: both;
                float: none;
                width: 100%;
                //   background: red;
                margin: 0px;
                padding: 0px;
                line-height: 40px;
                min-height: 40px;
                display: inline-table;
                border-bottom: 1px solid #e2e2e2;

                span {
                    width: 100%;
                }

                .commentBy {
                    width: 50%;
                    float: right;
                    // background: gray;
                    height: 40px;
                    display: block;
                    line-height: 40px;
                    .Dir;
                    .floatDirection;
                    color: #000;
                    font-size: 17px;
                    font-family: Tahoma;
                }

                .commentDate {
                    width: 47%;
                    float: left;
                    display: block;
                    .reverseDir;
                    color: #a9a9a9;
                }

                .commentsDetials {
                    width: 100%;
                    clear: both;
                    display: block;
                }
            }

            .comments:first-child {
            }
        }
    }

    .detailsMsgAdd {
        width: 82.9% !important;
        .mixing(@direction);
        float: left;
        color: #000 !important;
        /*min-height: 600px;*/
        height: 600px !important;
        overflow-y: scroll !important;
        display: inline-table !important;
        margin: 0px;
        padding: 0px;
        font-family: Tahoma;
        font-size: 15px;
        min-width: 718px !important;

        div {
            height: 40px;
            margin: 0px;
            padding: 0px;
        }

        .workPlace {
            height: 40px;
            line-height: 33px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .msgHeder {
            width: 100%;
            margin: 0px;
            padding: 0px;
            height: 0px;
            clear: both;
            float: none;
        }

        .msgSubject {
            clear: both;
            width: auto;
            //
            .floatDirection;
            margin: 0px;
            padding: 0px;
            .Dir;
            height: 40px;
            line-height: 40px;
        }

        .operationMail {
            border-top: 1px solid #e2e2e2;
            width: 100%;
            padding: 0px;
            margin: 0px;
            height: 40px !important;
            line-height: 40px !important;
            padding-right: 1%;
            margin-right: -1%;

            .msgDate {
                .mixing(@direction);
                .floatDirection;
                .borderFelter;
                .Dir;
                width: auto;
                color: #696969;
                margin: 0px;
                padding: 0px;
                padding-left: 10px;
                padding-right: 10px;
                border: 0px !important;
            }

            .itemDashBord {
                .mixing(@direction);
                .reverseDirection;
                .borderFelter;
                .Dir;
                width: auto;
                padding-left: 20px;
                padding-right: 20px;
                height: 40px;
                padding: 0px;
                margin: 0px;
                min-width: 20px;

                .dashBordBtn {
                    display: block;
                    cursor: pointer;
                    margin-top: 10px;
                    padding-left: 20px;
                    padding-right: 20px;
                }
            }
        }

        .tabMail {
            height: 40px;
            line-height: 40px;
            width: 100%;
            margin: 0px;
            padding: 0px;
            border-bottom: 1px solid #e2e2e2;
            border-top: 1px solid #e2e2e2;
            padding-right: 1%;
            margin-right: -1%;

            .tabItems {
                .mixing(@direction);
                .floatDirection;
                .borderFelter;
                .Dir;
                width: auto;
                height: 40px;
                line-height: 40px;
                margin: 0px;
                padding: 0px;
                padding-left: 10px;
                padding-right: 10px;
                min-width: 70px;
                cursor: pointer;
            }
        }

        span {
            float: none;
            width: 100%;
        }

        .msgViewDetilas {
            width: 100%;
            height: 452px;
            margin: 0px;
            overflow-y: scroll;
            /*padding-top: 20px;*/
            line-height: 30px;

            .ReplayPnl {
                width: 100%;
                clear: both;
                float: none !important;
            }

            .addCommit {
                margin: 0px;
                padding: 0px;
                width: 100% !important;
                min-height: 240px;
                float: none;

                .commentBody {
                    width: 100%;
                    height: 200px;
                    min-height: 200px;
                    display: block;

                    textarea {
                        width: 99%;
                        margin: 0px;
                        padding: 0px;
                        height: 160px;
                    }
                }
            }

            .msgBody {
                width: 100%;
                border: 0px !important;
                min-height: 20px;
                padding-bottom: 20px;
                display: inherit;
                clear: both;
                display: none;
            }

            .LabMsgCopy {
                width: 100%;
                /* background: red; */
                height: 40px;
                margin: 0px;
                padding: 0px;
                line-height: 40px;
            }

            .commentTitle {
                width: 100%;
                clear: both;
                float: none;
                margin: 0px;
                padding: 0px;
                height: 40px;
                line-height: 40px;
                background: #197dbb;
                margin-top: 20px;
                color: #FFF;
            }

            .comments {
                clear: both;
                float: none;
                width: 100%;
                //   background: red;
                margin: 0px;
                padding: 0px;
                line-height: 40px;
                min-height: 40px;
                display: inline-table;
                border-bottom: 1px solid #e2e2e2;

                span {
                    width: 100%;
                }

                .commentBy {
                    width: 50%;
                    float: right;
                    // background: gray;
                    height: 40px;
                    display: block;
                    line-height: 40px;
                    .Dir;
                    .floatDirection;
                    color: #000;
                    font-size: 17px;
                    font-family: Tahoma;
                }

                .commentDate {
                    width: 47%;
                    float: left;
                    display: block;
                    .reverseDir;
                    color: #a9a9a9;
                }

                .commentsDetials {
                    width: 100%;
                    clear: both;
                    display: block;
                }
            }

            .comments:first-child {
                /*border-top: 1px solid #e2e2e2;*/
            }
        }

        .addMail {
            width: 100%;
            min-height: 40px;
            display: inherit;

            div {
                width: 31%;
                height: 50px;
                padding: 0px;
                margin-bottom: 15px;
                .mixing(@direction);
                .floatDirection;
                .marginsInbox;
            }

            .divPersons {
                width: 100% !important;
                float: none;
                clear: both;
                border: 1px solid #d8d8d8;
            }
        }
    }
}

.activeRow {
    background: rgb(178, 178, 178,0.5) !important;
    color: #FFF !important;
    //   background: #f00;
}

.LoadMore {
    width: 100% !important;
    height: 30px !important;
    min-width: 150px !important;

    a {
        width: 50% !important;
    }
}

.firstPrev {
    width: 46% !important;
    min-width: 100px !important;
    .mixing(@direction);
    .floatDirection;
    height: 30px !important;
    //   float: right !important;
}

.nextLast {
    .mixing(@direction);
    .reverseDirection;
    width: 46% !important;
    min-width: 100px !important;
    height: 30px !important;
}

.MailCount {
    width: auto !important;
    color: red !important;
    margin-top: 0 !important;
    .mixing(@direction);
    .reverseDirection;
}

.activeTreeNode {
    color: #656565;
    text-decoration: none;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 16px;
    background: #CCC;
    width: 96% !important;
    .mixing(@direction);
    .floatDirection;
}

.SeeMore {
    width: 100%;
    display: block;
    padding: 0px;
    line-height: 30px;
    /*clear: both;*/
    text-decoration: none;
    text-align: center;
    float: right;
    margin: 0 auto;
    color: #000;
    font-family: Tahoma;
    font-size: 16px;
}

.RadCalendarPopup {
    z-index: 555555555 !important;
}

.toolTipCC {
    position: absolute;
    z-index: 999;
    min-height: 40px !important;
    background: #FFF;
    display: none;
    width: 60.5% !important;
    min-width: 718px !important;
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;
    clear: both;
    border: 1px solid #CCC;
    margin-right: -0.7% !important;
    background: #ECECEC;
    left: 35px;

    ul {
        margin: 0px;
        padding: 0px;
        clear: both;
        float: none;
    }

    .LabMsgCopy {
        width: auto !important;
        /* display: block; */
        border: 1px solid #ADACAC;
        float: right;
        display: inline-flex;
        margin: 5px;
        margin-left: 1px;
        height: 40px;
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 5px;

        span {
            margin: 0px !important;
            padding-right: 4px;
            padding-left: 4px;
        }
    }
}

#divAllAttachments {
    width: 100% !important;
    left: 0 !important;
}

.operationMail {
    border-top: 1px solid #e2e2e2;
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 40px !important;
    line-height: 40px !important;
    padding-right: 1%;
    margin-right: -1%;

    .msgDate {
        .mixing(@direction);
        .floatDirection;
        .borderFelter;
        .Dir;
        width: auto;
        color: #696969;
        margin: 0px;
        padding: 0px;
        padding-left: 10px;
        padding-right: 10px;
        border: 0px !important;
        margin-right: 322px !important;
    }

    .itemDashBord {
        .mixing(@direction);
        .reverseDirection;
        .borderFelter;
        .Dir;
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        height: 40px;
        padding: 0px;
        margin: 0px;
        min-width: 20px;

        .dashBordBtn {
            display: block;
            cursor: pointer;
            margin-top: 10px;
            padding-left: 20px;
            padding-right: 20px;
        }

        a {
            width: 102px !important;
            margin-top: 0 !important;

            img {
                padding: 0 !important;
                padding-left: 10px !important;
                .mixing(@direction);
                .floatDirection;
            }
        }
    }
}

.divPersons {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    border: 1px solid #d8d8d8 !important;
    height: 40px !important;
}

.commentBody {
    width: 97% !important;
    height: 200px !important;
    min-height: 200px !important;
    display: block !important;

    textarea {
        width: 99% !important;
        margin: 0px !important;
        padding: 0px !important;
        height: 160px !important;
    }
}

.addMail {
    width: 100% !important;
    min-height: 40px !important;
    display: inherit !important;

    div {
        float: right;
        width: 31.2% !important;
        /*height: 50px!important;*/
        margin: 0 !important;
        padding: 0 !important;
        margin-right: 2% !important;
        margin-bottom: 15px !important;
        min-width: 340px !important;

        input[type='image'] {
            margin-right: 20px !important;
        }

        input[type='submit'] {
            margin: 0 !important;
        }
    }
}

.RadComboBox {
    width: 98% !important;
    margin: 0px !important;
    padding: 0px !important;
    /*height: 30px !important;*/
    height: 21px !important;
}

.RadAjaxPanel {
    margin: 0px !important;

    div {
        margin: 0px !important;
    }
}

.headerTitle {
    .mixing(@direction);
    .floatDirection;
}

.MailsCount {
    .mixing(@direction);
    .inversFloat;
}

.options .listMsg div .Search a {
    width: 41px !important;
    min-width: 41px !important;
}

.rcTable {
    border: 1px solid #ccc !important;
}

#ContentPlaceHolder1_ctl00_DivSendDate span {
    .mixing(@direction);
    .floatDirection;

    .RadPicker {
        width: 93% !important;
    }
}

#ContentPlaceHolder1_ctl00_DivRecieveDate span {
    .mixing(@direction);
    .floatDirection;

    .RadPicker {
        width: 93% !important;
    }
}

.operationMail .itemDashBord a {
    color: #000 !important;
    text-decoration: none !important;
}

.mainDiv {
    position: relative;
    z-index: 999999;
    .mixing(@direction);
    .inversFloat;
    margin-top: -35px !important;

    .drobhe {
        clear: both;
        width: 330px !important;
        width: 230px;
        height: 340px;
        position: absolute;
        margin-top: 35px;
        background: #fff;
        padding: 0;
        box-shadow: 0px 0px 15px #7A7A7A;
        color: #000;
        list-style: none;
        .mixing(@direction);
        .absoluteDir;

        img {
            margin: 0;
            margin-top: -5px;
            .mixing(@direction);
            .arrowNotify;
        }

        .dropDownSetting {
            height: 35px;
            width: 100%;
        }

        .langLi {
            height: 85px;
            width: 100%;

            .lang {
                font-size: 13px;
                .mixing(@direction);
                .settingsDir;
            }

            .flagLang {
                .mixing(@direction);
                .floatDirection;
                width: 50px;
                padding: 0px !important;
                margin-top: 10px;
            }
        }

        .logoutLi {
            height: 40px;
            width: 100%;

            p {
                padding: 0;

                a {
                    margin: 0;
                    .mixing(@direction);
                    .floatDirection;
                }
            }
        }

        .ColorLi {
            height: 65px;
            width: 100%;
        }

        li {
            clear: both;
            height: 67px;
            margin: 0;
            /*border-bottom: 1px solid #d8d8d8;*/
            border-bottom: 1px solid @controlTheme;

            div {
                a {
                    color: #000;
                }

                img {
                    width: 50px;
                    height: 50px;
                    margin: 0 auto;
                    border-radius: 30px;
                    margin-top: 10px;
                    .mixing(@direction);
                    .floatDirection;
                }
            }

            img {
                width: 50px;
                height: 50px;
                border-radius: 10px;
                margin: 5px 5px 0 5px !important;
                .mixing(@direction);
                .floatDirection;
            }
        }

        .notifyName, .notifyText {
            padding: 0 !important;
            margin: 0;
            line-height: 25px;
            font-size: 15px;
            .mixing(@direction);
            .floatDirection;
            .textAlign;
        }
    }
}

.notifyText {
    color: #686868;
    line-height: 17px !important;
    width: 77%;
    height: 31px;
    font-size: 13px !important;
}

.notifyName {
    color: @controlTheme !important;
    font-weight: bold !important;
    width: 73%;
    margin: 6px 0 0 0 !important;
    line-height: 21px !important;
    .mixing(@direction);
    .settingsDir;
}

.loadMoreLink {
    .mixing(@direction);
    .floatDirection;
    width: 100% !important;
    line-height: 25px !important;
    margin: 0 !important;
    text-align: center;
    cursor: pointer;
    color: @controlTheme;
}

.LoadMore {
    margin: 0 auto !important;
}

.LoadMoreLi {
    height: 30px !important;
}

.UnRead {
    background: #fdebd9;
}

.notifyCount {
    display: block !important;
    height: 14px !important;
    width: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f37800 !important;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    color: #fff !important;
    text-decoration: none !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -3px !important;
    font-size: 12px;
    text-align: center;
    right: 0;
}

#notifyDiv {
    position: relative;
    display: block;
}

.UploadStatus, .FailedStatus {
    color: #000 !important;
    .mixing(@direction);
    .MarginUploadStatus;
}

.popuptitle {
    display: block !important;
    text-align: center !important;
    height: 100% !important;
}

body {
    .mixing(@direction);
    .BodyDir;
}

.addIcon {
    .mixing(@direction);
    .PopUpClose;
}

.titlePop {
    margin: 0;
    width: 200px;
}

#ContentPlaceHolder1_GridView2 {
    .grid;
}

#ContentPlaceHolder1_btnSaveComment {
    width: 95%;
    margin-right: 0;
    padding: 0px;
    clear: both;
    margin-top: 0;
    height: auto;
    background: #229f00;
    float: left;
    margin-right: 0;
    width: 45.45%;
    .mixspace(@direction);
    .floatDirection;
    .margins;
    margin: 0;
}

#ContentPlaceHolder1_txtbookNotes1 {
    width: 100%;
}

#ContentPlaceHolder1_GridView3 {
    .grid;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 0;
    width: 100% !important;
    margin: auto;
}

#ctl00_ContentPlaceHolder1_RadGrid1_ctl00 {
    .grid;
}
/*
#ContentPlaceHolder1_Button1 {
    background: #229f00;
    float: left;
    margin-right: 0;
    width: 45.45%;
    float: right;
    margin: 0;
    height: 30px;
    border: none;
    color: #fff;
    font-family: Tahoma;
    font-size: 15px;
    direction: rtl;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    -webkit-appearance: push-button;
    -webkit-user-select: none;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    font: 13.3333px Arial;
}
    */

.controlBtn {
    background-image: none !important;
    background: @controlTheme !important;
    width: 90px;
    height: 30px;
    float: right;
    color: #fff;
    font-family: Tahoma !important;
    font-size: 15px;
    text-align: center;
    cursor: default;
    -webkit-appearance: push-button;
    -webkit-user-select: none;
    white-space: pre;
    font: 13px;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: middle !important;
}

.controlBtn_hover_mixing {
    opacity: 0.8;
    cursor: pointer;
}

#ctl00_ContentPlaceHolder1_RadButton2_input {
    .controlBtn;
    background-color: #50c330 !important;
}

#ctl00_ContentPlaceHolder1_RadButton2_input:hover {
    .controlBtn_hover_mixing;
    background-color: #50c330 !important;
}

#ctl00_ContentPlaceHolder1_RadButton1_input {
    .controlBtn;
}

#ctl00_ContentPlaceHolder1_RadButton1_input:hover {
    .controlBtn_hover_mixing;
}

#ctl00_ContentPlaceHolder1_RadButton3_input {
    .controlBtn;
    background-color: #FD9127 !important;
    width: 65px !important;
}

#ctl00_ContentPlaceHolder1_RadButton3_input:hover {
    .controlBtn_hover_mixing;
    background-color: #FD9127 !important;
    width: 65px !important;
}

#ctl00_ContentPlaceHolder1_RadButton4_input {
    .controlBtn;
    background-color: @controlTheme !important;
    width: 65px !important;
}

#ctl00_ContentPlaceHolder1_RadButton4_input:hover {
    .controlBtn_hover_mixing;
    background-color: @controlTheme !important;
    width: 65px !important;
}

.rgHeader {
    .gridLabel;
    color: #fff !important;
    height: 20px !important;
}

.mailSection {
    float: right;
    width: 38%;
    height: 100%;
    border-left: 1px dashed @controlTheme;
    padding-left: 1%;
}

#ContentPlaceHolder1_btnSaveComment {
    .controlBtn;
    background-color: #50c330 !important;
}

#ContentPlaceHolder1_btnSaveComment, #ContentPlaceHolder1_btnSaveComment2 {
    .controlBtn;
    background-color: #50c330 !important;
}

#ContentPlaceHolder1_btnAdd {
    .controlBtn;
    background-color: @controlTheme !important;
    height: 22px !important;
    width: 50px !important;
}

#ContentPlaceHolder1_GridView3_Delete0_0 {
    .controlBtn;
    background-color: #af2626 !important;
    height: 22px !important;
    width: 50px !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .2rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-primary {
    color: #fff;
    background-color:@controlTheme;
    border-color: @controlTheme;
   
}