@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb.eot');
    src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

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

i {
    font-family: 'fontIcon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    text-align: center;
}

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: IRANSans;
    direction: rtl;
}

.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 {
    color: black;
    font-family: IRANSans;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    text-align: center;
}

/*----------------------------------------------------------------- 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: #c11116;
    text-decoration: none;
}

    a:hover {
    }

.Btn,
.BtnBlue,
.BtnSilver,
.BtnRed,
.BtnGreen {
    font: 13px IRANSans;
    padding: 3px 10px;
    border: 1px solid black;
    color: white;
    transition: all 300ms;
    border-radius: 5px;
}


    .Btn:hover,
    .BtnBlue:hover,
    .BtnSilver:hover,
    .BtnRed:hover,
    .BtnGreen:hover {
        cursor: pointer;
        background: none;
        transition: all 300ms;
    }

.Btn {
    background-color: #000;
    padding: 3px 20px 5px;
    border-color: #000;
}

    .Btn:hover {
        background-color: #333;
        border-color: #333;
    }

    .Btn:disabled {
        background: silver;
        border: gray;
        color: gray;
        cursor: default;
    }

.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;
    }

.BoxTB,
.MainTB,
.CaptchaTB {
    border: 1px solid #252525;
    font-family: IRANSans;
    padding: 2px;
    width: 150px;
    color: #000000;
    font-size: 12px;
}

.MainTB {
    width: 243px;
}

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

.Drp,
select {
    border: 1px solid #252525;
    font-family: IRANSans;
    font-size: 11px;
    padding: 2px;
    color: #000;
}

select {
    width: 234px;
}

.TimeDDL {
    width: 45px !important;
}

.DayDDL {
    width: 111px !important;
}

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

.InfoLabel {
}

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




.LogoTD {
}

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

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

    .MenuTD .Box:last-child .BContent {
        padding: 5px 0;
    }

/*--------------------------------------------------------------------- T O P*/
.Top {
    background-color: #fff;
    border-bottom: 2px solid #ee1d23;
}

.TopDiv {
    margin: 0 auto;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    display: table;
    color: white;
}

.TopTD .DHM {
    padding: 10px 0;
}

.TopTD > * {
    display: inline-block;
    vertical-align: top;
}

    .TopTD > *:nth-child(-n+2) {
        vertical-align: top;
        overflow: hidden;
    }

    .TopTD > *:nth-child(1) {
        float: right;
    }

    .TopTD > *:nth-child(2) {
        float: left;
    }

    .TopTD > *:nth-child(3) {
        border-top: 1px solid #1a1a1a;
    }

.TopTD {
    text-align: right;
}

.Top .ALogin {
    margin-right: 0;
    padding: 10px 15px;
    background-color: #ed1b24;
    color: white;
    font-size: 13px;
    transition: all 200ms;
}

    .Top .ALogin:hover {
        transition: all 200ms;
        background-color: #000;
        color: #f8be14;
    }

    .Top .ALogin i {
        float: right;
        margin-left: 5px;
        font-size: 15px;
    }

        .Top .ALogin i:before {
            content: '\e926';
        }

.ALogin img {
    float: right;
    margin-left: 10px;
}

/*--------------------------------------------------------------------- H E A D E R*/
.Header {
    text-align: center;
    width: 100%;
}

.HeaderTD {
}




.HeaderMenu {
    padding: 0;
}

.DInnerBanner {
    background-image: url('../Images/InnerBG.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    height: 220px;
    background-size: cover;
}

/*------------------------------------------------------------------------- C O N T E N T-------------------------------*/
.Content {
    padding-bottom: 20px;
}

.ContentDiv {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

    .ContentDiv > div {
        vertical-align: top;
        overflow:hidden;
    }

.ContentTD {
    direction: rtl;
}

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

.Content .Box {
}



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


.Content a,
.Content a:hover {
    color: #00adee;
}


.Content .DConcerts > div {
    display: inline-block;
    width: 100%;
}

    .Content .DConcerts > div:last-child {
        margin-left: 0;
    }

    .Content .DConcerts > div h2 {
        font-size: 15px;
        display: block;
        line-height: 25px;
        padding-bottom: 10px;
        border-bottom: 1px solid #6f3a96;
        margin-bottom: 10px;
    }

    .Content .DConcerts > div span {
        text-align: justify;
        display: block;
    }

    .Content .DConcerts > div a {
        border: 1px solid #04bdd9;
        color: #04bdd9;
        display: table;
        border-radius: 3px;
        padding: 5px 10px;
        margin: 10px auto 10px 0;
        transition: all 300ms;
    }

        .Content .DConcerts > div a:hover {
            background-color: #04bdd9;
            transition: all 300ms;
            color: white;
        }

.Content .DConcerts img {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

/*RightMenu*/
.RightTD {
    width: 261px !important;
    direction: rtl;
    padding-left: 4px;
}

    .RightTD a {
        font-family: IRANSans;
        font-size: 13px;
        color: black;
    }

    .RightTD .Box {
        margin-bottom: 4px;
        overflow: hidden;
        border-radius: 10px;
        background-color: #e0e0e0;
    }

        .RightTD .Box:last-child {
            margin-bottom: 0;
        }

    .RightTD .BTitle,
    .RightTD .BATitle {
        font-family: IRANSans;
        margin-bottom: 0 !important;
        line-height: 25px;
        text-align: center;
        color: #fff;
        background-color: #fe0000;
        border-radius: 5px 5px 0 0;
    }

    .RightTD .BATitle {
        direction: rtl;
        font-size: 13px;
        border-bottom: none;
        background-color: #e0e0e0;
        color: #000;
    }

        .RightTD .BATitle a {
            color: #000;
        }




    .RightTD button:hover,
    .RightTD input[type=submit]:hover {
        background-color: #333 !important;
        border-color: #333;
    }




    .RightTD .BTitle h2 {
        font-size: 13px;
    }

    .RightTD .BContent {
        color: #000;
        border-top: 0;
        padding-top: 10px;
    }

        .RightTD .BContent a {
            color: #000;
        }

            .RightTD .BContent a:hover {
                color: #000;
            }

.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-------------------------*/
.LoginLink {
    background-image: url(../Images/arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 !important;
}

    .LoginLink:hover {
        background-color: #ff9b08;
        color: white;
        background-image: url(../Images/arrow-white.png);
    }

    .LoginLink a {
        color: Black;
        display: block;
        padding: 5px 25px 5px 0;
    }

        .LoginLink a:hover {
            color: white;
            text-decoration: none;
        }

.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: IRANSans;
    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;
    text-align: right;
    direction: ltr;
}

    .ULGallery iframe {
        display: block;
        border: none;
        width: 100%;
        height: 180px;
    }

    .ULGallery li {
        display: inline-block;
        margin-top: 20px;
        margin-left: 20px;
        padding: 0;
        vertical-align: top;
        width: 320px;
        height: 320px;
        border: 1px solid #000;
        border-radius: 5px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        border-radius: 50%;
        transition: all 300ms;
    }


        .ULGallery li a:first-child div {
            height: 320px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: black;
            border-bottom: none !important;
            transition: all 300ms;
            background-size: cover;
        }

        .ULGallery li:hover {
            border-radius: 5px;
            transition: all 300ms;
        }

        .ULGallery li > div {
            text-align: center;
            vertical-align: middle;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ed1b24;
            color: #fff;
          opacity:0;
        }

        .ULGallery li:hover > div {
            opacity: 1;
        }

        .ULGallery li > iframe + div {
            position: initial;
            line-height: 25px;
            background-color: black;
            box-sizing: border-box;
            padding: 0 10px;
            height: 40px;
            color: #fff;
            line-height: 40px;
        }

        .ULGallery li div a {
            box-sizing: border-box;
            display: block;
            padding: 0 10px;
            height: 40px;
            color: #fff;
            line-height: 40px;
        }

            .ULGallery li div a:hover {
                color: white;
            }
/*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;
}


/*Footer*/
.Footer {
    text-align: center;
    color: #e0e0e0;
    background-color: #bb1a20;
}

    .Footer a {
        color: #fff;
    }

.FooterDiv,
.ContactsDiv {
    width: 100%;
    margin: 0 auto;
}

.DCopyRight {
    padding: 10px 0;
}

    .DCopyRight > div {
        display: inline-block;
        text-align: left;
        padding: 0 5px;
        vertical-align: top;
    }

.DContacts {
    background-color: #ee1c25;
    padding: 10px;
    overflow: hidden;
    color: white;
}

    .DContacts > div {
        max-width: 1000px;
        margin: 0 auto;
        width: 100%;
        font-size: 13px;
        line-height: 30px;
    }

        .DContacts > div > div i {
            font-size: 15px;
        }


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

            .DContacts > div > div:first-child i {
                margin-left: 10px;
                float: right;
            }

            .DContacts > div > div:first-child > div:first-child i::before {
                content: '\e92d';
            }

            .DContacts > div > div:first-child > div:last-child {
                direction: ltr;
                word-spacing: 2px;
            }

                .DContacts > div > div:first-child > div:last-child i::before {
                    content: '\e923';
                }

        .DContacts > div > div:last-child {
            float: left;
        }





.DSocials {
    background-color: white;
}

    .DSocials.DSilver {
        background-color: #e2e2e2;
    }

    .DSocials a {
        font-size: 28px;
        display: inline-block;
        margin: 10px;
        color: #393939;
        vertical-align: top;
        transition: all 300ms;
    }

        .DSocials a:hover {
            color: #ee1c25;
            transition: all 300ms;
        }

        .DSocials a:nth-child(1) i:before {
            content: '\e925';
        }

        .DSocials a:nth-child(2) i:before {
            content: '\e924';
        }


        .DSocials a:nth-child(3) i:before {
            content: '\e927';
        }


.Footer .DMap iframe {
    display: block;
    width: 100%;
}

/*----------------------------------------------------------------------------------------SiteMap*/
.SMMDiv {
    padding: 4px 0 4px 4px;
    margin: 0 !important;
    font-family: IRANSans;
    font-size: 13px;
    text-align: right;
}

.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;
}


/* ------------------------------------------------------------------------ N E W S ------------------------------------*/
.NewsDate {
    color: #838385;
}

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

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

    .NTDiv a {
    }

    .NTDiv h3 {
        font-family: IRANSans;
        font-weight: normal;
        font-size: 10pt;
    }

.NCDiv {
}

.NADiv {
    padding: 5px 10px;
    font-family: IRANSans;
    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*/

.CPT {
    -webkit-clip-path: polygon(0 calc(100% - 27px),calc(50% - 27px) calc(100% - 27px),50% 100%,calc(50% + 27px) calc(100% - 27px),100% 100%,calc(100% - 27px) 0,0 0);
    clip-path: polygon(0 calc(100% - 27px),calc(50% - 27px) calc(100% - 27px),50% 100%,calc(50% + 27px) calc(100% - 27px),100% calc(100% - 27px),100% 0,0 0);
}

#slider-wrapper {
    height: 100%;
    text-align: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-clip-path: polygon(0 calc(100% - 27px),calc(50% - 27px) calc(100% - 27px),50% 100%,calc(50% + 27px) calc(100% - 27px),100% 100%,calc(100% - 27px) 0,0 0);
    clip-path: polygon(0 calc(100% - 27px),calc(50% - 27px) calc(100% - 27px),50% 100%,calc(50% + 27px) calc(100% - 27px),100% calc(100% - 27px),100% 0,0 0);
}


.nivoSlider {
    z-index: 0;
    position: relative;
    background: #fff url('../../App_Themes/Images/loading.gif') no-repeat 50% 50%;
    margin: 0 auto;
}

    .nivoSlider:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 50000;
    }

    .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

.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 !important;
    -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;
    z-index: 9;
    top: calc(50% - 25.5px);
    z-index: 500000;
    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;
}

