@font-face {
  font-family: "yekanNew5";
  src: url(../Fonts/YekanNew5/Yekan.eot);
  src: url(../Fonts/YekanNew5/Yekan.eot?#iefix) format("embedded-opentype"), url(../Fonts/YekanNew5/Yekan.woff) format("woff"), url(../Fonts/YekanNew5/Yekan.ttf) format("truetype"), url(../Fonts/YekanNew5/Yekan.svg#Yekan) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "yekanNew5";
  src: url(../Fonts/YekanNew5/yekan-bold.eot);
  src: url(../Fonts/YekanNew5/yekan-bold.eot?#iefix) format("embedded-opentype"), url(../Fonts/YekanNew5/yekan-bold.woff) format("woff"), url(../Fonts/YekanNew5/yekan-bold.ttf) format("truetype"), url(../Fonts/YekanNew5/yekan-bold.svg#Yekan) format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: bbc;
  src: url('../Fonts/bbcNasim.eot?#') format('eot'), /* IE6–8 */ url('../Fonts/bbcNasim.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/bbcNasim.ttf') format('truetype');
  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: "MjCasablanca";
  src: url("../Fonts/casablanca/MjCasablanca.eot");
  /* IE9 Compat Modes */
  src: url("../Fonts/casablanca/MjCasablanca.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../Fonts/casablanca/MjCasablanca.otf") format("opentype"), /* Open Type Font */ url("../Fonts/casablanca/MjCasablanca.svg") format("svg"), /* Legacy iOS */ url("../Fonts/casablanca/MjCasablanca.ttf") format("truetype"), /* Safari, Android, iOS */ url("../Fonts/casablanca/MjCasablanca.woff") format("woff"), /* Modern Browsers */ url("../Fonts/casablanca/MjCasablanca.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "shabnam";
  src: url("../Fonts/shabnam/Shabnam-FD.eot");
  /* IE9 Compat Modes */
  src: url("../Fonts/shabnam/Shabnam-FD.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../Fonts/shabnam/Shabnam-FD.otf") format("opentype"), /* Open Type Font */ url("../Fonts/shabnam/Shabnam-FD.svg") format("svg"), /* Legacy iOS */ url("../Fonts/shabnam/Shabnam-FD.ttf") format("truetype"), /* Safari, Android, iOS */ url("../Fonts/shabnam/Shabnam-FD.woff") format("woff"), /* Modern Browsers */ url("../Fonts/shabnam/Shabnam-FD.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "shabnam";
  src: url("../Fonts/shabnam/Shabnam-Bold-FD.eot");
  /* IE9 Compat Modes */
  src: url("../Fonts/shabnam/Shabnam-Bold-FD.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../Fonts/shabnam/Shabnam-Bold-FD.otf") format("opentype"), /* Open Type Font */ url("../Fonts/shabnam/Shabnam-Bold-FD.svg") format("svg"), /* Legacy iOS */ url("../Fonts/shabnam/Shabnam-Bold-FD.ttf") format("truetype"), /* Safari, Android, iOS */ url("../Fonts/shabnam/Shabnam-Bold-FD.woff") format("woff"), /* Modern Browsers */ url("../Fonts/shabnam/Shabnam-Bold-FD.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "IranNastaliq";
  src: url("../Fonts/IranNastaliq/IranNastaliq.eot");
  /* IE9 Compat Modes */
  src: url("../Fonts/IranNastaliq/IranNastaliq.eot?#iefix") format("embedded-opentype"), /* IE6-IE8  url("../Fonts/IranNastaliq/IranNastaliq.otf") format("opentype"),*/ /* Open Type Font */ url("../Fonts/IranNastaliq/IranNastaliq.svg") format("svg"), /* Legacy iOS */ url("../Fonts/IranNastaliq/IranNastaliq.ttf") format("truetype"), /* Safari, Android, iOS */ url("../Fonts/IranNastaliq/IranNastaliq.woff") format("woff"), /* Modern Browsers */ url("../Fonts/IranNastaliq/IranNastaliq.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/*@font_Size_Default:15px; for yekan*/
html {
  padding: 0px;
  margin: 0px 0px 0px 1px;
}
body {
  padding: 0px;
  margin: 0px 0px 0px -1px;
  direction: rtl;
  font-family: shabnam;
  font-size: 14px;
  /*background-position: left top+10px;
    background-repeat: repeat-x;
    background-image: url('../Images/BK/bk_1.jpg');
    background-color:#f6f6f8;//end of above image
    background-image: url('../Images/BK/BG.png');*/
  background-color: #F1F1F1;
  /*background-image: url('../Images/BK/new/b21.png');*/
  /*background-image: url('../Images/BK/new/b34.png');*/
  /*background-image: url('../Images/BK/new/b55.png');*/
  color: #3c4043;
}
a {
  color: inherit;
  text-decoration: inherit;
}
svg {
  width: 100%;
  height: 100%;
}
input[type=text],
input[type=button] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.container {
  margin: auto;
}
.wrapper {
  margin: 10px;
}
#Menu_Header {
  margin-bottom: 10px;
  overflow: auto;
  background-color: #0f0f0f;
  padding: 0px 10px 7px 10px;
}
#flag {
  position: absolute;
  top: -250px;
  bottom: -250px;
  left: -250px;
  right: -250px;
  margin: auto;
  opacity: 0.3;
  z-index: 1;
}
#flag img {
  display: block;
}
@media (max-width: 768px) {
  #flag {
    display: none;
  }
}
.menu_Container {
  margin: auto;
}
#menu {
  z-index: 2;
}
#menu_1 {
  padding: 10px 0px 10px 0px;
}
#menu_1 #help {
  font-size: 12px;
  color: #eeeeee;
  float: left;
}
#menu_1 #help .item_sep {
  float: left;
  margin: 0px 3px 0px 3px;
}
#menu_1 #help .item {
  float: left;
}
#Menu {
  overflow: auto;
}
#Menu #logo {
  float: right;
  color: #fff;
}
#Menu #logo #svg_Container {
  float: right;
  width: 70px;
  margin: 7px 5px 5px 5px;
  overflow: hidden;
}
#Menu #logo #svg_Container svg,
#Menu #logo #svg_Container img {
  width: 100%;
  fill: #fff;
  display: block;
  /* margin-top: 3px;*/
  /*.color3, .color4, .color5 {
                    fill: @color_2;
                }*/
}
#Menu #logo #svg_Container svg .color1,
#Menu #logo #svg_Container img .color1,
#Menu #logo #svg_Container svg .color2,
#Menu #logo #svg_Container img .color2 {
  fill: #3b9ae2;
}
#Menu #logo #svg_Container svg .color2,
#Menu #logo #svg_Container img .color2 {
  fill: #ff5e00;
}
#Menu #logo #logoLbl_Container {
  float: right;
  margin: 10px 10px 0px 0px;
}
#Menu #logo #logoLbl_Container #lbl_1 {
  /*font-family: Anjoman;*/
  font-size: 16px;
  font-weight: bold;
  color: #3b9ae2;
}
#Menu #logo #logoLbl_Container #lbl_2 {
  font-size: 13px;
  font-weight: normal;
  color: #ced5d7;
  margin-top: 5px;
}
#Menu #logo #logoLbl_Container #lbl_3 {
  font-size: 10px;
  color: #ced5d7;
  font-weight: normal;
}
@media (max-width: 480px) {
  #Menu #logo #logoLbl_Container ._img {
    display: none;
  }
}
@media (max-width: 320px) {
  #Menu #logo #logoLbl_Container {
    display: none;
  }
}
#Menu #login {
  position: relative;
  float: left;
  /*height: @line_Height;
        line-height: @line_Height;*/
  padding: 1px 10px 7px 10px;
  text-align: center;
  overflow: hidden;
  border-radius: 20px;
  border: solid 2px #3b9ae2;
  display: inline-block;
  transition: all 300ms;
  cursor: pointer;
  color: #ced5d7;
  font-size: 13px;
  margin-top: 15px;
  /*min-width:100px;
        max-width: 200px;*/
  height: 20px;
}
#Menu #login:hover {
  background-color: #fff;
  color: #3b9ae2;
  border-color: transparent;
}
#Menu #login:hover .svg_Container svg {
  fill: #3b9ae2;
}
#Menu #login .svg_Container {
  width: 16px;
  height: 16px;
  text-align: center;
  margin: 5px auto;
  z-index: 2;
  float: right;
}
#Menu #login .svg_Container svg {
  transition: all 300ms;
  fill: #fff;
  z-index: 5;
}
#Menu #login .btn_Lbl {
  float: right;
  padding: 3px 7px 2px 7px;
  height: 23px;
  line-height: 20px;
  overflow: hidden;
  z-index: 3;
  max-width: 150px;
}
#Menu #login .circleBox {
  border-radius: 100%;
  width: 60px;
  height: 70px;
  background-color: #000;
  border: dashed 1px #fff;
  position: absolute;
  top: 0px;
  margin-left: -37px;
  left: 50%;
  z-index: 1;
  display: none;
}
@media (max-width: 480px) {
  #Menu #login {
    width: 32px;
    height: 32px;
    padding: 0px;
    border-radius: 3px;
  }
  #Menu #login:hover {
    background-color: transparent;
  }
  #Menu #login:hover .svg_Container svg {
    fill: #fff;
    fill: #3b9ae2;
  }
  #Menu #login .svg_Container {
    margin: 7px;
  }
}
#Menu #menu_Inner {
  float: left;
  overflow: auto;
  font-size: 15px;
  line-height: 30px;
}
#Menu #menu_Inner .item {
  float: left;
  margin-right: 20px;
}
.Menu_2_Small {
  /*transition: all 1500ms;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    box-shadow: @box_Shadow_1;

    #logo #svg_Container {
        //height: 40px;
        //        margin-top: 10px;
    }

    #logo #logoLbl_Container {
        float: right;
        margin: 5px 5px 0px 0px;

        #lbl_1 {
            //font-family: MjCasablanca;
            font-size: @font_Size_Small_X;
            font-weight: bold;
        }

        #lbl_2 {
            //display: none;
            font-size: @font_Size_Small_XX;
            font-family: IranNastaliq;
            font-weight: normal;
            line-height:20px;
            margin-top:5px;
        }
    }

    #login {
        //border: solid 2px @color_txt_3_Light;
        color: @color_txt_1;
        background-color: @color_1;

        .svg_Container {
            svg {
                fill: @color_txt_1;
            }
        }
    }*/
}
#slider {
  /*position: absolute;
    top: -50px;
    z-index: 1;

    .slide {
        text-align: center;*/
  /*max-width:400px;*/
  /*margin: auto;

        img {
            width: 100%;
        }
    }*/
}
.title {
  text-align: center;
  color: #fff;
  margin-top: 200px;
}
.title span {
  color: #ff5e00;
}
.title .lblTitle_1 {
  font-weight: 800;
  font-family: yekanNew5;
  font-size: 28px;
  margin: 10px 0px 10px 0px;
}
.title .lblTitle_2 {
  font-size: 15px;
  margin: 5px 0px 35px 0px;
}
.title #lblTitle_3 span {
  font-weight: bold;
}
@media (max-width: 480px) {
  .title {
    margin-top: 50px;
  }
  .title .lblTitle_1 {
    font-weight: 800;
    font-family: yekanNew5;
    font-size: 15px;
    margin: 10px 0px 10px 0px;
  }
  .title .lblTitle_2 {
    display: none;
  }
}
@media (max-width: 768px) {
  .title {
    margin-top: 60px;
  }
  .title .lblTitle_1 {
    font-weight: 800;
    font-family: yekanNew5;
    font-size: 19px;
    margin: 10px 0px 10px 0px;
  }
  .title .lblTitle_2 {
    font-size: 15px;
  }
}
.titleIntro {
  text-align: center;
  color: #bbbdbd;
}
.titleIntro span {
  color: #ff5e00;
}
.titleIntro .lblTitle_1 {
  font-weight: bold;
  font-size: 23px;
  margin: 10px 0px 10px 0px;
}
.titleIntro .lblTitle_2 {
  font-size: 19px;
  margin: 5px 0px 35px 0px;
}
.introBox {
  text-align: center;
}
.introBox .introBoxWrapper {
  border-radius: 5px;
  max-width: 900px;
  margin: auto;
  margin-top: 25px;
  padding: 25px;
  overflow: auto;
}
.introBox .item {
  width: 33%;
  float: right;
  transition: all 300ms;
  cursor: pointer;
}
@media (max-width: 480px) {
  .introBox .item {
    width: 100%;
    float: none;
  }
}
.introBox .item .itemWrapper {
  margin: 15px;
  transition: inherit;
}
.introBox .item .itemWrapper:hover .svg_Container svg {
  /*                width: 100%;
                height: 100%;*/
  /*.cls-2 {
                    fill: @color_txt_3_Light;
                }
*/
}
.introBox .item .itemWrapper:hover .svg_Container svg .cls-3,
.introBox .item .itemWrapper:hover .svg_Container svg .cls-5 {
  fill: #ff5e00;
}
.introBox .item .itemWrapper:hover .title {
  color: #43505a;
}
.introBox .item .itemWrapper .svg_Container {
  width: 128px;
  height: 128px;
  margin: auto;
  text-align: center;
}
.introBox .item .itemWrapper .svg_Container svg {
  transition: all 300ms;
  width: 100%;
  height: 100%;
}
.introBox .item .itemWrapper .svg_Container svg .cls-1 {
  fill: none;
}
.introBox .item .itemWrapper .svg_Container svg .cls-2,
.introBox .item .itemWrapper .svg_Container svg .cls-4 {
  fill: #bbbdbd;
}
.introBox .item .itemWrapper .svg_Container svg .cls-3,
.introBox .item .itemWrapper .svg_Container svg .cls-5 {
  fill: #3b9ae2;
}
.introBox .item .itemWrapper .svg_Container svg .cls-6 {
  /*fill: none;
                        stroke: #00c1ec;
                        stroke-linecap: round;
                        stroke-miterlimit: 10;
                        stroke-width: 3px;*/
}
.introBox .item .itemWrapper .title {
  transition: inherit;
  color: #bbbdbd;
  font-size: 21px;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
}
.introBox .item .itemWrapper .description {
  font-size: 13px;
  color: #43505a;
  text-align: justify;
}
.btn_start {
  /*    height: @line_Height;
    line-height: @line_Height;*/
  padding: 10px 20px 10px 20px;
  text-align: center;
  overflow: auto;
  border-radius: 25px;
  border: solid 2px #ff5e00;
  display: inline-block;
  transition: all 300ms;
  cursor: pointer;
  color: #fff;
  background-color: #ff5e00;
}
.btn_start:hover {
  background-color: transparent;
  color: #ff5e00;
}
.footer {
  text-align: center;
  padding: 10px 0px 10px 0px;
  line-height: 30px;
  color: #bbbdbd;
}
.footer .footerTitle {
  color: #bbbdbd;
  font-size: 12px;
  display: none;
}
.footer #row_1 {
  overflow: auto;
}
.footer #row_1 .footerWrapper {
  max-width: 550px;
  margin: auto;
}
.footer #row_1 .footerWrapper .item {
  float: right;
  width: 25%;
  font-size: 12px;
}
.footer #row_2 {
  margin: auto;
  overflow: auto;
  text-align: right;
  line-height: unset;
  margin-top: 15px;
}
.footer #row_2 .footerWrapper {
  max-width: 400px;
  margin: auto;
}
.footer #row_2 #footerItem_1 {
  float: right;
}
.footer #row_2 #footerItem_2 {
  float: left;
}
@media (max-width: 480px) {
  .footer #row_2 #footerItem_1,
  .footer #row_2 #footerItem_2 {
    float: none;
  }
}
.footer #row_2 .item {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.05);
  border: solid 2px #bbbdbd;
  font-size: 11px;
  width: 48%;
}
@media (max-width: 480px) {
  .footer #row_2 .item {
    width: unset;
    margin: 10px 30px 0px 10px;
  }
}
.footer #row_2 .item .footerItemWrapper {
  margin: 5px;
}
.footer #row_2 .item .footerItemWrapper .svg_Container {
  width: 48px;
  height: 24px;
  float: right;
  margin-left: 10px;
  border: solid 2px #bbbdbd;
  border-radius: 50%;
  margin-right: -30px;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #0F0F0F;
}
.footer #row_2 .item .footerItemWrapper .svg_Container svg {
  height: 24px;
  fill: #fff;
}
.footer #row_3 {
  color: #bbbdbd;
  font-size: 11px;
}
.footer #row_4 .svg_Container {
  margin: auto;
  width: 48px;
  height: 48px;
}
.footer #row_4 .svg_Container svg {
  width: 100%;
  height: 100%;
  fill: #bbbdbd;
}
#panelLeftLayout {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(15, 15, 25, 0.8);
  z-index: 999998;
}
#panelLeft {
  position: fixed;
  left: -300px;
  width: 250px;
  top: 0px;
  bottom: 0px;
  background-color: #0f0f19;
  z-index: 999999;
  -webkit-box-shadow: 1px 0px 7px 1px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 1px 0px 7px 1px rgba(0, 0, 0, 0.67);
  box-shadow: 1px 0px 7px 1px rgba(0, 0, 0, 0.67);
  text-align: center;
}
#panelLeft #panelLeftWrapper {
  margin: 10px;
}
#panelLeft #panelLeft_PersonalImgContainer {
  transition: all 300ms;
  margin: auto;
  margin-top: 50px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  padding: 5px;
  background-color: #ced5d7;
  overflow: hidden;
}
#panelLeft #panelLeft_PersonalImgContainer:hover {
  background-color: #fff;
}
#panelLeft #panelLeft_PersonalImgContainer img {
  border-radius: 50%;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
