@font-face {
    font-family: 'B Yekan';
    src: url('../fonts/Yekan.eot?#') format('eot'),url('../fonts/Yekan.woff') format('woff'),url('../fonts/Yekan.ttf') format('truetype');
}

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?95783895');
    src: url('../fonts/fontello.eot?95783895#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?95783895') format('woff2'), url('../fonts/fontello.woff?95783895') format('woff'), url('../fonts/fontello.ttf?95783895') format('truetype'), url('../fonts/fontello.svg?95783895#fontello') format('svg');
}

.icon-mail-squared:before {
    content: '\e800';
}
/* '' */
.icon-signup:before {
    content: '\e801';
}
/* '' */
.icon-th:before {
    content: '\e802';
}
/* '' */
.icon-th-list:before {
    content: '\e803';
}
/* '' */
.icon-home:before {
    content: '\e804';
}
/* '' */
.icon-phone-squared:before {
    content: '\e805';
}
/* '' */
.icon-clock:before {
    content: '\e806';
}
/* '' */
.icon-angle-left:before {
    content: '\e807';
}
/* '' */
.icon-angle-down:before {
    content: '\e808';
}
/* '' */
.icon-angle-circled-left:before {
    content: '\e809';
}
/* '' */
.icon-book:before {
    content: '\e80a';
}
/* '' */
.icon-circle-empty:before {
    content: '\e80b';
}
/* '' */
.icon-ticket:before {
    content: '\e80c';
}
/* '' */
.icon-dollar:before {
    content: '\e80d';
}
/* '' */
.icon-cancel:before {
    content: '\e80e';
}
/* '' */
.icon-help:before {
    content: '\e80f';
}
/* '' */
.icon-gt:before {
    content: '\e810';
}
/* '' */
.icon-save:before {
    content: '\e811';
}
/* '' */
.icon-location:before {
    content: '\e812';
}
/* '' */
.icon-arrows-cw:before {
    content: '\e813';
}
/* '' */
.icon-basket:before {
    content: '\e814';
}
/* '' */
.icon-menu:before {
    content: '\e815';
}
/* '' */
.icon-login:before {
    content: '\e816';
}
/* '' */
.icon-logout:before {
    content: '\e817';
}
/* '' */
.icon-search:before {
    content: '\e818';
}
/* '' */
.icon-card:before {
    content: '\e819';
}
/* '' */
.icon-user:before {
    content: '\e81a';
}
/* '' */
.icon-warning-empty:before {
    content: '\e81b';
}
/* '' */
.icon-chart-pie:before {
    content: '\f200';
}
/* '' */

i {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    vertical-align: middle;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}

    table table {
        margin: 0;
    }

th, td {
    vertical-align: middle;
    padding: 5px;
}

p {
    margin: 0;
}

h4, h5, h3, h2, h1 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: 'B Yekan';
}

.Right {
    text-align: right !important;
}

.Left {
    text-align: left !important;
}

.Center {
    text-align: center !important;
}

.LtrTD {
    direction: ltr;
}

.DivRight table {
    margin-right: 0 !important;
}

body {
    font-family: 'B Yekan';
    font-size: 13px;
    margin: 0;
    line-height: 22px;
    width: 100%;
    background-color: #eaeaea;
}
/*----------------------------------------------------------------- B O X E S   M a i n  S t y l e s  -----------------------------------------------------------------------*/

.BTitle, .BTitle a, .BATitle a, .BATitle a:hover, .BTitle a:hover {
    text-align: right;
}

.BTitle, .BATitle {
    padding: 4px;
}

.Box {
}

.BContent, .BAContent {
    direction: rtl;
}

.DayImage {
    width: 190px;
}
/*----------------------------------------------------------------- C o n t r o l s  M a i n  S t y l e s -----------------------------------------------------------------------*/
a {
    color: black;
    text-decoration: none;
}

    a:hover {
    }