.CaptchaTB {
    width: 146px !important;
    margin-bottom: 10px;
}

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

    .RegisterStepsImages div {
        display: table-cell;
    }

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

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







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

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

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

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

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

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

.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: IRANSans;
    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: IRANSans;
    font-size: 11px;
}

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

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: IRANSans;
        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: IRANSans;
        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: IRANSans;
        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: 10000;
    display: none;
}

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

    .PUDiv > div {
        min-width: 500px;
        display: table;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 5px 0px 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: #f0f0f0;
    }


.PUMDiv,
.LoadingBox {
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    color: gray;
    font-family: IRANSans;
    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: 5px 36px 5px 5px;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url('../PanelImages/MIcons.png');
}

.PUDiv .Error,
#LCodeMessage .Error {
    background-position: right -28px !important;
}

.PUDiv .Alert,
#LCodeMessage .Alert {
    background-position: right -56px !important;
}

.PUDiv .Info {
    background-position: right -84px !important;
}

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


.PUTitle {
    background-color: white;
    font-family: IRANSans;
    font-size: 18px;
    display: table;
    width: 100%;
}

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

    .PUTitle > div:first-child {
        width: 47px;
        text-align: center;
    }

    .PUTitle .PUTab {
        padding: 0 !important;
        width: auto !important;
    }

        .PUTitle .PUTab img {
            cursor: pointer;
        }

        .PUTitle .PUTab .Selected {
            background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(240, 240, 240, 1) 100%);
            /* W3C */
        }

        .PUTitle .PUTab #TTSpan {
            line-height: 32px;
            padding: 0 15px 0 10px;
            vertical-align: top;
        }

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

        .PUTitle > div:last-child img {
            cursor: pointer;
            opacity: 0.5;
        }

            .PUTitle > div:last-child img:hover {
                cursor: pointer;
                opacity: 1;
            }

.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: IRANSans;
    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 #eaeaea;
    padding: 5px;
}

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

.MastersDiv .MastersImage {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid black;
    height: 320px;
    width: 320px;
    box-sizing: border-box;
    border-radius: 40px 0 0 40px;
    overflow: hidden;
}

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

.MastersName {
    color: #4d4d4d;
    font-size: 13px;
    width: 400px;
    margin-right: 20px;
}

    .MastersName:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: silver;
        margin-top: 10px;
        margin-right: 10px;
    }

    .MastersName h1 {
        font-size: 17px;
        line-height: 40px;
    }

.MastersDescriptions {
    text-align: justify;
    padding-top: 5px;
}

.MasterDetialsDiv {
}

    .MasterDetialsDiv .MastersText {
        max-width: 700px;
        display: table;
        margin: 0 auto;
    }

    .MasterDetialsDiv .MastersImage {
        display: table;
        margin: 0 auto;
        position: relative;
    }

        .MasterDetialsDiv .MastersImage > img {
            height: 320px;
            width: 320px;
            box-sizing: border-box;
            display: table;
            border: 5px solid #ec1d25;
            border-radius: 50%;
            margin-top: 40px;
        }

    .MasterDetialsDiv > .DTitle h1 {
        color: #ec1d25;
        font-weight: bold;
        left: 0;
        right: 0;
        font-size: 22px;
    }

    .MasterDetialsDiv > h2 {
        color: #111;
        font-size: 13px;
    }

@-moz-document url-prefix() {
    .MasterDetialsDiv .MastersImage > h1 {
        bottom: 40px;
        padding: 5px 10px;
        left: 5px;
        right: 5px;
    }
}

