@media only screen and (min-width: 768px) {
    .loader {
        position: absolute;
        left: 50%;
        margin-left: -44.5px;
        margin-top: -44.5px;
    }
    /* Preloader */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        /* change if the mask should be a color other than white */
        z-index: 399;
        /* makes sure it stays on top */
    }
    #status {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 50%;
        /* centers the loading animation horizontally on the screen */
        top: 50%;
        /* centers the loading animation vertically on the screen */
        background-image: url(/images/loader1.gif);
        /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        /*margin: -100px 0 0 -100px; /* is width and height divided by two */
    }
    .SideNavButton {
        font-size: 60px;
        margin-right: 15px;
        color: #fff !important;
        float: right;
        z-index: 199;
    }
    .PopoverContent {
        box-shadow: 0px 0px 5px #81b7cc;
        width: 100%;
        position: absolute;
        display: none;
        z-index: 98;
    }
    .imgPopover {
        width: 30px;
        margin-left: 50px;
        margin-bottom: 0px;
        z-index: 10;
        position: relative;
    }
    .PopoverMain {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 5px;
        border: solid 1px lightgray;
    }
    .PopoverContainer {
        display: block;
        /*overflow-y: scroll;*/
    }
    .PopoverContainer::-webkit-scrollbar {
        width: 4px;
    }
    .PopoverContainer::-webkit-scrollbar-track {
        margin-right: 5px;
        background-color: lightgray;
    }
    .PopoverContainer::-webkit-scrollbar-thumb {
        background-color: #666695;
        outline: 1px solid #666695;
    }
    .ClosePopover {
        font-size: 18px;
        cursor: pointer;
        color: black !important;
        text-decoration: none;
        font-family: Calibri;
        float: right;
        display: block;
        background-color: white;
        padding: 5px 2px 5px 0;
    }
    .ClosePopover :hover {
        text-decoration: none !important;
        color: black;
    }
    /*  */
    .ProductDetailContainer {
        display: inline-block;
        padding-right: 15px;
    }
    .ProductDetailContainer:hover .overlay {
        display: inline-block;
        background: rgba(0, 0, 0, 0.3);
    }
    .ProductDetailContainer img {
        width: 60px;
        left: 0;
    }
    .ProductDetailContainer table a {
        display: inline-block;
        padding: 0 2px;
    }
    .ProductDetailContainer table a:hover {
        background-color: #81b7cc;
        display: inline-block;
        box-shadow: 0px 0px 5px #81b7cc;
    }
    .ProductDetailContainer .popoverButton {
        width: 15px !important;
        display: inline-block;
    }
    .ProductDetailContainer .popoverButton :hover {
        background-color: lightblue;
        border-radius: 100%;
    }
    .ProductDetailContainer .title {
        display: inline-block;
        margin: 5px 5px 0 0;
        padding: 0px;
        margin-left: 0;
        padding-left: 0;
    }
    .MasterProductItem {
        text-align: center;
        margin: 5px;
        /*background: -webkit-linear-gradient(#fff,#eeeeee ); 
        background: -o-linear-gradient(#fff,#eeeeee); 
        background: -moz-linear-gradient(#fff,#eeeeee); 
        background: linear-gradient(#fff,#eeeeee);*/
    }
    #CurrntMasterProduct {
        padding: 0 20px 0 20px;
    }
    .nav-list>li {
        border-bottom: solid 1px #cecece;
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 5px;
    }
    .MenuSubTitle-Right {
        float: right;
        direction: rtl;
        text-align: right;
        font-size: 10px;
        margin-bottom: 0;
    }
    .Border-Curve {
        border-radius: 5px;
    }
    .Fa_Desc {
        font-size: 12px;
        color: white !important;
    }
    .Fa_Desc span {
        color: white !important;
    }
    .CallFarbin {
        position: fixed;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: solid 1px #fff;
        background-color: #2e2e2e;
        font-size: 30px;
        bottom: 55px;
        left: 5px;
        padding: 10px 13px;
        z-index: 999;
    }
    .ComparePoructItems {
        border: none;
        background: no-repeat;
        display: inline-block;
        position: relative;
        margin-bottom: 5px;
        padding: 5px;
    }
    .Grabale {
        cursor: -webkit-grab;
    }
    .Grabale:active {
        cursor: -webkit-grabbing;
    }
    .Movable {
        cursor: move;
    }
    .alert_placeholders {
        width: 90%;
        left: 5%;
        text-align: center;
        position: fixed;
        top: 65px;
        z-index: 999999;
    }
    .alert_placeholders_Content {
        width: 300px;
        /*min-height: 100px;*/
        display: inline-block;
        position: relative;
    }
    .TitleOfAlert {
        font-weight: 700;
        font-size: 12px;
        float: right;
        padding: 5px;
        text-align: right;
        direction: rtl;
    }
    .closeAbsolute {
        position: absolute;
        top: 3px;
        left: 3px;
    }
    .NavListCustom {
        padding-right: 5px;
    }
    .txtFooterMenuNewsLetter {
        margin-top: 10px;
        text-align: center;
    }
    .closeContainerContact {
        text-align: center;
        width: 72%;
        margin: 50px 14% 0 14%;
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
    }
    .closeContainerProduct {
        text-align: center;
        width: 72%;
        margin: 51px 14% 0 14%;
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
    }
    .MasterProducts .PropertyDefineDetails {
        /*background-color:#ebe7e7;*/
    }
    .MasterProducts div:nth-child(even) {
        /*background-color:#ebe7e7;*/
    }
    .CompareItemImage {
        width: 100px;
        margin: 5px 0;
    }
    .StickyDefineHeader {
        position: absolute;
        top: 0;
        z-index: 9999;
        background-color: #000;
    }
    .StickyDefineHeader tr th {
        width: 200px !important;
    }
    .btnInCompareHeader {
        float: right;
    }
    /*  */
    .LoginTitleInChekToken {
        color: #000;
        direction: rtl;
        text-align: right;
    }
    .form-control {
        border-radius: 0;
        height: 28px;
    }
    #ModalMaterialListCategory .modal-dialog, #ModalChekToken .modal-dialog {
        margin: 100px auto;
        width: 300px;
    }
    #FormMaterialList span {
        float: right
    }
    .ModalMaterilaListContainer {
        max-height: 200px;
        overflow-y: scroll;
    }
    .badge {
        float: right;
    }
    .UserInfoIcon {
        width: 100%;
    }
    .UserInfoIcon i {
        display: inline-block;
        float: left;
        font-size: 22px;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .UserInfoIcon i:hover {
        color: #ff0000;
    }
    .UserInfoIcon h6 {
        margin-top: 10px;
        float: right;
        color: #000;
    }
    .ActiveUserSideMenu {
        background-color: #81b7cc !important;
        color: #fff !important;
    }
    .HeaderSideUserMenu {
        position: fixed;
        width: 100%;
    }
    .CloseSideUserMenu {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 8px 10px;
        margin: 10px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #fff;
        border-radius: 50px;
    }
    .CloseSideUserMenu:hover {
        background-color: #ff0000;
        -webkit-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }
}

