    @import url('https://fonts.googleapis.com/css?family=Titillium+Web');
    @import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
    @font-face {
        font-family: rescue;
        src: url(fonts/aramf1.woff);
    }
    @font-face {
        font-family: rescue2;
        src: url(fonts/UQH034.ttf);
    }
    body {
    direction: rtl;
    margin: 0;
    font-family: Titillium Web, rescue;
    }
    input {
    font-family: Titillium Web, rescue;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    }
    textarea {
    font-family: Titillium Web, rescue;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    option, select, button {
    font-family: Titillium Web, 'Droid Arabic Kufi';
    }
    a {
    text-decoration: none;
    }
    div, p, a, span, img, ul, li, h1, h2, h3, h4, h5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .listy-saraky {
        float: right;
        background: #29365D;
        width: 100%;
        color: #ffffff;
        top: 0;
        position: fixed;
        z-index: 999;
    }
    .lsaraky-rast {
        float: right;
    }
    .lsaraky-rast a {
        color: #ffffff;
        padding: 10px;
        float: right;
    }
    .lsaraky-rast a:hover {
        background: #1a223a;
        color: #fff;
    }
    .lsaraky-rast a i {
        margin-left: 7px;
    }
    .navleft {
        float: left;
    }
    .navleftt {
        float: left;
        height: 48px;
        line-height: 48px;
    }
    .navleftt a {
        padding: 4px 10px;
        background: #29365D;
    }
    .navleftt a i {
        margin-left: 4px;
    }
    .navleft a {
        float: right;
        cursor: pointer;
        background: #276e84;
        line-height: 48px;
        padding: 0px 20px;
    }
    .navleft a i {
        margin-left: 7px;
    }
    .navleftr {
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: 0.4s;
    border-radius: 3px;
    }
    .navleftr:hover {
    background: #f05e40;
    border: 1px solid #f05e40;
    color: #ffffff;
    transition: 0.4s;
    }
    .navleftl {
        color: #ffffff;
        border: 1px solid #ffffff;
        transition: 0.4s;
        border-radius: 3px;
        margin: 0px 10px;
    }
    .navleftl:hover {
        color: #ffffff;
        transition: 0.4s;
        background: #3BC5D2;
        border: 1px solid #3BC5D2;
    }
    .contentbox {
        float: right;
        width: 100%;
        background: #eaecf0;
        padding-top: 48px;
        min-height: 27em;
        padding-bottom: 4em;
    }
    .btn {
        border: 0px;
        padding: 3px 11px;
        cursor: pointer;
        outline: none;
    }
    .munu-list-active {
        color: #ffffff !important;
    }
    .lsaraky ul li a.paray-sarhell {
        font-weight: bold;
        background: #f9a321;
        color: #060606;
    }
    .lsaraky ul li a.paray-sarhell span {
        letter-spacing: 2px;
    }
    .lsaraky ul li a.paray-sarhell i {
        margin: 0;
        margin-right: 11px;
        color: #af6900;
        font-size: 26px;
        vertical-align: middle;
    }
    .boxaccount {
        float: left;
        background: #323a45;
        width: 244px;
        color: #f1f1f1;
        padding: 0px;
        font-family: Titillium Web, 'Droid Arabic Kufi';
        line-height: 44px;
        margin-top: 48px;
        position: fixed;
        left: 0;
    }
    .inboxaccount {
        float: right;
        width: 100%;
    }
    .menudarchwn {
        float: right;
        width: 100%;
    }
    .aprofile i {
        margin-left: 6px;
    }
    .aprofile {
        padding: 0px 13px;
        color: #ddd;
        font-size: 12px;
        width: 100%;
        float: right;
    }
    .aprofile:hover {
        background: #242c35;
        color: #ffffff;
        transition: 0.5s;
        text-shadow: -1px 2px 5px #000;
    }
    .darchwn {
        background: #e03d3d;
        color: #fff;
        text-align: center;
    }
    .bold {
    font-weight: bold;
    }
    .usercpbox {
        float: right;
        width: 100%;
        margin-top: 17px;
    }
    .zaniariakanm {
        float: right;
        width: 100%;
        margin-top: 17px;
    }
    .title-razhakam {
        background: #e95547;
        padding: 10px;
        text-align: center;
        font-size: 22px;
        color: #fff;
        font-weight: normal;
        text-shadow: -1px 2px 5px #750b01;
    }
    .inzaniariakanm table {
        width: 100%;
        border-collapse: collapse;
    }
    .inzaniariakanm table tr td {
        text-align: right;
    }
    .inzaniariakanm table tr:nth-child(even) {
    background: #ffffff;
    }
    .inzaniariakanm table tr:nth-child(odd) {
    background: #e2f8eb;
    }
    .tdyakam {
        background: #eeeeee;
        padding: 10px !important;
        width: 140px;
        border-bottom: 1px solid #c1c1c1;
        text-align: right;
    }
    .tddwamin {
        background: #464646;
        padding: 10px !important;
        border-bottom: 1px solid #757575;
        color: #fff;
        text-align: right;
    }
    .tddwamin a:hover {
        color: #9dfeff;
    }
    .tddwamin a {
        color: #78ff8a;
        text-shadow: -1px 2px 5px #000;
    }
    .tddwamin strong {
        font-weight: normal;
        text-shadow: -1px 2px 5px #000;
        background: #717171;
        padding: 2px 9px;
        border-radius: 3px;
    }
    .tall-email {
    position: absolute;
    }
    .boxes {
        width: 860px;
        margin: 0 auto;
    }
    .title-top h3 {
        border-bottom: 1px solid #ccc;
        margin: 0;
        font-weight: normal;
        font-size: 28px;
        color: #058;
    }
    .dire-urls {
        font-size: 12px;
        font-family: Droid Arabic Kufi;
        margin-top: 4px;
    }
    .dire-urls a:hover {
        text-decoration: underline;
    }
    .dire-urls a {
        color: #888;
    }
    .some-mini-boxes {
        margin-top: 20px;
        float: right;
        width: 100%;
    }
    .insomeminiboxes {
        float: right;
        width: 25%;
        overflow: hidden;
    }
    .insomeminiboxes a {
        padding: 10px 25px;
        float: right;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #f8f8f8;
        border-left: 1px solid #ccc;
        height: 124px;
    }
    .insomeminiboxes a:hover {
        background: #f2f2f2;
    }
    .border0 {
    border: 0 !important;
    }
    .icon {
        font-size: 48px;
        line-height: 1;
        color: #ccc;
        float: right;
    }
    .title-mini-boxes {
        float: right;
        width: 100%;
        text-align: right;
        margin-top: 15px;
        color: #888;
    }
    .stat {
        margin-top: 18px;
        font-size: 38px;
        line-height: 1;
        text-align: left;
        color: #3F51B5;
    }
    .border-mini-boxes {
        float: right;
        width: 100%;
    }
    .bmb1 {
    border-top: 3px solid #1dd1a1;
    border-bottom: 2px solid #10ac84;
    }
    .bmb2 {
    border-top: 3px solid #48dbfb;
    border-bottom: 2px solid #0abde3;
    }
    .bmb3 {
    border-top: 3px solid #ff6b6b;
    border-bottom: 2px solid #ee5253;
    }
    .bmb4 {
    border-top: 3px solid #feca57;
    border-bottom: 2px solid #ff9f43;
    }
    .last-alreats {
        float: right;
        width: 100%;
        margin-top: 30px;
    }
    .inlast-alreats {
        width: 49%;
        float: right;
        margin-left: 1%;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px #ddd solid;
        border-top: 3px solid #0abde3;
        min-height: 145px;
    }
    .panel-alreats {
        background: #fff;
        padding: 4px 5px;
        border-bottom: 1px solid #ddd;
    }
    .panel-alreats span i {
        margin-left: 6px;
        color: #0abde3;
    }
    .panel-alreats span {
        font-family: Droid Arabic Kufi;
        font-size: 14px;
    }
    .new-ticket i {
        margin-left: 5px;
    }
    .new-ticket {
        font-family: Droid Arabic Kufi;
        float: left;
        font-size: 11px;
        background: #0abde3;
        border-radius: 3px;
        color: #fff;
        padding: 0px 4px;
        margin-top: 2.5px;
        transition: 0.5s;
    }
    .new-ticket:hover {
        background: #ddd;
        color: #2d2c2c;
        text-shadow: 0px 0px 10px #a0a0a0;
        transition: 0.5s;
    }
    .last3-tickets {
        font-size: 14px;
    }
    .last3-tickets a:hover {
        background: #f5f5f5;
    }
    .last3-tickets a {
        background: #fff;
        float: right;
        width: 100%;
        box-sizing: border-box;
        padding: 6px 9px;
        border-bottom: 1px solid #f5f5f5;
        font-family: Droid Arabic Kufi;
        font-size: 12px;
        color: #007cff;
        font-weight: bold;
    }
    .balans {
        font-size: 23px;
        font-weight: bold;
        color: #adadad;
        background: #fff;
        width: 90px;
        float: left;
        border-radius: 4px;
        padding: 2px 0px;
        text-align: center;
        height: 38px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 32px;
    }
    .chalak {
        background: #4bb543;
        border-radius: 3px;
        padding: 0px 12px;
        color: #fff;
        text-shadow: 0px 0px 9px #12630c;
    }
    .notchalak {
        background: #f00;
    }
    .laychap {
        margin-left: 0;
        width: 50%;
        border-top: 3px solid #ff6b6b;
    }
    .laychap .panel-alreats span i {
        color: #ff6b6b;
    }
    .last3-tickets-alret {
        background: #fff;
        float: right;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }
    .last3-tickets-alret a {
        float: left;
        width: inherit;
        color: #ee5253;
        border-bottom: 0;
        font-family: inherit;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 10px;
    }
    .last3-tickets-alret a:hover {
        background: none;
        color: #d00;
        text-shadow: -2px 2px 6px #d8d8d8;
    }
    .last3-tickets-alret a i {
        margin-left: 8px;
    }
    .rescue-footer {
        float: right;
        width: 100%;
        background: #29365D;
        bottom: 0;
        color: #f3f3f3;
    }
    .inrescue-footer {
        width: 90%;
        margin: 0 auto;
    }
    .footr0 div img {
        margin-bottom: 16px;
    }
    .footr1 {
        width: 570px;
        margin: 0 auto;
        text-align: justify;
        font-family: Droid Arabic Kufi;
        font-size: 13px;
        color: #ffffff;
    }
    .footr1 p {
        margin-bottom: 40px;
    }
    .footr2 p a {
        color: #ffb15d;
        font-weight: bold;
        text-shadow: -1px 2px 5px #000;
        border: 1px solid #0000;
    }
    .footr2 p a:hover {
        background: #00000040;
        border: 1px solid #00000045;
    }
    .footr0 {
        text-align: center;
        margin: 25px 0px;
    }
    .footr2 {
        border-top: 1px solid #39545f;
    }
    .footr2 p {
        font-family: Droid Arabic Kufi;
        font-size: 12px;
        text-align: center;
    }
    .thim-social ul li a {
        border: 1px solid;
        color: #eee;
        width: 32px;
        height: 32px;
        overflow: hidden;
        line-height: 32px;
        border-radius: 50%;
        display: inline-block;
        margin: 0px 4px;
        transition: 0.4s;
    }
    .thim-social ul li {
        display: inline-block;
    }
    .thim-social ul {
        padding: 0px;
        list-style: none;
    }
    .thim-social {
        width: 178px;
        margin: 0 auto;
    }
    .thim-social a.facebook:hover {
        transition: 0.4s;
        color: #fff!important;
        border-color: #3b5998;
        background: #3b5998;
    }
    .thim-social a.twitter:hover {
        transition: 0.4s;
        color: #fff!important;
        border-color: #00aced;
        background: #00aced;
    }
    .thim-social a.instagram:hover {
        transition: 0.4s;
        color: #fff!important;
        border-color: #de4731;
        background: #de4731;
    }
    .thim-social a.youtube:hover {
        transition: 0.4s;
        color: #fff!important;
        border-color: #b00;
        background: #b00;
    }
    .last3-tickets h5 {
        font-weight: normal;
        font-size: 18px;
        margin: 0;
        padding: 12px;
    }
    .mini-box-tkt {
        float: right;
        width: 206px;
        box-shadow: 0px 0px 4px #ddd;
        border-bottom: 1px solid #ddd;
        margin-right: 15px;
        border-radius: 4px;
    }
    .panel-mini-box-tkt {
        background: #0abde3;
        padding: 7px;
        margin: 2px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        color: #fff;
        font-size: 18px;
    }
    .list-mini-box-tkt ul {
        margin: 0;
        padding-right: 30px;
        color: #616161;
        font-size: 15px;
    }
    .list-mini-box-tkt ul li {
        padding: 8px 0px;
        border-bottom: 1px solid #f1f1f1;
    }
    .panel-mini-box-tkt i {
        margin-left: 8px;
    }
    .amary-ticket {
        background: #f1f1f1;
        padding: 0px 10px;
        border-radius: 3px;
        color: #000;
    }
    .view-ticket {
        margin: 20px 0px;
        border: 1px solid #efefef;
        float: right;
        width: 100%;
        box-sizing: border-box;
    }
    .panel-view-ticket {
        background-color: #f8f8f8;
        padding: 0;
        margin: 0;
        float: right;
        width: 100%;
        line-height: 40px;
        font-size: 12px;
        font-weight: normal;
    }
    .in-pvt1 {
        float: right;
        margin: 0;
        margin-right: 12px;
        font-weight: normal;
    }
    .in-pvt2 {
        float: left;
        margin: 0;
        margin-left: 12px;
        font-weight: normal;
    }
    .ticket-view-ticket {
        float: right;
        width: 100%;
        box-sizing: border-box;
        font-size: 15px;
        text-align: justify;
        color: #333;
    }
    .tktpre {
    margin: 15px 12px;
    font-family: inherit;
    overflow: auto;
    white-space: pre-line;
    }
    .admin-fulmsg {
        padding: 0px 12px;
    }
    .in-pvt1 i {
        margin-left: 7px;
    }
    .adclrbx .panel-view-ticket {
        background: #ebffd4;
    }
    .adclrbx {
        border: 1px solid #dff9c1;
    }
    .boxtitems {
        margin: 25px 0px 0px 0px;
    }
    .boxtitems table {
        box-sizing: border-box;
        border-collapse: collapse;
        width: 100%;
    }
    .boxtitems table tr th {
    background: #c5392c;
    padding: 0px 8px;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    border: 1px solid #c5392c;
    }
    .boxtitems table tr td {
    padding: 7px;
    border: 1px solid #ddd;
    }
    .boxtitems table tr:nth-child(even) {
        background: #eee;
    }
    .boxtitems table tr:nth-child(odd) {
        background: #f8f7f7;
    }
    .full-time {
        direction: ltr;
        text-align: center;
        width: 165px;
    }
    .mode-tickets {
    text-align: center;
    width: 105px;
    }
    .p-right {
    padding-right: 10px !important;
    }
    .tkt-code {
        font-style: italic;
        color: #0a5fe3 !important;
    }
    .p-right a {
        color: #005096;
        font-weight: bold;
    }
    .p-right a:hover {
        text-shadow: -2px 2px 6px #bfbfbf;
    }
    .tktclosed {
        border: 2px solid #dadada;
        padding: 0px 8px;
        border-radius: 4px;
        color: #9e9e9e;
        line-height: 0px;
    }
    .tktopn {
        border: 2px solid #9cf7a4;
        padding: 0px 8px;
        border-radius: 4px;
        color: #58da62;
        line-height: 0px;
    }
    .panel-replay-ticket {
        float: right;
        width: 100%;
        box-sizing: border-box;
        margin-top: 30px;
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
        cursor: pointer;
        line-height: 38px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .right-panel-replay-ticket {
        float: right;
        margin-right: 10px;
        font-size: 15px;
    }
    .right-panel-replay-ticket h4 i {
        margin-left: 10px;
    }
    .right-panel-replay-ticket h4 {
        margin: 0;
        padding: 0;
    }
    .left-panel-replay-ticket {
        float: left;
    }
    .left-panel-replay-ticket i {
        margin-left: 14px;
    }
    .box-new-replay {
    background: #fff;
    float: right;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9edf7;
    display: none;
    }
    .in-box-new-replay {
        padding: 20px;
        padding-top: 5px;
        cursor: default;
    }
    .in-box-new-replay textarea {
        width: 100%;
        box-sizing: border-box;
        box-shadow: inset 0px 0px 4px #dadada;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        outline: none;
        max-width: 100%;
    }
    .tktsend {
        background: #0abde3;
        color: #fff;
        padding: 0px 19px;
        border-radius: 3px;
        border: 1px solid #03a2c3;
        font-size: 19px;
        transition: 0.5s;
        margin-top: 11px;
    }
    .tktsend:hover {
        background: #06a4c5;
        transition: 0.5s;
    }
    .in-box-new-replay h4 {
        padding: 0;
        margin: 10px 0px 25px 0px;
        font-weight: normal;
        color: #146b96;
    }
    .in-box-new-replay label {
        margin-right: 6px;
        color: #005567;
    }
    .public-error {
        width: 100%;
        margin: 0;
        background: #ffdada;
        line-height: 34px;
        box-sizing: border-box;
        box-shadow: inset -36px 0px #f12e2e;
        font-weight: normal;
        color: #2f2f2f;
        border-radius: 4px;
        border: 1px solid #f12e2e;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: 20px;
        font-size: 15px;
    }
    .public-error i {
        color: #ffa5a5;
        font-size: 26px;
        vertical-align: middle;
        margin-right: 7px;
        text-shadow: -1px 1px 10px #b51212;
        margin-bottom: 2px;
    }
    .public-error span {
        margin-right: 14px;
    }
    .alreatbx {
        float: right;
        width: 100%;
        box-sizing: border-box;
    }
    .succ i {
        color: #ddd;
        text-shadow: -1px 1px 10px #246323;
    }
    .succ {
        background: #d3ffd2;
        border: 1px solid #48ca45;
        box-shadow: inset -36px 0px #48ca45;
    }
    .pagination {
        float: right;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        list-style: none;
        padding: 0;
        text-align: center;
        line-height: 40px;
        margin-top: 0;
        direction: ltr;
    }
    .pagination li {
        display: inline;
    }
    .pagination li a {
        background: #343434;
        margin: 0px 3px;
        padding: 1px 10px;
        color: #ffffff;
        font-weight: bold;
        transition: 0.5s;
    }
    .pagination li a#acctive {
        background: #e6555a;
        color: #fff !important;
    }
    .pagination li a:hover {
        background: #ececec;
        color: #000;
        transition: 0.5s;
    }
    .mini-panel-tktskey a i {
        margin-left: 8px;
    }
    .mini-panel-tktskey a {
        color: #84e28b;
        background: #484848;
        padding: 2px 10px;
        border-radius: 4px;
        transition: 0.4s;
    }
    .mini-panel-tktskey {
        float: right;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15px;
        line-height: 40px;
    }
    .mini-panel-tktskey a:hover {
        background: #e0e0e0;
        color: #000000;
        transition: 0.4s;
    }
    .add-new-ticket p {
        color: #c1f9ff;
        text-align: justify;
        margin: 0 auto;
        border-bottom: 1px #ff9b45 solid;
        padding-bottom: 6px;
        margin-bottom: 13px;
    }
    .add-new-ticket {
        margin-top: 30px;
        box-sizing: border-box;
        padding: 53px;
        float: right;
        width: 100%;
        background: #323a45;
        color: #fff;
    }
    .in-add-new-ticket textarea {
        width: 100%;
        box-sizing: border-box;
        box-shadow: inset 0px 0px 4px #dadada;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        outline: none;
        max-width: 100%;
    }
    .in-add-new-ticket h5 {
        margin-bottom: 0;
        margin-right: 4px;
        font-weight: normal;
        font-size: 14px;
    }
    .sardertkt {
        width: 100%;
        margin-top: 8px;
        border-radius: 4px;
        padding: 5px;
        border: 1px solid #ddd;
        box-shadow: inset 0px 0px 4px #e8e8e8;
    }
    .bluebtn {
    font-size: 18px;
    margin-top: 9px;
    padding: 3px 30px;
    color: #ffffff;
    background: #007bff;
    border: 1px solid #007bff;
    transition: 0.3s;
    border-radius: 3px;
    font-family: Droid Arabic Kufi;
    font-size: 15px;
    }
    .bluebtn:hover {
    background: #0069d9;
    border-color: #0062cc;
    transition: 0.3s;
    }
    .tomarbunbox {
        float: right;
        width: 100%;
    }
    .tomarbun {
        width: 700px;
        margin: 26px auto;
    }
    .tomarbun::after {
        content: '';
        display: table;
        clear: both;
    }
    .razybwn p {
        margin: 0px;
    }
    .razybwn {
        text-align: center;
        margin-bottom: 20px;
    }
    .boxallinfo input[type="text"], .boxallinfo input[type="email"], .boxallinfo input[type="password"], .boxallinfo select, .boxallinfo label {
    font-family: 'Droid Arabic Kufi', Titillium Web;
    float: right;
    height: 33px;
    margin-bottom: 17px;
    border-radius: 3px;
    border: 1px solid #ced4da;
    }
    .boxallinfo {
        font-family: Droid Arabic Kufi;
    }
    .boxallinfo form .login-wind section {
        width: 526px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .rightlistinp {
        padding: 0px;
        width: 49.5%;
        margin-left: 0.5%;
        padding-right: 4px;
    }
    .leftlistinp {
        padding: 0px;
        width: 49.5%;
        margin-right: 0.5%;
        padding-right: 4px;
    }
    .nsharakan {
    width: 25%;
    margin-left: 1%;
    }
    .nmaktab {
    width: 74%;
    padding-right: 4px;
    outline: none;
    }
    .nmaktab:focus {
    border: 1px solid #FF9800;
    }
    .boxallinfo form .bluebtn {
        height: 36px;
        font-size: 15px;
    }
    .zhmxwendkar input {
        margin-bottom: 0px;
        text-align: left;
        direction: ltr;
        padding-left: 4px;
    }
    .zhmxwendkar p {
        margin: 0px;
        font-size: 16px;
        font-family: rescue;
        margin-bottom: 6px;
        color: #1b4a86;
    }
    .zhmxwendkar {
        background: #f5f3f3;
        float: right;
        width: 100%;
        padding: 12px;
    }
    .bashy-xwaraway-xotomarkrdn {
        float: right;
        width: 100%;
        box-sizing: border-box;
        margin-top: 17px;
        font-size: 14px;
    }
    .bashy-xwaraway-xotomarkrdn input {
        float: right;
        margin: 0px;
        margin-left: 10px;
    }
    .bashy-xwaraway-xotomarkrdn p {
        float: right;
        margin: 0px;
        line-height: 36px;
    }
    .bashy-xwaraway-xotomarkrdn a {
        float: right;
        line-height: 36px;
        margin-right: 10px;
        color: #ff6000;
        font-weight: bold;
    }
    .bashy-xwaraway-xotomarkrdn a:hover {
        text-decoration: underline;
    }
    .boxallinfo input:focus {
        border: 1px solid #ffa500;
    }
    .login-wind {
        border-radius: 4px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        background: #fff;
        padding: 10px;
        float: right;
        width: 100%;
    }
    .login-wind-head {
        background: #206d66;
        margin: -10px -10px 24px -10px;
        padding: 8px 15px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        color: #fff;
        font-size: 24px;
    }
    .tomarbunclrhead {
        background: #3d3f44;
        color: #ffa555;
    }
    .login-wind-head p {
        margin: 0px;
        font-family: rescue !important;
    }
    .login-wind-body-right {
        float: right;
        width: 34%;
        padding-left: 5px;
    }
    .login-wind-body-left {
        float: right;
        width: 66%;
        padding-right: 5px;
    }
    .inlogin-wind-body-right {
        background: #eee;
        text-align: center;
        padding: 11px;
        border-radius: 4px;
        height: 204.81px;
    }
    .inlogin-wind-body-left {
        background: #eee;
        padding: 11px;
        border-radius: 4px;
        height: 204.81px;
    }
    .inlogin-wind-body-left input[type='text'], .inlogin-wind-body-left input[type='password'] {
        border: 0px;
        border-bottom: 1px solid #b7b7b7;
        font-size: 18px;
        text-align: right;
        background: #f9f9f9;
        padding-right: 7px !important;
    }
    .inlogin-wind-body-left input[name='email'] {
        margin-bottom: 8px !important;
        margin-top: 18px;
    }
    .imgreslogo {
        text-align: center;
        height: 122px;
        overflow-y: hidden;
    }
    .imgreslogo img {
        width: 320px;
        margin-top: -112px;
    }
    .inlogin-wind-body-right img {
        width: 130px;
    }
    .inlogin-wind-body-right p {
        font-size: 17px;
        background: #4889aa;
        color: #fff;
        border-radius: 5px;
        width: 98px;
        margin: 0 auto;
    }
    .loginmainpg {
        float: right;
        width: 100%;
    }
    .inloginmainpg {
        width: 700px;
        margin: 0 auto;
        margin-top: 73px;
    }
    .inloginmainpg::after {
        content: '';
        display: table;
        clear: both;
    }
    .inloginmainpg form input[type=text], .inloginmainpg form input[type=password] {
        width: 100%;
        margin-bottom: 15px;
        padding: 5px 4px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ddd;
        direction: ltr;
        text-align: left;
    }
    .inloginmainpg form input[type=text]::placeholder, .inloginmainpg form input[type=password]::placeholder {
    text-align: right;
    }
    .inloginmainpg form label {
        margin-bottom: 0px;
    }
    .orngbtn {
        background: #2a99e8;
        color: #fff;
        border-radius: 4px;
        font-size: 18px;
        transition: background 0.4s, color 0.4s, border 0.4s;
        width: 100%;
    }
    .orngbtn:hover {
        background: #1e7ec1;
        transition: 0.4s;
    }
    .erry-tomarbun {
    background: #ffcaca;
    padding: 4px 10px;
    font-size: 15px;
    border: 1px solid #f7adad;
    color: #c10303;
    border-radius: 3px;
    }
    .error-alreat {
        text-align: center;
        background: #ffd0d0;
        padding: 4px 0px;
        color: #c72f2f;
        border-bottom: 1px solid #ec7171;
        border-top: 1px solid #ec7171;
        font-weight: normal;
    }
    .public-aletrme {
        background: #ffd9d9;
        padding: 2px 10px;
        font-size: 15px;
        border: 1px solid #f9a4a4;
        color: #d22e2e;
        border-radius: 3px;
    }
    .succtomarkra {
    background: #8bf593;
    text-align: center !important;
    padding: 8px 0px;
    color: #05610b;
    width: 700px;
    margin: 0 auto;
    margin-top: 29px;
    margin-bottom: -39px;
    border-radius: 3px;
    border: 1px solid #6ce876;
    font-family: Droid Arabic Kufi;
    font-size: 15px;
    }
    .box-device {
        float: right;
        width: 100%;
    }
    .inbox-device {
        width: 600px;
        margin: 0 auto;
    }
    .inbox-device p {
        text-align: justify;
    }
    .box-device h1 {
        text-align: center;
    }
    .modal-content {
        border-radius: 3px;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .modal-head {
        background-color: #ff3547;
        color: #fff;
        line-height: 59.6px;
        font-size: 21px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    }
    .firstbodulbg {
    background: #2b415d;
    }
    .modal-head p {
        padding: 0px 16px;
        margin: 0px;
    }
    .modal-body {
        padding: 1.5rem;
        color: #3a3a3a;
    }
    .modal-body p {
        font-family: droid arabic kufi;
        letter-spacing: -0.5px;
        font-size: 15px;
    }
    .modal-body ul li {
        font-size: 15px;
        color: #3a3a3a;
    }
    .inbox-device .btnrazibwnyamer {
        background: #45a059;
        border: 1px solid #45a059;
        padding: 1px 18px;
        font-size: 15px;
        color: #fff;
        font-family: Droid Arabic Kufi;
        border-radius: 3px;
        font-weight: bold;
        cursor: pointer;
        width: 100%;
        margin-bottom: 4px;
        display: block;
    }
    .inbox-device .btnrazibwnyamer:hover {
        border: 1px solid #45a059;
        color: #45a059;
        background: #fff;
    }
    .ininbox-device {
        text-align: center;
    }
    .inbox-device .canselbtn:hover {
        border: 1px solid #ff3547;
        color: #ff3547;
        background: #ffffff;
    }
    .inbox-device .canselbtn {
        background: #ff3547;
        border: 1px solid #ff3547;
    }
    .inbox-device .resetbtn {
        background: #33b5e5;
        border: 1px solid #33b5e5;
    }
    .inbox-device .resetbtn:hover {
        border: 1px solid #33b5e5;
        color: #33b5e5;
        background: #fff;
    }
    .inininbox-device span {
        background: #ddd;
        padding: 0px 22px;
        color: #000;
        border-radius: 3px;
    }
    .alert-menubar {
        float: right;
        width: 100%;
    }
    .inalert-menubar {
        background: #f5f6fa;
        border-bottom: 1px solid #bdbdbd;
        float: right;
        width: 100%;
        padding: 7px 12px;
        box-sizing: border-box;
    }
    .inalert-menubar-right {
        float: right;
    }
    .inalert-menubar-right span {
        color: #2b2b2b;
        background: #ffffff;
        padding: 1px 8px;
        font-size: 15px;
        border: 1px solid #ddd;
        border-radius: 3px;
    }
    .inalert-menubar-left {
        float: left;
    }
    .inalert-menubar-left a {
        color: #ffffff;
        background: #e43a3a;
        padding: 1px 8px;
        font-size: 15px;
        border: 1px solid #c31313;
        border-radius: 3px;
    }
    .inalert-menubar-left a:hover {
        background: #ffffff;
        color: #e43a3a;
    }
    .inbox-device p a {
    padding: 0px 4px;
    border: 1px solid #ddd;
    background: #f5f6fa;
    border-radius: 4px;
    display: inline-block;
    }
    .nwe-krdnaway-em input[type=submit] {
        width: 23%;
        box-sizing: border-box;
        font-size: 16px;
        border: 1px solid #3aa76a;
        line-height: 30px;
        background: #4cbb7d;
        color: #ffffff;
        text-shadow: -1px 2px 5px #000;
        border-radius: 3px;
    }
    .nwe-krdnaway-em input[type=email] {
        width: 75%;
        margin-left: 1%;
        box-sizing: border-box;
        padding: 4px;
        font-size: 16px;
        border: 1px solid #ddd;
        line-height: 28px;
        border-radius: 3px;
    }
    .nwe-krdnaway-em input[type=submit]:hover {
        background: #3aa76a;
    }
    .nwe-krdnaway-em input[type=email]:focus {
        border: 1px solid #ff8f04;
    }
    .backemail {
        color: #ff9595;
        background: #383838;
        padding: 3px 11px;
        border-radius: 3px;
        font-family: Droid Arabic Kufi;
        font-size: 14px;
        border: 1px solid #383838;
    }
    .backemail:hover {
        background: #ffffff;
        color: #383838;
        text-shadow: -1px 2px 5px #ddd;
    }
    .dwbara-nardn:hover {
        text-shadow: -1px 2px 5px #c1c1c1;
    }
    .dwbara-nardn {
        padding: 0px 4px;
        border: 1px solid #ddd;
        background: #f5f6fa;
        border-radius: 4px;
        font-size: 15px;
        color: #d00;
        cursor: pointer;
    }
    .verify-main-page {
        width: 100%;
        float: right;
        min-height: 20.5em;
    }
    .inverify-main-page {
        width: 600px;
        margin: 0 auto;
    }
    .inverify-main-page p {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    .inalert-menubar-left a.btnhom:hover {
        background: #fff;
        color: #36656f;
    }
    .inalert-menubar-left a.btnhom {
        background: #36656f;
        border: 1px solid #2c5b65;
    }
    .confcntrlnk {
        text-align: center;
        margin-top: 87px;
    }
    .confbtn {
        padding: 4px 10px;
        font-family: Droid Arabic Kufi;
        color: #ffffff;
        border-radius: 3px;
    }
    .confbtn:hover {
    text-shadow: none;
    }
    .lbtnconf {
        background: #496a9a;
        text-shadow: -1px 2px 5px #000;
        margin-left: 3px;
    }
    .rbtnconf {
        background: #499a66;
        text-shadow: -1px 2px 5px #000;
        margin-right: 3px;
    }
    .titleforblocked {
        text-align: center !important;
        background: #eaeaea;
        padding: 5px 0px;
        border: 1px solid #c3c3c3;
        font-size: 19px !important;
        color: #000;
    }
    .inbox-device ul {
        font-size: 14px;
        color: #2d2d2d;
    }
    .inbox-device ul li {
        line-height: 20px;
        margin-bottom: 6px;
    }
    .mainpagehead {
        width: 100%;
        height: auto;
        vertical-align: middle;
        transition: 1s;
    }
    .inheaderbox {
        background: #00000052;
        padding: 15px;
        height: 100%;
    }
    .inheaderbox h2 {
        margin: 0px;
        text-align: center;
        color: #ff9d3a;
        text-shadow: -1px 2px 5px #000;
        font-weight: normal;
        font-family: droid arabic kufi;
        font-size: 31px;
        background: #00000057;
    }
    .inheaderbox h3 {
        color: #fff;
        text-align: center;
        font-weight: normal;
        text-shadow: 0px 0px 12px #000;
    }
    .inheaderbox p a {
        color: #ffb14e;
    }
    .inheaderbox p {
        width: 323px;
        color: #a4e5ff;
        text-align: center;
        margin: 32px auto;
        padding: 16px;
        background: #00000085;
        text-shadow: -1px 2px 5px #000;
    }
    .cntr {
        text-align: center;
    }
    .taright {
    text-align: right;
    }
    .btnindex {
        padding: 4px 10px;
        margin: 5px;
        font-family: Droid Arabic Kufi;
        border-radius: 3px;
        font-size: 13px;
        font-weight: bold;
    }
    .loginindxbtn {
        color: #00daff;
        border: 1px solid #00daff;
        transition: 0.4s;
    }
    .loginindxbtn:hover {
        background: #00daff;
        color: #000;
        transition: 0.4s;
    }
    .rgstrindxbtn {
        color: #ff8787;
        border: 1px solid #ff8787;
        transition: 0.4s;
    }
    .rgstrindxbtn:hover {
        color: #020202;
        transition: 0.4s;
        background: #ff8787;
    }
    .xwlakan {
        float: right;
        width: 100%;
    }
    .headerbox {
        float: right;
        width: 100%;
        height: 400px;
        background: url(img/header.jpg);
        background-size: cover;
    }
    .inxwlakan {
        width: 90%;
        margin: 0 auto;
        max-width: 1220px;
    }
    .inxwlakan:after {
        content: '';
        display: table;
        clear: both;
    }
    .inwanakanbox {
        float: right;
        width: 25%;
        text-align: center;
        padding: 15px;
    }
    .wanakanbox {
        float: right;
        width: 100%;
        background: #f9f9f9;
        padding: 10px;
        border-bottom: 2px solid #ddd;
        display: none;
    }
    .ininwanakanbox {
        border: 1px solid #ddd;
        background: #fff;
        float: right;
        width: 100%;
    }
    .ininwanakanbox img {
        width: 100%;
        height: 266px;
        transition: 0.8s;
    }
    .amarysadaywana {
        float: right;
        background: #f9f9f9;
        width: 100%;
        padding: 10px;
        border-top: 1px solid #ddd;
    }
    .ininwanakanbox i {
        margin-left: 5px;
        color: #999;
    }
    .amarychap span {
        font-weight: bold;
        color: #f24c0a;
    }
    .amarychap span.freewana {
        color: #00d637;
    }
    .amarychap {
        float: left;
    }
    .amaryrast {
        float: right;
        font-size: 14px;
        font-weight: bold;
        color: #565656;
    }
    .ininwanakanboximg {
        height: 268.02px;
        border-bottom: 2px solid #ffb100;
    }
    .alinkaimgwana:hover img {
        transform: scale(1.1);
        transition: 0.8s;
    }
    .alinkaimgwana {
        display: grid;
        overflow: hidden;
    }
    .nawymamosta {
        font-family: Droid Arabic Kufi;
        font-size: 13px;
        color: #7a7a7a;
        margin-top: 25px;
    }
    .inxwlakan h3 {
    font-size: 22px;
    color: #ffffff;
    margin: 0;
    text-align: right;
    background: #29365D;
    font-weight: normal;
    padding: 6px 0px;
    padding-right: 14px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    }
    .inxwlakan h3:hover {
        background: #29365D;
    }
    .titlecors {
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 35px;
    }
    .nawy-wana {
        font-size: 19px;
        color: #34203b;
        transition: 0.4s;
    }
    .nawy-wana:hover {
        color: #ffb606;
        transition: 0.3s;
    }
    .mainwanabox {
        float: right;
        width: 100%;
        margin: 40px 0px;
    }
    .wanabox {
        width: 750px;
        margin: 0 auto;
    }
    .inwanabox {
        background: #fff;
        float: right;
        width: 100%;
    }
    .titlewanapage h2 {
        margin: 0px;
        background: #25b695;
        padding: 5px 11px;
        color: #fff;
        text-shadow: -1px 2px 5px #000;
        font-size: 30px;
        font-family: Droid Arabic Kufi;
        text-align: center;
    }
    .headwana1 {
    float: right;
    border-left: 1px solid #ddd;
    margin-left: 6px;
    padding: 0px 0px 0px 15px;
    }
    .headwana {
        float: right;
        width: 100%;
        margin: 40px 0px;
        font-family: Droid Arabic Kufi;
        padding: 0px 10px;
    }
    .pheadwana1 {
        margin: 0px;
        color: #ccc;
        font-weight: bold;
        font-size: 12px;
    }
    .pheadwana2 {
        margin: 0px;
        color: #7a7a7a;
        font-weight: bold;
        font-size: 12px;
    }
    .pheadwana2 a {
        color: #7a7a7a;
    }
    .pheadwana2 a:hover {
        text-decoration: underline;
    }
    .headwanal {
        padding-right: 10px;
    }
    .noneborder {
        border: none;
    }
    .headwanaimg {
        padding: 0px 10px;
        overflow: hidden;
    }
    .headwanaimg img {
        width: 100%;
    }
    .tawawy-wanakan {
        width: 100%;
        padding: 0px 10px;
        float: right;
        margin: 25px 0px;
    }
    .titleband {
        border: 1px solid #ddd;
        padding: 10px;
        float: right;
        width: 100%;
    }
    .nawyband {
        width: 100%;
        float: right;
        margin: 0px;
        background: #2cc185;
        padding: 5px 10px;
        cursor: pointer;
        color: #fff;
        text-shadow: -1px 2px 5px #0f734b;
        font-size: 18px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .nawyband p {
        margin: 0px;
        float: right;
    }
    .nawyband span {
        float: left;
        font-size: 14px;
        background: #199462;
        border-radius: 4px;
        padding: 0px 10px;
        margin-top: 4.5px;
    }
    .intitleband {
        color: #fff;
        width: 100%;
        float: right;
        background: #313131;
        padding: 2px 10px;
        text-shadow: -1px 2px 5px #174f65;
    }
    .intitleband1 {
        float: right;
        padding-left: 30px;
    }
    .intitleband1 i {
        text-shadow: none;
        float: right;
        margin-left: 10px;
        margin-top: 5px;
        background: #ffffff;
        padding: 3px 5px;
        border-radius: 3px;
        font-size: 15px;
    }
    .intitleband1 p {
        float: right;
        margin: 0;
        color: #f3f3f3;
    }
    .intitleband2 {
        float: right;
    }
    .intitleband2 a {
        color: #fff;
        float: right;
        margin: 0;
    }
    .intitleband2 a:hover {
        color: #ff912f;
    }
    .intitleband3 {
        float: left;
    }
    .intitleband3 p {
        margin: 0px;
        float: left;
    }
    .innawyband {
        float: right;
        width: 100%;
        display: none;
    }
    .boxmainpagewana {
        float: right;
        width: 100%;
        margin-bottom: 15px;
    }
    .intitleband3 p span {
        font-family: Droid Arabic Kufi;
        font-size: 12px;
        margin-right: 6px;
        border: 1px solid #0e8656;
        background: #0e865661;
        padding: 0px 3px;
        font-weight: bold;
        border-radius: 4px;
    }
    .nonewanacat {
        margin: 7px 0px;
        border-radius: 3px;
        text-align: center;
        color: #d3ffe1;
        text-shadow: none;
    }
    .intitleband:nth-of-type(even) {
        background: #3c3c3c;
    }
    .iconswr {
        color: #f53737;
    }
    .iconsawz {
        color: #3cbf1e;
    }
    .tabakan {
        float: right;
        width: 100%;
        padding: 8px;
        background: #dde2e0;
    }
    .intabakan button i {
        margin-left: 11px;
    }
    .intabakan div {
        width: 25%;
        float: right;
        padding: 0px 2px;
    }
    .intabakan button {
        width: 100%;
        float: right;
        border: 0px;
        padding: 10px 0px;
        cursor: pointer;
        font-size: 16px;
        outline: none;
        background-color: #f7f7f7;
        color: #323a45;
        transition: background-color 0.2s, color 0.2s;
    }
    .intabakan button:hover {
        color: #2CC185;
    }
    .intabakan button.activetab {
    background: #2CC185;
    color: #fff;
    }
    .tabcontent {
    display: none;
    }
    .infowanakan {
        float: right;
        width: 100%;
        padding: 10px;
    }
    .infowanakanr {
        width: 65%;
        float: right;
        padding-left: 20px;
    }
    .infowanakanl {
        float: right;
        width: 35%;
        border-right: 1px solid #ddd;
        background: #323a45;
        color: #e8e8e8;
    }
    .datay-wana {
        float: right;
        width: 100%;
    }
    .datay-wanal {
        float: right;
        width: 48%;
        font-family: Titillium Web, 'Droid Arabic Kufi';
        font-size: 13px;
        padding: 15px 10px;
    }
    .datay-wanar {
        float: right;
        width: 52%;
        font-family: Titillium Web, 'Droid Arabic Kufi';
        font-size: 13px;
        padding: 15px 10px;
    }
    .taibatmandiakan {
        text-align: center;
        font-size: 21px;
        background: #2ca5c1;
        color: #fff;
        padding: 12px 0px;
        margin: 0px;
    }
    .datay-wanar i {
        margin-left: 7px;
        font-size: 16px;
    }
    .indatay-wana {
        float: right;
        width: 100%;
        border-bottom: 1px solid #414b58;
    }
    .mamosta-win {
        float: right;
        width: 100%;
        padding: 40px 10px;
    }
    .inmamosta-win {
        width: 453px;
        margin: 0 auto;
    }
    .head-inmamosta-win {
        background: #485460;
        padding: 10px;
    }
    .head-inmamosta-win p {
        margin: 0px;
    }
    .head-inmamosta-win1 {
        color: #f8ffbf;
        font-size: 21px;
    }
    .head-inmamosta-win2 {
        font-family: Droid Arabic Kufi;
        font-size: 12px;
        color: #b1f0ff;
        margin-top: -5px !important;
        font-weight: bold;
    }
    .mmaostaywana {
        background: #eaecf0;
        padding: 8px;
        border-right: 1px solid #c5c5c5;
        border-left: 1px solid #c5c5c5;
    }
    .inmmaostaywana {
        background: #323745;
        padding: 10px;
        text-align: center;
    }
    .inmmaostaywana a {
        margin: 0px 3px;
        padding: 3px 6px;
        border-radius: 50%;
        color: #fff;
        filter: grayscale(100%);
        transition: 0.3s;
    }
    .inmmaostaywana a:hover {
        filter: grayscale(0%);
        transition: 0.3s;
        border-radius: 4px;
    }
    .ifacebook {
        color: #fff;
        background: #3a589e
    }
    .inmmaostaywana a i {
        font-size: 20px;
        vertical-align: middle;
        width: 19px;
        text-align: center;
        height: 23px;
    }
    .igoogleplus {
        background: #e1493b;
    }
    .iyoutube {
        background: #d32727;
    }
    .itwitter {
        background: #3b98d3;
    }
    .iskype {
        background: #26ade4;
    }
    .nawymamosta a {
        color: #7a7a7a;
    }
    .nawymamosta a:hover {
        text-decoration: underline;
    }
    .mmaostaywana p {
        text-align: justify;
        font-family: Titillium Web, 'Droid Arabic Kufi';
        font-size: 14px;
    }
    .view-ferkar {
        float: right;
        width: 100%;
        margin-top: 45px;
    }
    .main-view-ferkar {
        background: #fff;
        width: 80%;
        margin: 0 auto;
    }
    .main-view-ferkar1 {
        float: right;
        width: 100%;
        background: #00bb87;
        border-bottom: 3px solid #00a275;
    }
    .main-view-ferkar1 h2 {
        margin: 0px;
        padding: 10px;
        padding-bottom: 0px;
        color: #ccffc6;
        text-shadow: -1px 2px 5px #000;
        font-weight: normal;
    }
    .main-view-ferkar1 p {
        margin: 0px;
        margin-top: -4px;
        padding: 10px;
        padding-top: 0px;
        color: #007958;
        text-shadow: -1px 2px 5px #00ffb8;
    }
    .main-view-ferkar1icon {
        float: right;
        color: #dfffe1;
        background: #00966c;
        font-size: 40px;
        padding: 8px 21px;
        margin: 6px;
        border-radius: 4px;
    }
    .main-view-ferkar2 {
        background: #fff;
        float: right;
        width: 100%;
    }
    .main-view-ferkar3 {
        float: right;
        width: 100%;
    }
    .rinmain-view-ferkar2 {
        float: right;
        width: 65%;
        padding: 10px;
        padding-top: 0px;
    }
    .linmain-view-ferkar2 {
        float: right;
        width: 35%;
    }
    .tbpferkar {
        width: 84% !important;
        float: left !important;
    }
    .rinmain-view-ferkar2 p {
        text-align: justify;
    }
    .sarjam-ferkarakan {
        float: right;
        width: 100%;
        margin-top: 40px;
    }
    .insarjam-ferkarakan {
        width: 820px;
        margin: 0 auto;
    }
    .miniferkar {
        float: right;
        width: 33.33333%;
        padding: 5px;
        height: 89px;
    }
    .miniferkar a {
        background: #fff;
        float: right;
        width: 100%;
        padding: 8px;
        border-radius: 4px;
        transition: 0.4s;
    }
    .miniferkar a:hover {
        background: #323a45;
        transition: 0.4s;
    }
    .miniferkarr {
        float: right;
        font-size: 37px;
        background: #ddd;
        border-radius: 4px;
        width: 23%;
        text-align: center;
        color: #afafaf;
        margin-left: 2%;
        height: 58px;
        margin-top: 4px;
    }
    .miniferkarl {
        float: right;
        width: 75%;
    }
    .miniferkarlp1 {
        display: block;
        margin: 0px;
        background: #ffca54;
        margin-top: 5px;
        border-radius: 4px;
        text-align: center;
        color: #8a5f00;
    }
    .miniferkarlp2 {
        display: block;
        margin: 0px;
        background: #eaecf0;
        margin-top: 5px;
        border-radius: 4px;
        padding: 0px 10px;
        color: #000000;
        font-family: Droid Arabic Kufi;
        font-size: 13px;
        text-align: center;
    }
    .insarjam-ferkarakan h2 {
        border-bottom: 3px solid #bb350b;
        padding-bottom: 4px;
        color: #ffffff;
        text-align: center;
        float: right;
        width: 100%;
        background: #e45124;
        line-height: 53px;
        font-weight: normal;
    }
    .viewwana {
        width: 90%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .viewwana-r {
        float: right;
        background: #fff;
        width: 75%;
    }
    .inviewwana-r {
        float: right;
        width: 100%;
        overflow: hidden;
    }
    .head-view-wana {
        float: right;
        width: 100%;
    }
    .head-view-wana p {
        margin: 0px;
        color: #fff;
        padding: 2px 10px;
    }
    .head-view-wana h2 {
        margin: 0px;
        background: #e95547;
        padding: 4px 10px;
        color: #fff;
        font-weight: normal;
        width: 100%;
    }
    .nawarok-view-wana {
        float: right;
        width: 100%;
        padding: 15px;
    }
    .viewwana-l {
        float: right;
        width: 25%;
    }
    .frame-view-wana {
        float: right;
        width: 100%;
        margin: 0 auto;
        padding: 35px 10px;
        overflow: auto;
    }
    .bottom-head-view-wana {
        background: #da4a3c;
        width: 100%;
        float: right;
    }
    .ltitlrinfo {
        float: left;
        text-align: center;
    }
    .rtitlrinfo {
        float: right;
    }
    .rtitlrinfo i {
        margin: 0px 11px;
    }
    .inviewwana-l {
        background: #fff;
        margin-right: 15px;
    }
    .viewwana-r, .inviewwana-l {
        min-height: 400px;
    }
    .sarderybash {
        background: #478fe9;
        padding: 10px;
        color: #fff;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .inviewwana-l table {
        width: 100%;
        border-collapse: collapse;
    }
    .inviewwana-l table thead tr th {
        font-weight: normal;
    }
    .inviewwana-l table tbody tr td i {
        color: #dadada;
        text-shadow: none;
    }
    .rght-i-tsv {
        width: 30px;
        text-align: center;
    }
    .rght-i-tsv2 {
    height: 35px;
    border-bottom: 1px solid #eee;
    }
    .rght-i-tsv2 a {
        color: #1f3867;
        display: block;
        width: 97%;
        font-size: 15px;
    }
    .rght-i-tsv2 a:hover {
        color: #478fe9;
    }
    .peshtomarbun {
        margin: 28px 0px;
        text-align: center;
    }
    .peshtomarbun h3 {
        color: #d03525;
        font-weight: normal;
    }
    .peshtomarbun p a:hover {
        text-decoration: underline;
    }
    .peshtomarbun p a {
        color: #da4a3c;
        padding: 0px 5px;
        font-family: droid arabic kufi;
        font-size: 12px;
        font-weight: bold;
    }
    .videoactv {
        color: #ff7622 !important;
    }
    .clrspy {
        background: #ffffff;
    }
    .rpnsvmenu {
        display: none;
    }
    .rpnsvmenu i {
        font-size: 26px;
        vertical-align: middle;
        margin: 0px !important;
    }
    .resmenubr {
    display: block;
    }
    .mainsarata {
        width: 950px;
        margin: 0 auto;
        margin-top: 22px;
    }
    .mainsarata:after, .inmainsarata:after {
        content: '';
        display: table;
        clear: both;
    }
    .inhomemycorses {
        height: 202px;
        overflow: auto;
    }
    .headmainhome {
        background: #2eb577;
        color: #ffffff;
        border-bottom: 4px solid #25a56a;
        width: 100%;
        margin-bottom: 17px;
        float: right;
    }
    .headmainhome h3 {
        font-weight: normal;
        font-size: 28px;
        margin: 0px;
        width: 100%;
        padding: 3px 8px;
    }
    .homemycorses {
    background: #ffffff;
    width: 40%;
    padding-bottom: 4px;
    float: right;
    }
    .titlmniniboxes {
        background: #39485d;
        color: #ffffff;
        padding: 8px;
        font-weight: normal;
        margin: 0px;
    }
    .titlmniniboxes:hover {
        background: #2b6c80;
    }
    .titlmniniboxes i {
        margin-left: 10px;
    }
    .inhomemycorses a:hover {
        background: #4fe882;
        color: #000000;
    }
    .inhomemycorses a {
        padding: 4px;
        display: block;
        margin: 10px;
        color: #333;
        border: 1px solid #55dc6c;
        background: #68fe9a;
        text-shadow: -1px 2px 5px #42d874;
    }
    .inhomemycorses a.basarchw {
        background: #ff8282;
        border: 1px solid #f15151;
        color: #fff;
        text-shadow: -1px 2px 5px #000;
    }
    .inhomemycorses a.basarchw:hover {
        background: #ff7171;
    }
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
    background: #ffffff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    }
    ::-webkit-scrollbar-thumb {
        background: #03cee8;
        box-shadow: inset 0px 0px 4px #008090;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #00afc5;
    }
    ::-webkit-scrollbar-button {
    background: #5f5f5f;
    height: 15px;
    }
    .tickts {
        width: 60%;
        float: right;
        padding-right: 15px;
    }
    .intickts {
        height: 206px;
        overflow: auto;
        background: #fff;
        padding: 10px;
    }
    .homevtkt span {
        float: left;
        text-align: right;
        color: #fff;
    }
    .homevtkt {
    background: #10b597;
    float: right;
    width: 100%;
    padding: 3px 5px;
    text-shadow: -1px 2px 5px #015647;
    margin-bottom: 5px;
    border-radius: 3px;
    }
    .tktclrred {
    background: #ff5b5b;
    text-shadow: none;
    }
    .homevtkt a:hover {
    color: #003e32;
    font-weight: bold;
    text-shadow: none;
    }
    .homevtkt a {
        float: right;
        color: #fff;
    }
    .hichtnnia {
        text-align: center;
        font-size: 19px;
    }
    .allmycors {
        width: 100%;
        margin-top: 30px;
    }
    .allmycors table {
        width: 100%;
        border-collapse: collapse;
    }
    .allmycors table tr th {
        color: #fff;
        background: #225767;
        font-size: 20px;
        padding: 7px;
        font-weight: normal;
        text-shadow: -1px 2px 5px #000;
    }
    .creatcrs {
        text-align: center;
        width: 149px;
    }
    .expirecrs {
        text-align: center;
        width: 110px;
    }
    .modcrs {
        text-align: center;
        width: 100px;
    }
    .allmycors table tr td {
        padding: 5px;
        color: #333;
    }
    .allmycors table tr:nth-child(even) {
        background: #f8f7f7;
    }
    .allmycors table tr:nth-child(odd) {
        background: #ebebeb;
    }
    .urlcrskriar a:hover {
        background: #225767;
        color: #fff;
        transition: 0.3s;
    }
    .urlcrskriar a {
        color: #2368a5;
        padding: 2px 10px;
        vertical-align: sub;
        border-radius: 4px;
        transition: 0.3s;
    }
    .nstopvild {
    color: #00b518;
    padding: 0px 9px;
    text-shadow: -1px 2px 5px #00ff13;
    }
    .stopvild {
        color: #ff0000;
        padding: 0px 9px;
        text-shadow: -1px 2px 5px #ff6565;
    }
    .titleformytickets {
        background: #e95547;
        padding: 5px;
        text-align: center;
        font-size: 22px;
        color: #fff;
        font-weight: normal;
        text-shadow: -1px 2px 5px #750b01;
        margin: 0px;
        float: right;
        width: 100%;
    }
    .iconorange {
        color: #000000;
    }
    .incomngbx {
    width: 57px;
    margin: 0px 3px;
    border-radius: 4px;
    float: left;
    }
    .comngsoonbx {
        width: 254px;
        margin: 0 auto;
        text-align: center;
    }
    .zmrrkat {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        padding: 3px;
        background: #f79991;
        font-size: 34px;
        color: #fff;
    }
    .inincmngsoon {
        padding: 3px;
        font-size: 14px;
        color: #fff;
        text-shadow: -1px 2px 5px #000;
        background: #333;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .bammzwana {
        text-align: center;
        font-size: 29px;
        margin-top: 0px;
        color: #ff6c00;
    }
    .footr1 p a {
        color: #fff;
    }
    .inininbox-device span.tebnyclrreed {
        background: none;
        padding: 0px;
        color: #f93c3c;
        font-weight: bold;
        margin-left: 4px;
    }
    .tebnyclrreed {
        color: #f00;
    }
    .comment-w {
        background: #efefef;
        border-radius: 25px;
        padding: 5px 13px 0px 13px;
        float: right;
        width: 100%;
        margin-top: 10px;
        border: 1px solid #ddd;
    }
    .head-comment {
        float: right;
        width: 100%;
    }
    .inhead-commentn {
        float: right;
        color: #007dd8;
        margin-left: 21px;
    }
    .inhead-commentk {
        float: right;
        font-family: Droid Arabic Kufi;
        font-size: 13px;
        color: #777;
    }
    .content-comment {
        float: right;
        width: 100%;
    }
    .content-comment p {
        margin: 10px 0px;
        color: #404040;
    }
    .replyboxcmnt {
        width: auto;
        margin-right: 47px;
        background: #e9ffe9;
        margin-top: 5px;
        border-top-right-radius: 0%;
    }
    .gowshnhe {
        width: 400px;
        margin: 34px auto;
        border-collapse: collapse;
    }
    .td1gowshnhe {
        width: 130px;
        background: #eaeaea;
        padding: 4px;
        color: #333;
    }
    .td2gowshnhe {
        background: #eaeaea;
        padding: 4px;
        color: #333;
    }
    .td2gowshnhe input {
        width: 100%;
        direction: ltr;
        text-align: left;
        padding: 3px;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        border: 1px solid #ddd;
        font-family: sans-serif;
        font-size: 21px;
    }
    .ttlgowshnhe {
        background: #175798;
        padding: 6px 8px;
        font-size: 20px;
        color: #fff;
        text-shadow: -1px 2px 5px #000;
    }
    .ttlgowshnhe i {
        margin-left: 12px;
    }
    .gowshnhebtn td input {
        border: 0px;
        background: #008c1e;
        color: #fff;
        padding: 1px 10px;
        font-size: 18px;
        border-radius: 4px;
        margin-right: 8px;
        text-shadow: -1px 2px 5px #333;
        cursor: pointer;
        transition: 0.4s;
    }
    .gowshnhebtn td {
        padding: 6px 0px;
    }
    .gowshnhebtn {
        background: #eaeaea;
    }
    .gowshnhebtn td input:hover {
        background: #d63030;
        transition: 0.4s;
    }
    .erralertt {
        background: #ffc6c1;
        padding: 6px;
        border-radius: 4px;
        color: #b70000;
        border: 1px solid #f88;
    }
    .succalert {
        background: #4caf50;
        color: #fff;
        padding: 5px 9px;
        border-radius: 4px;
        text-shadow: -1px 2px 5px #297b2c;
    }
    .erry-tomarbun1 {
        background: #ffd5d5;
        padding: 3px 10px;
        font-size: 15px;
        border: 1px solid #ff9595;
        color: #c10303;
        border-radius: 3px;
    }
    .emtihan {
        float: right;
        width: 100%;
        margin-top: 20px;
    }
    .inemtihan {
        background: #fff;
        padding: 10px;
        overflow: auto;
        min-height: 262px;
    }
    .emtihantable {
        width: 100%;
    }
    .emtihantable thead tr th {
        border-bottom: 1px solid #efd830;
        height: 40px;
        background: #fff082;
        font-weight: normal;
        color: #000;
    }
    .btmtitle th {
        background: #ffed68 !important;
        text-align: center;
    }
    .emtihantable thead tr th.anjamemtitle {
        background: #2192bd !important;
        color: #fff !important;
        border-bottom: 1px solid #186f90;
    }
    .emtihantable tbody tr td {
        padding: 0px 5px;
        text-align: center;
    }
    .emtihantable tbody tr:nth-child(odd) {
        background: #f8f7f7;
    }
    .emtihantable tbody tr:nth-child(even) {
        background: #eeeeee;
    }
    .emthn-page {
        background: #fff;
        width: 100%;
        float: right;
    }
    .emtview {
        border-collapse: collapse;
        width: 100%;
    }
    .emthanpage-title1 {
        text-align: center;
        background: #434a54;
        height: 51px;
        color: #fff;
        font-size: 19px;
        text-shadow: -1px 2px 5px #3c3c3c;
    }
    .emthanpage-title2 {
        background: #656d78;
        height: 34px;
        color: #ffffff;
        text-align: center;
    }
    .emthanpage-title2 td {
        width: 50%;
    }
    .tebiny-emtihan {
        border-bottom: 8px solid #eaecf0;
    }
    .tebiny-emtihan td {
        padding: 15px 7px;
    }
    .daqyprsiar {
        font-size: 17px;
        width: 100%;
    }
    .wlmkan {
        float: right;
        margin: 2px 0px;
        background: #dcf0f1;
        border-radius: 4px;
        width: 100%;
        border: 1px solid #9ae3e6;
        padding: 0px 5px;
    }
    .wlmkan p {
        margin: 0px;
    }
    .wlmkan label {
        margin: 0px;
    }
    .wlmkan input {
        height: 20px;
        width: 20px;
        float: right;
        cursor: pointer;
    }
    .tryprsiar td {
        padding: 10px;
    }
    .tryprsiar {
        border-bottom: 8px solid #eaecf0;
    }
    .hlbzharda {
        float: right;
    }
    .dualcol {
        float: right;
        width: 50%;
    }
    .ldualcol {
        padding-right: 5px;
    }
    .rdualcol {
        padding-left: 5px;
    }
    .btnwlm:hover {
        box-shadow: 3px 5px 10px #ababab;
    }
    .btnwlm {
        background: #FF5722;
        border: 0px;
        padding: 2px 10px;
        color: #fff;
        margin-bottom: 11px;
        font-size: 20px;
        cursor: pointer;
    }
    .rewlmtbl {
        margin: 0px auto;
        width: 285px;
        border-collapse: collapse;
    }
    .ttlrewlmtbl th {
        background: #0e5273;
        color: #fff;
        font-weight: normal;
        font-size: 17px;
        text-shadow: -1px 2px 5px #0b5071;
        height: 35px;
    }
    .rewlmttl1 {
        font-weight: normal;
        background: #ffffff;
        height: 30px;
    }
    .rewlmttl2 {
        font-weight: normal;
        background: #98ff85;
        height: 30px;
    }
    .rewlmttl3 {
        font-weight: normal;
        background: #fdb5b5;
        height: 30px;
    }
    .rewlmttlw1 {
        text-align: center;
        background: #ddd;
        color: #fff;
        text-shadow: -1px 2px 5px #000000;
        height: 30px;
    }
    .rewlmttlw2 {
        text-align: center;
        background: #75e660;
        color: #fff;
        text-shadow: -1px 2px 5px #041700;
        height: 30px;
    }
    .rewlmttlw3 {
        text-align: center;
        background: #f19898;
        color: #fff;
        text-shadow: -1px 2px 5px #840000;
        height: 30px;
    }
    .rezhaywallam {
        float: right;
        width: 100%;
        margin: 0px 0px 15px 0px;
    }
    .withwlm:before {
        content: '';
        margin-left: 7px;
        border: 7px solid transparent;
        border-right: 10px solid #0474ff;
        border-left: 0px;
        float: right;
        margin-top: 7px;
    }
    .withowlm:before {
        content: '';
        margin-left: 7px;
        border: 7px solid transparent;
        border-right: 10px solid #ff6104;
        border-left: 0px;
        float: right;
        margin-top: 7px;
    }
    .nosetemthn {
        background: #fff;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .innosetemthn {
        text-align: center;
    }
    .innosetemthn p {
        font-size: 20px;
        color: #b50000;
        background: #ffc9c9;
        border-radius: 3px;
        padding: 5px 8px;
        margin-bottom: 24px;
    }
    .innosetemthn p b {
        color: #292929;
        display: block;
    }
    .anosetemthn {
        float: right;
        width: 100%;
        margin-top: 45px;
        margin-bottom: 15px;
    }
    .rastgreen {
        background: #bcffa6;
        border: 1px solid #79ea55;
    }
    .hallared {
        background: #ffb3b3;
        border: 1px solid #ef7d7d;
    }
    .anjmyemthan {
        margin: 10px auto;
        border-collapse: collapse;
    }
    .ttlnxwndkr td {
        background: #1f768a;
        color: #fff;
        height: 47px !important;
        font-size: 20px;
        padding: 0px 8px !important;
        text-align: right;
    }
    .anjmyemthan tr td {
        height: 30px;
        padding: 0px 11px;
    }
    .tdanjmemth1 {
        background: #ddd;
    }
    .tdanjmemth2 {
        background: #a7ff8a;
    }
    .tdanjmemth3 {
        background: #ffb3b3;
    }
    .tdanjmemth4 {
        background: #dcf0f1;
    }
    .tdanjemth1 {
        background: #c5c5c5;
    }
    .tdanjemth2 {
        background: #8bf568;
    }
    .tdanjemth3 {
        background: #f99999;
    }
    .tdanjemth4 {
        background: #bae6e8;
    }
    .user-out-emtihan {
        background: #fff;
        box-shadow: 0px 0px 9px #969696;
        margin: 50px 0px;
    }
    .inuser-out-emtihan {
        padding: 50px;
    }
    .daqyprsiar p {
        margin: 0px;
        margin-bottom: 13px;
    }
    .renmaiyuser {
        width: 909px;
        margin: 20px auto;
        font-family: rescue2;
    }
    .inrenmaiyuser {
        float: right;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 10px #a5a5a5;
    }
    .menurenmaiy {
        float: right;
        width: 100%;
    }

    .menurenmaiyr {
        float: right;
        width: 50%;
        text-align: center;
        background: #df9a29;
        color: #fff;
        height: 96px;
    }
    .menurenmaiyl {
        float: right;
        width: 50%;
        background: #272e4f;
        height: 62px;
    }
    .menurenmaiyr-r {
        float: right;
        width: 70%;
        font-size: 23px;
        padding: 15px;
    }
    .menurenmaiyr-l {
        float: right;
        width: 30%;
    }
    .menurenmaiyl img {
        margin-right: 20px;
        margin-top: 8px;
    }
    .renmaiyfooter {
        float: right;
        width: 100%;
        background: #272e4f;
        color: #fff;
        font-size: 18px;
        padding: 31px 20px;
    }
    .renmaiyfooterr {
        float: right;
        width: 65%;
    }
    .renmaiyfootel {
        float: left;
        width: 35%;
        text-align: left;
    }
    .nawarokyrenmaiy {
        float: right;
        width: 100%;
        margin: 45px 0px;
        padding: 0px 50px;
        color: #333;
        font-size: 17px;
    }
    .divfbtnreg {
        text-align: center;
        margin: 16px 0px;
        margin-bottom: 40px;
    }
    .bnt-tomarbun {
        background: #f78b2e;
        padding: 3px 10px;
        color: #fff;
        transition: 0.3s;
        border-radius: 3px;
        font-family: Droid Arabic Kufi;
        font-size: 15px;
        border: 1px solid #f78b2e;
    }
    .bnt-tomarbun:hover {
        background: #ff7600;
        transition: 0.3s;
        border-color: #e47f27;
    }
    .uploadimg {
        background: #d2d2d2;
        width: 450px;
        margin: 38px auto;
        padding: 35px;
    }
    .uploadimg input[type="file"] {
        opacity: 0;
        display: none;
    }
    .wenabtn:hover {
        background: #ea8013;
    }
    .wenabtn {
    cursor: pointer;
    background: #f38718;
    padding: 0px 10px;
    color: #fff;
    border-bottom: 2px solid #d06f0d;
    border-radius: 19px;
    text-align: center;
    font-size: 20px;
    }
    .uploadimg input[type="submit"] {
        padding: 0px 12px;
        font-size: 18px;
        border-radius: 18px;
        background: #414d5d;
        color: #fff;
        border: 1px dashed #ffff;
        cursor: pointer;
    }
    .tddulheit {
    background: #323a45;
    margin-top: 10px;
    height: 96px;
    text-align: center;
    border-radius: 16px;
    }
    .tddulheit input {
    margin-top: 50px;
    }
    #priv {
        background: #323a45;
        padding: 10px;
        text-align: center;
        direction: ltr;
        border-radius: 22px;
        margin-top: 8px;
        color: #fff;
    }
    .uploadimg input[type="submit"]:hover {
        background: #333;
    }
    .alertmain {
        background: #fff;
        float: right;
        width: 100%;
        margin-bottom: 13px;
        padding: 15px;
        box-shadow: 0px 0px 7px #b5b5b5;
        border-radius: 4px;
    }
    .strpre {
    white-space: pre-line;
    }
    .mrgnt {
    margin-top: 10px;
    }
    .paiamtbl {
        margin-top: 10px;
        width: 100%;
        text-align: right;
        border-collapse: collapse;
    }
    .paiamtbl tr th {
        background: #676767;
        padding: 5px 11px;
        color: #fff;
        font-weight: normal;
        font-size: 18px;
    }
    .paiamtbl tr td {
        padding: 5px 11px;
    }
    .paiamtbl tr:nth-child(odd) {
        background: #eee;
    }
    .paiamtbl tr:nth-child(even) {
        background: #fbfbfb;
    }
    .newpm {
        background: #f73c3c;
        padding: 0px 7px;
        color: #fff;
        float: left;
        line-height: 19px;
    }
    .paiamtbl a:hover {
        color: #0b9ff5;
    }
    .paiamtbl a {
        color: #0075b9;
    }
    .viewpm {
        background: #f1f1f1;
        margin-top: 20px;
    }
    .viewpm-head {
        padding: 4px 10px;
        background: #47c2e6;
        color: #fff;
        font-size: 20px;
    }
    .viewpm-body {
        padding: 10px 10px;
        min-height: 250px;
        color: #404040;
        font-family: droid arabic kufi;
        font-size: 14px;
    }
    .pmalertnv {
        background: #fa3e3e;
        color: #fff;
        font-size: 10px;
        padding: 0px 3px;
        border-radius: 3px;
        position: absolute;
        margin-top: -2px;
        margin-right: -3px;
    }
    .paiamtbl2 tbody tr th {
        background: #29758c;
    }
    .paiamtbl2 {
        margin-top: 30px;
    }
    .razybwn label {
        font-size: 19px;
        cursor: pointer;
    }
    .razybwn input[type="checkbox"] {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        cursor: pointer;
    }
    .razybwn label:hover {
        color: #26c148;
    }
    .fonline-status::before {
        content: '';
        padding: 5px;
        background: #3cce22;
        float: right;
        margin-top: 7px;
        margin-left: 10px;
        border-radius: 50%;
    }
    .fonline-status {
        color: #eaeaea;
        font-family: Droid Arabic Kufi, sans-serif;
        margin-top: -25px;
    }
    .mmtlogin {background: #1d4956;}
    .aloginteach {
    font-family: Droid Arabic Kufi;
    font-size: 14px;
    color: #2a99e8;
    margin-top: 5px;
    float: right;
    }
    .aloginteach:hover {color: #1869a2;}
    .registra {width: 600px; margin: 0 auto; margin-top: 48px;}
    .emtihantable a {
        color: #264b96;
    }
    .emtihantable a:hover {
        color: #2c72ff;
    }
    .infoemtable {
    width: 500px;
    min-width: initial;
    margin: 0 auto;
    }
    .infoemtable tbody tr td {
    text-align: right;
    padding: 5px 10px;
    }
    .emtbc1 {
        width: 130px;
    }
    .infoemtitle {
    text-align: right;
    padding: 3px 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 18px;
    color: #5f5300 !important;
    }
    .infoemtable p {
        margin: 4px 0px;
        color: #333;
    }
    .btnstartex {
        font-size: 21px;
        width: 100%;
        margin-bottom: 8px;
        cursor: pointer;
        background: #1d4956;
        border: none;
        color: #fff;
        border-radius: 3px;
        padding: 3px 0px;
        box-shadow: inset 0px 0px 5px #13323c;
    }
    .btnstartex:hover {
        background: #265e6f;
    }
    .imgprsiar {
        width: 100%;
        max-height: 800px;
        margin-top: 8px;
        overflow: auto;
        direction: ltr;
    }
    .imgprsiar img {
        max-width: 800px;
        width: 100%;
    }
    .anrwerrbtn {
        width: 163px;
        margin: 0 auto;
        padding: 10px 0px;
    }
    .inanrwerrbtn {
        display: inline-block;
        border-radius: 50px;
        width: 30px;
        position: relative;
        margin-left: 5px;
    }
    .inanrwerrbtn label {
        cursor: pointer;
        position: absolute;
        width: 25px;
        border-radius: 50%;
        margin-top: 5px;
        margin-right: 5px;
    }
    .inanrwerrbtn input {
        width: 30px;
        height: 30px;
    }
    .imgprsiar img:hover {
    cursor: zoom-in;
    filter: brightness(0.9);
    }
    .modalimgprs {
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    direction: ltr;
    }
    .modalImage {
    margin: auto;
    display: block;
    padding-bottom: 25px;
    }
    .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    }
    .close:hover,
    .close:focus {
    color: rgb(255, 0, 0);
    cursor: pointer;
    }
    .emtimer {
        float: right;
        width: 100%;
        margin-bottom: 11px;
        background: #f5f5f5;
        padding: 10px;
    }
    .blockrem {
        background: #eee;
        margin-bottom: 10px;
        border-radius: 3px;
        overflow: hidden;
    }
    .bodyblockrem {
        padding: 9px;
        background: #e2e2e2;
    }
    .bodyblockrem img {
        width: 100%;
    }
    .headblockrem {
        padding: 9px;
        color: #fff;
        background: linear-gradient(22deg, rgba(5,216,255,1) 0%, rgba(64,200,244,1) 24%, rgba(30,168,200,1) 42%, rgba(18,137,159,1) 55%, rgba(25,121,161,1) 69%, rgba(9,86,105,1) 100%);
    }
    .bodyblockremimg {
        width: 561px;
        max-height: 137px;
        overflow: auto;
        direction: ltr;
        float: right;
        padding-left: 10px;
    }
    .bodyblockremres {
        width: calc(100% - 561px);
        float: right;
    }
    .bodyblockrem::after {content: '';display: table;clear: both;}
    .bodyblockremres table {
        width: 100%;
        background: #fff;
        border-collapse: collapse;
    }
    .bodyblockremres table tr td {
    padding: 1px 10px;
    border: 1px solid #a0a0a0;
    font-family: Droid Arabic Kufi;
    font-size: 13px;
    color: #333;
    }
    .renmayvid a {
    color: #f75415;
    font-weight: bold;
    }
    .renmayvid a:hover {
        text-decoration: underline;
    }
    .viewemold {
        display: none;
    }
    .viewemold h2 {
        text-align: center;
        font-weight: normal;
        color: #2d6eca;
    }
    .linktmrbn a {
        color: #053b73;
        text-decoration: underline;
    }
    .linktmrbn a:hover {
        color: #1e88c5;
    }
    .loadingtiem {
        float: right;
        width: 100%;
        margin-bottom: 18px;
    }
    .emtihantable a.btnviewmyem {
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    }
    .emtihantable a.btnviewmyem:hover {
    color: #ffffff;
    }
    .fiftyprsnt {
    width: 50%;
    }
    .emtihancp {
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    .inemtihancp {
    background: #f8f8f8;
    display: block;
    padding: 7px 10px;
    color: #333;
    border: 1px solid #ddd;
    font-size: 18px;
    float: right;
    width: calc(50% - 5px);
    margin: 0px 5px;
    }
    .inemtihancp i {
        margin-left: 4px;
        color: #226c82;
    }
    .inemtihancp:hover {
        background: #f2f2f2;
    }
    .mt0 {margin-top: 0;}.mr0 {margin-right: 0;}.mb0 {margin-bottom: 0;}.ml0 {margin-left: 0;}
    .pt0 {padding-top: 0;}.pr0 {padding-right: 0;}.pb0 {padding-bottom: 0;}.pl0 {padding-left: 0;}
    .notcanem1 a:hover {
        color: #fff;
    }
    .notcanem1 a {
        color: #007eff;
    }
    .notcanem1 strong {
        text-shadow: 0px 0px 7px #fff;
        font-style: italic;
    }
    .notcanem1 {
        text-align: right;
    }
    .prsinFind p {margin-top: 0;margin-bottom: 10px;}
    .prsinFind select, .prsinFind input {
        height: 31px;
        cursor: pointer;
        min-width: 70px;
    }
    .prsinFind input {
        background: #39afc2;
        border: 0;
        color: #fff;
        border-radius: 3px;
        font-size: 16px;
    }
    .prsinFind input:hover {
        background: #41c7dc;
    }
    .nasin {
        display: flex;
        align-items: center;
    }
    .nasin select {
        margin-left: 6px;
    }