.MastersTitle {
    color: black;
    display: inline-block;
    margin: 10px 5px;
    padding: 5px 20px;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

    .MastersTitle:before {
        content: '';
        position: absolute;
        background-color: #f9bc14;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.MastersResume,
.MastersDays {
    text-align: justify;
    margin-right: 25px;
}

/*-------------------------------------------------------------------------------Classes*/
.ClassesImage {
    background-position: center center;
    background-repeat: no-repeat;
    width: 165px;
    height: 165px;
}

.ClassesName {
    background-color: #ffba00;
    padding: 5px;
    color: black;
}

.ClassCategories {
}

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

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

        .ClassCategories li div {
        }

.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;
}

.GVItem {
    background-image: url('../Images/GVItemSpliter.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;
}

    .GVItem select {
        width: auto !important;
    }


.GVHeader 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 9px;
    text-align: center;
}

.GVHeader {
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(238, 238, 238, 1) 100%);
    /* W3C */
    font-family: IRANSans;
    color: #888888;
    border: 0;
    font-size: 13px;
    border: 1px solid #dddddd;
}

    .GVHeader a {
        color: black !important;
    }

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

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

.GridAlternateRow {
    background-color: #f7f7f7;
}

.GridRow {
    background-color: #fff;
}

    .GridRow:hover,
    .GridAlternateRow:hover {
        background-color: rgba(93, 178, 255, 0.1);
    }

.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;
}

.GVRowNoHeader {
    padding: 5px 10px 7px 10px;
    border: 0;
    background-image: url('../PanelImages/GVHeaderSpliterLeft.png') !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

.GridRowNo {
    font-weight: bold;
    font-family: Arial;
    color: #cc0000;
    text-align: center;
}

.GPCurrent {
    background-color: #cf0404;
    border: 1px solid white;
    color: white;
    padding: 4px 8px;
}

.GPLink {
    background-color: white;
    border: 1px solid #dddddd;
    color: black;
    padding: 4px 8px;
}

    .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: 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;
        border-color: #dddddd;
    }

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

.GVExtendTR {
    padding: 0;
}

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

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

.GVItem 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;
}

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

    .GVItem a[disabled],
    .GVItem 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;
    }



.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;
    }

.GVItem div,
.AbsentDiv,
.GridRowNo div {
    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;
}

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

    .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;
    }

    .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: IRANSans;
    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;
}

.LBTranscript {
    background-color: #2196f3;
    background-position: left -156px;
}

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

.PUContent .GridView {
    width: 100%;
}

.DTranscripts {
    padding: 5px;
}

    .DTranscripts > span {
        margin-right: 0;
        padding: 5px 10px 5px 30px;
        background-color: silver;
        border-radius: 2px 2px 0 0;
        margin-top: 5px;
        display: table;
        color: white;
    }

    .DTranscripts > div {
        max-width: 300px;
        max-height: 100px;
        overflow-y: auto;
        text-align: justify;
        padding: 10px;
        background-color: #f5f5f5;
        border: 1px solid silver;
        border-radius: 2px 0 2px 2px;
    }

.TContacts {
    margin-right: 0;
    font-family: IRANSans;
    font-size: 13px;
}

    .TContacts tr:last-child td {
        direction: ltr;
        font-size: 16px;
    }



.Carousel {
    margin: 0 auto;
    display: table;
}

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

    .Carousel .DLeft,
    .Carousel .DRight {
        vertical-align: middle;
        width: 30px;
        color: black;
        font-size: 20px;
        cursor: pointer;
        text-align: center;
    }

        .Carousel .DLeft.Disabled,
        .Carousel .DRight.Disabled {
            color: silver;
        }

.CarItems {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    direction: ltr;
}

    .CarItems > div {
        position: relative;
    }

        .CarItems > div > * {
            background-color: black;
            float: left;
            margin-right: 10px;
            color: white;
            text-align: center;
            vertical-align: middle;
        }

.RightTD .BLinks a {
    display: block;
    padding: 5px 0;
}

.DClock embed {
    height: 140px;
}



.DPager {
    display: table;
    margin: 0 auto;
    direction: ltr;
}

    .DPager > a {
        line-height: 30px;
        width: 30px;
        display: inline-block;
        margin: 5px;
        border: 1px solid black;
        box-sizing: border-box;
        cursor: pointer;
        transition: all 300ms;
        text-align: center;
        color: Black;
        border-radius: 2px;
    }

        .DPager > a:hover {
            border-radius: 5px;
            background-color: #eaeaea;
            transition: all 300ms;
        }

        .DPager > a:not([href]),
        .DPager > a:not([href]):hover {
            cursor: default;
            background-color: #c40000;
            color: white;
            border-radius: 2px;
        }



.ValErr {
    background-color: #f9f994;
    border-color: maroon;
}

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

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

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

.ProgressDiv {
    background-color: black;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: white;
    direction: rtl;
    display: none;
    z-index: 10001;
    padding: 5px 0;
}