.Btn, .BtnBlue, .BtnSilver, .BtnRed, .BtnGreen, .BtnOrange {
    font: 13px 'B Yekan';
    padding: 3px 10px;
    border: 1px solid #666666;
    color: white;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

    .Btn:hover, .BtnBlue:hover, .BtnSilver:hover, .BtnRed:hover, .BtnGreen:hover, .BtnOrange:hover {
        background: none;
    }

.Btn {
    color: black;
    background: linear-gradient(to bottom, #fffa02 0%,#ffd901 100%,#ffd902 100%); /* W3C */
    border-color: #FFC802;
}

    .Btn:hover {
        background-color: #ffd902;
    }



.BtnRed {
    border-color: #910502;
    color: white;
    background: linear-gradient(to bottom, #ea1d19 0%,#b70603 100%); /* W3C */
}

    .BtnRed:hover {
        border-color: #910502;
        background-color: #B70603;
        color: white;
    }

.BtnSilver {
    color: #252525 !important;
    background: linear-gradient(to bottom, #efefef 0%,#c6c6c6 100%); /* W3C */
}

    .BtnSilver:hover {
        background-color: #CCCCCC;
        color: #252525;
    }

    .BtnSilver:disabled {
        background: none;
        background-color: red;
    }

.BtnBlue {
    background: linear-gradient(to bottom, #158aff 0%,#0b7ef1 44%,#126eca 100%); /* W3C */
}

    .BtnBlue:hover {
        background-color: #0064C9;
        color: White;
    }

.BtnGreen {
    background: linear-gradient(to bottom, #32ea00 0%,#29bf00 100%); /* W3C */
    border-color: #239D00;
}

    .BtnGreen:hover {
        background-color: #27AE00;
    }

.BtnOrange {
    background: linear-gradient(to bottom, #FFBC05 0%,#FFA705 100%); /* W3C */
    border-color: #FF8A05;
}

    .BtnOrange:hover {
        background-color: #FF9605;
    }

button:disabled {
    background: silver !important;
    border-color: #999 !important;
    color: gray !important;
    cursor: default !important;
}

/*.BoxTB, .MainTB {
    border: 1px solid #252525;
    font-family: Tahoma;
    padding: 2px;
    width: 160px;
    color: #000000;
    font-size: 12px;
}

.MainTB {
    width: 243px;
}*/
input:not([type=checkbox]):not([type=submit]), select, .InnerVal, textarea {
    border-radius: 3px;
    padding: 2px 5px;
    border: 1px solid silver;
    border-right-width: 5px;
    width: 250px;
    line-height: 25px;
    font-family: 'B Yekan';
}

.TBEmpty {
    border-color: Maroon;
    background-color: #FFFF8A;
}

select {
    font-family: 'B Yekan';
}

.TimeDDL {
    width: 45px !important;
}

.DayDDL {
    width: 111px !important;
}

.RFV {
    color: Red;
    font-size: 12px;
}

.InfoLabel {
}

.MainDiv {
    margin: 0 auto;
    text-align: center;
}



.LogoTD {
    padding: 10px;
    width: 286px;
}

.MenuTD {
    width: 704px;
    text-align: right;
    direction: rtl;
}

    .MenuTD .Box:first-child .BContent td {
        padding: 2px 5px;
    }

    .MenuTD .Box:last-child .BContent {
        background-color: rgba(255, 255, 255, 0.16);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px 0;
    }
/*--------------------------------------------------------------------- T O P*/
.Top {
    background-color: #9e0039;
}

.TopDiv {
    width: 990px;
    text-align: right;
    padding: 4px;
    display: table;
    margin: 0 auto;
}

    .TopDiv > div {
        display: table-cell;
        vertical-align: middle;
    }

.TopCenterTD > div:not(:first-child) {
    border-top: 1px solid #000641;
    color: #f0f0f0;
}

.SDateTime {
    font-family: Verdana;
    font-size: 11px;
}
/*--------------------------------------------------------------------- H E A D E R*/
.Header {
    margin: 0 auto;
}

.HeaderTD {
    margin: 0 auto;
}

.SlideShadow {
    /*box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    height: 20px;
    position: relative;
    margin-left: -10px;*/
}

.HeaderTD .BATitle {
    background-color: white;
    color: silver;
    font-family: 'B Yekan';
    font-size: 15px;
    padding: 10px 0;
}

.HeaderTD .BAContent {
    position: relative;
    overflow: hidden;
}
/*------------------------------------------------------------------------- C O N T E N T-------------------------------*/
.Content {
    text-align: center;
}

    .Content ul {
        list-style-type: none;
        padding: 0;
        text-align: center;
    }

    .Content li {
        display: inline-table;
        padding: 0;
        vertical-align: top;
        margin: 5px;
    }

#ConcertInfo {
    max-width: 990px;
}

    #ConcertInfo li {
        width: 488px;
        margin: 0;
    }

        #ConcertInfo li > div > div {
            display: table-cell;
        }

        #ConcertInfo li > div:last-child {
            text-align: justify;
        }
        #ConcertInfo li:nth-child(n+3) {
            width: 100%;
        }
    #ConcertInfo h2 {
        font-size: 16px;
    }

.ULConcerts li {
    margin: 5px;
    position: relative;
}

    .ULConcerts li h3 {
        margin: 5px;
        font-size: 13px;
        font-weight: normal;
    }

    .ULConcerts li h4 {
        font-size: 13px;
        font-weight: normal;
    }

    .ULConcerts li > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .ULConcerts li:hover {
        background-color: #f0f0f0;
    }


    .ULConcerts li div a {
        border: 1px solid #eaeaea;
        color: #eaeaea;
        transition: all 300ms;
        position: relative;
        display: inline-block;
        z-index: 2;
        padding: 8px 10px;
    }

        .ULConcerts li div a i {
            margin-right: 10px;
        }

        .ULConcerts li div a:hover {
            border: 1px solid black;
            color: white;
            transition: all 300ms;
            background-color: #de004d;
        }

            .ULConcerts li div a[disabled=disabled], .ULConcerts li div a:hover[disabled=disabled] {
                border: 1px solid #666666;
                color: #666666;
                background-color: transparent;
            }

    .ULConcerts li img {
        width: 250px;
        height: 350px;
        border: 1px solid black;
    }



.ULConcerts div i {
    margin-left: 5px;
}

.ULConcerts h4 i {
    width: 15px;
}

.Vertical a i {
    width: 0;
}

.Vertical h4 {
    color: #e5e5e5;
}

.Vertical h3 {
    display: none;
}

.Vertical h2 {
    color: white;
    margin: 5px;
    font-size: 15px;
}

.Vertical div:nth-child(n+3) {
    text-align: right;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    bottom: 0;
}

.Vertical li:hover > div:nth-child(4) {
    display: block;
    text-align: left;
}

.Vertical li > div:nth-child(4) > a, .Vertical li > div:nth-child(4) > div {
    margin: 0 6px 6px;
}



.Vertical li > div:nth-child(4) > div {
    text-align: right;
}

.Vertical li:hover > div:nth-child(3) {
    bottom: 99px;
}

.Vertical li div a {
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

.Vertical li > div:nth-child(4) {
    display: none;
}

.Horizon li {
    display: block;
    text-align: right;
    height: 198px;
    padding: 4px;
    color: gray;
    border: 1px solid #e0e0e0;
    border-color: transparent transparent #e0e0e0;
    padding: 20px;
    margin: 0;
}

    .Horizon li:first-child:hover {
        border-color: #e0e0e0;
    }

    .Horizon li:hover {
        border-color: transparent #e0e0e0 #e0e0e0;
    }

    .Horizon li > div:nth-child(-n+3) {
        display: table-cell !important;
        vertical-align: top;
    }

    .Horizon li > div:nth-child(3) > div:nth-child(3) {
        margin-top: 50px;
    }

    .Horizon li > div:nth-child(4) {
        display: block;
        vertical-align: top;
        margin-top: -40px;
        height: 44px;
        position: relative;
    }

        .Horizon li > div:nth-child(4) > a {
            float: left;
        }

        .Horizon li > div:nth-child(4) > div {
            float: right;
            margin-right: 157px;
        }


    .Horizon li div a {
        border: 1px solid silver;
        color: gray;
    }

        .Horizon li div a i:after {
            content: '';
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            z-index: -1;
            width: 39px;
            background-color: #de004d;
        }

        .Horizon li div a i {
            color: white;
            margin-left: 4px;
            margin-right: 28px;
            font-size: 20px;
        }

        .Horizon li div a[disabled=disabled], .Horizon li div a:hover[disabled=disabled] {
            border: 1px solid #e0e0e0;
            color: #e0e0e0;
            background-color: transparent;
        }

            .Horizon li div a[disabled=disabled] i:after {
                background-color: #e0e0e0;
            }

    .Horizon li img {
        width: 140px;
        height: 196px;
        margin-left: 10px;
    }


.Lists {
    height: 16px;
}

    .Lists > div {
        height: 26px;
        width: 26px;
        float: left;
        cursor: pointer;
        background-color: #ccc;
        transition: all 300ms;
    }

        .Lists > div:last-child {
            background-position: -26px -26px;
        }

        .Lists > div:hover {
            box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);
            transition: all 300ms;
        }

        .Lists > div:last-child:hover {
            background-position: left -26px;
        }

        .Lists > div:first-child:hover {
            background-position: left top;
        }

        .Lists > div.Selected, .Lists > div.Selected:hover {
            background-color: #de004d;
            background-position: right top;
            cursor: default;
            transition: all 300ms;
            color: white;
        }

        .Lists > div:last-child.Selected, .Lists > div:last-child.Selected:hover {
            background-position: right -26px;
        }

    .Lists i {
        font-size: 19px;
        line-height: 27px;
        width: 26px;
        color: #999999;
        transition: all 300ms;
    }

        .Lists i:hover {
            color: #333333;
            transition: all 300ms;
        }

    .Lists .Selected i {
        color: white;
        transition: all 300ms;
    }

.ContentDiv {
    margin: 0 auto;
    display: table;
    width: 990px;
}

    .ContentDiv > div {
        display: table-cell;
        vertical-align: top;
    }

.ContentTD {
    direction: rtl;
    background-color: #f5f5f5;
    padding: 5px;
}

.Content h1, .Content .BTitle h2 {
    font-size: 22px;
    background-image: url('../Images/MT.png');
    background-position: right center;
    background-repeat: no-repeat;
    color: #de004d;
    padding: 5px 49px 7px 0;
    border-bottom: 4px solid #e0e0e0;
}

.Content .Box {
}

/*.Content .BTitle, .Content .BATitle {
    padding: 5px 5px 7px !important;
    color: white;
    border-bottom: 1px solid white;
    text-align: right;
    margin-bottom: 10px;
}*/

.Content .BContent, .Content .BAContent {
    text-align: justify;
    color: #333333;
}

    .Content .BContent > div, .Content .BAContent > div {
        /*padding: 5px;*/
    }

.Content a, .Content a:hover {
    color: #9e0039;
    cursor: pointer;
}

/*RightMenu*/
.LeftTD {
    width: 190px !important;
    padding-right: 5px;
    direction: rtl;
}

    .LeftTD a {
        font-family: 'B Yekan';
        font-size: 13px;
        color: white;
    }

    .LeftTD .BTitle, .LeftTD .BATitle {
        padding: 0 5px 8px 0;
        color: white;
    }

    .LeftTD .BATitle {
        background-color: yellow;
    }

        .LeftTD .BATitle a {
            color: black;
        }

    .LeftTD img {
        margin-bottom: 5px;
    }

.ProductMenu, .CategoryMenu {
    padding: 5px;
    text-align: right;
}

.CategoryMenu {
    background-color: rgba(3, 110, 220, 0.40);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
}

.ProductMenu {
    margin: 5px 20px 5px 5px;
    color: #959595;
}

    .ProductMenu:hover {
        background-color: rgba(149, 149, 149, 0.44);
        color: white;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


.BookMark, .HomePage {
    background-image: url('../Images/BookMark.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 25px;
}

.HomePage {
    background-image: url('../Images/HomePage.png');
}
/* --------------------------------------------------------------------------------------------- L O G I N-------------------------*/
.MemberMenu {
    display: table;
    width: 990px;
    margin: 0 auto;
    padding: 5px;
}

    .MemberMenu a {
        padding: 5px 10px;
        color: gray;
        display: block;
        float: right;
        margin-left: 10px;
    }

        .MemberMenu a:hover {
            background-color: #ff9b08;
            color: black;
        }



.StudentImage {
    border: 1px solid black !important;
    width: 200px;
}

.StudentThumbImage {
    border: 1px solid #660033 !important;
    width: 70px !important;
    height: 70px !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.LNDiv, .LGDiv {
    font-family: 'B Yekan';
    font-size: 13px;
}

.LNDiv {
    color: white;
}

.LMDiv {
    padding: 5px;
    height: 18px;
    text-align: center;
}

.LSDiv {
    background-color: brown;
}

    .LSDiv > div {
        display: table-cell;
        vertical-align: top;
    }

        .LSDiv > div:first-child > div {
            margin-left: 5px;
        }
/*------------------------------------------------------------------------------------------ G A L L E R Y  -------------------*/

.ULGallery {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .ULGallery li {
        display: inline-table;
        margin: 10px;
        padding: 0;
        vertical-align: top;
    }

        .ULGallery li a:first-child div {
            width: 160px;
            height: 160px;
            background-position: center center;
            background-repeat: no-repeat;
            border: 1px solid black;
        }


        .ULGallery li > div {
            width: 160px;
        }

        .ULGallery li div a {
            padding: 5px;
            text-align: justify;
            display: block;
        }
/*Products*/
.ProductsTable {
    border-spacing: 10px;
    border-collapse: separate;
}

.ProductsImage {
    width: 174px;
    height: 174px;
    border: 1px solid gray;
}

.DescLinkTD {
    background-image: url('../Images/ProductsDetailsBG.png');
    background-position: 80% center;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.DescLink {
    background-color: #959595;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px 5px;
    display: inline-block;
    color: white;
}

    .DescLink:hover {
        background-color: #036edc;
    }

.PDTable {
    width: 100%;
}

    .PDTable h3 {
        background-color: #959595;
        color: white;
        padding: 2px 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.PDGallery {
    width: 240px;
}

    .PDGallery li img {
        cursor: pointer;
    }

    .PDGallery .ProductsImage {
    }

        .PDGallery .ProductsImage img {
            width: 238px;
            height: 238px;
        }

.PDText table {
    margin: 0 !important;
}
/*----------------------------------------------------------------------------------BOTTOM*/
.Bottom {
    background-color: white;
    padding-bottom: 8px;
    border-top: 1px solid #eaeaea;
}

    .Bottom h2 {
        color: gray;
        font-size: 15px;
    }

    .Bottom input[type=text] {
        width: 230px;
        background-color: transparent;
        border: none;
        font-size: 15px;
        line-height: 22px;
        padding: 0 2px;
        text-align: left;
        float: right;
        direction: ltr;
        color: gray;
        letter-spacing: 1px;
    }

.BottomDiv {
    width: 990px;
    margin: 5px auto;
}

    .BottomDiv > div {
        display: table-cell;
        width: 330px;
        vertical-align: top;
    }

        .BottomDiv > div:not(:last-child) {
            border-right: 1px solid #eaeaea;
        }

    .BottomDiv a {
        color: #de004d;
    }



    .BottomDiv .Box {
        padding: 5px;
    }

    .BottomDiv .BTitle {
        border-bottom: 1px solid #eaeaea;
    }

    .BottomDiv .BContent > div:not(.LoadingBox) > div {
        padding: 5px;
        text-align: right;
    }


    .BottomDiv .CPRDiv {
        font-family: Verdana;
        font-size: 11px;
        direction: ltr;
    }

        .BottomDiv .CPRDiv > div:first-child {
            padding: 5px 0;
        }

.DTracking {
    border: 1px solid #e0e0e0;
    background-color: #f5f5f5;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    height: 22px;
}

.BottomDiv a[onclick] {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    cursor: pointer;
    display: table;
    padding: 5px;
    margin: 0 auto;
}

    .BottomDiv a[onclick]:hover {
        border: 1px solid black;
        background-color: #de004d;
        color: white;
    }

.DTracking button {
    padding: 0 5px;
    border: none;
    position: absolute;
    background-color: #eaeaea;
    height: 32px;
    left: 0;
    top: 0;
    font-family: 'B Yekan';
    font-size: 11px;
    color: gray;
    cursor: pointer;
    width: 68px;
}

    .DTracking button:hover {
        background-color: #de004d;
        color: white;
    }

.DTracking i {
    font-size: 20px;
}
/*Footer*/
.Footer {
    background-color: white;
    padding-bottom: 8px;
}

    .Footer a {
        color: #de004d;
    }

.FooterTD {
    height: 220px;
    font-family: Verdana;
    vertical-align: bottom;
    color: gray;
}
/*----------------------------------------------------------------------------------------SiteMap*/

.SMMDiv {
    padding: 4px 0 4px 4px;
    margin: 0 !important;
    font-family: 'B Yekan';
    font-size: 13px;
    text-align: right;
    border-bottom: 1px solid #c2c2c2;
    background-color: red;
}

.SMDiv {
    color: #036edc;
    padding: 2px 5px 5px 5px;
}

    .SMDiv a {
        color: black;
        font-size: 13px;
    }

        .SMDiv a:hover {
            text-decoration: none;
        }

.SMPath {
    color: black;
    font-size: 13px;
    font-family: Arial;
}

.SMTRoot {
    color: #ffffff;
}

.SMTParent {
    color: #ffffff;
}

.SMTLeaf {
    color: #036edc;
}
/*Header Menu*/
/*#cm-nav li a.arrow {background-image: url(arrow-right.gif)}

#cm-nav > li > a.arrow {background-image: url(arrow-down.gif)}*/
#cm-nav .linkClass {
    background-color: #6d451a;
    border-left-width: 0;
    text-align: center;
    color: white;
}

    #cm-nav .linkClass:focus {
        background-color: Red !important;
    }

    #cm-nav .linkClass:hover {
        color: #f3dc9c;
        background: #8d2500 !important;
    }

ul#cm-nav, ul#cm-nav ul {
    list-style-type: none;
    margin: 0px;
    list-style-image: none;
    padding: 0px;
    direction: rtl;
    display: table;
}

    ul#cm-nav ul {
        padding: 0px;
    }

    ul#cm-nav li {
        position: relative;
        list-style-type: none;
        margin: 0px;
        width: auto;
        float: right;
        list-style-image: none;
        z-index: 9997;
    }

        ul#cm-nav li li {
            width: auto;
            float: none;
            background-image: none;
            padding: 0px;
            margin: 0px;
        }