@media screen and (max-width: 767px) {
    .form-group {
        padding-left: 0px;
        margin-bottom: 10px !important;
    }
    .HeaderSideUserMenu {
        position: fixed;
        width: 100%;
    }
    .CloseSideUserMenu {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 8px 10px;
        margin: 10px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        border: 1px solid #fff;
        border-radius: 50px;
    }
    .CloseSideUserMenu:hover {
        background-color: #ff0000;
        -webkit-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }
    .DictionaryContainer {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        text-align: center;
        line-height: 15px;
        font-size: 12px;
        position: relative;
    }
    .DictionaryContainer .DailySentence {
        color: #ffb700;
        background-color: #232295;
        width: 100px;
        display: inline-block;
        height: 20px;
        order: 1;
    }
    .DictionaryContainer .DicAbastract {
        color: #333;
        width: 100%;
        /*display: none;*/
        text-align: right;
        display: block;
    }
    .UserInfoIcon {
        width: 100%;
    }
    .UserInfoIcon i {
        display: inline-block;
        float: left;
        font-size: 22px;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .UserInfoIcon i:hover {
        color: #ff0000;
    }
    .UserInfoIcon h6 {
        margin-top: 10px;
        float: right;
        color: #000;
    }
    .ActiveUserSideMenu {
        background-color: #81b7cc !important;
        color: #fff !important;
    }
    .LeftSideArticleList {
        width: 25%;
        color: #000;
        display: inline-block;
        float: left;
    }
    .RightSideArticleList {
        width: 25%;
        color: #000;
        display: inline-block;
        float: left;
    }
    .form-control {
        border-radius: 0;
    }
    .RootListInMaterialListInModal:hover {
        color: #ffb700;
        cursor: pointer;
    }
    .ModalMaterilaListContainer {
        max-height: 200px;
        overflow-y: scroll;
    }
    #FormMaterialList span {
        float: right
    }
    .badge {
        float: right;
    }
    .form-control {
        border-radius: 0;
    }
    .StickyDefineHeader {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9999;
        background-color: #000;
        left: 0;
    }
    .StickyDefineHeader tr th {
        width: 95px !important;
    }
    .CompareItemButtonContai2ner {
        width: 100px;
        float: left;
    }
    .loader {
        position: absolute;
        left: 50%;
        margin-left: -44.5px;
        margin-top: -44.5px;
    }
    /* Preloader */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        /* change if the mask should be a color other than white */
        z-index: 399;
        /* makes sure it stays on top */
    }
    #status {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 50%;
        /* centers the loading animation horizontally on the screen */
        top: 50%;
        /* centers the loading animation vertically on the screen */
        background-image: url(/images/loader1.gif);
        /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        /*margin: -100px 0 0 -100px; /* is width and height divided by two */
    }
    .SideNavButton {
        font-size: 60px;
        margin-right: 15px;
        color: #fff !important;
        float: right;
        z-index: 199;
    }
    #CurrntMasterProduct {
        padding: 0 20px 0 20px;
    }
    .PopoverContent {
        box-shadow: 0px 0px 5px #81b7cc;
        width: 100%;
        position: absolute;
        display: none;
        z-index: 98;
    }
    .imgPopover {
        width: 30px;
        margin-left: 50px;
        margin-bottom: 0px;
        z-index: 10;
        position: relative;
    }
    .PopoverMain {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 5px;
        border: solid 1px lightgray;
    }
    .PopoverContainer {
        display: block;
        /*overflow-y: scroll;*/
    }
    .PopoverContainer::-webkit-scrollbar {
        width: 4px;
    }
    .PopoverContainer::-webkit-scrollbar-track {
        margin-right: 5px;
        background-color: lightgray;
    }
    .PopoverContainer::-webkit-scrollbar-thumb {
        background-color: #666695;
        outline: 1px solid #666695;
    }
    .ClosePopover {
        font-size: 18px;
        cursor: pointer;
        color: black !important;
        text-decoration: none;
        font-family: Calibri;
        float: right;
        display: block;
        background-color: white;
        padding: 5px 2px 5px 0;
    }
    .ClosePopover :hover {
        text-decoration: none !important;
        color: black;
    }
    .ProductDetailContainer {
        display: inline-block;
        padding-right: 15px;
    }
    .ProductDetailContainer:hover .overlay {
        display: inline-block;
        background: rgba(0, 0, 0, 0.3);
    }
    .ProductDetailContainer img {
        width: 60px;
        left: 0;
    }
    .ProductDetailContainer table a {
        display: inline-block;
        padding: 0 2px;
    }
    .ProductDetailContainer table a:hover {
        background-color: #81b7cc;
        display: inline-block;
        box-shadow: 0px 0px 5px #81b7cc;
    }
    .ProductDetailContainer .popoverButton {
        width: 15px !important;
        display: inline-block;
    }
    .ProductDetailContainer .popoverButton :hover {
        background-color: lightblue;
        border-radius: 100%;
    }
    .ProductDetailContainer .title {
        display: inline-block;
        margin: 5px 5px 0 0;
        padding: 0px;
        margin-left: 0;
        padding-left: 0;
    }
    .ContactMenu {
        top: 938px;
        width: 100%;
        background-color: rgba(51, 51, 51, 0.5) !important;
        bottom: 60px;
        color: black !important;
        position: fixed;
        z-index: 10000;
        text-align: center;
        padding: 0px;
    }
    .ContactMenu>.Item {
        width: 33%;
        text-align: center;
        display: inline-block;
        padding-top: 6px;
        height: 120px;
        float: left;
    }
    .ContactMenu>.Item img {
        width: 50px;
    }
    .MasterProductItem {
        text-align: center;
        margin: 5px;
        /*background: -webkit-linear-gradient(#fff,#eeeeee ); 
    background: -o-linear-gradient(#fff,#eeeeee); 
    background: -moz-linear-gradient(#fff,#eeeeee); 
    background: linear-gradient(#fff,#eeeeee);*/
    }
    .DefaultCarouselContainer {
        padding: 0 10px 0 10px;
    }
    .nav-list>li {
        border-bottom: solid 1px #cecece;
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 5px;
    }
    .MenuSubTitle-Right {
        float: right;
        direction: rtl;
        text-align: right;
        font-size: 10px;
        margin-bottom: 0;
    }
    .Border-Curve {
        border-radius: 5px;
    }
    .Fa_Desc {
        font-size: 12px;
        color: white !important;
    }
    .Fa_Desc span {
        color: white !important;
    }
    .CallFarbin {
        position: fixed;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: solid 1px #fff;
        background-color: #2e2e2e;
        font-size: 30px;
        bottom: 55px;
        left: 5px;
        padding: 10px 13px;
        z-index: 999;
    }
    .ComparePoructItems {
        border: none;
        background: no-repeat;
        display: inline-block;
        position: relative;
        margin-bottom: 5px;
        padding: 5px;
    }
    .Grabale {
        cursor: -webkit-grab;
    }
    .Grabale:active {
        cursor: -webkit-grabbing;
    }
    .Movable {
        cursor: move;
    }
    .alert_placeholders {
        width: 90%;
        left: 5%;
        text-align: center;
        position: fixed;
        top: 65px;
        z-index: 999999;
    }
    .alert_placeholders_Content {
        width: 300px;
        display: inline-block;
        position: relative;
    }
    .TitleOfAlert {
        font-weight: 700;
        font-size: 12px;
        float: right;
        padding: 5px;
        text-align: right;
        direction: rtl;
    }
    .closeAbsolute {
        position: absolute;
        top: 3px;
        left: 3px;
    }
    .MovableContainer::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }
    .NavListCustom {
        padding-right: 5px;
    }
    .txtFooterMenuNewsLetter {
        margin-top: 10px;
        text-align: center;
    }
    .closeContainerContact {
        text-align: center;
        width: 72%;
        margin: 50px 14% 0 14%;
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
    }
    .closeContainerProduct {
        text-align: center;
        width: 72%;
        margin: 9px 14% 0 14%;
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
    }
    .owl-theme .owl-controls .owl-buttons {
        padding: 0;
    }
}

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