.DRandomGallery {
    background-color: black;
    background-image: url('../Images/BGGallery.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

    .DRandomGallery > div {
        width: 1000px;
        margin: 40px auto;
    }

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

    .DRandomGallery img {
    }

.DUp {
    position: fixed;
    bottom: 60px;
    height: 50px;
    right: 20px;
    display: none;
}

    .DUp a {
        background-color: #f9be15;
        border-radius: 50%;
        cursor: pointer;
        transition: all 300ms;
        width: 50px;
        height: 50px;
        display: inline-block;
        transition: all 300ms;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    }

        .DUp a:before {
            font-family: 'fontIcon';
            line-height: 48px;
            content: '\e900';
            font-size: 28px;
        }

        .DUp a:hover {
            background-color: #067a99;
            transition: all 300ms;
        }

.DDiscount {
    width: 1000px;
    text-align: right;
}

    .DDiscount a {
        position: relative;
        margin: -50px auto 20px;
        background-color: white;
        border-radius: 20px;
        color: black;
        font-size: 13px;
        display: table;
        padding: 0 20px;
        line-height: 30px;
        font-size: 13px;
        font-weight: bold;
        font-family: IRANSans;
        transition: all 300ms;
    }

        .DDiscount a:hover {
            line-height: 40px;
            padding: 0 40px;
            font-size: 15px;
            transition: all 300ms;
            margin: -55px auto 15px;
        }



.News {
    background-color: #eaeaea;
}

.NewsDiv {
    max-width: 1000px;
    width: 100%;
    padding: 5px 0 10px;
    margin: 0 auto;
}

.NewsRight,
.NewsLeft {
    display: inline-block;
    vertical-align: top;
}



.News .BContent {
    text-align: justify;
    color: #838385;
}

    .News .BContent div:nth-child(even) {
        margin-bottom: 15px;
        height: 66px;
        overflow: hidden;
        line-height: 22px;
    }

.News a {
    color: #ee1c25;
    display: block;
    font-size: 13px;
}

.News .Btn {
    background-color: transparent;
    border: 1px solid #04bdd9;
    color: #04bdd9;
    display: table;
    margin-left: 0;
    margin-right: auto;
}

    .News .Btn:hover {
        background-color: #04bdd9;
        color: white;
    }

.PContent {
    background: url(../Images/BG.jpg), linear-gradient(to right, #302f34 50%, #191d20 51%);
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 400px;
}

.PContentDiv {
    max-width: 1000px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

.PContent .Box {
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    width: 40%;
    margin: 30px;
    direction: rtl;
    text-align: justify;
}

.PContent h2 {
    color: #eccd03;
    font-size: 16px;
    margin-bottom: 15px;
}

.DMasters > a {
    display: inline-block;
    width: 320px;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: 20px;
    color: black;
    background-color: white;
}

.DMasters > a {
    margin-left: 20px;
}

.DMasters h2 {
    line-height: 40px;
}

.DMasters .BMDiv div {
    height: 320px;
    overflow: hidden;
}

.MContent {
    overflow: hidden;
}


    .MContent .BMDiv {
        position: relative;
        transition: all 300ms;
        overflow: hidden;
        max-height: 400px;
        max-width: 400px;
        width: 100%;
        height: 100%;
        margin: 20px 20px 60px;
    }

        .MContent .BMDiv .MDiv {
            position: relative;
            color: white;
            font-size: 13px;
            overflow: hidden;
            max-height: 400px;
            max-width: 400px;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            background: #e0e0e0;
        }

            .MContent .BMDiv .MDiv img,
            .DMasters .BMDiv img {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                max-height: 400px;
                max-width: 400px;
                overflow: hidden;
                display: block;
                position: relative;
                z-index: 5;
                border-radius: 50%;
                border: 5px solid white;
                transition: all 300ms;
                -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(100%);
                filter: gray;
                filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            }

        .MContent .BMDiv:hover .MDiv img,
        .DMasters .BMDiv:hover img {
            border-color: #ee1c25;
            transition: all 300ms;
            -moz-filter: none;
            -o-filter: none;
            -webkit-filter: none;
            filter: none;
        }

        .MContent .BMDiv:hover,
        .DMasters .BMDiv:hover {
            color: #ee1c25;
        }

        .MContent .BMDiv .MDiv a {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transition: all 300ms;
            z-index: 12;
        }

        .MContent .BMDiv .MDiv > span {
            display: none;
            position: absolute;
            z-index: 11;
            left: 0;
            right: 0;
            font-size: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            line-height: 30px;
        }

            .MContent .BMDiv .MDiv > span > span,
            .DMasters .BMDiv > span > span {
                font-size: 13px;
            }


        .MContent .BMDiv .MDiv:hover:before {
            display: block;
            background-color: rgba(0, 0, 0, 0.5);
            transition: all 300ms;
            z-index: 7;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .MContent .BMDiv .MDiv:hover > span,
        .DMasters .BMDiv:hover > span {
            display: block;
        }

        .MContent .BMDiv .MDiv:hover > img,
        .DMasters .BMDiv:hover > img {
            transform: scale(1.1);
            transition: all 300ms;
        }

        .MContent .BMDiv .BMCDiv {
            display: none;
        }


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 32px;
}

.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

    .lSSlideWrapper > .lightSlider:after {
        clear: both;
    }

    .lSSlideWrapper .lSSlide {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: all 1s;
        -webkit-transition-property: -webkit-transform, height;
        -moz-transition-property: -moz-transform, height;
        transition-property: transform, height;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lSSlideWrapper .lSFade {
        position: relative;
    }

        .lSSlideWrapper .lSFade > * {
            position: absolute !important;
            top: 0;
            left: 0;
            z-index: 9;
            margin-right: 0;
            width: 100%;
        }

    .lSSlideWrapper.usingCss .lSFade > * {
        opacity: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lSSlideWrapper .lSFade > *.active {
        z-index: 10;
    }

    .lSSlideWrapper.usingCss .lSFade > *.active {
        opacity: 1;
    }

/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

    .lSSlideOuter .lSPager.lSpg > li {
        cursor: pointer;
        display: inline-block;
        padding: 0 5px;
    }

        .lSSlideOuter .lSPager.lSpg > li a {
            background-color: #222222;
            border-radius: 30px;
            display: inline-block;
            height: 8px;
            overflow: hidden;
            text-indent: -999em;
            width: 8px;
            position: relative;
            z-index: 99;
            -webkit-transition: all 0.5s linear 0s;
            transition: all 0.5s linear 0s;
        }

        .lSSlideOuter .lSPager.lSpg > li:hover a,
        .lSSlideOuter .lSPager.lSpg > li.active a {
            background-color: #428bca;
        }

.lSSlideOuter .media {
    opacity: 0.8;
}

    .lSSlideOuter .media.active {
        opacity: 1;
    }

/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .lSSlideOuter .lSPager.lSGallery li {
        overflow: hidden;
        -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
        transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    }

        .lSSlideOuter .lSPager.lSGallery li.active,
        .lSSlideOuter .lSPager.lSGallery li:hover {
            border-radius: 5px;
        }

    .lSSlideOuter .lSPager.lSGallery img {
        display: block;
        height: auto;
        max-width: 100%;
    }

    .lSSlideOuter .lSPager.lSGallery:before,
    .lSSlideOuter .lSPager.lSGallery:after {
        content: " ";
        display: table;
    }

    .lSSlideOuter .lSPager.lSGallery:after {
        clear: both;
    }

/* End of Gallery*/

/* slider actions */
.lSAction {
    position: absolute;
    top: 48px;
    bottom: 0;
    left: 0;
    right: 0;
}

    .lSAction > a {
        width: 23px;
        display: block;
        top: 50%;
        height: 23px;
        cursor: pointer;
        position: absolute;
        z-index: 99;
        margin-top: -11.5px;
        opacity: 0.5;
        -webkit-transition: opacity 0.35s linear 0s;
        transition: opacity 0.35s linear 0s;
        background-repeat: no-repeat;
        background-position: center center
    }

        .lSAction > a:hover {
            opacity: 1;
        }

    .lSAction > .lSPrev {
        left: 0;
        background-image: url('../Images/ALeft.png');
    }

    .lSAction > .lSNext {
        right: 0;
        background-image: url('../Images/ARight.png');
    }

    .lSAction > a.disabled {
        pointer-events: none;
    }

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

@media(min-width:640px) and (max-width:980px) {

    .DMasters > a:nth-child(2n),
    .DInstruments > a:nth-child(2n),
    .DArticles > a:nth-child(2n) {
        margin-left: 0;
    }

    .ULGallery li:nth-of-type(2n) {
        margin-left: 0;
    }

    .ULGallery {
        text-align: center;
    }
}

@media(max-width:640px) {
    body {
        font-size: 13px
    }

    .AInstrument {
        display: block;
    }

        .AInstrument > div {
            display: block !important;
            margin: 0 auto;
            padding: 0 10px;
            box-sizing: border-box;
            max-width: 360px !important;
            width: 100% !important;
        }

        .AInstrument + .NADiv {
            text-align: center;
        }

    .MastersImage {
        max-width: 320px;
    }

    .DArticles > a {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .DMasters > a,
    .ULGallery li,
    .DInstruments > a {
        margin-left: 0 !important;
    }

        .DMasters > a:first-child,
        .DInstruments > a:first-child,
        .ULGallery li:nth-of-type(1) {
            margin-top: 0 !important;
        }

    .MastersText,
    .MastersName {
        display: block;
    }

    .MastersResume,
    .MastersDays {
        margin-left: 10px;
    }

    .DAbout > div > div {
        max-width: 320px !important;
    }


    .ISW > div:last-child {
        display: none;
    }

    .ISW > div:first-child > div {
        display: block;
    }

    .ISW .DIns {
        margin: 20px !important;
        max-width: 400px;
    }



        .ISW .DIns > div {
            width: auto !important;
        }

        .ISW .DIns > a {
            position: initial !important;
            display: table;
            float: none !important;
            margin: 10px auto;
        }

    .DArticles > div {
        display: block !important;
        width: auto !important;
    }

        .DArticles > div > div:first-child {
            background-size: cover;
        }


    .slick-prev,
    .slick-next {
        right: 0 !important;
        left: 0 !important;
        margin: 0 auto;
        top: calc(100% - 35px) !important;
    }

    .slick-prev {
        z-index: 5555;
    }

        .slick-prev:before {
            margin-left: -35px;
        }

    .slick-next:before {
        margin-left: 35px;
    }

    .DPostArchive {
        display: table !important;
        width: calc(100% - 20px) !important;
        margin: 0 10px 10px !important;
    }

        .DPostArchive > div {
            display: block !important;
        }


        .DPostArchive h2 {
            padding: 10px 0 !important;
            border-bottom: none !important;
        }

        .DPostArchive > div:first-child {
            width: 100% !important;
            padding: 0 !important;
        }

            .DPostArchive > div:first-child img {
                width: 100%;
                height: auto;
                border-radius: 10px 10px 0 0 !important;
            }

    .DCopyRight > div {
        text-align: center !important;
    }
}


@media(min-width:980px) {

    .Top .ALogin {
        display: table;
        margin-top: 21.5px;
        border-radius: 4px;
    }

    .DHM a:last-child {
        display: none;
    }

    .DMasters > a:nth-child(-n+3),
    .DInstruments > a:nth-child(-n+3),
    .ULGallery li:nth-of-type(-n+3),
    .DCS > div:nth-child(-n+3) {
        margin-top: 0;
    }

    .DMasters > a:nth-child(3n),
    .DInstruments > a:nth-child(3n),
    .DCS > div:nth-child(3n) {
        margin-left: 0;
    }

    .ULGallery li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .ULGallery {
        text-align: right;
    }


    .NewsRight,
    .NewsLeft {
        width: calc(50% - 20px);
    }

    .NewsLeft {
        margin-right: 40px;
    }


    .Content .DConcerts > div {
        max-width: 314px;
        margin-left: 29px;
    }

    /*Header Menu*/
    #cm-nav .linkClass {
        text-align: center;
        border-width: 0;
        color: white;
    }

        #cm-nav .linkClass:hover {
            border-bottom: none;
            background: transparent;
        }

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

    ul#cm-nav {
        margin-right: 0;
        overflow: hidden;
        max-width: 1000px;
        width: 100%;
        display: table;
        table-layout: fixed;
    }


        ul#cm-nav ul {
            padding: 0;
            display: table;
            margin: 0 auto;
            background-color: #1a1a1a;
            border-radius: 5px;
        }

        ul#cm-nav > li {
            vertical-align: top;
            display: inline-block;
        }

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

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

    #cm-nav a {
        color: #1a1a1a;
        display: block;
        font-family: IRANSans;
        font-size: 13px;
        line-height: 35px;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        transition: all 300ms;
    }

    #cm-nav li:last-child a {
    }

    #cm-nav li:hover > a {
        color: #eb1c22;
        transition: all 300ms;
    }


    #cm-nav a:focus {
    }

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

    #cm-nav li a {
        padding: 5px 20px;
    }

        #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;
    }

    #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;
    }
}