#cm-nav a {
    text-align: center;
    display: block;
    font-family: 'B Yekan';
    white-space: nowrap;
    color: white;
    font-size: 13px;
    text-decoration: none;
    line-height: 26px;
    border-bottom: 2px solid transparent;
}

#cm-nav li:hover > a {
    background-color: #000641;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#cm-nav a:focus {
}

#cm-nav a.no-click {
    cursor: default;
}

#cm-nav li a {
    margin: 0px 5px;
    padding: 2px 10px;
}

    #cm-nav li a:hover {
    }

#cm-nav li li a {
    margin: 0px;
    background-image: none;
}

#cm-nav > li > a.arrow {
    padding: 5px;
}

#cm-nav ul.arrow-pad > li > a {
    padding: 5px 20px;
    background-image: none;
}

#cm-nav li a.arrow, #cm-nav > li > a.arrow {
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#cm-nav li ul, #cm-nav li:hover ul ul, #cm-nav li:hover ul ul ul, #cm-nav li:hover ul ul ul ul, #cm-nav li:hover ul ul ul ul ul, #cm-nav li:hover ul ul ul ul ul ul, #cm-nav li:hover ul ul ul ul ul ul ul, #cm-nav li:hover ul ul ul ul ul ul ul ul {
    z-index: 999;
    position: absolute;
    display: none;
    background-image: none;
}

#cm-nav li:hover ul {
    display: block;
}

#cm-nav li li:hover ul, #cm-nav li li li:hover ul, #cm-nav li li li li:hover ul, #cm-nav li li li li li:hover ul, #cm-nav li li li li li li:hover ul, #cm-nav li li li li li li li:hover ul {
    display: block;
    margin-right: 100%;
}

#cm-nav li:hover ul {
    margin: 0px;
    background-image: none;
}

#cm-nav ul ul {
    top: 0px;
    right: 0px;
    background-image: none;
}

#cm-nav li {
    top: 0px;
    background-image: none;
}
/*Vertical Menu*/

#cm-nav-ver li a.arrow {
    background-image: url(../Images/arrow.png);
}



ul#cm-nav-ver, ul#cm-nav-ver ul {
    list-style-type: none;
    margin: 0px;
    list-style-image: none;
    color: #000;
    padding: 0px;
}

    ul#cm-nav-ver li {
        width: 100%;
        position: relative;
        list-style-type: none;
        margin: auto;
        list-style-image: none;
        padding: 0px;
    }

        ul#cm-nav-ver li li {
            width: 200px;
            float: none;
        }

#cm-nav-ver a {
    text-align: right;
    display: block;
    white-space: nowrap;
    padding: 4px 25px 7px 5px;
    margin: auto;
    color: black;
    font-size: 11px;
    text-decoration: none;
    background-image: url(../Images/arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid white;
}

    #cm-nav-ver a:focus {
    }

    #cm-nav-ver a.no-click {
        cursor: default;
    }

#cm-nav-ver > li > a, #cm-nav-ver > li > a.arrow {
    padding-left: 4px;
}

.arrow-pad#cm-nav-ver > li > a, #cm-nav-ver ul.arrow-pad > li > a {
    padding-left: 11px;
}

#cm-nav-ver li a.arrow, #cm-nav-ver > li > a.arrow {
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#cm-nav-ver li:hover > a {
    background-color: #ff9b08;
    color: white;
    background-image: url(../Images/arrow-White.png);
}

#cm-nav-ver li ul, #cm-nav-ver li:hover ul ul, #cm-nav-ver li:hover ul ul ul, #cm-nav-ver li:hover ul ul ul ul, #cm-nav-ver li:hover ul ul ul ul ul, #cm-nav-ver li:hover ul ul ul ul ul ul, #cm-nav-ver li:hover ul ul ul ul ul ul ul, #cm-nav-ver li:hover ul ul ul ul ul ul ul ul {
    z-index: 999;
    position: absolute;
    display: none;
}

#cm-nav-ver li:hover ul, #cm-nav-ver li li:hover ul, #cm-nav-ver li li li:hover ul, #cm-nav-ver li li li li:hover ul, #cm-nav-ver li li li li li:hover ul, #cm-nav-ver li li li li li li:hover ul, #cm-nav-ver li li li li li li li:hover ul {
    display: block;
    margin-right: 100%;
}

#cm-nav-ver ul ul {
    margin: 0px;
}

#cm-nav-ver ul {
    top: 0px;
    right: 0px;
    background-color: #ff9b08;
}

#cm-nav-ver a {
    font-family: tahoma;
}

#cm-nav-ver a {
    font-variant: normal;
}

#cm-nav-ver .linkClass {
    background-color: #ff9b08;
    background-image: url(../Images/arrow-Black.png);
    color: black;
}

    #cm-nav-ver .linkClass:hover {
        color: white;
        background-color: black;
    }
/* ------------------------------------------------------------------------ N E W S ------------------------------------*/
.NewsDate {
    color: yellow;
}

.NSDiv {
    text-align: justify;
    padding: 10px 5px 20px 5px;
}

.NTDiv {
    font-size: 9pt;
    text-align: right;
}

    .NTDiv a {
        color: #ff9b08;
    }

    .NTDiv h3 {
        font-family: 'B Yekan';
        font-weight: normal;
        font-size: 10pt;
    }