#panelLeft #panelLeft_Name {
  font-size: 17px;
  color: #ced5d7;
  text-align: center;
  margin: 10px auto 10px auto;
}
#panelLeft #panelLeft_RoleNames {
  font-size: 12px;
  color: #bbbdbd;
  text-align: center;
  margin: 0px auto 10px auto;
}
#panelLeft #PanelLeft_BtnLogin,
#panelLeft #PanelLeft_BtnReg {
  padding: 0px 20px 0px 20px;
  min-width: 150px;
  font-family: inherit;
  font-size: inherit;
  height: 35px;
  line-height: 35px;
  border: none;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  background-color: #689F38;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  transition: all 300ms;
  font-size: 16px;
  width: 80%;
  margin: 20px auto 50px auto;
  padding: 7px 0px 7px 0px;
  cursor: pointer;
}
@media (max-width: 480px) {
  #panelLeft #PanelLeft_BtnLogin,
  #panelLeft #PanelLeft_BtnReg {
    margin: 10px auto 20px auto;
    width: 95%;
  }
}
.login_DDL_Box {
  transition: all 300ms;
  background-position: right 12px center;
  background-repeat: no-repeat;
  border-radius: 3px;
  line-height: 40px;
  width: 100%;
  margin-top: 3px;
  color: #3b9ae2;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.07);
}
.login_DDL_Box:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#login_DDL_Message_Div {
  background-image: url('../Images/Icon/message_24.png');
}
#login_DDL_Term_Div {
  background-image: url('../Images/Icon/class_n_24.png');
}
#login_DDL_Logout_Div {
  background-image: url('../Images/Icon/logout_n_24.png');
  color: #43505a;
}
#panelLeft #PanelLeft_BtnLogin:hover,
#panelLeft #PanelLeft_BtnReg:hover {
  background-color: rgba(206, 213, 215, 0.1);
}
#panelLeft #PanelLeft_BtnReg {
  color: #ff5e00;
  background-color: rgba(206, 213, 215, 0.05);
}
#panelLeft #PanelLeft_ForgetPass {
  font-size: 11px;
  font-weight: normal;
  margin-top: 50px;
  color: #ff1b1b;
}
@media (max-width: 480px) {
  #panelLeft #PanelLeft_ForgetPass {
    margin-top: 10px;
  }
}
#panelLeft #PanelLeft_Activation {
  color: #3b9ae2;
  font-size: 11px;
  font-weight: normal;
}
#panelLeft .PanleLeftDescription {
  font-size: 12px;
}
@media (max-width: 480px) {
  #panelLeft .PanleLeftDescription {
    display: none;
  }
}
#panelLeft #PanelLeft_Close {
  width: 16px;
  height: 16px;
  float: right;
  margin: 20px 20px 0px 0px;
}
#panelLeft #PanelLeft_Close svg {
  transition: all 300ms;
  fill: #343448;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#panelLeft #PanelLeft_Close:hover svg {
  fill: #ced5d7;
}
.box {
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  /*box-shadow:0 0 0px 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);*/
}
@media (max-width: 768px) {
  .box {
    display: block;
    height: auto;
  }
}
.titleLine {
  font-size: 12px;
  color: #43505a;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 10px 0px;
}
.titleLine .formTitle {
  float: right;
}
.titleLine svg {
  width: 12px;
  height: 12px;
  fill: #43505a;
  margin: 4px 0px 0px 5px;
}
.titleLine #svgHelp {
  width: 20px;
  height: 20px;
  margin: 0px;
  display: block;
}
#masterPage_Content {
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  /*box-shadow:0 0 0px 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);*/
  overflow: auto;
  /*height: auto;*/
  min-height: 395px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  #masterPage_Content {
    display: block;
    height: auto;
  }
}
#content_container_1,
#content_container_2 {
  overflow: visible;
  float: right;
}
#content_container_1 {
  width: 22%;
}
#content_container_1 .menuWrapper {
  margin-left: 10px;
}
@media (max-width: 768px) {
  #content_container_1 {
    width: 100%;
  }
  #content_container_1 .menuWrapper {
    margin-left: 0px;
  }
}
#content_container_2 {
  width: 78%;
}
@media (max-width: 768px) {
  #content_container_2 {
    width: 100%;
  }
}
.btn {
  padding: 0px 20px 0px 20px;
  min-width: 150px;
  transition: all 300ms;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  height: 35px;
  line-height: 35px;
  border: none;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  background-color: #689F38;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.loginControl_Label {
  text-align: right;
  color: #43505a;
  margin-top: 15px;
  font-size: 13px;
}
.btn_Login_2 {
  padding: 0px 20px 0px 20px;
  min-width: 150px;
  transition: all 300ms;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  height: 35px;
  line-height: 35px;
  border: none;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  background-color: #689F38;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  padding: 0px;
  width: 100%;
}
@media (max-width: 480px) {
  .btn_Login_2 {
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.btn_Login {
  padding: 0px 20px 0px 20px;
  min-width: 150px;
  transition: all 300ms;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  height: 35px;
  line-height: 35px;
  border: none;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  background-color: #689F38;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  background-color: #3c4043;
}
.btn_Login:hover {
  background-color: rgba(0, 0, 0, 0.67);
}
@media (max-width: 480px) {
  .btn_Login {
    font-size: 12px;
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.btn_Logout {
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  text-align: right;
  padding: 0px;
}
.btn_Logout:hover {
  color: red;
}
.temp_btn_disabale {
  padding: 0px 20px 0px 20px;
  min-width: 150px;
  transition: all 300ms;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  height: 35px;
  line-height: 35px;
  border: none;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  background-color: #689F38;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
  background-color: #FFF;
  background-image: url('../Images/Loading/ajax-loader.gif');
  background-position: left center;
  background-repeat: no-repeat;
  border: 1px solid #d0d0d0;
  color: #bbbdbd;
  padding-left: 40px;
  padding-right: 10px;
  text-align: right;
}
.lblForget {
  font-size: 11px;
  color: #3c4043;
  line-height: 20px;
  /*line-height:20px;set when we have forget REGISTER LABEL*/
}
@media (max-width: 480px) {
  .lblForget {
    font-size: 12px;
  }
}
.btnLogin_Container {
  float: left;
}
@media (max-width: 480px) {
  .btnLogin_Container {
    float: none;
    margin: auto;
  }
}
.div_btn_LineHeight {
  margin: 15px 0px 10px 0px;
  /*line-height: 20px;*/
  overflow: auto;
}
.div_lbl_Message {
  text-align: center;
  color: red;
  font-size: 10px;
  line-height: 40px;
  width: 92%;
}
.div_loginControl_Register {
  text-align: right;
  font-size: 11px;
  color: #3b9ae2;
  line-height: 20px;
}
/*textbox states*/
html body .RadInput_myWeb20 .riTextBox,
html body .RadInputMgr_myWeb20 {
  border-color: #d0d0d0;
  background-color: #fff;
  font-family: inherit;
  height: 30px;
  line-height: 30px;
}
.RadInput .riEmpty,
.RadInput_Empty_myWeb20 {
  color: #bbbdbd;
  font-style: normal !important;
}
.rcbEmptyMessage {
  font-style: normal !important;
}
html body .RadInput_myWeb20 .riDisabled,
html body .RadInput_Disabled_myWeb20 {
  border-color: #bebebe;
  color: #bbbdbd;
  cursor: default;
}
html body .RadInput_myWeb20 .riError,
html body .RadInput_Error_myWeb20 {
  /*background: white 100% -298px no-repeat url('Input/sprite.gif');*/
}
.RadForm.rfdTextbox .RadInput_myWeb20 .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_myWeb20[type="text"] {
  /*background: white 100% -298px no-repeat url('Input/sprite.gif');*/
}
/*buttons*/
.RadInput_myWeb20 a {
  /*background: transparent no-repeat url('Input/sprite.gif');*/
}
.RadInput_myWeb20 .riBtn a {
  /*width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;*/
}
.RadInput_myWeb20 .riBtn a:hover {
  /*background-position: 3px -45px; */
}
.lbl_notification {
  font-size: 11px;
  color: #bbbdbd;
  text-align: right;
}
._row {
  margin-top: 10px;
}
._row ._title {
  text-align: right;
  color: #43505a;
}
.validator_Error {
  background-image: url('../Images/Icon/warning-16.png');
  background-position: left 5px center;
  background-repeat: no-repeat;
  transition: all 400ms;
}
.validator_Nice {
  background-image: url('../Images/Icon/tick-inside-square-16.png');
  background-position: left 5px center;
  background-repeat: no-repeat;
  transition: all 400ms;
}
.glob_Validator {
  color: red;
  font-size: 19px;
}
.glob_Validator_txt {
  color: red;
  font-size: 11px;
}
.glob_Validator_txt_EN {
  color: red;
  font-size: 11px;
  direction: ltr;
}
.txt_EmptyMessage {
  border-radius: 3px;
  border: 1px solid #d0d0d0;
  color: #bbbdbd;
  /*height:@txt_height;not work for telerik*/
}
.txt_Normal {
  border: 1px solid #d0d0d0;
  /*height:@txt_height;not work for telerik*/
  font-family: inherit;
  background-position: left 5px center;
  background-repeat: no-repeat;
  border-radius: 2px !important;
  height: 30px !important;
}
.txt_Normal:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.txt_Normal::placeholder {
  color: #bbbdbd;
  padding: 3px !important;
}
.txt_Center {
  text-align: center;
}
.txt_Empty,
.riEmpty {
  border: 1px solid #d0d0d0;
  /*height:@txt_height;not work for telerik*/
  background-position: left 5px center;
  background-repeat: no-repeat;
  border-radius: 2px !important;
  height: 30px !important;
  color: #bbbdbd;
  font-style: normal;
  font-family: inherit;
}
.txt_Empty:focus,
.riEmpty:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.txt_Empty::placeholder,
.riEmpty::placeholder {
  color: #bbbdbd;
  padding: 3px !important;
}
.txt_Rich {
  border: 1px solid #d0d0d0;
  /*height:@txt_height;not work for telerik*/
  font-family: inherit;
  background-position: left 5px center;
  background-repeat: no-repeat;
  font-size: inherit !important;
}
.txt_Calendar,
.txt_CalendarTo {
  border: 1px solid #d0d0d0;
  /*height:@txt_height;not work for telerik*/
  font-family: inherit;
  border-radius: 2px !important;
  height: 30px !important;
  background-position: left 5px center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/calendar_16.png');
  cursor: text;
}
.txt_Calendar:focus,
.txt_CalendarTo:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.txt_Calendar::placeholder,
.txt_CalendarTo::placeholder {
  color: #bbbdbd;
  padding: 3px !important;
}
.txt_Captcha {
  width: 50%;
  text-align: center;
  border: 1px solid #d0d0d0;
  /*height:@txt_height;not work for telerik*/
  font-family: inherit;
  background-position: left 5px center;
  background-repeat: no-repeat;
  border-radius: 2px !important;
  height: 30px !important;
}
.txt_Captcha:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.txt_Captcha::placeholder {
  color: #bbbdbd;
  padding: 3px !important;
}
.lbl_Fee {
  float: left;
  padding: 3px 20px 3px 20px;
  margin-bottom: 5px;
  text-align: center;
  border-radius: 3px;
  color: #2c933e;
  /*background-color: white;    
    border: 1px dashed #2c933e;*/
  font-family: inherit;
  font-size: 13px;
}
@media (max-width: 320px) {
  .lbl_Fee {
    font-size: 11px;
  }
}
.lbl_Captcha {
  font-size: 12px;
  color: #43505a;
}
.circle_15 {
  width: 25px;
  line-height: 25px;
  /*padding-top: 2px;*/
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 50%;
}
.fontYekan {
  font-family: yekanNew5;
}
.text_shadow {
  color: white;
  /*text-shadow:
    -1px -1px 0 red,
    1px -1px 0 red,
    -1px 1px 0 red,
    1px 1px 0 red;*/
  text-shadow: 0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 3px red,0px 0px 3px red,0px 0px 3px red,0px 0px 3px red,0px 0px 3px red;
  font-size: 15px;
}
.text_shadow_Normal {
  color: white;
  /*text-shadow:
    -1px -1px 0 red,
    1px -1px 0 red,
    -1px 1px 0 red,
    1px 1px 0 red;*/
  text-shadow: 0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 3px blue,0px 0px 3px blue,0px 0px 3px blue,0px 0px 3px blue,0px 0px 3px blue;
  font-size: 15px;
  display: none;
}
.l {
  text-align: right;
}
.r {
  text-align: left;
}
.inner_Box {
  /*.box;
    max-width: @max_Width_Grid;
    display:inline;*/
  border-style: none;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}
.inner_Box_Header {
  /*border-bottom: 2px solid @box_Border_Color;*/
  line-height: 70px;
  font-size: 15px;
  text-align: center;
  /*background-color:#ecf0f1;*/
  border-bottom-color: #e0e0e0;
  color: #0067a3;
  font-weight: bold;
}
.inner_Box_Body {
  /*background:linear-gradient(white,white,#ededed);*/
  font-size: 13px;
}
.inner_Box_Body table {
  margin: auto;
  /*tr:hover {
            .txt_Normal, .txt_Rich {
                background-image: url('../Images/Icon/pencil_green_16.png');
            }

            .txt_Calendar, .txt_CalendarTo {
                background-image: url('../Images/Icon/calendar_green_16.png');
            }
        }*/
}
.inner_Box_Body table .txt_Normal:hover,
.inner_Box_Body table .txt_Rich:hover {
  background-image: url('../Images/Icon/pencil_lightGreen_16.png');
}
.inner_Box_Body table .txt_Calendar:hover,
.inner_Box_Body table .txt_CalendarTo:hover {
  background-image: url('../Images/Icon/calendar_green_16.png');
}
.inner_Box_Body td {
  padding: 5px;
}
.inner_Box_Right {
  text-align: left;
  /*vertical-align:top;*/
  padding-right: 20px;
  color: #43505a;
}
.inner_Box_Left {
  min-width: 200px;
  padding-right: 2%;
  text-align: right;
}
.btn_1 {
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  padding: 3px 20px 3px 20px;
  border: none;
  border-radius: 3px;
}
.btn_CancelLarge {
  font-family: inherit;
  font-size: 15px;
  border-radius: 3px;
  padding: 3px 20px 3px 15px;
  cursor: pointer;
  background-position: right 5px center;
  background-repeat: no-repeat;
  border: solid 1px #ffc9c9;
  background-color: #fbfbf5;
  color: #ce241c;
  background-image: url('../Images/Icon/delete_2_10.png');
  min-width: 250px;
}
.btn_CancelLarge:hover {
  background-color: #fff3f3;
  transition: all 300ms;
}
.btn_OkLarge {
  font-family: inherit;
  font-size: 15px;
  border-radius: 3px;
  padding: 3px 20px 3px 15px;
  cursor: pointer;
  background-position: right 5px center;
  background-repeat: no-repeat;
  border: solid 1px #ffc9c9;
  background-color: #fbfbf5;
  color: #ce241c;
  background-image: url('../Images/Icon/delete_2_10.png');
  min-width: 250px;
  border-color: #1BBC9B;
  background-color: #d7ffe8;
  color: #056510;
  background-image: url('../Images/Icon/tick_15.png');
  background-position: right center;
}
.btn_OkLarge:hover {
  background-color: #fff3f3;
  transition: all 300ms;
}
.btn_OkLarge:hover {
  background-color: #baf8d4;
  transition: all 300ms;
}
.btn_Register {
  padding: 10px 15px 10px 15px;
  text-align: center;
  border-radius: 3px;
  background-color: #689F38;
  background-position: right center;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-family: inherit;
  cursor: pointer;
}
@media (max-width: 320px) {
  .btn_Register {
    font-size: 11px;
    padding: 3px 5px 3px 5px;
  }
}
.btn_Register:hover {
  background-color: #1c6d2a;
}
.btn_Cancel,
.btn_Activate,
.btn_Edit,
.btn_Edit_2,
.btn_Members,
.btn_Create,
.btn_Student,
.btn_Finalize,
.btn_Grade_1,
.btn_Grade_2,
.btn_Finance,
.btn_Finance_M,
.btn_Finance_U,
.btn_Identity,
.btn_Calendar,
.btn_Documents,
.btn_Download,
.btn_Download_M,
.btn_Service,
.btn_Message,
.btn_Parent,
.btn_Domain,
.btn_Reply,
.btn_Forward,
.btn_Course,
.btn_FinalTest,
.btn_Add_3,
.btn_Live,
.btn_Continue,
.btn_Practice,
.btn_PracticeRecieve,
.btn_playback,
.btn_Copy,
.btn_Notes {
  margin-top: 4px;
  background-color: #fbfbf5;
  font-family: inherit;
  font-size: 11px;
  border-radius: 3px;
  padding: 3px 18px 2px 5px;
  cursor: pointer;
  background-position: right 3px center;
  background-repeat: no-repeat;
}
.btn_Cancel:hover,
.btn_Activate:hover,
.btn_Edit:hover,
.btn_Edit_2:hover,
.btn_Members:hover,
.btn_Create:hover,
.btn_Student:hover,
.btn_Finalize:hover,
.btn_Grade_1:hover,
.btn_Grade_2:hover,
.btn_Finance:hover,
.btn_Finance_M:hover,
.btn_Finance_U:hover,
.btn_Identity:hover,
.btn_Calendar:hover,
.btn_Documents:hover,
.btn_Download:hover,
.btn_Download_M:hover,
.btn_Service:hover,
.btn_Message:hover,
.btn_Parent:hover,
.btn_Domain:hover,
.btn_Reply:hover,
.btn_Forward:hover,
.btn_Course:hover,
.btn_FinalTest:hover,
.btn_Add_3:hover,
.btn_Live:hover,
.btn_Continue:hover,
.btn_Practice:hover,
.btn_PracticeRecieve:hover,
.btn_playback:hover,
.btn_Copy:hover,
.btn_Notes:hover {
  background-color: #fff3f3;
  transition: all 200ms;
}
.btn_Course {
  background-image: none;
  border: solid 1px #6f96ff;
  color: #2c59d0;
  padding-right: 5px;
  background-color: #fff;
  opacity: 0.75;
  transition: all 300ms;
}
.btn_Course:hover {
  background-color: #2c59d0;
  color: #fff;
}
.btn_Cancel {
  border: solid 1px #ffc9c9;
  background-color: #fbfbf5;
  color: #ce241c;
  background-image: url('../Images/Icon/delete_2_10.png');
}
.btn_Copy {
  border: solid 1px #1BBC9B;
  background-color: #f5fbfb;
  color: #00A79F;
  background-image: url('../Images/Icon/copy_16.png');
  padding-right: 24px;
}
.btn_Activate {
  border: solid 1px #82d565;
  background-color: #fbfbf5;
  color: #0c7e03;
  background-image: url('../Images/Icon/tick_10.png');
}
.btn_playback {
  border: solid 1px #82d565;
  background-color: #fbfbf5;
  color: #0c7e03;
  padding-right: 24px;
  background-image: url('../Images/Icon/play-16.png');
}
.btn_Calendar {
  display: inline-block;
  border: solid 1px #a9cbe4;
  background-color: #ebf3fa;
  color: #0065AD;
  background-image: url('../Images/Icon/calendar_2_16.png');
  padding-right: 25px;
}
.btn_Edit {
  border: solid 1px #cdd5ea;
  background-color: #fbfbf5;
  color: #757575;
  background-image: url('../Images/Icon/edit_15.png');
}
.btn_Edit_2 {
  border: none;
  background-color: inherit;
  color: #000;
  background-image: url('../Images/Icon/edit_12.png');
  background-position: center center;
}
.btn_Parent {
  border: solid 1px #cecfd0;
  background-color: #fbfbf5;
  color: #5a5959;
  background-image: url('../Images/Icon/folder_2_20.png');
  padding-right: 25px;
  display: inline-block;
}
.btn_Create {
  border: solid 1px #ffb51c;
  background-color: #fff4db;
  color: #757575;
  background-image: url('../Images/Icon/star_12.png');
}
.btn_Finalize {
  border: solid 1px #82d565;
  background-color: #fbfbf5;
  color: #0c7e03;
  background-image: url('../Images/Icon/flag_12.png');
}
.btn_Live {
  padding-right: 24px;
  border: solid 1px #1BBC9B;
  background-color: #dffff8;
  color: #099f80;
  background-image: url('../Images/Icon/support-2_16.png');
}
.btn_Practice {
  padding-right: 24px;
  border: solid 1px #b7d712;
  background-color: #fdffec;
  color: #9aa004;
  background-image: url('../Images/Icon/homework-16.png');
  display: inline-block;
}
.btn_PracticeRecieve {
  padding-right: 24px;
  border: solid 1px #31dbb7;
  background-color: #f3ffee;
  color: #688680;
  background-image: url('../Images/Icon/attach_16.png');
}
.btn_Continue {
  border: solid 1px #1BBC9B;
  background-color: #dffff8;
  color: #099f80;
  padding: 45px 5px 5px 5px;
  font-size: 10px;
  background-image: url('../Images/Icon/headphone_32.png');
  background-position: center top 5px;
  text-align: center;
  margin-bottom: 5px;
}
.btn_StartLive {
  transition: all 300ms;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  text-align: center;
  background-image: url('../Images/Icon/live_32.png');
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-color: #ff5e00;
  border: solid 1px #ff5e00;
  color: #fff;
  cursor: pointer;
  line-height: 30px;
  padding: 5px 45px 5px 10px;
}
.btn_StartLive:hover {
  /*        color:@color_2;
        background-color:#fff;*/
}
.btn_FinalTest {
  padding-right: 25px;
  border: solid 1px #fea8a8;
  background-color: #fff2f2;
  color: #e13d3d;
  /*border: solid 1px #febf84;
    background-color: #fef2e8;
    color: #d87101;*/
  background-image: url('../Images/Icon/finalTest-7_18.png');
}
.btn_Identity {
  border: solid 1px #d9cc31;
  background-color: #f6f6e7;
  color: #a09241;
  background-image: url('../Images/Icon/hash_12.png');
}
.btn_Student {
  border: solid 1px #c9bcff;
  background-color: #f2f3fc;
  color: #7c2ea9;
  background-image: url('../Images/Icon/members_purple_12.png');
}
.btn_Grade_1,
.btn_Grade_2 {
  border: solid 1px #c9bcff;
  background-color: #f2f3fc;
  color: #7c2ea9;
  background-image: url('../Images/Icon/list_4_12.png');
}
.btn_Grade_2 {
  border: solid 1px #c9bcff;
  background-color: #f2f3fc;
  color: #7c2ea9;
}
.btn_Domain {
  border: solid 1px #d9c578;
  background-color: #fafae4;
  color: #9c733a;
  padding-right: 22px;
  background-image: url('../Images/Icon/iran-18.png');
}
.btn_Finance {
  border: solid 1px #9ec7b4;
  background-color: #e5ffe3;
  color: #698e7d;
  background-image: url('../Images/Icon/wallet_12.png');
}
.btn_Download {
  border: solid 1px #9ec7b4;
  background-color: #fff3f3;
  color: #698e7d;
  background-image: url('../Images/Icon/download_12.png');
}
.btn_Download_M {
  border: solid 1px #9ec7b4;
  background-color: #fff3f3;
  color: #698e7d;
  background-image: url('../Images/Icon/download_12.png');
  background-repeat: no-repeat;
  background-position: right 3px center;
  padding-right: 20px;
  -webkit-animation: ANIMATION-DOWNLOAD 1s infinite;
  /* Safari 4+ */
  -moz-animation: ANIMATION-DOWNLOAD 1s infinite;
  /* Fx 5+ */
  -o-animation: ANIMATION-DOWNLOAD 1s infinite;
  /* Opera 12+ */
  animation: ANIMATION-DOWNLOAD 1s infinite;
  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes ANIMATION-DOWNLOAD {
  0%,
  49% {
    background-position: right 3px top 5px;
  }
  50%,
  100% {
    background-position: right 3px bottom 5px;
  }
}
.btn_Finance_M {
  border: solid 1px #C71616;
  background-color: #f6c5c5;
  color: #C71616;
  background-image: url('../Images/Icon/wallet_2_12.png');
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;
  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;
  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;
  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;
  /* IE 10+, Fx 29+ */
}
.btn_Finance_U {
  border: solid 1px #bbbbbb;
  background-color: #fbfbf5;
  color: #747171;
  background-image: url('../Images/Icon/wallet_2_12.png');
}
.btn_Documents {
  padding-right: 21px;
  border: solid 1px #e1cb9e;
  background-color: #f9fbde;
  color: #767150;
  background-image: url('../Images/Icon/documents_16.png');
}
.btn_Service {
  padding-right: 24px;
  border: solid 1px #909cd8;
  background-color: #e0efff;
  color: #5665a9;
  background-image: url('../Images/Icon/customer_16.png');
}
.btn_Message {
  padding-right: 24px;
  border: solid 1px #909cd8;
  background-color: #fbfbfb;
  color: #6e7283;
  background-image: url('../Images/Icon/email_24.png');
}
.btn_Notes {
  padding-right: 24px;
  border: solid 1px #8395ef;
  background-color: #ffffff;
  color: #4863d9;
  background-image: url('../Images/Icon/notes_16.png');
}
.btn_Reply {
  padding-right: 24px;
  border: solid 1px rgba(122, 110, 110, 0.5);
  color: #7a6e6e;
  background-image: url('../Images/Icon/reply-16-1.png');
  background-color: #fef5f5;
}
.btn_Forward {
  padding-right: 24px;
  border: solid 1px rgba(122, 110, 110, 0.5);
  color: #7a6e6e;
  background-image: url('../Images/Icon/forward-16.png');
  background-color: #fef5f5;
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%,
  49% {
    background-color: #f6c5c5;
  }
  50%,
  100% {
    background-color: #f3cece;
  }
}
.btn_Members {
  border: solid 1px #dbdbdb;
  background-color: #ecf1ff;
  color: #494747;
  padding: 3px 10px 0px 10px;
  font-size: 13px;
  font-weight: bold;
  background-image: url('../Images/Icon/members_16.png');
  background-position: center -32px;
}
.btn_Members:hover {
  color: transparent;
  background-position: center center;
  transition: all 200ms;
}
.btn_Back {
  font-family: inherit;
  font-size: 11px;
  color: #878787;
  padding: 3px 30px 0px 30px;
  text-align: right;
  border: none;
  background-color: transparent;
  cursor: pointer;
  background-position: left 8px center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/previous_gray_16.png');
  opacity: 0.7;
  transition: all 300ms;
}
.btn_Back:hover {
  opacity: 1;
  background-position: left 2px center;
}
@media (max-width: 768px) {
  .btn_Back {
    position: absolute;
    display: none;
  }
}
.btn_New {
  border: solid 1px transparent;
  background-color: transparent;
  font-family: inherit;
  font-size: 13px;
  border-radius: 3px;
  padding: 5px 25px 4px 5px;
  cursor: pointer;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/add_black_16_2.png');
}
.btn_New:hover {
  /*border-color:#1BBC9B;*/
  color: red;
  transition: all 200ms;
}
.btn_Add,
.btn_Remove {
  border: solid 1px #cdd5ea;
  background-color: whitesmoke;
  font-family: inherit;
  font-size: 11px;
  color: transparent;
  border-radius: 3px;
  width: 65px;
  height: 40px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
}
.btn_Add:hover,
.btn_Remove:hover {
  background-color: white;
  color: #333333;
  transition: all 400ms;
}
.btn_Add {
  text-align: right;
  padding-right: 5px;
  background-image: url('../Images/Icon/arrow_left_gray_16.png');
}
.btn_Add:hover {
  background-position: left 5px center;
  /*background-color:#dbffe7;*/
  border-color: #1BBC9B;
  transition: all 400ms;
}
.btn_Remove {
  text-align: left;
  padding-left: 5px;
  background-image: url('../Images/Icon/arrow_right_gray_16.png');
}
.btn_Remove:hover {
  background-position: right 5px center;
  /*background-color:#ffdbdb;*/
  border-color: #feb5b5;
  transition: all 400ms;
}
.btn_Add_2 {
  border: solid 1px #cdd5ea;
  background-color: whitesmoke;
  font-family: inherit;
  font-size: 11px;
  color: transparent;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/add_folder_24.png');
}
.btn_Add_2:hover {
  background-color: white;
  color: #333333;
  transition: all 400ms;
}
.btn_Add_3 {
  transition: all 300ms;
  border: solid 1px #cdd5ea;
  background-color: whitesmoke;
  font-family: inherit;
  font-size: 11px;
  color: #3b9ae2;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-position: center right 5px;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/add_blue_16.png');
  padding-right: 26px;
  /*&:hover {
        transition: all 400ms;
    }*/
}
.btn_Delete {
  border: none;
  background-color: transparent;
  font-family: inherit;
  color: transparent;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/delete_2_16.png');
}
.btn_List {
  border: none;
  background-color: transparent;
  font-family: inherit;
  color: transparent;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/check_16.png');
}
.btn_Active,
.btn_Deactive {
  border: none;
  background-color: transparent;
  color: transparent;
  width: 60px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.btn_Active {
  background-image: url('../Images/Icon/_active.png');
}
.btn_Deactive {
  background-image: url('../Images/Icon/_deactive.png');
}
._errorBtn {
  float: left;
  margin-top: 20px;
  margin-left: 10px;
}
#messageBox {
  display: none;
  right: -800px;
}
.tip {
  color: dimgray;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  border: 1px solid #e0e0e0;
  border-right-width: 10px;
  border-radius: 0px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  bottom: 20px;
  right: 20px;
  margin-left: 20px;
  line-height: 24px;
  z-index: 99999;
}
.tip:hover .closeBox {
  background-position: center center;
  transition: all 300ms;
}
.Message_Error {
  color: dimgray;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  border: 1px solid #e0e0e0;
  border-right-width: 10px;
  border-radius: 0px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  bottom: 20px;
  right: 20px;
  margin-left: 20px;
  line-height: 24px;
  z-index: 99999;
  background-color: #ffe9e9;
  border-color: #fa5b5b;
  color: #C71616;
}
.Message_Error:hover .closeBox {
  background-position: center center;
  transition: all 300ms;
}
.Message_Error .icon_Box {
  background-image: url('../Images/Icon/error_red_24.png');
}
.Message_Info {
  color: dimgray;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  border: 1px solid #e0e0e0;
  border-right-width: 10px;
  border-radius: 0px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  bottom: 20px;
  right: 20px;
  margin-left: 20px;
  line-height: 24px;
  z-index: 99999;
  background-color: #fffd93;
  border-color: #f8f658;
}
.Message_Info:hover .closeBox {
  background-position: center center;
  transition: all 300ms;
}
.Message_Info .icon_Box {
  background-image: url('../Images/Icon/info_yellow_24.png');
}
.Message_Good {
  color: dimgray;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  border: 1px solid #e0e0e0;
  border-right-width: 10px;
  border-radius: 0px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  bottom: 20px;
  right: 20px;
  margin-left: 20px;
  line-height: 24px;
  z-index: 99999;
  background-color: #bbffbf;
  border-color: #02990C;
  color: #11a91d;
}
.Message_Good:hover .closeBox {
  background-position: center center;
  transition: all 300ms;
}
.Message_Good .icon_Box {
  background-image: url('../Images/Icon/good_green_24.png');
}
.icon_Box {
  width: 24px;
  height: 24px;
  display: inline;
  float: right;
  margin-left: 10px;
  background-position: center center;
  background-repeat: no-repeat;
}
.closeBox {
  cursor: pointer;
  font-weight: bold;
  font-size: 10px;
  margin-left: 10px;
  margin-right: 10px;
  color: #c4c4c4;
  font-family: 'Comic Sans MS', Tahoma;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center -50px;
  background-image: url('../Images/Icon/close_9_2.png');
  /*position: absolute;
    top: -12px;
    right: -12px;
    background-color: whitesmoke;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgb(209, 209, 209);
    cursor: pointer;
    border: solid transparent 1px;
    background-color: #fef1f1;
    border-color: #ebaaaa;*/
}
@media (max-width: 768px) {
  .closeBox {
    background-position: center center;
  }
}
.closeBox:hover {
  color: black;
  background-image: url('../Images/Icon/close_9_1.png');
}
/*select {
    font-family: inherit;
}
option {
    font-family: shabnam !important;
}*/
.ddl {
  width: 65%;
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  height: 30px;
  padding: 0px 5px 0px 32px;
  cursor: pointer;
  border: solid 1px #d0d0d0;
  /*border-radius: 3px;*/
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url('../Images/Icon/arrow_down_gray_10_2.png');
  background-position: left 10px center;
  background-repeat: no-repeat;
}
.ddl:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.ddl_Fullwidth {
  width: 65%;
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  height: 30px;
  padding: 0px 5px 0px 32px;
  cursor: pointer;
  border: solid 1px #d0d0d0;
  /*border-radius: 3px;*/
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url('../Images/Icon/arrow_down_gray_10_2.png');
  background-position: left 10px center;
  background-repeat: no-repeat;
  width: 100%;
}
.ddl_Fullwidth:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.ddl_FullwidthSmall {
  width: 65%;
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  height: 30px;
  padding: 0px 5px 0px 32px;
  cursor: pointer;
  border: solid 1px #d0d0d0;
  /*border-radius: 3px;*/
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url('../Images/Icon/arrow_down_gray_10_2.png');
  background-position: left 10px center;
  background-repeat: no-repeat;
  width: 100%;
  background-image: url('../Images/Icon/arrow_down_gray_8_2.png');
}
.ddl_FullwidthSmall:focus {
  outline-style: none !important;
  box-shadow: 0px 0px 3px 1px #fffda9 !important;
  border-color: #ffcc04 !important;
  transition: all 300ms !important;
}
.combo_Fullwidth {
  /*select{}*/
  width: 100%;
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  /*padding: 3px 5px 3px 32px;
    cursor: pointer;*/
  border: solid 1px #d0d0d0;
  box-sizing: border-box;
  /*border-radius: 3px;
    appearance: none;
    -moz-appearance: none; /* Firefox */
  /*-webkit-appearance: none; /* Safari and Chrome */
  /*background-image: url('../Images/Icon/arrow_down_gray_12_3.png');
    background-position: left+10px center;
    background-repeat: no-repeat;
    */
}
.combo {
  height: 30px;
  line-height: 30px;
  background-color: white;
  color: inherit;
  /*cursor: pointer;*/
  border: solid 1px #d0d0d0;
  background-image: url('../Images/Icon/arrow_down_gray_10_2.png');
  background-position: left 10px center;
  background-repeat: no-repeat;
  overflow: visible;
}
.combo .rcbInputCell INPUT.rcbInput {
  font-family: inherit;
  font-size: inherit;
}
.padding_5 {
  padding: 5px;
}
.hyperLink {
  font-size: 13px;
  color: blue;
}
.hyperLink:hover {
  text-decoration: underline;
}
.lbl_Empty {
  color: white;
  padding: 5px 30px 5px 30px;
  background-color: #282828;
  margin: auto;
  margin-top: 20px;
  display: table;
  text-align: center;
}
.btn_as_txt {
  font: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  max-width: 150px;
}
.btn_as_txt_FS {
  font: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  max-width: 150px;
  font-size: 11px;
  max-width: 170px;
}
.btn_as_txt_fullWidth {
  font: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  max-width: 150px;
  max-width: unset;
}
.FS_Inherit {
  font-family: inherit;
  font-size: inherit;
}
.div_Scroll {
  overflow: hidden;
  max-height: 500px;
}
.FS_Large_1 {
  font-size: 15px;
}
.FS_Large_2 {
  font-size: 16px;
}
.FS_Large_3 {
  font-size: 19px;
}
.FS_Large_4 {
  font-size: 21px;
}
.FS_Large_5 {
  font-size: 23px;
}
.FS_Large_2 {
  font-size: 16px;
}
.FS_Small_5 {
  font-size: 9px;
}
.FS_Small_4 {
  font-size: 10px;
}
.FS_Small_3 {
  font-size: 11px;
}
.FS_Small_2 {
  font-size: 12px;
}
.FS_Small_1 {
  font-size: 13px;
}
.box_Topic_Main {
  margin: 10px;
  min-width: 50%;
}
@media (max-width: 320px) {
  .box_Topic_Main {
    min-width: unset;
  }
}
.box_Topic_Main .box_Topic_Header {
  transition: all 300ms;
  padding: 10px;
  margin: auto;
  border: none 1px #add3ef;
  font-size: 16px;
  font-weight: normal;
  padding-right: 40px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.67);
  color: white;
  text-shadow: 0px 1px 0 #ff5e00;
  cursor: pointer;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/add_white_16.png');
  /*background-image: url('../Images/Icon/minus_Blue_16_2.png');
        border-radius:3px;*/
}
@media (max-width: 320px) {
  .box_Topic_Main .box_Topic_Header {
    font-size: medium;
  }
}
.box_Topic_Main .box_Topic_Header .nvcL {
  font-size: 12px;
  font-weight: normal;
  color: #bbbdbd;
  text-shadow: none;
}
.box_Topic_Main .box_Topic_Header:hover {
  color: #ff5e00;
}
.box_Topic_Main .box_Topic_Body {
  overflow: auto;
  display: none;
  padding: 10px;
  border: solid 1px #d0d0d0;
  background-color: whitesmoke;
}
.box_Topic_Main .box_Topic_Body .box_Topic_Description {
  font-size: 13px;
  text-align: justify;
  margin-bottom: 20px;
}
.box_Topic_Main .box_Topic_Body .box_Topic_CourseList {
  float: right;
}
.box_Topic_Main_Admin {
  margin: 10px 0px 10px 0px;
  text-align: left;
}
.box_Topic_Main_Admin .box_Topic_Header {
  padding: 10px;
  margin: auto;
  /*border:solid 1px #add3ef;        
        padding-right:40px;*/
  text-align: right;
  /*background-color:#0067a3;*/
  cursor: pointer;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/search_black_16_2.png');
  /*background-image: url('../Images/Icon/minus_Blue_16_2.png');
        border-radius:3px;*/
  display: inline-block;
  padding-left: 25px;
  font-size: 13px;
}
.box_Topic_Main_Admin .box_Topic_Header .nvcL {
  font-size: 12px;
  font-weight: normal;
}
.box_Topic_Main_Admin .box_Topic_Header:hover {
  color: orangered;
  transition: all 500ms;
}
.box_Topic_Main_Admin .box_Topic_Body {
  overflow: auto;
  display: none;
  padding: 10px;
  border: solid 1px #d0d0d0;
  background-color: whitesmoke;
  font-size: 12px;
}
.box_Topic_Main_Admin .box_Topic_Body .box_Topic_Description {
  text-align: justify;
  margin-bottom: 20px;
}
.box_Topic_Main_Admin .box_Topic_Body .box_Topic_CourseList {
  float: right;
}
.box_Topic_Main_Admin .box_New {
  display: inline;
  float: right;
  margin-top: 5px;
}
.grid {
  width: 100%;
  margin: auto;
}
.grid td {
  border-color: #cdd5ea;
}
.grid .grid_Header {
  text-align: center;
  font-weight: bold;
  background-color: #d1d1d1;
  color: #464646;
  height: 35px;
}
.grid .grid_Header th {
  border-color: #b1b3ba;
}
.grid .grid_RowA {
  background-color: rgba(163, 163, 163, 0.12);
}
.grid .grid_RowS {
  font-weight: bold;
  text-align: center;
  background-color: rgba(252, 236, 159, 0.38);
}
.grid .grid_Row,
.grid .grid_RowA {
  text-align: center;
}
.grid .grid_Row:hover,
.grid .grid_RowA:hover {
  background-color: #fffbb6;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  transition: all 200ms;
  /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.grid .grid_RowDisable {
  text-align: center;
  color: #a8a8a8;
}
.grid .grid_RowDisable:hover {
  background-color: #fffbb6;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  transition: all 200ms;
  /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.grid .grid_Row:hover td,
.grid .grid_RowA:hover td,
.grid .grid_RowDisable:hover td,
.grid .grid_Row_Bold:hover td,
.grid .grid_RowA_Selectable:hover td,
.grid .grid_Row_Selectable:hover td {
  border-color: transparent;
  transition: all 300ms;
}
.grid .grid_Row_Selectable {
  text-align: center;
  cursor: pointer;
}
.grid .grid_Row_Selectable:hover {
  background-color: #fffbb6;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  transition: all 200ms;
  /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.grid .grid_RowA_Selectable {
  background-color: rgba(163, 163, 163, 0.12);
  text-align: center;
  cursor: pointer;
}
.grid .grid_RowA_Selectable:hover {
  background-color: #fffbb6;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  transition: all 200ms;
  /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.grid .grid_Row_Bold {
  font-weight: bold;
  background-color: rgba(140, 247, 226, 0.25);
}
.grid .grid_Pager {
  background-color: rgba(163, 163, 163, 0.12);
}
.grid .grid_Pager span {
  border-radius: 3px;
  color: black;
  background-color: white;
  display: inline-block;
  width: 100%;
}
.grid .grid_Pager td td {
  width: 25px;
  font-size: 13px;
  padding: 0px;
  /*display:inline;
            float:right;*/
  margin-right: 2px;
  font-family: inherit;
  border: solid 1px #D3D3D3;
  text-align: center;
  word-wrap: normal;
  cursor: pointer;
  border-radius: 3px;
  background-color: #e9e7e7;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
}
.grid .grid_Pager td td a:hover {
  font-weight: bold;
  background-color: #4a4a4a;
  color: white;
}
.grid .grid_Pager td td a {
  border-radius: 3px;
  color: #43505a;
  display: inline-block;
  width: 100%;
}
.grid .sort_Ascend,
.grid .sort_Descend {
  background-position: right 5px center;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-right: 16px;
}
.grid .sort_Ascend {
  background-image: url('../Images/Icon/descending-sort-12.png');
}
.grid .sort_Descend {
  background-image: url('../Images/Icon/ascending-sort-12.png');
}
.grid .sortedCells_Ascend,
.grid .sortedCells_Descend {
  background-color: rgba(220, 255, 231, 0.5);
}
.grid_footer {
  margin-top: 10px;
  overflow: auto;
  font-size: 12px;
  color: #43505a;
  border-color: #cdd5ea;
}
.grid_footer ._count {
  float: right;
}
.grid_footer ._toolBox {
  float: left;
}
.grid_footer ._pageSize {
  width: 50px;
}
.col_2 {
  width: 50%;
  float: right;
}
@media (max-width: 480px) {
  .col_2 {
    width: 100%;
    float: none;
  }
}
.header_Name {
  font-family: yekanNew5;
  font-weight: 800;
  font-size: 23px;
  color: #ff5e00;
}
.col_4 {
  width: 25%;
  float: right;
}
@media (max-width: 768px) {
  .col_4 {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .col_4 {
    width: 100%;
    float: none;
  }
}
.col_3 {
  width: 33.33333333%;
  float: right;
}
@media (max-width: 480px) {
  .col_3 {
    width: 100%;
    float: none;
  }
}
.col_Full .wrapper,
.col_3 .wrapper,
.col_2 .wrapper {
  border-radius: 3px;
  text-align: center;
}
.col_Full .wrapper .box_Header,
.col_3 .wrapper .box_Header,
.col_2 .wrapper .box_Header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-size: 15px;
}
.col_Full .wrapper .box_Body,
.col_3 .wrapper .box_Body,
.col_2 .wrapper .box_Body {
  border: solid 1px #d0d0d0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: none;
  font-size: 12px;
  padding: 5px;
  min-height: 150px;
  overflow: hidden;
}
._ltr {
  direction: ltr;
}
._img {
  width: 100%;
  height: 100%;
}
._imgContainer img {
  width: 100%;
  height: 100%;
}
.userBox_img {
  width: 45px;
  height: 60px;
}
.editPage ._header {
  text-align: center;
  padding: 10px;
  background-color: #231b1b;
  color: white;
}
.editPage ._classContainer {
  float: right;
  width: 65%;
}
#class_Form ._header {
  overflow: auto;
  margin: 10px;
  padding: 0px 7px 0px 7px;
  background-color: #ffffe9;
  border: dashed 1px #cdd5ea;
  line-height: 40px;
}
#class_Form ._region {
  font-size: 10px;
  color: #43505a;
  float: right;
  margin-right: 20px;
}
#class_Form ._btn {
  background-position: left 5px center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 3px 5px 1px 25px;
  font-family: inherit;
  background-color: whitesmoke;
  border: solid 1px #1BBC9B;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
}
#class_Form ._btn:hover {
  border-color: red;
  background-color: white;
}
#class_Form .btn_Info {
  background-position: left 5px center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 3px 5px 1px 25px;
  font-family: inherit;
  background-color: whitesmoke;
  border: solid 1px #1BBC9B;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
  background-image: url('../Images/Icon/info_black_16.png');
}
#class_Form .btn_Info:hover {
  border-color: red;
  background-color: white;
}
#class_Form .btn_Rss {
  background-position: left 5px center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 3px 5px 1px 25px;
  font-family: inherit;
  background-color: whitesmoke;
  border: solid 1px #1BBC9B;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
  background-image: url('../Images/Icon/rss_balck_16.png');
}
#class_Form .btn_Rss:hover {
  border-color: red;
  background-color: white;
}
#class_Form .btn_Call {
  background-position: left 5px center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 3px 5px 1px 25px;
  font-family: inherit;
  background-color: whitesmoke;
  border: solid 1px #1BBC9B;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
  background-image: url('../Images/Icon/phone_black_16.png');
}
#class_Form .btn_Call:hover {
  border-color: red;
  background-color: white;
}
#class_Form .btn_Email {
  background-position: left 5px center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 3px 5px 1px 25px;
  font-family: inherit;
  background-color: whitesmoke;
  border: solid 1px #1BBC9B;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
  background-image: url('../Images/Icon/message_black_16.png');
}
#class_Form .btn_Email:hover {
  border-color: red;
  background-color: white;
}
/*.text_shadow {
    color: white;*/