@media (max-width:981px) {
    .PContent .Box {
        width: calc(100% - 60px);
    }

    .NewsRight,
    .NewsLeft {
        margin: 0 10px 10px;
        width: calc(100% - 20px);
    }

    .Content .DConcerts {
        padding: 5px 10px;
    }



    .ContentDiv {
        margin: 0 auto;
    }

        .ContentDiv > div {
            display: block;
        }


    .RightTD {
        width: initial !important;
        padding: 5px;
    }

    .HeaderDiv,
    .Footer,
    .ContentDiv,
    .HeaderTD,
    .TopDiv {
        width: 100% !important;
    }

    .DHM {
        width: 100%;
        padding: 0 !important;
        display: table !important;
    }

        .DHM a {
            display: table-cell;
            vertical-align: middle;
            padding: 15px;
            text-align: left;
        }

            .DHM a:last-child {
                text-align: right;
            }

            .DHM a img {
                vertical-align: top;
            }

            .DHM a:first-child img {
                content: url("../Images/SLogo.svg");
                margin: 0;
                display: inline-block;
                vertical-align: top;
                max-height: 100px;
            }

    .TopTD .Box {
        background-color: #333;
    }

    .FooterDiv {
        margin: 0;
    }



    /*Header Menu*/


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

        ul#cm-nav ul {
            background-color: #666;
        }

        ul#cm-nav li {
            list-style-type: none;
            margin: 0;
            width: 100%;
            list-style-image: none;
            z-index: 9997;
            display: block;
        }

    #cm-nav a {
        color: #fff;
        display: block;
        font-size: 13px;
        line-height: 30px;
        text-align: right;
        text-decoration: none;
        white-space: nowrap;
        padding: 5px 20px;
    }

    #cm-nav li:last-child a {
    }

    #cm-nav li:hover > a {
    }

    #cm-nav li:hover {
        background-color: #000;
    }

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



    #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;
        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;
        border-bottom: 1px solid #000;
    }

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

    #cm-nav ul ul {
        background-image: none;
    }

    #cm-nav li {
        background-image: none;
    }



    .Top {
        margin-bottom: 0;
        height: auto;
    }

    .TopTD > * {
        display: block;
    }

        .TopTD > *:nth-child(3) {
            border-top: none;
        }

        .TopTD > *:nth-child(1),
        .TopTD > *:nth-child(2) {
            float: none !important;
        }

    .ALogin {
        width: 100%;
        border-radius: 0;
        box-sizing: border-box;
        text-align: center;
    }

        .ALogin i {
            float: none !important;
        }

    .DContacts > div {
        display: block;
    }

    .DContacts .DMap div {
        border-radius: 0;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        overflow: hidden;
        margin: 10px 0;
    }

    .DContacts .DMap iframe {
        display: block;
        width: 100%;
        height: 200px;
    }

    .DContacts > div > div {
        margin: 10px;
        float: none !important;
        text-align: center !important;
    }

    .ULGallery {
        text-align: center;
    }


    .DCS > div {
        flex: 1 0 50% !important;
        max-width: calc(50% - 20px) !important;
    }

    .DCertificate > a {
        margin: 20px 20px 0 !important;
        max-width: calc(50% - 30px) !important;
    }

        .DCertificate > a:nth-child(2n+1) {
            margin-left: 0 !important;
        }

    .ISW .DInsThumb {
        height: 180px !important;
    }


        .ISW .DInsThumb.slick-current > div {
            max-width: 150px !important;
            max-height: 150px !important;
        }

        .ISW .DInsThumb > div {
            max-width: 100px !important;
            max-height: 100px !important;
        }

    .ISW .DIns > div > * img {
        width: 400px !important;
    }
}

@media (max-width:801px) {
    .ISW .DInsThumb {
        height: 150px !important;
    }


        .ISW .DInsThumb.slick-current > div {
            max-width: 130px !important;
            max-height: 130px !important;
        }

        .ISW .DInsThumb > div {
            max-width: 90px !important;
            max-height: 90px !important;
        }

    .ISW .DIns > div > * img {
        width: 370px !important;
    }
}

@media (max-width:710px) {
    .ISW .DIns > * {
        clear: both;
    }

    .ISW .DIns > div > * {
        display: block !important;
        padding: 0 !important;
        vertical-align: top;
    }

        .ISW .DIns > div > * img {
            width: 100% !important;
            margin-bottom: 30px;
        }
}