.NCDiv {
}

.NADiv {
    padding: 5px 10px;
    font-family: 'B Yekan';
    font-size: 10pt;
    text-align: left;
}

    .NADiv a {
        background-image: url('../Images/TopPage.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        padding-right: 20px;
        line-height: 25px;
        display: inline-block;
    }
/* ------------------------------------------------------------------------ P A G E R ------------------------------------*/
.DivPager {
    text-align: center;
    padding: 10px 0;
}

.Next, .Prev, .First, .Last {
    background-color: red;
    padding: 5px;
    color: white;
    font-weight: bold;
}

.DivPager span {
    background-color: white;
    color: black;
    padding: 5px 10px;
}

.DivPager font {
    color: red;
}
/*----------------------------------------------------------------------Nivo Slider*/
.SlideShow {
    background-color: white;
}

#slider-wrapper {
    height: 301px;
}

.nivoSlider {
    z-index: 0;
    position: relative;
    width: 990px;
    height: 301px;
    background: white url('../../App_Themes/Images/loading.gif') no-repeat 50% 50%;
}

    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
        display: none;
        width: 990px;
        max-height: 301px;
        width: 990px;
        height: 301px;
    }

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.nivoSlider a {
    border: 0;
    display: block;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

    .nivo-box img {
        display: block;
    }

/* Caption styles */
.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter: alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .nivo-caption p {
        color: #fff;
        border-bottom: 1px dotted #fff;
        padding: 5px;
        margin: 0;
    }

    .nivo-caption a {
        display: inline !important;
    }

        .nivo-caption a:hover {
            color: #fff;
        }

.nivo-html-caption {
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    display: block;
    width: 49px;
    height: 49px;
    background: url('../../App_Themes/Images/arrows.png') no-repeat;
    font-size: 0px;
    opacity: 0;
    position: absolute;
    top: 134px;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0px;
}

.nivo-nextNav {
    right: 0px;
}

a.nivo-prevNav:hover {
    background-position: 0px -49px;
}

a.nivo-nextNav:hover {
    background-position: -49px -49px;
}

a.nivo-nextNav {
    background-position: -49px 0;
    right: 15px;
}

a.nivo-prevNav {
    left: 15px;
}

.nivoSlider:hover .nivo-directionNav a {
    opacity: 1;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align: center;
    margin-top: -20px;
    padding-bottom: 10px;
    position: relative;
    z-index: 210;
}

    .nivo-controlNav a {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url('../../App_Themes/Images/bullets.png') no-repeat;
        text-indent: -9999px;
        font-size: 0px;
        margin: 0 2px;
        cursor: pointer;
    }

        .nivo-controlNav a.active {
            background-position: 0 -12px;
        }

    .nivo-controlNav.nivo-thumbs-enabled {
        width: 100%;
    }

        .nivo-controlNav.nivo-thumbs-enabled a {
            width: auto;
            height: auto;
            background: none;
            margin-bottom: 5px;
        }

        .nivo-controlNav.nivo-thumbs-enabled img {
            display: block;
            width: 120px;
            height: auto;
        }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

.MessageDiv table {
    color: black;
    background-color: white;
    vertical-align: middle;
}
/*---------------------------------------------------------------------Registers*/
.Captcha {
    border: 1px solid black !important;
    width: 230px;
    height: 50px;
    border-left-width: 0 !important;
    background: #e0e0e0 url('../Images/loading.gif') no-repeat 50% 50%;
}


.RegisterStepsImages {
    display: table;
    margin: 0 auto 10px;
}

    .RegisterStepsImages div {
        display: table-cell;
    }

.RegisterStepsTitle {
    display: table;
    margin-right: 0;
    border: 1px solid red;
}

    .RegisterStepsTitle div {
        margin: 2px;
        padding: 5px 10px 5px 30px;
        background-color: red;
    }

.LBCaptcha {
    display: block;
    float: left;
    width: 34px;
    height: 50px;
    background-color: black;
    text-align: center;
    background: linear-gradient(to bottom, rgba(75,75,75,1) 0%,rgba(44,44,44,1) 100%); /* W3C */
    border: 1px solid black;
    border-right-width: 0;
    color: white !important;
    font-size: 20px;
    line-height: 48px;
}


    .LBCaptcha:hover {
        background: linear-gradient(to bottom, rgba(98,98,98,1) 0%,rgba(67,67,67,1) 100%); /* W3C */
    }








.RegisterDiv, .OPDiv {
    border: 1px solid white;
    display: table-row;
}

    .OPDiv div {
        display: table-cell;
        padding: 5px 10px;
        line-height: 24px;
    }

    .OPDiv select {
        width: 200px !important;
    }

    .RegisterDiv div {
        display: table-cell;
        padding: 5px 10px;
        width: 75px;
    }

        .RegisterDiv div:first-child, .OPDiv div:first-child {
            background-color: silver;
        }

    .OPDiv div:first-child {
        width: 100px;
    }

    .RegisterDiv div:last-child, .OPDiv div:last-child {
        background-color: maroon;
    }

    .OPDiv div:last-child {
        width: 300px;
        text-align: right;
    }

.RegisterButtonDiv {
    margin: 20px 0;
    text-align: left;
}

.RegisterRulesDiv {
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    color: black;
}

.RegisterMainDiv div {
    margin: 5px 0;
}

/*--------------------------------------------------------------------------- S T U D E N T S ----------------------------------------------------------------------*/
.SPDTicket, .SPDAccount, .SPDSession {
    margin: 5px 0;
    text-align: right;
    background-color: gray;
    display: table;
    border-radius: 5px;
    font-family: 'B Yekan';
    font-size: 13px;
}

    .SPDTicket span, .SPDAccount span, .SPDSession span {
        color: white;
    }

    .SPDTicket div, .SPDAccount div, .SPDSession div {
        display: table-cell;
        padding: 0 10px 0 0;
        vertical-align: middle;
    }


    .SPDTicket a, .SPDAccount a, .SPDSession a {
        border-radius: 50%;
        vertical-align: middle;
        text-align: center;
        transition: all 0.3s;
        background-image: url('../Images/GVBtns.png');
        background-repeat: no-repeat;
        background-color: #07bd2b;
        background-position: left -78px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        display: block;
        margin: 0 auto;
    }

        .SPDTicket a:hover, .SPDAccount a:hover, .SPDSession a:hover {
            border-radius: 3px;
            transition: all 0.3s;
        }
/*--------------------------------------------------------------------------- C A L E N D A R ----------------------------------------------------------------------*/

.TBCal {
    letter-spacing: 2px;
    direction: ltr !important;
    text-align: center;
}


/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}
/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and ../UIImages */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* Component containers
---------------------------------------------------------------------Calendar*/
.ui-widget {
    font-family: 'b Yekan';
    font-size: 11px;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Tahoma;
        font-size: 12px;
    }

.ui-widget-content {
    border: 1px solid #555555;
    color: #ffffff;
}

    .ui-widget-content a {
        color: #ffffff;
    }