.FooterTreeMenu::-webkit-scrollbar {
    width: 4px;
}

.FooterTreeMenu::-webkit-scrollbar-track {
    margin-right: 5px;
    background-color: lightgray;
}

.FooterTreeMenu::-webkit-scrollbar-thumb {
    background-color: #666695;
    outline: 1px solid #666695;
}

.FooterTreeMenu h5 {
    color: #494949;
    font-size: 12px;
    display: inline-block;
}

.FooterTreeMenu .SubTitle {
    font-size: 10px;
    margin-top: 3px;
}

@media only screen and (min-width: 768px) {
    .FooterTreeMenu {
        width: 100%;
        direction: rtl;
        height: 200px;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #ebe7e7;
        margin-bottom: 50px;
        border-top: solid 3px #630035;
    }
    .FooterTreeMenu a span {
        color: #494949 !important;
    }
    .FooterTreeMenuContainer {
        color: #fff;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .FooterTreeMenu {
        width: 100%;
        direction: rtl;
        height: 200px;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #ebe7e7;
        margin-bottom: 50px;
        border-top: solid 3px #630035;
    }
    .FooterTreeMenu {
        color: #494949 !important;
    }
    .FooterTreeMenuContainer {
        color: #fff;
        margin-top: 10px;
    }
}

/* Product Menu */

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

.PopoverProductMenu {
    top: 938px;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.5) !important;
    color: black !important;
    position: fixed;
    z-index: 10000;
    text-align: center;
    padding-top: 15px;
    background-color: #fff;
    bottom: 50px;
}

.PopoverProductMenu>.Item {
    min-width: 200px;
    text-align: center;
    display: inline-block;
    padding: 8px;
    background-color: #fff;
    border-radius: 10px;
    margin: 4px 5px;
}