@media (max-width:480px) {
    .MContent .BMDiv {
        margin: 20px !important;
    }

        .MContent .BMDiv .BMCDiv {
            display: table;
            width: 100%;
            margin-top: 10px;
        }

            .MContent .BMDiv .BMCDiv > * {
                display: table-cell;
                vertical-align: middle;
            }

            .MContent .BMDiv .BMCDiv > span {
                font-size: 0;
                line-height: 0;
                width: 35px;
                height: 35px;
                padding: 0;
                cursor: pointer;
                color: transparent;
                border: none;
                outline: none;
                background: transparent;
            }

            .MContent .BMDiv .BMCDiv > div {
                font-size: 14px;
            }

                .MContent .BMDiv .BMCDiv > div > span {
                    font-size: 12px;
                }

    .DCS {
        display: block !important;
    }

        .DCS > div {
            max-width: 100% !important;
            margin: 20px 20px 0 !important;
            flex: initial;
        }

    .DCertificate > a {
        display: block;
        margin: 20px 20px 0 !important;
        max-width: calc(100% - 40px) !important;
    }

    .DCert > div {
        display: table !important;
        max-width: calc(100% - 40px) !important;
    }

        .DCert > div:first-child {
            margin: -40px auto 20px !important;
        }

        .DCert > div:last-child {
            margin: 0 auto !important;
        }
}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: inline-block;
    vertical-align: top;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
    background: #fff url('/Scripts/slick/ajax-loader.gif') center center no-repeat;
}

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

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus,
    .MContent .BMDiv .BMCDiv > span:hover,
    .MContent .BMDiv .BMCDiv > span:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before,
        .MContent .BMDiv .BMCDiv > span:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before,
    .MContent .BMDiv .BMCDiv > span:before {
        font-family: 'slick';
        font-size: 35px;
        line-height: 1;
        opacity: .75;
        color: #aaa;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -35px;
}

[dir='rtl'] .slick-prev {
    right: -35px;
    left: auto;
}

.slick-prev:before,
.MContent .BMDiv .BMCDiv > span:first-child:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before,
.MContent .BMDiv .BMCDiv > span:last-child:before {
    content: '→';
}

.slick-next {
    right: -35px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -35px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }

.ISW {
    direction: ltr;
}

    .ISW > div:first-child {
        max-width: 1000px;
        margin: 10px auto;
    }

    .ISW .DIns {
        margin-top: 10px;
        overflow: hidden;
        max-width: 1000px;
        box-sizing: border-box;
        margin: 0 auto 20px;
        position: relative;
        text-align: right;
        outline: none;
    }

        .ISW .DIns > div {
            font-size: 14px;
            line-height: 30px;
            box-sizing: border-box;
            text-align: right;
            vertical-align: top;
            display: table;
            width: 100%;
            margin: 0 auto;
        }

            .ISW .DIns > div > * {
                padding: 20px;
                vertical-align: middle;
                display: table-cell;
            }

                .ISW .DIns > div > *:first-child {
                    text-align: left;
                }

                .ISW .DIns > div > * img {
                    border-radius: 5px;
                    width: 470px;
                    height: auto;
                }

            .ISW .DIns > div h2 {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 20px;
                color: #e44047;
            }

            .ISW .DIns > div > div div {
                text-align: justify;
                direction: rtl;
                color: #7a7a7a;
            }

        .ISW .DIns > a {
            position: absolute;
            left: 20px;
            bottom: 20px;
            background-color: #ffd401;
            font-size: 14px;
            padding: 5px 10px;
            color: #fff;
            border-radius: 4px;
            transition: all 200ms;
        }

            .ISW .DIns > a:hover {
                background-color: #f8be14;
                transition: all 200ms;
            }




    .ISW > div:last-child {
        width: 100%;
    }

        .ISW > div:last-child > div {
            max-width: 1000px;
            margin: 0 auto;
        }

    .ISW .DInsThumb {
        height: 200px;
        padding: 10px 0;
        margin: 10px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        transition: all 300ms;
        outline: none;
        text-align: center;
    }


        .ISW .DInsThumb.slick-current > div {
            border-color: #ef1c23;
            transition: all 300ms;
            max-width: 170px;
            max-height: 170px;
            width: 100%;
            height: 100%;
            margin: 0 auto;
            -moz-filter: none;
            -o-filter: none;
            -webkit-filter: none;
            filter: none;
            filter: none;
        }

        .ISW .DInsThumb > div {
            border: 5px solid #e2e2e2;
            max-width: 120px;
            max-height: 120px;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            cursor: pointer;
            margin: 25px auto;
            transition: all 300ms;
            -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(100%);
            filter: gray;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        }

    .ISW > div:last-child .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
    }

.DTitle, .ContentTD .BTitle, .ContentTD .BATitle {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 16px;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    position: relative;
    padding:0;
}

    .DTitle::before, .ContentTD .BTitle::before, .ContentTD .BATitle::before {
        content: '';
        display: table;
        margin: -1px auto 0;
        height: 50px;
        width: 2px;
        background-color: #adadad;
    }

    .DTitle > *, .ContentTD .BTitle > *, .ContentTD .BATitle > * {
        display: table;
        margin: 0 auto;
    }

        .DTitle > *::before, .ContentTD .BTitle > *::before, .ContentTD .BATitle > *::before {
            content: '';
            display: table;
            margin: -1px auto 5px;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: #adadad;
        }

.DAbout .DTitle::before, .DAbout .DTitle > *::before {
    background-color: white;
}

.HContent {
    background-color: #e2e2e2;
}