.ui-widget-header {
    border: 1px solid #333333;
    background: #444444 url(../UIImages/ui-bg_highlight-soft_44_444444_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #444444;
        background: #222222 url(../UIImages/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x;
        color: #eeeeee;
        font-family: 'B Yekan';
        font-size: 13px;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #eeeeee;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #0b93d5;
        background: #003147 url(../UIImages/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #ffffff;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #ffffff;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #26b3f7;
        background: #0972a5 url(../UIImages/ui-bg_highlight-hard_20_0972a5_1x100.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #ffffff;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #ffffff;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}


/* Icons
----------------------------------*/

/* states and ../UIImages */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../UIImages/ui-icons_cccccc_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(../UIImages/ui-icons_cccccc_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../UIImages/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(../UIImages/ui-icons_cccccc_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../UIImages/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(../UIImages/ui-icons_222222_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(../UIImages/ui-icons_4b8e0b_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../UIImages/ui-icons_a83300_256x240.png);
}

/* positioning */
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-datepicker {
    padding: .2em .2em 0;
    display: none;
    background-color: #111;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0px;
        text-align: center;
        padding: 2px 5px 4px;
        font-family: 'B yekan';
        font-size: 13px;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 11px;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: 10px 5px;
        text-align: center;
        font-weight: normal;
        border: 0;
        background-color: #111111;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: 2px 5px 4px;
            text-align: center;
            text-decoration: none;
            width: 33px;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: 2px 0;
            width: auto !important;
            font-size: 13px;
            padding: 0 10px 2px;
            font-weight: normal;
            border: 1px solid black;
            background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
        }

.ui-datepicker-trigger {
    vertical-align: bottom;
    border: 1px solid #333 !important;
    margin: 0 5px 0 0;
    cursor: pointer;
}


.hasDatepicker {
    margin: 0 !important;
}

.ui-datepicker .ui-datepicker-close:hover {
    background: #cf0404;
}
/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
    z-index: 50000 !important;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

.ui-datepicker-calendar {
    background: #000000 url(../UIImages/ui-bg_loop_25_000000_21x21.png) 50% 50% repeat;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
    opacity: 1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: linear-gradient(to bottom, #00b701 0%,#006e2e 100%); /* W3C */
}

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
        background: #006e2e;
    }

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX .(idth:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.from datepicker 1.5.3 3taken from datepicker 1.5
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*--------------------------------------------------------------------------------------------------------------- POPUP*/


.DivBG {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
    /*background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0,rgba(255,255,255,0.8) 1%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0.8) 100%);*/ /* W3C */
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(240,240,240,0.9);
    display: none;
}

.ProgressDiv {
    width: 100%;
    bottom: 47%;
    left: 0;
    position: fixed;
    padding: 20px 0;
    z-index: 1;
    text-align: center;
    direction: rtl;
    display: none;
}

    .ProgressDiv div {
        display: table;
        padding: 30px 30px 55px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        margin: 0 auto;
        background-image: url('../PanelImages/Loading.gif');
        background-position: center bottom 20px;
        background-repeat: no-repeat;
        background-color: #f9f9f9;
    }

.PUDiv {
    position: fixed;
    z-index: 10001;
    text-align: center;
    left: 0;
    width: 100%;
    display: none;
    direction: rtl;
    top: 40px;
    padding: 0 !important;
}

    .PUDiv > div {
        display: table;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        background-color: #f6f6f6;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }





.PUMDiv, .LoadingBox {
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    color: gray;
    font-family: 'B Yekan';
    font-size: 13px;
    display: none;
    padding: 3px;
    margin: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400;
}

    .LoadingBox div {
        padding: 2px 0;
    }

.PUMDiv {
    margin: 5px;
    text-align: right;
    padding: 7px 38px 7px 5px !important;
    background-repeat: no-repeat;
    background-image: url('../PanelImages/MIcons.png');
    background-position: right 5px top;
    background-color: #49b200;
    color: white;
    border: none;
}

.Error {
    background-position: right 5px top -32px !important;
    background-color: #a91a13;
}

.Alert {
    background-position: right 5px top -64px !important;
    background-color: #ee8615;
}

.Info {
    background-position: right 5px top -96px !important;
    background-color: #21a6ba;
}

.PUContent .DMTRules {
    text-align: justify;
    margin: 10px;
}

.PUContent {
    max-height: 600px;
    max-width: 990px;
    overflow-y: auto;
}

    .PUContent a {
        color: #9e0039;
        cursor: pointer;
    }

    .PUContent > div {
        padding: 5px;
        vertical-align: top;
    }

        .PUContent > div div {
            margin: 5px 0;
        }

    .PUContent .DTickets {
        display: table;
        font-family: 'B Yekan';
        font-size: 13px;
    }

        .PUContent .DTickets > div {
            display: table-cell;
            text-align: right;
            vertical-align: top;
            padding-left: 10px;
            white-space: nowrap;
        }

            .PUContent .DTickets > div img {
                border: 1px solid #ccc;
                border-radius: 4px;
                overflow: hidden;
                height: 118px;
                background-color: #f9f9f9;
            }

.Pointer {
    cursor: pointer;
}

.PUInfo {
    background-color: white;
    color: #666;
    border-top: 1px solid #e0e4e8;
    text-align: center;
    padding: 10px;
}


    .PUInfo a {
        color: #de004d;
        font-size: 15px;
    }

    .PUInfo i {
        margin-left: 5px;
        font-size: 18px;
        color: #666;
    }

.PUTitle {
    background-color: white;
    font-family: 'B Yekan';
    font-size: 18px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #e0e4e8;
}

    .PUTitle div {
        padding: 5px;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        color: #555555;
    }

    .PUTitle > div:first-child {
        width: 30px;
        text-align: center;
        padding-left: 5px;
    }


    .PUTitle > div:nth-child(2) {
        text-align: right;
        padding: 7px 0 13px 10px;
    }


    .PUTitle > div:last-child {
        text-align: left;
    }

        .PUTitle > div:last-child i {
            background-color: #eaeaea;
            border-radius: 50%;
            width: 22px;
            color: silver;
            cursor: pointer;
            transition: all 0.2s;
            margin-right: 5px;
            padding: 2px;
            font-size: 20px;
        }

            .PUTitle > div:last-child i:hover {
                border-radius: 2px;
                color: gray;
                cursor: pointer;
                transition: all 0.2s;
            }

            .PUTitle > div:last-child i.icon-help {
                background-color: #00aaff;
                color: white;
                font-size: 18px;
            }

    .PUTitle i {
        font-size: 24px;
        color: #aaa;
    }

.DHelp {
    background-color: #f0f0f0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 43px;
    bottom: 0;
    padding: 10px;
}

    .DHelp div {
        text-align: justify;
    }

        .DHelp div:first-child {
            font-size: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid silver;
        }

        .DHelp div:last-child {
            padding-top: 10px;
        }

.StudentClassTable {
    padding: 3px;
    background-color: #333;
    border: 2px solid #999999;
    color: Silver;
}

    .StudentClassTable td {
        border-bottom: 1px dashed #666666;
        padding: 3px;
    }

    .StudentClassTable tr td {
        border-left: 1px dashed #666666;
    }

.SCTTimes {
    padding: 2px;
    text-align: left;
    color: #999999;
}
/*.SCTimesDiv
{
    background-color: #333333;
    color: silver;
    writing-mode: tb-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin: 2px 0 2px -20px;
    line-height: 14px;
}*/
.SCTDays {
    padding-left: 5px;
    width: 85px;
    color: silver;
    text-align: left;
    font-size: 11px;
    height: 25px;
}

.SCTTD {
    padding: 0;
    background-repeat: repeat-x;
    background-position: center center;
    height: 20px;
    border-style: none !important;
}

.StudentClassTable tr:last-child td {
    border-bottom: 0;
}

.StudentClassTable tr td:last-child {
    border-left: 0;
}

.WeekTD {
    background-color: #EAEAEA;
    color: Maroon;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}

.TimeDiv {
    background-color: #e5e5e5;
    border: 1px solid gray;
    color: black;
    margin: 5px;
}

    .TimeDiv > div {
        padding: 5px;
        margin: 0 auto;
        display: table;
    }

    .TimeDiv div div {
        display: table-cell;
        vertical-align: middle;
    }

    .TimeDiv > div > div > div:last-child {
        padding: 0 10px;
    }

    .TimeDiv > div > div > div:first-child {
        border: 1px solid gray;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        width: 20px;
        height: 20px;
    }

.TimeWhite > div:first-child {
    background: linear-gradient(to bottom, rgba(101,101,101,1) 0%,rgba(70,70,70,1) 100%); /* W3C */
}


.TimeSilver > div:first-child, .TimeBGSilver {
    background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%); /* W3C */
}

.TimeGreen > div:first-child, .TimeBGGreen {
    background: linear-gradient(to bottom, #2ff020 0%,#0cae00 100%); /* W3C */
}

.TimeRed > div:first-child, .TimeBGRed {
    background: linear-gradient(to bottom, #d30000 0%,#ac0000 100%); /* W3C */
}

.TimeGroup > div:first-child, .TimeBGGroup {
    background: linear-gradient(to bottom, #9966cc 0%,#67349a 100%); /* W3C */
}


.MoneyChange {
    font-family: 'B Yekan';
    font-size: 13px;
    color: White;
    direction: rtl;
    display: none;
    z-index: 555555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: maroon;
    border: 1px solid #333333;
    padding: 2px 5px;
    margin-right: 5px;
    position: absolute;
}
/*-----------------------------------------------------------------------MASTERS*/
.MastersDiv > div {
    border-bottom: 1px solid #969696;
    padding: 5px;
}

    .MastersDiv > div > div {
        display: table-cell;
    }

.MastersDiv .MastersImage {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid black;
    height: 132px;
    padding: 0;
    width: 132px;
}

.MastersText {
    text-align: right;
    vertical-align: top;
}

.MastersName {
    border-bottom: 3px solid #363636;
    font-family: "B Yekan";
    font-size: 17px;
    width: 400px;
}

    .MastersName a {
        color: #790000 !important;
        padding: 5px;
    }

.MastersDescriptions {
    color: black;
    text-align: justify;
}

.MasterDetialsDiv .MastersText {
    float: right;
}

.MasterDetialsDiv .MastersImage {
    float: left;
    border: 1px solid black;
}

.MastersTitle {
    margin: 10px 5px;
    padding: 10px 20px;
    background-color: red;
}

.MastersResume {
    color: black;
    text-align: justify;
}

.MastersDays {
    color: black;
    text-align: justify;
}
/*-------------------------------------------------------------------------------Classes*/
.ClassesImage {
    background-position: center center;
    background-repeat: no-repeat;
    width: 169px;
    height: 169px;
}

.ClassesName {
    background-color: green;
    padding: 5px;
}

.ClassCategories {
}

    .ClassCategories ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ClassCategories li {
        display: inline-table;
        margin: 10px 5px;
        padding: 0;
        vertical-align: top;
    }

        .ClassCategories li div {
            margin: 0 5px;
        }

.ClassDetails > div > div {
    display: table-cell;
    padding: 5px;
}

.ClassDetails img {
    float: right;
    margin-left: 15px;
}
/*-------------------------------------------------------------------------------Pager*/
.GridView {
    background-color: white;
    border: 1px solid #e1e1e1;
    color: black;
    width: 100%;
}

    .GridView tr:first-child {
        background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
        font-family: 'B Yekan';
        color: #888888;
        border: 0;
        font-size: 13px;
        border: 1px solid #dddddd;
    }

        .GridView tr:first-child a {
            color: black;
        }

        .GridView tr:first-child th {
            font-weight: normal !important;
            background-image: url('../PanelImages/GVHeaderSpliterRight.png'),url('../PanelImages/GVHeaderSpliterLeft.png');
            background-position: right center,left center;
            background-repeat: no-repeat;
            padding: 5px 10px;
            text-align: center;
        }


            .GridView tr:first-child th:first-child {
                border: 0;
                background-image: url('../PanelImages/GVHeaderSpliterLeft.png') !important;
                background-position: left center !important;
                background-repeat: no-repeat !important;
            }

            .GridView tr:first-child th:last-child {
                background-image: url('../PanelImages/GVHeaderSpliterRight.png');
                background-position: right center;
            }

.NOClass {
    padding: 0 !important;
    background-image: none !important;
    font-size: 0;
}

.GridView tr {
    background-color: #fff;
}

    .GridView tr:hover {
        background-color: rgba(93,178,255,0.1) !important;
    }

    .GridView tr:nth-child(odd) {
        background-color: #f7f7f7;
    }

    .GridView tr td:first-child {
        font-weight: bold;
        color: #cc0000;
        text-align: center;
        background-image: none;
    }

    .GridView tr td {
        background-image: url('../PanelImages/GVItemSpliter.png');
        background-position: right center;
        background-repeat: no-repeat;
        padding: 5px 10px;
        text-align: center;
        vertical-align: middle;
        line-height: 26px;
        font-family: 'B Yekan';
        font-size: 13px;
    }

        .GridView tr td .LBNoClass {
            border-radius: 0;
            transition: none;
            background: none;
            display: inline;
            width: auto;
            height: auto;
        }

        .GridView tr td select {
            width: auto !important;
        }

.GridSortDesc a, .GridSortASC a {
    color: white !important;
}

.GridSortDesc, .GridSortASC {
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.4);
    box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.4);
    background-color: #cf0404;
    background-image: url('../PanelImages/GVHeaderSortDesc.png') !important;
    background-position: center bottom !important;
}

.GridSortASC {
    background-image: url('../PanelImages/GVHeaderSortASC.png') !important;
    background-position: center top !important;
}

.GVFooter {
    border-top: 5px solid #e1e1e1;
    font-weight: bold;
    background-color: white !important;
}

.GPCurrent {
    background-color: #cf0404;
    border: 1px solid white;
    color: white;
    width: 26px;
    padding: 2px 0;
    display: inline-block;
}

.GPLink {
    background-color: white;
    border: 1px solid #dddddd;
    color: black !important;
    width: 26px;
    padding: 2px 0;
    display: inline-block;
}

    .GPLink:hover {
        border: 1px solid #cccccc;
        color: #cf0404;
        -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.2);
        box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.2);
    }

.GPMainDiv {
    background-color: rgba(225, 225, 225,0.3);
    border: 1px solid #e1e1e1;
}

.GPDiv {
    display: table;
    width: 100%;
}

    .GPDiv font {
        color: #cc0000;
    }

    .GPDiv span {
        background-color: white;
        border: 1px solid #dddddd;
        padding: 0 4px;
    }

    .GPDiv div {
        display: table-cell;
        text-align: center;
        padding: 5px;
    }

        .GPDiv div:first-child {
            text-align: right;
            width: 200px;
        }

        .GPDiv div:last-child {
            text-align: left;
            width: 200px;
        }

    .GPDiv select {
        width: 70px;
        font-size: 12px;
        border-color: #dddddd;
        font-family: 'B Yekan';
        height: 26px;
        padding: 0 2px;
    }



.GVExtendTR {
    padding: 0;
}

    .GVExtendTR > td {
        padding: 0;
        margin: 0;
        background-color: #555555;
    }

        .GVExtendTR > td > div {
            display: none;
            text-align: left;
            position: relative;
            padding: 10px;
        }

.GridView tr td a {
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    transition: all 0.3s;
    background-image: url('../Images/GVBtns.png');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

    .GridView tr td a:hover {
        border-radius: 3px;
        transition: all 0.3s;
    }

    .GridView tr td a[disabled], .GridView tr td a[disabled]:hover {
        background-color: #f9f9f9;
        border-radius: 50%;
        cursor: default;
    }

.LBPrint {
    background-color: #e40000;
    background-position: left top;
}

    .LBPrint[disabled] {
        background-position: -26px top !important;
    }

.LBSession {
    background-color: #07bd2b;
    background-position: left -26px;
}

    .LBSession[disabled] {
        background-position: -26px -26px !important;
    }

.LBExtend {
    background-color: #008299;
    background-position: left -52px;
}

    .LBExtend[disabled] {
        background-position: -26px -52px !important;
    }

.LBView {
    background-color: #07bd2b;
    background-position: left -78px;
}

    .LBView[disabled] {
        background-position: -26px -78px !important;
    }

.LBTime {
    background-color: #82ba00;
    background-position: left -156px;
}

.LBPay {
    background-color: #00b524;
    background-position: left -104px;
}

    .LBPayRed[disabled], .LBPay[disabled] {
        background-position: -26px -104px !important;
    }

.LBPayRed {
    background-color: #e40000;
    background-position: left -104px;
}

.LBChart {
    background-color: #40c4ff;
    background-position: left -130px;
}

    .LBChart[disabled] {
        background-position: -26px -130px !important;
    }

.GridView tr td div.DSoldOut {
    background-color: #c40000;
    color: white;
    border-radius: 3px;
}

.GridView tr td div:not(.DSoldOut), .AbsentDiv {
    vertical-align: middle;
    text-align: center;
    background-image: url('../PanelImages/GVIcons.png');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin: 0 auto;
}

.IYes {
    background-position: left top;
}

.INo {
    background-position: left -26px;
}

.IArchive {
    background-position: left -52px;
}

.IHoliday {
    background-position: left -78px;
}

.IMasterNotOK {
    background-position: left -104px;
}

.IMaster {
    background-position: left -130px;
}

.IStudentOK {
    background-position: left -156px;
}

.IMasterNotPayed {
    background-position: left -182px;
}

.IHelp {
    background-position: left -208px;
}

.IExpand {
    cursor: pointer;
    background-position: left -364px;
}

.ICollapse {
    cursor: pointer;
    background-position: left -390px;
}

.IWarn {
    background-position: left -676px;
}

.InfoDiv {
    margin: 0 !important;
    border-bottom: 1px solid #d5d5d5;
    font-family: 'B Yekan';
    font-size: 13px;
    color: #999999;
    font-weight: 400;
    background-color: rgba(249, 249, 249, 0.8);
    text-align: right;
}

    .InfoDiv span {
        color: maroon;
    }

    .InfoDiv .Eng span {
        font-family: arial;
        letter-spacing: 1px;
        font-size: 12px;
        font-weight: normal;
    }

    .InfoDiv ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: table;
    }

    .InfoDiv li {
        display: inline-table;
        margin: 10px 5px;
        padding: 0;
        vertical-align: top;
    }

.ChartContainer {
    direction: ltr !important;
}

.ChartDiv {
    max-width: 800px;
}

    .ChartDiv > div:first-child {
        background-color: yellow;
        border-spacing: 5px;
    }

        .ChartDiv > div:first-child > div {
            display: table-cell;
        }

            .ChartDiv > div:first-child > div:first-child {
                border: 1px solid black;
                width: 80px;
                height: 80px;
                background-repeat: no-repeat;
                background-position: center center;
            }

            .ChartDiv > div:first-child > div:last-child {
                vertical-align: top;
            }

            .ChartDiv > div:first-child > div > div {
                text-align: right;
            }

            .ChartDiv > div:first-child > div > span {
                color: maroon;
            }

    .ChartDiv > div:last-child {
        text-align: justify;
        padding: 10px;
        overflow-y: auto;
        max-height: 400px;
    }
/*----------------------------------------------------------Tickets*/
.TicketsDiv {
    max-height: 400px;
    overflow-y: auto;
    max-width: 800px;
}

    .TicketsDiv > div {
        margin: 10px;
    }

.MessagesTitle {
    font-family: 'B Yekan';
    font-size: 13px;
    text-align: right;
    line-height: 20px;
    color: white;
    background-color: green;
    border-radius: 10px;
    padding: 10px;
}

.MessagesStudent {
    background-color: maroon;
    color: white;
    display: table;
    width: 100%;
}

.MessagesAdmin {
    background-color: silver;
    color: white;
    display: table;
    width: 100%;
}

    .MessagesAdmin div, .MessagesStudent div {
        display: table-cell;
    }

        .MessagesAdmin div:first-child, .MessagesStudent div:first-child {
            text-align: right;
            padding: 5px;
        }

        .MessagesAdmin div:last-child, .MessagesStudent div:last-child {
            text-align: left;
            padding: 5px;
        }

.MessagesContent {
    background-color: white;
    color: black;
    text-align: justify;
    padding: 10px;
    border: 1px solid black;
}

.MessagesButton {
    margin: 10px 0;
    text-align: left;
}


.PUContent .Chairs span:not([t]) {
    cursor: default;
}

.Chairs {
    overflow-x: auto;
    white-space: nowrap;
    background-color: white;
    margin: 0 !important;
    padding: 10px 20px !important;
    max-height: 400px;
    overflow-y: auto;
}

    .Chairs > div {
        display: table;
        margin: 0 auto;
    }

        .Chairs > div > div {
            margin: 3px 0;
        }

    .Chairs span {
        width: 24px;
        height: 14px;
        margin: 1px;
        color: white;
        display: inline-block;
        text-align: center;
        float: none;
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */
        /* No support for these yet, use at own risk */
        -o-user-select: none;
        user-select: none;
        padding: 2px 0 3px;
        background-image: url('../PanelImages/Chairs.png');
        background-position: center -95px;
        background-repeat: no-repeat;
        cursor: pointer;
        vertical-align: top;
    }

        .Chairs span:first-child, .Chairs span:last-child, .Chairs span.Blank {
            background-image: none;
            color: black;
            cursor: default;
        }



    .Chairs .ui-selected, .Chairs .ui-selecting {
        background-position: center -76px !important;
    }

    .Chairs .Reserved {
        background-position: center -38px;
    }

    .Chairs .Sold {
        background-position: center -19px;
    }

    .Chairs .NoSale {
        background-position: center -57px;
    }

    .Chairs .OnSale {
        background-position: center top;
    }

.PUInfoBlack {
    background-color: #222222;
    color: white;
}

.PUFooter .Selected, .PUFooter .Reserved, .PUFooter .Sold, .PUFooter .NoSale, .PUFooter .OnSale {
    height: 19px;
    margin: 10px;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
    background-image: url('../PanelImages/Chairs.png');
    background-position: right -95px;
    background-repeat: no-repeat;
    vertical-align: top;
    display: inline-block;
    padding: 0 !important;
}

    .PUFooter .Selected:after, .PUFooter .Reserved:after, .PUFooter .Sold:after, .PUFooter .NoSale:after, .PUFooter .OnSale:after {
        margin-right: 30px;
    }

.PUFooter .Selected {
    background-position: right -76px !important;
}

    .PUFooter .Selected:after {
        content: 'انتخاب شما';
    }

.PUFooter .Reserved {
    background-position: right -38px;
}

    .PUFooter .Reserved:after {
        content: 'رزرو شده';
    }

.PUFooter .Sold {
    background-position: right -19px;
}

    .PUFooter .Sold:after {
        content: 'فروخته شده';
    }

.PUFooter .NoSale {
    background-position: right -57px;
}

    .PUFooter .NoSale:after {
        content: 'غیر قابل فروش';
    }

.PUFooter .OnSale {
    background-position: right top;
}

    .PUFooter .OnSale:after {
        content: 'قابل خرید';
    }



/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
    text-align: right;
    direction: rtl;
}

    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
        font-size: 13px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
        /* border-color: ... !important; */
    }


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}