/*text-shadow:
    -1px -1px 0 red,
    1px -1px 0 red,
    -1px 1px 0 red,
    1px 1px 0 red;*/
/*text-shadow: 0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 2px red,0px 0px 3px red,0px 0px 3px red,0px 0px 3px red,0px 0px 3px red,0px 0px 3px red;
    font-size: @font_Size_Large_X;
}

.text_shadow_Normal {
    color: white;*/
/*text-shadow:
    -1px -1px 0 red,
    1px -1px 0 red,
    -1px 1px 0 red,
    1px 1px 0 red;*/
/*text-shadow: 0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 2px blue,0px 0px 3px blue,0px 0px 3px blue,0px 0px 3px blue,0px 0px 3px blue,0px 0px 3px blue;
    font-size: @font_Size_Large_X;
}*/
._l {
  text-align: right;
}
._r {
  text-align: left;
  width: 20%;
}
.updateProgress {
  box-shadow: 0px 0px 4px 2px #f1f1f1;
  font-size: 9px;
  text-align: center;
  position: fixed;
  bottom: 5px;
  right: 5px;
  border-radius: 3px;
  border: solid 1px #cdd5ea;
  padding: 0px 8px 3px 8px;
  background-color: white;
  cursor: wait;
  color: black;
}
.myToolTip:hover:after {
  content: attr(data-bit);
  white-space: pre-wrap;
  text-align: left;
  border: 1px solid #dec1a7;
  background-color: #fafbe7;
  position: absolute;
  padding: 8px;
  z-index: 9999;
  font-size: small;
  margin-right: -90px;
  margin-top: -30px;
  /*color:black;*/
}
.blink {
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;
  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;
  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;
  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;
  /* IE 10+, Fx 29+ */
}
.stateLog_Viewed {
  border: dashed 1px #d7d7d7;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #e9f5ff;
}
.stateLog_NotViewed {
  border: dashed 1px #cf0e0e;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #ffe7e7;
  -webkit-animation: STATE-ANIMATION 1s infinite;
  /* Safari 4+ */
  -moz-animation: STATE-ANIMATION 1s infinite;
  /* Fx 5+ */
  -o-animation: STATE-ANIMATION 1s infinite;
  /* Opera 12+ */
  animation: STATE-ANIMATION 1s infinite;
  /* IE 10+, Fx 29+ */
  background-image: url('../Images/Icon/new_32_1.png');
  background-position: left 10px bottom 5px;
  background-repeat: no-repeat;
}
@-webkit-keyframes STATE-ANIMATION {
  0%,
  49% {
    background-color: #fcfad5;
    background-image: url('../Images/Icon/new_32_1.png');
  }
  50%,
  100% {
    background-color: #fffdd7;
    border-color: #5670b7;
    background-image: url('../Images/Icon/new_32_2.png');
  }
}
.RuleServer_Error > div:first-child {
  /*border: dashed 1px #cf0e0e;
    margin-bottom: 5px;
    padding: 10px;*/
  background-color: #fff2f2;
  -webkit-animation: RuleServer_Error-ANIMATION 1s infinite;
  /* Safari 4+ */
  -moz-animation: RuleServer_Error-ANIMATION 1s infinite;
  /* Fx 5+ */
  -o-animation: RuleServer_Error-ANIMATION 1s infinite;
  /* Opera 12+ */
  animation: RuleServer_Error-ANIMATION 1s infinite;
  /* IE 10+, Fx 29+ */
  background-image: url('../Images/Icon/error_red_16.png');
  background-position: left 10px bottom 5px;
  background-repeat: no-repeat;
}
@-webkit-keyframes RuleServer_Error-ANIMATION {
  0%,
  49% {
    background-color: #fffff2;
  }
  50%,
  100% {
    background-color: #fff2f2;
  }
}
.cursor {
  cursor: pointer;
}
.btn_Pdf {
  width: 24px;
  height: 24px;
  background-image: url('../Images/Icon/pdf_24.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
}
.btn_Pdf_2 {
  width: 24px;
  height: 24px;
  background-image: url('../Images/Icon/pdf_24_1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
}
.btn_Excel {
  width: 24px;
  height: 24px;
  background-image: url('../Images/Icon/excel_24_1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
}
.btn_Excel_2 {
  width: 24px;
  height: 24px;
  background-image: url('../Images/Icon/excel_24_1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url('../Images/Icon/Excel-40-2.png');
}
.btn_Excel_3 {
  width: 24px;
  height: 24px;
  background-image: url('../Images/Icon/excel_24_1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url('../Images/Icon/Excel-40-3.png');
}
.btn_Zip {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url('../Images/Icon/zip-40.png');
}
.btn_Finance_State {
  border: none;
  padding: 0px;
  width: 70px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}
.btn_Finance_State_2_0 {
  border: none;
  padding: 0px;
  width: 70px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  background-image: url('../Images/Icon/PayIcon/pay_2_0.png');
}
.btn_Finance_State_2_1 {
  border: none;
  padding: 0px;
  width: 70px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  background-image: url('../Images/Icon/PayIcon/pay_2_1.png');
}
.btn_Finance_State_2_2 {
  border: none;
  padding: 0px;
  width: 70px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  background-image: url('../Images/Icon/PayIcon/pay_2_2.png');
}
.btn_Finance_State_1_0 {
  border: none;
  padding: 0px;
  width: 70px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  background-image: url('../Images/Icon/PayIcon/pay_1_0.png');
  background-position: right 7px center;
}
.btn_Finance_State_1_1 {
  border: none;
  padding: 0px;
  width: 70px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  background-image: url('../Images/Icon/PayIcon/pay_1_1.png');
  background-position: right 7px center;
}
.btn_Print {
  width: 24px;
  height: 24px;
  background-image: url('../Images/Icon/print_24_1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
}
._offline {
  width: 40px;
  margin-left: 5px;
  margin-top: 5px;
  opacity: 0.5;
}
._online {
  width: 40px;
  margin-left: 5px;
  opacity: 1;
  -webkit-animation: STATE-ANIMATION 1s infinite;
  /* Safari 4+ */
  -moz-animation: STATE-ANIMATION 1s infinite;
  /* Fx 5+ */
  -o-animation: STATE-ANIMATION 1s infinite;
  /* Opera 12+ */
  animation: STATE-ANIMATION 1s infinite;
  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes STATE-ANIMATION {
  0%,
  49% {
    opacity: 0.7;
  }
  50%,
  100% {
    opacity: 1;
  }
}
.RadCalendarTimeView.RadCalendarTimeView_Default {
  background-color: #f1f4fb;
}
.RadCalendarTimeView.RadCalendarTimeView_Default .rcHover a {
  background-color: #f5ff78;
}
.RadCalendarTimeView.RadCalendarTimeView_Default .rcSelected a {
  background-color: #d1ffc8;
}
.timerInput {
  border-color: #d0d0d0;
  font-family: inherit;
  background-image: url('../Images/Icon/timer_16.png');
  background-position: left 5px center;
  background-repeat: no-repeat;
  width: 30px;
}
.ltr {
  direction: ltr;
}
.DropZone {
  color: #494949;
  text-align: center;
  background-color: #ededed;
  border: dashed 1px #808080;
  padding: 40px 10px 30px 10px;
  background-position: center top 5px;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/upload_32.png');
}
/*.DropZoneEnter {
    color: #f1f1f1;
    background-color: rgb(40, 40, 40);
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url('../Images/Icon/timer_16.png');
}*/
.groupBox {
  border: solid 1px #cfcfcf;
  border-radius: 3px;
  text-align: right;
}
.groupBoxHeader {
  top: -8px;
  right: 12px;
  display: inline;
  position: relative;
  border: solid 1px #cfcfcf;
  background-color: #e6e6e6;
  border-radius: 10px;
  padding: 3px 8px 3px 8px;
}
#owl_2 .item {
  width: 100%;
}
.newsBox {
  box-shadow: 0px 0px 5px 2px #cecece;
  height: 400px;
  background-color: #fff;
  margin: 10px 0px 10px 10px;
  position: relative;
}
.newsBox:hover .imageBox .imageLayar {
  background-color: rgba(0, 0, 0, 0.25);
}
.newsBox .imageBox {
  box-sizing: border-box;
  position: relative;
}
.newsBox .imageBox .image_container {
  max-height: 250px;
  overflow: hidden;
}
.newsBox .imageBox .image_container img {
  width: 100%;
}
.newsBox .imageBox .imageLayar {
  transition: all 300ms;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.65);
}
.newsBox .newsTitle {
  text-align: right;
  color: #3b9ae2;
  font-weight: bold;
}
.newsBox .newsDescription {
  font-size: 13px;
  text-align: justify;
  margin-top: 5px;
  max-height: 55px;
  overflow: hidden;
}
.examBox {
  box-shadow: 0px 2px 3px 1px #bfbdbd;
  font-size: 13px;
  transition: all 300ms;
}
.examBox li {
  margin-bottom: 5px;
}
.examBox:hover {
  box-shadow: 0px 2px 3px 1px #7a7a7a;
}
.examBox ._description {
  color: #969696;
  font-weight: normal;
}
.examBox ._lbl {
  color: #b2b2b2;
}
.examBox ._title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
  color: #ff5e00;
}
.examBox ._btnViewDetail {
  border-radius: 14px;
  color: #fff;
  padding: 1px 12px 1px 12px;
  transition: all 300ms;
  cursor: pointer;
  border: solid 1px #058167;
  background-color: #058167;
}
.examBox ._btnViewDetail:hover {
  /* color: #0067a3;
            background-color: #fff;*/
  background-color: #0067a3;
  border: solid 1px #0067a3;
}
.examBox .status {
  font-size: 10px;
  font-weight: normal;
  border: dashed 1px #bec5d9;
  padding: 2px 8px 2px 8px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
}
.examBox .status .s_1 {
  color: #e9ba05;
}
.examBox .status .s_2 {
  color: #ebd800;
}
.examBox .status .s_3 {
  color: #3a9233;
}
.btn_StartExam {
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-image: url('../Images/Icon/start_32.png');
  padding: 12px 50px 12px 20px;
  font-family: inherit;
  background-color: #fae228;
  border-radius: 25px;
  border: solid 2px #000;
  cursor: pointer;
  font-weight: bold;
  transition: all 300ms;
}
.btn_StartExam:hover {
  background-color: #ebc300;
  /*background-position: right+10px center;*/
}
@media (max-width: 480px) {
  .btn_StartExam {
    background-image: none;
    padding: 12px 15px 12px 15px;
  }
}
.choiceBox {
  float: right;
  width: 24px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.correct .choiceBox {
  background-image: url('../Images/Icon/correct_16.png');
}
.incorrect .choiceBox {
  background-image: url('../Images/Icon/incorrect_16.png');
}
.empty .choiceBox {
  background-image: url('../Images/Icon/question_16.png');
}
.keyboard .choiceBox {
  background-position: right -3px;
  background-image: url('../Images/Icon/keyboard-3.png');
}
.meetingBox {
  padding: 10px;
  overflow: auto;
}
.meetingBoxDetail {
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #cdd5ea;
  padding: 10px;
  margin: 10px;
  overflow: auto;
  min-height: 190px;
}
.meetingWelocme {
  font-size: 11px;
}
.meetingTitle {
  color: #ff5e00;
  font-size: 21px;
  padding: 5px;
  font-family: yekanNew5;
  font-weight: 800;
  display: inline-block;
  margin: 5px 0px 5px 0px;
}
.meetingDescription {
  border-radius: 5px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  padding: 10px;
  color: #000;
}
.prePostFix {
  font-size: 12px;
  color: #c2bebe;
}
.meetingLogin {
  margin: 10px;
}
#_loading {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}
.last_News_Box {
  float: right;
  margin: 10px;
  max-width: 45%;
}
@media (max-width: 320px) {
  .last_News_Box {
    max-width: 250px;
  }
}
@media (max-width: 480px) {
  .last_News_Box {
    max-width: 410px;
  }
}
@media (max-width: 768px) {
  .last_News_Box {
    max-width: 698px;
  }
}
.last_News_Box .last_News_Img {
  padding: 5px;
  background-color: white;
  box-shadow: 0px 0px 3px 1px #dbdbdb;
  width: 100px;
  height: 100px;
}
.last_News_Img_Circle {
  background-color: white;
  box-shadow: 0px 0px 3px 1px #dbdbdb;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.last_News_Time {
  color: #43505a;
  font-size: 10px;
}
.last_News_Title {
  color: #3b9ae2;
  font-weight: bold;
  font-size: 15px;
}
.last_News_Summary {
  font-size: 13px;
  text-align: justify;
  color: #43505a;
}
.quotes {
  font-size: 23px;
  font-weight: bold;
}
.Circle {
  border-radius: 50%;
}
.Circle_50 {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.Circle_60 {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.Circle_70 {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
.container_15 {
  width: 15%;
  float: right;
  min-width: 70px;
  max-width: 150px;
}
@media (max-width: 670px) {
  .container_15 {
    width: 100%;
    max-width: unset;
  }
  .container_15 div {
    float: right;
  }
  .container_15 div:first-child {
    margin-bottom: 5px;
  }
  .container_15 #_lbl {
    margin-right: 5px;
    line-height: 30px;
  }
}
.container_85 {
  width: 85%;
  float: right;
}
@media (max-width: 670px) {
  .container_85 {
    width: 100%;
  }
}
.RadComboBox .rcbDisabled {
  opacity: 1 !important;
}
.RadComboBox table {
  border-collapse: separate !important;
}