.PopoverProductMenu>.Item img {
    height: 25px;
}

@media only screen and (min-width: 768px) {
    .PopoverProductMenu {
        top: 1500px;
        z-index: 49999;
    }
    .PopoverProductMenu>.Item {
        padding: 15px;
        margin: 13px 5px;
    }
    .PopoverProductMenu>.Item img {
        height: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .PopoverProductMenu {
        width: 90%;
    }
    .PopoverProductMenu>.Item {
        margin: 44px 5px;
    }
}

/* Material List Module */

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
    .positionModalDialog {
        margin-left: 22%;
    }
    /*MaterialList*/
    .MaterialContainer {
        width: 100%;
    }
    .MaterialContainer .divHeader {
        width: 80%;
        padding: 60px 60px 0px 60px;
        position: fixed;
        height: 15%;
    }
    .divHeader .HeaderPart1 {
        display: inline-block;
        width: 70%;
    }
    .divHeader .HeaderPart2 {
        display: inline-block;
        width: 15%;
        padding-left: 20px;
    }
    .divHeader .TitleEn {
        border-bottom: 1px solid gray;
    }
    .divHeader .TitleFa {
        float: right;
    }
    .MaterialContainer .divContainer {
        padding: 0px 0px 20px 35px;
        position: fixed;
        top: 24%;
        width: 66%;
        overflow-y: scroll !important;
        height: 60% !important;
    }
    .divContainer .inputControl {
        background-color: transparent;
        border: 1px solid #bebebe;
        padding-left: 5px;
        border-radius: 3px;
        margin-top: -3px;
    }
    .divContainer .MaterialLists {
        padding-top: 10px;
        margin-left: 40px;
    }
    .MaterialContainer .divFooter {
        width: 60%;
        background-color: #2a2a2a;
        height: 5%;
        color: white;
        display: inline-block;
        text-align: center;
        margin-left: 60px;
        position: fixed;
        bottom: 60px;
    }
    .divFooter .EditButton {
        display: inline-block;
        padding: 7px;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }
    .divFooter .DeleteButton {
        display: inline-block;
        padding: 7px;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }
    .MaterialLists .RomeveMaterial {
        color: red;
        font-size: 18px;
        cursor: pointer;
        margin-left: 5px
    }
    .MaterialLists .checkmark {
        left: 0px;
        top: -3px;
        width: 20px;
        height: 20px;
    }
    .MaterialLists .checkmark:after {
        top: 6px !important;
        left: 6px !important;
    }
    .MaterialLists .divCounterItems {
        position: relative;
        top: 1px;
        left: 0px;
        background-color: #ffb700;
        width: 20px;
        height: 20px;
        padding: 4px 0px 0px 6px;
        border-radius: 50%;
        color: black;
        display: inline-block;
        margin-right: 5px;
    }
    .MaterialLists .MaterialLevel1 {
        background-color: #2a2a2a;
        width: 20%;
        height: 28px;
        padding: 7px 0px 0px 10px;
        color: white;
        display: inline-block;
        margin-left: 5px;
    }
    .MaterialLists .SubMaterialList {
        padding: 10px 0px 0px 30px;
    }
    .SubMaterialList .checkmark {
        left: 0px;
        width: 20px;
        height: 20px;
    }
    .SubMaterialList .checkmark:after {
        top: 6px !important;
        left: 6px !important;
    }
    .SubMaterialList .MaterialLevel2 {
        padding-left: 3px;
        display: inline-block;
    }
    .SubMaterialList .divCounterSubs {
        padding: 4px 0px 0px 6px;
        color: #ffb700;
        display: inline-block;
    }
    /*SendOrders*/
    #ModalSendOrders {
        color: black;
    }
    #ModalSendOrders .QuestionTitle {
        font-size: 12px;
    }
    #ModalSendOrders .QuestionTitle {
        font-size: 12px;
    }
    #ModalSendOrders .drpOptions {
        font-size: 12px;
        width: 96%;
        height: 35px;
    }
    /*MaterialListItem*/
    .TopMaterialListItem {
        width: 100%;
        background-color: #4d4c4c;
    }
    .QuotationPartName {
        width: 48%;
        display: inline-block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 140px;
    }
    .QuotationPartTotal {
        width: 48%;
        display: inline-block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 81px;
    }
    .lblEnTotalQuotation {
        color: #ffb700;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .inputTotalQuotation {
        margin-left: 75px;
    }
    .lblEnNameQuotation {
        color: #ffb700;
        margin-bottom: 2px;
        margin-left: 11px;
    }
    .inputNameQuotation {
        margin-left: 75px;
    }
    .divFunctionsMaterialListItem {
        width: 100%;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .divFunctionsMaterialListItem .btnFunctionsMaterialListItem {
        color: #4d92a7;
    }
    .divFunctionsMaterialListItem .lblChangeListFa {
        color: #4d92a7;
        font-size: 11px;
        margin-left: 30px;
        margin-right: 18px;
    }
    .scrollBodyMaterialListItem {
        overflow-y: scroll !important;
        height: 90% !important;
        position: absolute;
        width: 100%;
    }
    .divMainMaterialListDetail {
        width: 94%;
        margin-left: 40px;
        border-bottom: 1px solid #1c1c1c;
        border-top: 1px solid #1c1c1c;
    }
    .divMainMaterialListDetail .divPictureDetail {
        display: inline-block;
        border-right: 1px solid #1c1c1c;
        width: 15%;
        float: left;
    }
    .divMainMaterialListDetail .divPictureDetail .divCounterItems {
        position: relative;
        top: -11px;
        left: -10px;
        background-color: #ffb700;
        width: 20px;
        height: 20px;
        padding: 4px 0px 0px 6px;
        border-radius: 50%;
        color: black;
    }
    .divMainMaterialListDetail .divPictureDetail .PicProductInMaterialList {
        width: 100%;
        padding: 20px 20px 20px 5px;
    }
    .divMainMaterialListDetail .divPictureDetail .divRemoveItem {
        text-align: center;
    }
    .divMainMaterialListDetail .divPictureDetail .divRemoveItem .btnRemoveItem {
        color: #4d92a7;
    }
    .divMainMaterialListDetail .divContentDetail {
        display: inline-block;
        width: 80%;
        float: left;
        padding: 20px;
    }
    .divMainMaterialListDetail .divContentDetail .lblPartNumber {
        color: #4d92a7;
    }
    .divMainMaterialListDetail .divContentDetail .lblShortDescription {
        color: #bebebe;
    }
    .divMainMaterialListDetail .divContentDetail .lblDescription {
        color: #bebebe;
        font-size: 12px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate {
        width: 100%;
        margin-top: 5px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divQTY {
        width: 19%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divQTY .lblQTY {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divPer {
        width: 19%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divPer .lblPer {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divUnitPrice {
        width: 19%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divUnitPrice .lblUnitPrice {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divTotalPrice {
        width: 19%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divTotalPrice .lblTotalPrice {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .width100Percent {
        width: 100%;
    }
    .NewMaterialList {
        background-color: #81b7cc;
        font-size: 15px;
        padding: 10px 15px 10px 15px;
        width: auto;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
        float: right;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .txtNewMaterialList {
        width: 90%;
        display: inline-block;
        text-align: right;
    }
    .SaveNewMaterialList {
        width: 8%;
        font-size: 24px;
        color: #167800;
        cursor: pointer;
        display: inline-block;
        margin-top: 2px;
        float: right;
    }
    .SaveNewMaterialList:hover {
        color: #2a2766;
    }
    .SelectMaterialListTitle {
        color: #000;
        text-align: right;
        direction: rtl;
    }
    .ulMaterialListInModal {
        width: 100%;
        padding: 0;
    }
    .liInUlMaterialListInModal {
        border: solid 1px #e2e2e2;
        width: 100% !important;
        margin-bottom: -1px !important;
        padding: 5px 15px 10px 15px !important;
    }
    .RootListInMaterialListInModal {
        width: 100%;
        display: block;
        color: black;
    }
    .RootListInMaterialListInModal:hover {
        color: #81b7cc;
        cursor: pointer;
    }
    .SubListInMaterialListInModal {
        width: 100%;
        display: block;
        color: black;
        padding: 0;
    }
    .SubListInMaterialListInModal:hover {
        color: #81b7cc;
        cursor: pointer;
    }
    .SubListLineInMaterialListInModal {
        color: #e2e2e2;
        display: inline-block;
        border-bottom: solid 1px #e2e2e2;
        border-left: solid 1px #e2e2e2;
        width: 15px;
        height: 20px;
        margin-bottom: 5px;
        margin-left: 25px;
    }
    .SubListDetailInMaterialListInModal {
        display: inline-block;
        width: 80%;
    }
    .NewSubMaterialList {
        width: 80%;
        display: inline-block;
        margin-left: 25px;
        text-align: right;
    }
    .NewListButton {
        margin-right: 5px;
        color: #111;
        display: inline-block;
        cursor: pointer;
    }
    .NewListButton:hover {
        color: #ffb500;
    }
    .RootListInMaterialListInModalContainer {
        width: 89%;
        display: inline-block;
        float: right;
    }
    .NewSubMaterialListContainer {
        display: none;
    }
    .SaveNewSubMaterialListInModal {
        color: #167800;
        font-size: 25px;
        display: inline-block;
        cursor: pointer;
        float: right;
        margin-top: 2px;
    }
    .SaveNewSubMaterialListInModal:hover {
        color: #2a2766;
    }
}

@media screen and (max-width: 767px) {
    .MaterialContainer {
        width: 100%;
    }
    .MaterialContainer .divHeader {
        width: 100%;
        padding: 0px 0px 0px 20px;
        position: fixed;
        height: 15%;
    }
    .divHeader .HeaderPart1 {
        display: inline-block;
        width: 70%;
    }
    .divHeader .HeaderPart2 {
        display: inline-block;
        width: 15%;
        padding-left: 20px;
    }
    .divHeader .TitleEn {
        border-bottom: 1px solid gray;
    }
    .divHeader .TitleFa {
        float: right;
    }
    .MaterialContainer .divContainer {
        padding: 2px 0px 20px 0px;
        position: fixed;
        top: 24%;
        width: 96%;
        overflow-y: scroll !important;
        height: 60% !important;
    }
    .divContainer .inputControl {
        background-color: transparent;
        border: 1px solid #bebebe;
        padding-left: 5px;
        border-radius: 3px;
        margin-top: -3px;
    }
    .divContainer .MaterialLists {
        padding-top: 10px;
        margin-left: 30px;
    }
    .MaterialContainer .divFooter {
        width: 86%;
        background-color: #2a2a2a;
        height: 5%;
        color: white;
        display: inline-block;
        text-align: center;
        margin-left: 19px;
        position: fixed;
        bottom: 51px;
    }
    .divFooter .EditButton {
        display: inline-block;
        padding: 7px;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }
    .divFooter .DeleteButton {
        display: inline-block;
        padding: 8px;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }
    .MaterialLists .RomeveMaterial {
        color: red;
        font-size: 18px;
        cursor: pointer;
        margin-left: 5px
    }
    .MaterialLists .checkmark {
        left: 0px;
        top: -3px;
        width: 20px;
        height: 20px;
    }
    .MaterialLists .checkmark:after {
        top: 6px !important;
        left: 6px !important;
    }
    .MaterialLists .divCounterItems {
        position: relative;
        top: 1px;
        left: 0px;
        background-color: #ffb700;
        width: 20px;
        height: 20px;
        padding: 4px 0px 0px 6px;
        border-radius: 50%;
        color: black;
        display: inline-block;
        margin-right: 5px;
    }
    .MaterialLists .MaterialLevel1 {
        background-color: #2a2a2a;
        width: 62%;
        height: 28px;
        padding: 7px 0px 0px 10px;
        color: white;
        display: inline-block;
        margin-left: 5px;
    }
    .MaterialLists .SubMaterialList {
        padding: 10px 0px 0px 30px;
    }
    .SubMaterialList .checkmark {
        left: 0px;
        width: 20px;
        height: 20px;
    }
    .SubMaterialList .checkmark:after {
        top: 6px !important;
        left: 6px !important;
    }
    .SubMaterialList .MaterialLevel2 {
        padding-left: 3px;
        display: inline-block;
    }
    .SubMaterialList .divCounterSubs {
        padding: 4px 0px 0px 6px;
        color: #ffb700;
        display: inline-block;
    }
    /*SendOrders*/
    #ModalSendOrders {
        color: black;
    }
    #ModalSendOrders .QuestionTitle {
        font-size: 12px;
    }
    #ModalSendOrders .QuestionTitle {
        font-size: 12px;
    }
    #ModalSendOrders .drpOptions {
        font-size: 12px;
        width: 96%;
        height: 35px;
    }
    /*MaterialListItem*/
    .TopMaterialListItem {
        width: 100%;
        background-color: #4d4c4c;
    }
    .QuotationPartName {
        width: 48%;
        display: inline-block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .QuotationPartTotal {
        width: 48%;
        display: inline-block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .lblEnTotalQuotation {
        color: #ffb700;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .inputTotalQuotation {
        margin-left: 4px;
        width: 95%;
    }
    .lblEnNameQuotation {
        color: #ffb700;
        margin-bottom: 2px;
        margin-left: 2px;
    }
    .inputNameQuotation {
        margin-left: 4px;
        width: 95%;
    }
    .divFunctionsMaterialListItem {
        width: 100%;
        text-align: center;
        padding-top: 18px;
        padding-bottom: 9px;
    }
    .divFunctionsMaterialListItem .btnFunctionsMaterialListItem {
        color: #4d92a7;
    }
    .divFunctionsMaterialListItem .lblChangeListFa {
        color: #4d92a7;
        font-size: 11px;
        margin-left: 30px;
        margin-right: 18px;
    }
    .scrollBodyMaterialListItem {
        overflow-y: scroll !important;
        height: 75% !important;
        position: absolute;
        width: 100%;
    }
    .divMainMaterialListDetail {
        width: 100%;
        padding-left: 14px;
        border-bottom: 1px solid #1c1c1c;
        border-top: 1px solid #1c1c1c;
    }
    .divMainMaterialListDetail .divPictureDetail {
        display: inline-block;
        border-right: 1px solid #1c1c1c;
        width: 25%;
        float: left;
    }
    .divMainMaterialListDetail .divPictureDetail .divCounterItems {
        position: relative;
        top: -11px;
        left: -10px;
        background-color: #ffb700;
        width: 20px;
        height: 20px;
        padding: 4px 0px 0px 6px;
        border-radius: 50%;
        color: black;
    }
    .divMainMaterialListDetail .divPictureDetail .PicProductInMaterialList {
        width: 100%;
        padding: 4px 8px 20px 0px;
    }
    .divMainMaterialListDetail .divPictureDetail .divRemoveItem {
        padding-left: 15px;
    }
    .divMainMaterialListDetail .divPictureDetail .divRemoveItem .btnRemoveItem {
        color: #4d92a7;
    }
    .divMainMaterialListDetail .divContentDetail {
        display: inline-block;
        width: 75%;
        float: left;
        padding: 20px;
    }
    .divMainMaterialListDetail .divContentDetail .lblPartNumber {
        color: #4d92a7;
    }
    .divMainMaterialListDetail .divContentDetail .lblShortDescription {
        color: #bebebe;
    }
    .divMainMaterialListDetail .divContentDetail .lblDescription {
        color: #bebebe;
        font-size: 11px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate {
        width: 100%;
        margin-top: 5px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divQTY {
        width: 35%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divQTY .lblQTY {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divPer {
        width: 35%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divPer .lblPer {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divUnitPrice {
        width: 35%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divUnitPrice .lblUnitPrice {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divTotalPrice {
        width: 35%;
        display: inline-block;
    }
    .divMainMaterialListDetail .divContentDetail .divCalculate .divTotalPrice .lblTotalPrice {
        color: #ffb700;
        font-size: 11px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .width100Percent {
        width: 100%;
    }
    .SaveNewSubMaterialListInModal {
        color: #002482;
        font-size: 20px;
        cursor: pointer;
        display: inline-block;
    }
    .SaveNewSubMaterialListInModal:hover {
        color: #2a2766;
    }
    .NewSubMaterialListContainer {
        display: none;
    }
    .RootListInMaterialListInModalContainer {
        width: 89%;
        display: inline-block;
        float: right;
    }
    .NewListButton {
        margin-right: 5px;
        color: #111;
        display: inline-block;
        cursor: pointer;
    }
    .NewListButton:hover {
        color: #ffb500;
    }
    .NewSubMaterialList {
        width: 70%;
        display: inline-block;
        margin-left: 25px;
        text-align: right;
    }
    .ulMaterialListInModal {
        width: 100%;
        padding: 0;
    }
    .liInUlMaterialListInModal {
        border: solid 1px #e2e2e2;
        width: 100% !important;
        margin-bottom: -1px !important;
        padding: 5px 15px 10px 15px !important;
    }
    .RootListInMaterialListInModal {
        width: 100%;
        display: block;
        color: black;
    }
    .SubListInMaterialListInModal {
        width: 100%;
        display: block;
        color: black;
        padding: 0;
    }
    .SubListInMaterialListInModal:hover {
        color: #ffb700;
        cursor: pointer;
    }
    .SubListLineInMaterialListInModal {
        color: #e2e2e2;
        display: inline-block;
        border-bottom: solid 1px #e2e2e2;
        border-left: solid 1px #e2e2e2;
        width: 15px;
        height: 20px;
        margin-bottom: 5px;
        margin-left: 25px;
    }
    .SubListDetailInMaterialListInModal {
        display: inline-block;
        width: 80%;
    }
    .LoginTitleInChekToken {
        color: #000;
        direction: rtl;
        text-align: right;
    }
    .SignInLinkInChekToken {
        color: #167800;
        float: right;
        border: 1px solid #167800;
        padding: 5px 15px 10px 15px;
        margin: 20px 50px 0 0;
        cursor: pointer;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .SignInLinkInChekToken:hover {
        background-color: #167800;
        color: #fff !important;
    }
    .SignUpLinkInChekToken {
        color: #ff0000;
        float: left;
        border: 1px solid #ff0000;
        padding: 5px 15px 10px 15px;
        margin: 20px 0 0 50px;
        cursor: pointer;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .SignUpLinkInChekToken:hover {
        background-color: #ff0000;
        color: #fff !important;
    }
    .NewMaterialList {
        background-color: #81b7cc;
        font-size: 15px;
        padding: 10px 15px 10px 15px;
        width: auto;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
        float: right;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .txtNewMaterialList {
        width: 90%;
        display: inline-block;
        text-align: right;
    }
    .SaveNewMaterialList {
        width: 8%;
        font-size: 24px;
        color: #167800;
        cursor: pointer;
        display: inline-block;
        margin-top: 2px;
        float: right;
    }
    .SaveNewMaterialList:hover {
        color: #2a2766;
    }
    .SelectMaterialListTitle {
        color: #000;
        text-align: right;
        direction: rtl;
    }
}

/* SignIn */


/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
    .divSignIn {
        padding-top: 45px;
        width: 100%;
    }
    .divSignIn span {
        font-size: 12px;
    }
    .divSignIn .SignInContainer {
        text-align: center;
        width: 100%;
    }
    .divSignIn .SignInContainer div {
        margin-bottom: 7px;
    }
    .divSignIn .SignInContainer .SignInSection {
        width: 265px;
        text-align: left;
        border: 1px solid #656464;
        display: inline-block;
        padding: 30px;
        border-radius: 3px;
    }
    .divSignIn .LoginTitle {
        color: #bebebe;
    }
    .divSignIn .RemmemberCheckBox {
        width: 15px;
        height: 15px
    }
    .divSignIn .RemmemberTitle {
        color: #bebebe;
        vertical-align: super;
    }
    .divSignIn .input-control {
        width: 200px;
    }
    .divSignIn .button-control {
        width: 200px;
        color: #81b7cc;
    }
    .divSignIn .Forgot {
        color: #bebebe;
        text-align: center;
        padding-top: 10px;
    }
    .divSignIn .SignUpLink {
        color: #ffb700;
    }
    .divSignIn .SignUpContainer {
        text-align: center;
        width: 100%;
    }
    .divSignIn .SignUpContainer .SignUpSection {
        width: 265px;
        text-align: center;
        border: 1px solid #656464;
        display: inline-block;
        padding: 30px;
        border-radius: 3px;
    }
    .SignInLinkInChekToken {
        color: #167800;
        float: right;
        border: 1px solid #167800;
        padding: 5px 15px 10px 15px;
        margin: 20px 50px 0 0;
        cursor: pointer;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .SignInLinkInChekToken:hover {
        background-color: #167800;
        color: #fff !important;
    }
}

@media screen and (max-width: 767px) {
    .divSignIn {
        padding-top: 45px;
        width: 100%;
    }
    .divSignIn span {
        font-size: 12px;
    }
    .divSignIn .SignInContainer {
        text-align: center;
        width: 100%;
    }
    .divSignIn .SignInContainer div {
        margin-bottom: 7px;
    }
    .divSignIn .SignInContainer .SignInSection {
        width: 265px;
        text-align: left;
        border: 1px solid #656464;
        display: inline-block;
        padding: 30px;
        border-radius: 3px;
    }
    .divSignIn .LoginTitle {
        color: #bebebe;
    }
    .divSignIn .RemmemberCheckBox {
        width: 15px;
        height: 15px
    }
    .divSignIn .RemmemberTitle {
        color: #bebebe;
        vertical-align: super;
    }
    .divSignIn .input-control {
        width: 200px;
    }
    .divSignIn .button-control {
        width: 200px;
        color: #81b7cc;
    }
    .divSignIn .Forgot {
        color: #bebebe;
        text-align: center;
        padding-top: 10px;
    }
    .divSignIn .SignUpLink {
        color: #ffb700;
    }
    .divSignIn .SignUpContainer {
        text-align: center;
        width: 100%;
    }
    .divSignIn .SignUpContainer .SignUpSection {
        width: 265px;
        text-align: center;
        border: 1px solid #656464;
        display: inline-block;
        padding: 30px;
        border-radius: 3px;
    }
}

/* SignUp */

/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
    .divSignUp {
        padding-top: 45px;
        padding-bottom: 100px;
        width: 100%;
    }
    .divSignUp span {
        font-size: 12px;
        color: #bebebe;
    }
    .divSignUp .SignUpContainer {
        text-align: center;
        width: 100%;
    }
    .divSignUp .SignUpContainer div {
        margin-bottom: 7px;
    }
    .divSignUp .SignUpContainer .SignUpSection {
        width: 300px;
        text-align: left;
        border: 1px solid #656464;
        display: inline-block;
        padding: 25px;
        border-radius: 5px;
    }
    .divSignUp .input-control {
        width: 250px;
        font-size: 12px;
        color: white;
        height: 33px;
        float: right;
        margin-bottom: 5px;
    }
    .divSignUp .input-control option {
        background-color: #323232 !important;
        color: #fff;
        font-size: 11px;
    }
    .divSignUp .Mobile {
        width: 139px;
    }
    .divSignUp .button-control {
        width: 250px;
        color: #81b7cc;
        font-size: 12px;
        height: 33px;
        float: right;
    }
    .divSignUp .SendActivation {
        width: 106px;
        margin-right: 3px;
    }
    .divSignUp .CommonPart .NationalCode {
        float: right;
        margin-bottom: 5px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
        color: #bebebe;
    }
    .divSignUp .CommonPart .BackToLogin {
        float: right;
        margin-bottom: 5px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
        color: #ffb700;
    }
    .divSignUp .CommonPart .input-control {
        width: 159px;
    }
    .divSignUp .CommonPart .button-control {
        width: 82px;
        margin-right: 3px;
        font-size: 12px;
        height: 33px;
    }
    .divSignUp .CommonPart .MessageError {
        direction: rtl;
        float: right;
        text-align: right;
        font-size: 12px;
        color: #ffb700;
        line-height: normal;
    }
    .divSignUp .OldUser {
        padding-top: 0px;
        direction: rtl;
    }
    .divSignUp .OldUser lable {
        float: right;
        margin-bottom: 5px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
        color: #bebebe;
    }
    .divSignUp .NewUser lable {
        float: right;
        margin-bottom: 0px;
        font-size: 11px;
        text-align: right;
        direction: rtl;
        color: #bebebe;
    }
    .divSignUp .SignInContainer {
        text-align: center;
        width: 100%;
    }
    .divSignUp .SignInContainer .SignInSection {
        width: 300px;
        text-align: center;
        border: 1px solid #656464;
        display: inline-block;
        padding: 30px;
        border-radius: 3px;
    }
    .divSignUp .SignInContainer .SignInSection .SignInLink {
        color: #ffb700;
    }
    .SignUpLinkInChekToken {
        color: #ff0000;
        float: left;
        border: 1px solid #ff0000;
        padding: 5px 15px 10px 15px;
        margin: 20px 0 0 50px;
        cursor: pointer;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .SignUpLinkInChekToken:hover {
        background-color: #ff0000;
        color: #fff !important;
    }
}

@media screen and (max-width: 767px) {
    .divSignUp {
        padding-top: 45px;
        padding-bottom: 100px;
        width: 100%;
    }
    .divSignUp span {
        font-size: 12px;
        color: #bebebe;
    }
    .divSignUp .SignUpContainer {
        text-align: center;
        width: 100%;
    }
    .divSignUp .SignUpContainer div {
        margin-bottom: 7px;
    }
    .divSignUp .SignUpContainer .SignUpSection {
        width: 300px;
        text-align: left;
        border: 1px solid #656464;
        display: inline-block;
        padding: 25px;
        border-radius: 5px;
    }
    .divSignUp .input-control {
        width: 250px;
        font-size: 12px;
        color: white;
        height: 33px;
        float: right;
        margin-bottom: 5px;
    }
    .divSignUp .input-control option {
        background-color: #323232 !important;
        color: #fff;
        font-size: 11px;
    }
    .divSignUp .Mobile {
        width: 139px;
    }
    .divSignUp .button-control {
        width: 250px;
        color: #81b7cc;
        font-size: 12px;
        height: 33px;
        float: right;
    }
    .divSignUp .SendActivation {
        width: 106px;
        margin-right: 3px;
    }
    .divSignUp .CommonPart .NationalCode {
        float: right;
        margin-bottom: 5px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
        color: #bebebe;
    }
    .divSignUp .CommonPart .BackToLogin {
        float: right;
        margin-bottom: 5px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
        color: #ffb700;
    }
    .divSignUp .CommonPart .input-control {
        width: 159px;
    }
    .divSignUp .CommonPart .button-control {
        width: 82px;
        margin-right: 3px;
        font-size: 12px;
        height: 33px;
    }
    .divSignUp .CommonPart .MessageError {
        direction: rtl;
        float: right;
        text-align: right;
        font-size: 12px;
        color: #ffb700;
        line-height: normal;
    }
    .divSignUp .OldUser {
        padding-top: 0px;
        direction: rtl;
    }
    .divSignUp .OldUser lable {
        float: right;
        margin-bottom: 5px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
        color: #bebebe;
    }
    .divSignUp .NewUser lable {
        float: right;
        margin-bottom: 0px;
        font-size: 11px;
        text-align: right;
        direction: rtl;
        color: #bebebe;
    }
    .divSignUp .SignInContainer {
        text-align: center;
        width: 100%;
    }
    .divSignUp .SignInContainer .SignInSection {
        width: 300px;
        text-align: center;
        border: 1px solid #656464;
        display: inline-block;
        padding: 30px;
        border-radius: 3px;
    }
    .divSignUp .SignInContainer .SignInSection .SignInLink {
        color: #ffb700;
    }
}