/*TOOLTIP*/

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall-show {
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

    .tooltipster-slide.tooltipster-slide-show {
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0px !important;
        opacity: 0;
    }


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.DRules {
    display: inline-block;
    width: 600px;
    margin-left: 10px;
    float: left;
    margin-top: 6px;
}

.Hide {
    display: none;
}

.UserInfo {
    display: none;
}

    .UserInfo label, .DDiscounts label {
        margin-right: 5px;
    }

    .UserInfo label {
        display: block;
    }

    .UserInfo > div {
        display: table-row;
    }

        .UserInfo > div > div {
            display: table-cell;
            padding: 5px;
            vertical-align: middle;
        }

    .UserInfo .InnerVal {
        font-size: 13px;
        padding: 5px;
    }

    .UserInfo select {
        width: 266px;
        font-size: 13px;
    }

    .UserInfo #TBEmail, .UserInfo #TBDiscount, .UserInfo input[type=password], .UserInfo .TBCaptcha, .Login input {
        font-family: verdana !important;
        line-height: 27px;
        direction: ltr;
    }

    .UserInfo .PUMDiv {
        display: inline-block;
        padding: 4px 36px 4px 5px !important;
        margin: 0;
    }

.ValErr {
    background-color: rgba(256, 256, 00, 0.5);
    border-color: maroon !important;
}