.DAbout {
    position: relative;
}

    .DAbout:before {
        content: '';
        display: table;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 27px 27px 0 27px;
        border-color: #fff transparent transparent transparent;
        position: relative;
        z-index: 50;
    }

    .DAbout > .DPBG {
        background-image: url(../Images/BGAbout.jpg);
        /* Full height */
        height: 100%;
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .DAbout > div:not(.DPBG) {
        max-width: 1000px;
        text-align: right;
        padding: 0 10px 50px;
        color: white;
        margin: 0 auto;
        font-size: 14px;
        position: relative;
        text-align: justify;
        line-height: 35px;
    }

    .DAbout a {
        color: #fabd15;
        font-weight: bold;
    }

    .DAbout ul {
        margin: 0;
        padding: 0 20px 0 10px;
    }

        .DAbout ul li {
            line-height: 35px;
        }

    .DAbout > div > div {
        max-width: 400px;
        line-height: 35px;
    }

    .DAbout h1 {
        font-size: 18px;
        margin-bottom: 20px;
        color: #fff;
        font-weight: bold;
    }

.SBestMasters {
    max-width: 900px;
    margin: 0 auto;
}

.DArticles {
    max-width: 1000px;
    vertical-align: top;
    margin: 0 auto;
    direction: rtl;
    text-align: center;
}

    .DArticles > a:first-child {
        margin-right: 0;
    }

    .DArticles > a:last-child {
        margin-left: 0;
    }

    .DArticles > a {
        display: inline-block;
        width: 300px;
        vertical-align: top;
        margin: 0 20px 20px;
        border-radius: 10px;
        overflow: hidden;
        text-align: justify;
        direction: rtl;
        color: black;
    }

        .DArticles > a:hover > div:first-child {
            border: 5px solid #ed1b24;
            transition: all 300ms;
        }

        .DArticles > a > div:first-child {
            height: 260px;
            width: 260px;
            margin: 0 auto 20px;
            border: 5px solid #ffffff;
            border-radius: 50%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            transition: all 300ms;
        }

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

        .DArticles > a h3 {
            font-weight: bold;
            margin: 10px;
            line-height: 26px;
            height: 52px;
        }

        .DArticles > a i,
        .DPostArchive a i {
            border-radius: 3px;
            background-color: #e54148;
            width: 26px;
            height: 26px;
            font-size: 16px;
            line-height: 26px;
            margin-left: 5px;
            display: block;
            float: right;
        }

            .DArticles > a i:before,
            .DPostArchive a i:before {
                color: white;
                content: '\e92a';
                margin-right: -2px;
            }

.DCS {
    display: flex;
    flex-wrap: wrap;
}

    .DCS > div {
        vertical-align: top;
        flex: 1 0 33%;
        max-width: 317px;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        margin: 20px 0 0 20px;
        color: black;
        background-color: white;
        transition: all 300ms ease-in-out;
    }

        .DCS > div > div {
            padding: 10px;
        }

            .DCS > div > div:first-child {
                background-color: #1f2839;
            }

                .DCS > div > div:first-child > img {
                    display: table;
                    margin: 20px auto 0;
                }

                .DCS > div > div:first-child > h2 {
                    color: #f9be15;
                    font-size: 14px;
                }

                .DCS > div > div:first-child > span {
                    color: #8499c8;
                }



            .DCS > div > div:last-child > * {
                display: block;
            }


            .DCS > div > div:last-child > a {
                font-size: 13px;
            }

            .DCS > div > div:last-child > span {
                color: #333;
                margin-bottom: 10px;
            }

                .DCS > div > div:last-child > span:last-child {
                    margin-bottom: 0;
                }

.DInstruments > a {
    vertical-align: top;
    display: inline-block;
    width: 320px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 20px 0 0 20px;
    color: black;
    background-color: white;
    padding: 10px;
    transition: all 300ms ease-in-out;
}



    .DInstruments > a > div {
        width: 200px;
        height: 200px;
        overflow: hidden;
        margin: 0 auto 10px;
    }

        .DInstruments > a > div:before {
            transition: all 300ms;
            position: absolute;
            content: '';
            width: 240px;
            height: 200px;
            border-radius: 50%;
            background-color: #3c4d6d;
            top: 10px;
            left: 0;
            right: 0;
            margin: 0 auto;
            transform: rotate(-30deg);
            transition: all 300ms ease-in-out;
        }

        .DInstruments > a > div img {
            margin: 25px auto;
            position: relative;
        }



    .DInstruments > a:hover > div:before {
        background-color: #f8be14;
        transform: rotate(180deg);
        transition: all 300ms ease-in-out;
        width: 200px;
    }


    .DInstruments > a:hover {
        color: black;
    }

    .DInstruments > a h2 {
        margin: 15px auto 10px;
        transition: all 300ms ease-in-out;
    }

    .DInstruments > a:hover h2 {
        margin: 20px auto 15px;
        font-weight: bold;
        font-size: 20px;
        transition: all 300ms ease-in-out;
    }

    .DInstruments > a:hover {
        margin-bottom: -10px;
        transition: all 300ms ease-in-out;
    }

    .DInstruments > a p {
        text-align: justify;
        min-height: 150px;
    }

.ISW .DIns .DInsThumb {
    display: none;
}

.DNotFound {
    padding-top: 20px
}

    .DNotFound h1 {
        font-size: 24px;
    }

    .DNotFound > * {
        display: block;
        vertical-align: top;
        text-align: center;
        margin: 0 auto 40px;
    }

    .DNotFound > img {
        width: 90%;
        max-width: 669px;
        height: auto;
    }

.AInstrument {
    vertical-align: top;
    overflow: hidden;
    padding: 10px 0;
    display: table;
    width: 100%;
    max-width: 100%;
}

    .AInstrument > div {
        display: table-cell;
        overflow: hidden;
        vertical-align: top;
    }

        .AInstrument > div:first-child {
            width: 320px;
            text-align: right;
        }

        .AInstrument > div:last-child {
            padding: 0 10px;
            text-align: justify;
        }

        .AInstrument > div:first-child > * {
            display: block;
            border-radius: 5px;
            margin-bottom: 10px;
            overflow: hidden;
        }

        .AInstrument > div:first-child > div img {
            display: block;
            border-radius: 5px;
            height: auto;
            width: 100%;
        }

        .AInstrument > div:first-child > div h1 {
            display: block;
            margin-top: -40px;
            color: White;
            background-color: rgba(0, 0, 0, 0.8);
            padding: 0 10px;
            position: relative;
            font-size: 16px;
            line-height: 40px;
        }

        .AInstrument > div:first-child > div div {
            background-color: #1f2839;
            color: white;
            padding: 5px;
        }

            .AInstrument > div:first-child > div div:before {
                content: '\e904';
            }

        .AInstrument > div:first-child > a {
            line-height: 35px;
            color: White;
            padding: 0 5px;
            font-size: 13px;
            box-sizing: border-box;
            transition: all 250ms;
        }

            .AInstrument > div:first-child > a:hover {
                transition: all 250ms;
            }

            .AInstrument > div:first-child > a:before,
            .AInstrument > div:first-child > div div:before {
                font-family: 'fontIcon';
                margin-left: 10px;
                margin-right: 5px;
                font-size: 18px;
                vertical-align: top;
            }

            .AInstrument > div:first-child > a.LVideos {
                background-color: #70038d;
            }

                .AInstrument > div:first-child > a.LVideos:hover {
                    background-color: #58036f;
                }

                .AInstrument > div:first-child > a.LVideos:before {
                    content: '\e902';
                }

            .AInstrument > div:first-child > a.LImages {
                background-color: #ba1010;
            }

                .AInstrument > div:first-child > a.LImages:hover {
                    background-color: #a20d0d;
                }

                .AInstrument > div:first-child > a.LImages:before {
                    content: '\e903';
                }

            .AInstrument > div:first-child > a.LMasters {
                background-color: #13943b;
            }

                .AInstrument > div:first-child > a.LMasters:hover {
                    background-color: #0d6b2a;
                }

                .AInstrument > div:first-child > a.LMasters:before {
                    content: '\e901';
                }

            .AInstrument > div:first-child > a.LRegister {
                background-color: #e89b00;
            }

                .AInstrument > div:first-child > a.LRegister:hover {
                    background-color: #ce8b06;
                }

                .AInstrument > div:first-child > a.LRegister:before {
                    content: '\e905';
                }

.DPostArchive {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 10px;
    display: table;
    background-color: white;
    border-radius: 10px;
}

    .DPostArchive > div {
        display: table-cell;
        padding: 10px;
        text-align: right;
        vertical-align: top;
    }

        .DPostArchive > div:first-child {
            overflow: hidden;
            width: 250px;
        }

            .DPostArchive > div:first-child img {
                display: block;
                border-radius: 10px;
            }

    .DPostArchive h2 {
        padding: 20px 0 10px;
        border-bottom: 1px solid black;
    }

        .DPostArchive h2 a {
            color: black;
            line-height: 25px;
        }

.DCertificate {
    overflow: hidden;
    text-align: center;
}

    .DCertificate > a {
        position: relative;
        display: inline-block;
        float: right;
        border-radius: 10px;
        overflow: hidden;
        margin: 20px 0 20px 20px;
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        max-width: 235px;
        width: 100%;
    }

        .DCertificate > a:last-child {
            margin-left: 0;
        }

        .DCertificate > a > img {
            display: block;
            width: 100%;
            height: auto;
        }

        .DCertificate > a > span {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: rgba(255, 255, 255, 0.75);
            padding: 5px;
            color: black;
            font-weight: bold;
        }

.DCert {
    text-align: right;
}

    .DCert > div {
        display: inline-block;
        text-align: right;
        vertical-align: top;
    }

        .DCert > div:first-child {
            border-radius: 10px;
            border: 10px solid #eff1f0;
            background-color: #eff1f0;
            overflow: hidden;
            margin-top: -40px;
        }

            .DCert > div:first-child img {
                display: block;
                width: 100%;
                height: auto;
                border-radius: 10px;
            }

        .DCert > div:last-child {
            width: 100%;
            margin-top: 10px;
            max-width: calc(100% - 353px);
        }

.ValErr {
    background-color: #f9f994;
    border-color: maroon;
}

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

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

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

.ProgressDiv {
    background-color: black;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: white;
    direction: rtl;
    display: none;
    z-index: 10001;
    padding: 5px 0;
}

.DPreRegister > div:first-child, .DContactUS > div:first-child {
    display: table;
    margin-right: 0;
}

    .DPreRegister > div:first-child > div, .DContactUS > div:first-child > div {
        display: table-row;
    }

        .DPreRegister > div:first-child > div > div, .DContactUS > div:first-child > div > div {
            display: table-cell;
            text-align: right;
            padding: 10px;
            vertical-align: middle;
        }

.DPreRegister input, .DContactUS input, .DContactUS textarea {
    border: 1px solid #252525;
    font-family: Tahoma;
    padding: 2px;
    width: 150px;
    color: #000000;
    font-size: 12px;
    width: 250px;
}
.DRegisters .DRStep:nth-child(n+1) {
    display: none;
    text-align: right;
}/*--------------------------------------------------------------------------- C A L E N D A R ----------------------------------------------------------------------*/

@keyframes start {
    from {
        transform: scale(.5);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes start {
    from {
        -webkit-transform: scale(.5);
    }

    to {
        -webkit-transform: scale(1);
    }
}

.rtl {
    direction: rtl
}

.pdp-default {
    position: absolute;
    direction: rtl;
    color: #555;
    background-color: #eaeaea;
    z-index: 99999;
    border-radius: 4px;
    overflow: hidden;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

    .pdp-default ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .pdp-default ::-webkit-scrollbar {
        width: 15px;
        background-color: #F5F5F5;
    }

    .pdp-default ::-webkit-scrollbar-thumb {
        background-color: #444444;
    }

    .pdp-default ::selection {
        color: #67cdcc;
    }

    .pdp-default .pdp-header {
        margin: 0px;
        text-align: center;
        padding: 10px 5px;
        font-size: 15px;
        background-color: #1ba7e5;
        color: white;
    }

    .pdp-default .yearSelect {
        overflow-y: auto;
        direction: ltr;
        grid-template-columns: repeat(5,1fr);
    }

    .pdp-default .monthSelect {
        grid-template-columns: repeat(4,1fr);
    }

        .pdp-default .monthSelect li.disableMonth, .pdp-default .monthSelect li.disableMonth:hover {
            color: #bbb;
            background: #eee;
            cursor: not-allowed;
        }

    .pdp-default .yearSelect, .pdp-default .monthSelect {
        background: #f9f9f9;
        border: 1px solid #ccc;
        list-style: none;
        position: absolute;
        padding: 0;
        width: 99.6%;
        text-align: center;
        z-index: 9999;
        animation: start 0.2s;
        -webkit-animation: start 0.2s;
        display: grid;
        grid-gap: 0;
    }

    .pdp-default .selected {
        background: #15a6eb;
        color: #ffffff;
    }

    .pdp-default .yearSelect li, .pdp-default .monthSelect li {
        padding: 1px;
        cursor: default;
        display: inline-table;
        text-align: center;
        border-right: 1px dotted #ddd;
        border-bottom: 1px dotted #ddd;
        margin: 0;
        line-height: 40px;
        height: 40px;
        cursor: pointer;
    }

        .pdp-default .yearSelect li:hover, .pdp-default .monthSelect li:hover {
            background: #FF9933;
            color: #ffffff;
            border-color: #FF7700;
        }

    .pdp-default .nextArrow {
        left: 0;
    }

    .pdp-default .prevArrow {
        right: 0;
    }


    .pdp-default .monthYear {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
    }

        .pdp-default .monthYear span {
            transition: all 300ms;
            padding: 2px 5px;
            cursor: pointer;
            border-radius: 5px;
        }

            .pdp-default .monthYear span:hover {
                background-color: rgba(0,0,0,0.3);
            }

    .pdp-default .nextArrow, .pdp-default .prevArrow {
        cursor: pointer;
        position: absolute;
        top: 0;
        box-sizing: border-box;
        transition: all 300ms;
    }

    .pdp-default .nextArrow, .pdp-default .prevArrow {
        padding: 0 10px;
        display: inline-block;
        line-height: 38px;
        font-size: 11px;
    }

        .pdp-default .nextArrow:before, .pdp-default .prevArrow:before {
            content: '>';
        }

    .pdp-default .prevArrow {
        transform: rotate(180deg);
    }

        .pdp-default .nextArrow:hover, .pdp-default .prevArrow:hover {
            background-color: rgba(0, 0, 0, 0.25);
        }

    .pdp-default .cell {
        display: inline-block;
        cursor: default;
        text-align: center;
        width: 47px !important;
        height: 29px !important;
        line-height: 29px !important;
        box-sizing: border-box;
        transition: all 300ms;
    }

    /* Days of the week */
    .pdp-default .dows {
        padding: 0 5px;
    }

    .pdp-default .dow {
        text-align: center;
        font-weight: 300;
        color: #777;
    }

    .pdp-default .days {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 0 5px;
    }

        .pdp-default .days > div, .pdp-default .dows {
            display: flex;
            gap: 2px;
        }

    .pdp-default .day {
        border: 1px solid #e0e0e0;
        background: #f0f0f0;
        color: #888;
        font-size: 13px;
        border-radius: 4px;
        box-sizing: border-box;
    }

        .pdp-default .day:hover {
            border: 1px solid #e0e0e0;
            background: #f9f9f9;
            font-weight: normal;
            color: #333;
            cursor: pointer;
        }

    .pdp-default .friday {
        color: #c40000;
    }

    .pdp-default .selday, .pdp-default .selday:hover {
        background: #11b400;
        border-color: #109402;
        color: #fff;
    }



    .pdp-default .today {
    }

        .pdp-default .today:hover {
            color: #fff;
            background: #0073ea;
        }

    .pdp-default .disday, .pdp-default .disday:hover {
        color: #B7B5B5;
        background: #F1F1F1;
        cursor: not-allowed;
    }

    .pdp-default .nul {
        height: 0 !important;
    }

    .pdp-default .pdp-footer {
        background: #e0e0e0;
        text-align: center;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: flex-start;
        align-items: center;
        height: 36px !important;
    }

        .pdp-default .pdp-footer > a {
            margin: 5px;
            width: fit-content !important;
            font-size: 13px;
            padding: 2px 10px;
            font-weight: normal;
            border: 1px solid #eaeaea;
            box-shadow: none;
            background: #f0f0f0;
            color: #888;
            border-radius: 4px;
            transition: all 300ms;
        }

            .pdp-default .pdp-footer > a:hover {
                background-color: #1ba7e5;
                color: white;
                border-color: #1ba7e5;
            }

        .pdp-default .pdp-footer > .closeDP {
            justify-self: flex-end;
        }

            .pdp-default .pdp-footer > .closeDP:hover {
                background-color: #c40000;
                border-color: #c40000;
            }

.DCalendar {
    display: grid !important;
    grid-template-columns: auto 22px;
    grid-gap: 0;
    padding: 0 !important;
    border: 1px solid gray;
    border-radius: 2px;
    overflow: hidden;
    width: fit-content;
}

    .DCalendar:has(>span) {
        grid-template-columns: auto 22px 1fr;
    }

    .DCalendar > span {
        margin-right: 5px;
        background-color: yellow;
        border: 1px solid #333333;
        display: none;
        padding: 0px 10px 1px;
        direction: rtl;
    }

    .DCalendar input {
        border: none;
    }

.DPTrigger {
    vertical-align: bottom;
    cursor: pointer;
    background-color: #ef0000;
    color: #fff;
    box-sizing: border-box;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1px;
    transition: all 300ms;
    background-image: url('/App_Themes/PanelImages/PanelCalendarGreen.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

    .DPTrigger.Green {
        background-color: #4bd732;
    }



.DCalendar:has(>[disabled]) {
    border-color: #ddd !important;
}

    .DCalendar:has(>[disabled]) .DPTrigger {
        background-color: #f8f8f8;
        color: #888;
        cursor: default;
        box-shadow: none !important;
    }