.BtnDiv {
    text-align: left;
    margin: 5px 0;
    padding: 5px;
    background-color: #eaeaea;
}

.Login {
    margin: 10px;
}

    .Login > div {
        text-align: right;
        margin: 10px;
    }

    .Login button {
        width: 100%;
    }

    .Login > div:nth-child(6) {
        margin-top: 20px;
    }

    .Login > div:nth-child(1), .Login > div:nth-child(3) {
        font-size: 12px;
        color: #666;
    }

        .Login > div:nth-child(3) a {
            float: left;
            color: #427fed;
            font-size: 11px;
        }

.DLoggedIn > div {
    float: right;
    border-radius: 5px;
    vertical-align: middle;
    margin: 5px;
    color: white;
    transition: all 0.2s;
}

    .DLoggedIn > div:last-child:hover {
        background-color: white;
    }

        .DLoggedIn > div:last-child:hover a {
            color: black;
        }

    .DLoggedIn > div:last-child a {
        color: white;
        display: block;
        padding: 5px;
    }

    .DLoggedIn > div:last-child:hover {
        color: white;
    }

    .DLoggedIn > div:last-child i {
        margin-right: 15px;
    }

    .DLoggedIn > div:first-child i {
        width: 25px;
        line-height: 25px;
    }

    .DLoggedIn > div:first-child {
        cursor: pointer;
        border-radius: 50%;
        background-color: #333;
        width: 25px;
        height: 25px;
        margin-right: 0 !important;
        color: #de004d;
        font-size: 22px;
        padding: 5px;
    }

        .DLoggedIn > div:first-child:hover {
            border-radius: 3px;
        }

.DLogin > a {
    cursor: pointer;
    display: block;
    float: left;
    padding: 5px 10px 7px;
    margin: 5px;
    border: 1px solid white;
    border-radius: 5px;
    transition: all 0.3s;
    color: white;
}

    .DLogin > a:hover {
        transition: all 0.3s;
        background-color: white;
        color: #444;
    }

.DLogin i {
    width: 15px;
    margin-left: 5px;
}

.DLMenuA {
    background-color: white !important;
    border-radius: 3px 3px 0 0 !important;
}

.DMember {
    position: relative;
    float: left;
    min-width: 200px;
}

    .DMember > ul {
        background-color: white;
        position: absolute;
        top: 40px;
        float: right;
        left: 0;
        right: 0;
        display: none;
        margin: 0 !important;
        padding: 5px;
        z-index: 10;
        border-radius: 5px 0 5px 5px;
    }

        .DMember > ul > li {
            list-style: none;
            cursor: pointer;
            margin: 0 !important;
            padding: 5px;
            transition: all 0.3s;
            border-bottom: 1px solid #e0e0e0;
        }

            .DMember > ul > li:last-child {
                border-bottom-width: 0;
            }

            .DMember > ul > li:hover {
                background-color: #f5f5f5;
                transition: all 0.3s;
            }

            .DMember > ul > li i {
                margin-left: 10px;
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 30px;
            }

            .DMember > ul > li:hover i {
                background-color: #de004d;
                color: white;
                border-radius: 3px;
                font-size: 18px;
            }

    .DMember .icon-dollar {
        height: 45px;
        line-height: 45px;
        margin-left: 10px;
        font-size: 16px;
        width: 30px;
    }

    .DMember > ul > li:hover > a > div > .icon-dollar {
        background-color: #de004d;
        color: white;
        border-radius: 3px;
        font-size: 18px;
    }

    .DMember > ul > li > a > div {
        display: table-cell;
        padding: 0;
        vertical-align: top;
    }

    .DMember > ul > li > a {
        display: block;
    }

.MemberInfoDiv .MIImage {
    display: block;
}

    .MemberInfoDiv .MIImage > div {
        display: table-cell;
        vertical-align: top;
    }

        .MemberInfoDiv .MIImage > div:first-child span {
            display: block;
            position: relative;
            margin-left: 10px;
            border-radius: 5px;
            overflow: hidden;
        }

            .MemberInfoDiv .MIImage > div:first-child span::before {
                display: block;
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3);
                -moz-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3);
                box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3);
            }

.MemberInfoDiv img {
    height: 82px;
    width: 68px;
    display: block;
}



.MemberInfoDiv .MIClasses {
    margin: 5px;
}

    .MemberInfoDiv .MIClasses table {
        width: 100%;
    }

.MemberInfoDiv .MIContent {
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
}

    .MemberInfoDiv .MIContent > div {
        display: table-row;
    }

        .MemberInfoDiv .MIContent > div > div {
            display: table-cell;
            margin: 5px;
            text-align: right;
        }

.MemberInfoDiv .MIValue, .MemberInfoDiv .MIPhones, .MemberInfoDiv .MIAddress {
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    color: gray;
    padding: 5px;
    margin: 5px;
    min-width: 210px;
}

.MemberInfoDiv .MIPhones {
    min-width: 210px;
}

.MemberInfoDiv .MIAddress {
    min-width: 553px;
}

#ConcertTickets, #SimpleSale, .DDiscounts {
    display: none;
}

    #ConcertTickets li:first-child {
        width: 370px;
        text-align: justify;
        margin-bottom: 20px;
    }

.HIDiv, .CDInfo {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: #efefef;
}

    .HIDiv h2 {
        position: relative;
        margin: -15px auto;
        display: table;
        padding: 3px 20px 7px;
        border-radius: 5px;
        border: 1px solid #e0e0e0;
        background-color: #f5f5f5;
        color: #555;
    }

.ICTitle {
    background-color: #555555;
    color: white;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 1px 10px 3px;
    display: table;
}
.ICTitle.Red {
    background-color: #c40000;
}
#ConcertTickets li:first-child div:not(.ICTitle), .DRules div:not(.ICTitle) {
    margin-bottom: 8px;
}

.DDiscounts > div > div {
    display: table-cell;
    padding: 5px;
}

.DVisits {
    display: table;
    margin: 0 auto;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #f5f5f5;
    line-height: 18px;
    padding: 8px;
}

    .DVisits > div > div {
        display: table-cell;
        padding: 3px 5px;
    }

        .DVisits > div > div:last-child {
            font-weight: bold;
            letter-spacing: 1px;
        }

.CDInfo {
    padding: 5px 0;
}


    .CDInfo i {
        font-size: 22px;
        margin: 0 5px;
    }

.DMap {
    border: 1px solid #ddd;
    background-color: #ddd;
}

.TAddress {
    background-color: #9e0039;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 5px;
    color: white;
    text-align: justify;
}

    .TAddress td {
        padding: 10px;
    }

    .TAddress i {
        font-size: 25px;
    }

    .TAddress tr:first-child {
        font-size: 11px;
    }

    .TAddress tr:last-child {
        font-size: 16px;
        letter-spacing: 2px;
    }

.DHelpPage ul {
    padding: 0;
    text-align: right !important;
    list-style-type: circle !important;
}

.DHelpPage li {
    display: block !important;
    padding: 0;
    vertical-align: top;
    list-style-type: circle !important;
    margin: 5px;
}

.DHelpPage > div:not(.DHPImage) {
    margin: 10px 5px;
}

.DHPTitle {
    font-size: 22px;
    line-height: 26px;
    color: Maroon;
}

.DHPContent {
    font-size: 16px;
    line-height: 24px;
}

.DHPImage {
    margin: 20px 0;
}

.DPSucceed {
    margin: 20px auto;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #eaeaea;
    direction: rtl;
    line-height: 18px;
    text-align: justify;
    border: 1px solid silver;
}

    .DPSucceed > div {
        text-align: right;
        margin: 10px 0;
    }

    .DPSucceed a, .DPSucceed a:hover {
        display: table;
        margin: 0 auto;
        background-color: Green;
        color: White;
        border-radius: 5px;
        padding: 10px 30px;
    }

.TTelegram {
    background-color: #eaeaea;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 5px;
}

    .TTelegram a, .TTelegram a:hover {
        color: black;
    }

.PersonalizeDiv {
    background-color: rgba(220,220,220,0.3);
    padding: 5px 5px 20px;
}

    .PersonalizeDiv ul {
        text-align: right;
    }

    .PersonalizeDiv li {
        width: 310px;
    }

    .PersonalizeDiv input[type=text] {
        width: 210px;
        line-height: 25px;
        box-sizing: border-box;
    }

    .PersonalizeDiv select {
        width: 210px;
        padding: 0 5px;
    }



    .PersonalizeDiv label {
        margin: 0;
        width: 65px;
        direction: rtl;
        float: right;
        line-height: 31px;
        cursor: pointer;
        user-select: none;
    }

    .PersonalizeDiv li input[type=checkbox] {
        float: right;
        height: 31px;
        margin: 0 0 0 5px;
        cursor: pointer;
    }

    .PersonalizeDiv input[type=submit] {
        color: white;
        font-family: 'B Yekan';
        font-size: 13px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px 30px 4px 20px;
        -webkit-box-shadow: inset 1px 1px 2px 0 rgba(255,255,255,0.5);
        box-shadow: inset 1px 1px 2px 0 rgba(255,255,255,0.5);
        display: table;
        margin: 0 auto;
        background: url(../PanelImages/UpdateBG.png) right center no-repeat, linear-gradient(to bottom, rgba(75,75,75,1) 0%,rgba(44,44,44,1) 100%);
        border: 1px solid #434343;
        cursor: pointer;
    }



#tabContainer {
    margin: 5px 0;
}

.tabs {
    height: 33px;
}

    .tabs > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .tabs > ul > li {
            font-family: 'B Yekan';
            font-size: 13px;
            margin: 0 0 0 2px;
            padding: 5px 10px 6px;
            display: block;
            float: right;
            color: #FFF;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            background-color: #0073c6;
            border: 1px solid #0073c6;
            border-bottom: 0;
            transition: all 0.3s;
        }

            .tabs > ul > li:hover {
                background: #C9C9C9; /* old browsers */
                color: #333;
                cursor: pointer;
                transition: all 0.3s;
                border-color: silver;
            }

            .tabs > ul > li.tabActiveHeader {
                color: #008cf7;
                background-color: White;
                border-color: silver;
                transition: all 0.3s;
            }

.tabscontent {
    border: 1px solid silver;
    padding: 15px 10px;
    background-color: #FFFFFF;
    margin: 0;
}

.tabpage > div {
    display: table-cell;
}

    .tabpage > div:first-child {
        padding-left: 10px;
    }

.CTTabs .tabpage > div:first-child {
    width: 390px;
}

.tabpage > div:last-child {
    max-width: 500px;
}

.SCTabs .tabpage > div:last-child, .ShoppingTabs .tabpage > div:last-child {
    max-width: initial !important;
}

.CTTabs #tabpage_4 input[type=text], .CTTabs #tabpage_4 textarea {
    width: 301px !important;
}

.CTTabs #tabpage_4 .IUDiv input[type=text] {
    width: 189px !important;
}

/*.tabpage > div > div {
        margin-top: 5px;
    }*/
#DTemplateNew > div {
    margin: 5px 0;
}

.tabpage .TitleDiv {
    margin: 5px auto;
    padding: 5px;
    width: auto;
    display: table;
}

.tabpage li input[type=radio] {
    float: none;
    margin: 0 2px;
    vertical-align: text-bottom;
}

.TabInfoTitle {
    background-color: #ffad00;
    font-family: 'ZNassim';
    font-size: 22px;
    color: white;
    padding: 10px 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.TabInfoContent li {
    background-image: url('../PanelImages/TabIcons.png');
    background-repeat: no-repeat;
    background-position: right -84px;
    text-indent: 10px;
    text-align: justify;
    display: block;
}

.TabTitle {
    background-image: url('../PanelImages/TabIcons.png');
    background-position: right top;
    background-repeat: no-repeat;
    font-family: 'B Yekan';
    font-size: 13px;
    padding: 10px 24px 10px 5px;
    color: black;
    border-bottom: 1px solid #eaeaea;
}

.TabContent {
    background-color: #f3f3f3;
    border: 1px solid #eaeaea;
    padding: 5px;
}

.CMR {
    display: none;
}

    .CMR > div:not(.Agents) {
        margin: 5px;
    }


    .CMR span {
        background-color: #e0e0e0;
        padding: 5px 10px;
        margin: 5px;
        display: inline-block;
        border-radius: 2px;
        border: 1px solid #ccc;
        cursor: pointer;
        font-family: 'B Yekan';
        font-size: 13px;
    }

        .CMR span:hover {
            background-color: #f5f5f5;
        }

.TabBtnDiv {
    padding: 5px;
    text-align: left;
}

.CardImage {
    border: 1px solid black !important;
    height: 243px;
    width: 376px;
}

.CardThumb {
    width: 113px;
    height: 71px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid black;
}

.CardThumbBG {
    background-color: #fcfcfc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.BtnCodes {
    color: white;
    cursor: pointer;
    min-width: 80px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
}

    .BtnCodes td {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #333333;
        padding: 4px 16px 6px 6px !important;
        background-image: url('../PanelImages/TabIcons.png');
        background-position: right -43px;
        background-repeat: no-repeat;
    }

        .BtnCodes td:hover {
            background-color: #008cf7;
            color: White;
        }

.CalendarT {
    direction: rtl;
    margin-right: 0;
}

    .CalendarT td {
        padding: 0;
    }

    .CalendarT input[type=text] {
        letter-spacing: 2px;
        direction: ltr !important;
        text-align: center;
        border-radius: 0 3px 3px 0 !important;
        border-left-width: 0;
        width: 179px !important;
        margin: 0 !important;
    }

    .CalendarT div {
        background-color: yellow;
        border: 1px solid #333333;
        display: none !important;
        padding: 0px 10px 1px;
    }


    .CalendarT img {
        border-radius: 3px 0 0 3px !important;
        margin-right: 0;
        border-color: silver !important;
    }

a.BtnRed {
    color: white;
    margin-left: 5px;
    background-image: url(../Images/GVBtns.png),linear-gradient(to bottom, #ea1d19 0%,#b70603 100%);
    background-position: right -25px top 3px,right center;
    background-repeat: no-repeat;
    padding-right: 30px;
    padding-left: 10px;
}


    a.BtnRed:hover {
        background-image: url(../Images/GVBtns.png);
        background-position: right -25px top 3px;
        background-repeat: no-repeat;
        color: white;
    }

    tr.Green td {
        color: #2ec501 !important;
    }
    
    tr.Grey td {
        color: #888 !important;
    }
    
    tr.Black td {
        color: #000 !important;
    }tr.Red td {
        color: #c40000 !important;
    }