@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 700;
    src: url(/font/iranyekan/iranyekanwebboldfanum.eot);
    src: url(/font/iranyekan/iranyekanwebboldfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebboldfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebboldfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 100;
    src: url(/font/iranyekan/iranyekanwebthinfanum.eot);
    src: url(/font/iranyekan/iranyekanwebthinfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebthinfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebthinfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 300;
    src: url(/font/iranyekan/iranyekanweblightfanum.eot);
    src: url(/font/iranyekan/iranyekanweblightfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanweblightfanum.woff) format('woff'),url(/font/iranyekan/iranyekanweblightfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 400;
    src: url(/font/iranyekan/iranyekanwebregularfanum.eot);
    src: url(/font/iranyekan/iranyekanwebregularfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebregularfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebregularfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 500;
    src: url(/font/iranyekan/iranyekanwebmediumfanum.eot);
    src: url(/font/iranyekan/iranyekanwebmediumfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebmediumfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebmediumfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 800;
    src: url(/font/iranyekan/iranyekanwebextraboldfanum.eot);
    src: url(/font/iranyekan/iranyekanwebextraboldfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebextraboldfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebextraboldfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 900;
    src: url(/font/iranyekan/iranyekanwebblackfanum.eot);
    src: url(/font/iranyekan/iranyekanwebblackfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebblackfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebblackfanum.ttf) format('truetype')
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 950;
    src: url(/font/iranyekan/iranyekanwebextrablackfanum.eot);
    src: url(/font/iranyekan/iranyekanwebextrablackfanum.eot?#iefix) format('embedded-opentype'),url(/font/iranyekan/iranyekanwebextrablackfanum.woff) format('woff'),url(/font/iranyekan/iranyekanwebextrablackfanum.ttf) format('truetype')
}
@font-face {
    font-family: NotoColorEmojiLimited;
    unicode-range: U+1F1E6-1F1FF;
    src: url(/font/NotoColorEmoji.ttf);
}

body {
    font-family: IRANYekan;
    font-size: 11px;
    margin: 0;
    background-color: #2e2e2e;
    color: #424242;
    text-rendering: geometricPrecision;
}

a {
    color: #767575;
    text-decoration: none;
    -moz-outline: none;
    outline: none;
}

    a.l {
        color: #4169e1;
    }

input, select, textarea {
    font-family: Tahoma;
    font-size: 11px;
    -moz-outline: none;
    outline: none;
}
    input[type="radio"] {
        margin-left:5px;
    }
.glossymenu {
    padding: 0;
    width: 215px;
    text-align: right;
}

    .glossymenu a.menuitem, .menuUnlink {
        background-image: url(/image/panel/right-menu-header.jpg);
        background-repeat: no-repeat;
        /*font: normal 11px Tahoma;*/
        font-size: 11px;
        color: #fff;
        display: block;
        position: relative;
        width: auto;
        text-decoration: none;
        padding-top: 0px;
        background-position: bottom;
        padding-right: 7px;
        height: 32px;
        line-height: 32px;
        text-align: right;
    }

    .glossymenu a.menuitem {
        cursor: pointer;
    }

        .glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
            color: #7d7e7e;
        }

        .glossymenu a.menuitem .statusicon {
            position: absolute;
            right: 5px;
            border: none;
        }

div.submenu ul, .submenuN ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: url(/image/panel/right-menu-item-bg.jpg) repeat-y;
}

    div.submenu ul li, .submenuN ul li {
        border-top: solid 1px #ececec;
        padding: 8px 0;
    }

        div.submenu ul li:first-child, .submenuN.shad ul li:first-child {
            background: url("/image/panel/sh.png") repeat-x scroll 0 0 transparent;
            border: none;
        }

        div.submenu ul li a {
            display: block;
            /*font: normal 9pt Tahoma;*/
            text-decoration: none;
        }

            div.submenu ul li a:hover {
                color: #444;
            }

div.submenu td {
    border-bottom: solid 1px #ececec;
}

.paging {
}

    .paging span {
        font-weight: 700;
        background-color: #f0d760;
        padding: 3px 6px 3px 6px;
    }
    .paging .active a {
        font-weight: 700;
        background-color: #f0d760;
        padding: 3px 6px 3px 6px;
    }
    .paging td {
        font-size: 11px;
        border: solid 1px #d2d2d2;
        background-color: #ebebeb;
        min-width: 18px;
        height: 19px;
        text-align: center;
    }

    .paging a {
        color: #000;
    }

.styled-textbox {
    background-image: url(/image/login-textbox.png);
    width: 220px;
    height: 26px;
    padding-top: 6px;
    padding-right: 4px;
    color: #565656;
}

.btn2 {
    width: 66px;
    height: 27px;
    background-image: url(/image/btn2.png);
    display: block;
    color: #fff;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}

    .btn2:hover {
        background-position: 0 27px;
    }

.GridHeaderBig {
    height: 33px;
    border-left: 1px solid #edca24;
    border-right: 1px solid #edca24;
    background-image: url(/image/panel/grid-header-big.png);
    background-repeat: repeat-x;
}

    .GridHeaderBig th {
        border: 1px solid #f1d13e;
        font-weight: normal;
        color: #000;
        font-size: 11px;
    }

.GridHeader {
    height: 33px;
    border-left: 1px solid #edca24;
    border-right: 1px solid #edca24;
    background-image: url(/image/panel/grid-header.png);
    background-repeat: repeat-x;
    background-size: contain;
}

    .GridHeader th {
        border: 1px solid #f1d13e;
        font-weight: normal;
        color: #000;
        font-size: 11px;
    }

.GridRow {
    height: 40px;
    background-color: #fff;
}

    .GridRow td {
        border: 1px solid #dadada;
        padding: 0 5px;
    }

    .GridRow:hover {
        background-color: #fffcd7;
    }

.GridRowAlternate {
    height: 40px;
    background-color: #ebebeb;
}

    .GridRowAlternate td {
        border: 1px solid #dadada;
        padding: 0 5px;
    }

    .GridRowAlternate:hover {
        background-color: #fffcd7;
    }

.ChargeRow {
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
}

#ie6-warning-table {
    display: none;
}

.menuitem span {
    background: url(/image/panel/acc_title/MenuIcon.png) transparent no-repeat top left;
    height: 32px;
    width: 42px;
    float: left;
    display: block;
}

.submenu table {
    width: 100%;
    border-collapse: collapse;
    background: url(/image/panel/right-menu-item-bg.jpg) repeat-y;
}

    .submenu table td {
        padding: 0;
        height: 30px;
    }

        .submenu table td span {
            display: inline-block;
            width: 24px;
            height: 6px;
            background: url(/image/panel/right-menu-item-bullet.jpg) no-repeat;
        }

.rmbot {
    width: 215px;
    height: 11px;
    display: inline-block;
    background: url(/image/panel/right-menu-bot.png);
    margin-bottom: 2px;
}

.mBorder {
    border-collapse: collapse;
}

    .mBorder td {
        padding: 0;
        height: 30px;
    }

        .mBorder td span {
            display: inline-block;
            width: 20px;
            height: 6px;
            background: url(/image/panel/right-item-bullet.jpg) no-repeat left;
        }

.tdblt {
    width: 27px;
}

.submenu a, .submenuN .bl {
    background: url(/image/panel/MBullet.png) no-repeat right;
    padding-right: 15px;
    margin-right: 12px;
}

div.submenu, .submenuN {
    background: url(/image/panel/right-menu-bot.png) no-repeat bottom;
    padding-bottom: 11px;
    margin-bottom: 2px;
    text-align: right;
}

.opShad {
    background: url("/image/panel/sh.png") repeat-x scroll 0 0 transparent;
    padding: 5px 70px 5px 0;
}

.opTop {
    background: url(/image/panel/right-menu-item-bg.jpg) repeat-y;
}

.GridCommand .CommandItem {
    padding: 5px;
    float: left;
    border-right: 1px solid #f1d13e;
}

.GridCommand span {
    text-align: center;
}

.MainFormBody {
    text-align: center;
}

.MainFormBodyN, .MainFormBody {
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    background-color: #fff;
}

    .MainFormBody table {
        width: 100%;
    }

        .MainFormBody table td {
            text-align: center;
        }

.MainForm {
    width: 100%;
    border-collapse: collapse;
}

    .MainForm td {
        padding: 0;
    }

    .MainForm .M {
        background-image: url(/image/panel/MainForm.png);
    }

.MFT {
    background-position: 0 -108px;
    background-repeat: repeat-x;
    color: #fff;
    line-height: 32px;
}

.MFTR {
    background-position: 0 -61px;
    width: 15px;
    height: 32px;
}

.MFTL {
    background-position: 0 -28px;
    width: 15px;
    height: 32px;
}

.MFB {
    background-position: 0 -94px;
    background-repeat: repeat-x;
}

.MFBR {
    background-position: 0 -14px;
    width: 17px;
    height: 13px;
}

.MFBL {
    background-position: 0 0;
    width: 17px;
    height: 13px;
}

.GridCMD .CMDItem {
    padding-left: 3px;
    float: right;
    margin: 5px 3px 0 0;
}

.GridIconDelete {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/remove.png) transparent no-repeat;
    float: left;
}

.GridIconExcel {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/excel.png) transparent no-repeat;
    float: left;
}

.GridIconPrint {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/print.png) transparent no-repeat;
    float: left;
}

.GridIconResend {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/resend.png) transparent no-repeat;
    float: left;
}

.GridIconTag {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/tag.png) transparent no-repeat;
    float: left;
}

.GridIconStat {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/statistics.png) transparent no-repeat;
    float: left;
}

.GridIconUpdate {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/Update.png) transparent no-repeat;
    float: left;
}

.GridIconSearch {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/Queue/Search.png) transparent no-repeat;
    float: left;
}

.GridIconClear {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/Queue/Clear.png) transparent no-repeat;
    float: left;
}

.IconEdit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/edit.png) transparent no-repeat;
}

.IconDelete {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/panel/small/remove.png) transparent no-repeat;
}

.acc .ss {
    background-image: url(/image/panel/icon/AllIcon.jpg);
    display: inline-block;
    position: relative;
}

.acc .ns {
    background-image: url(/image/panel/icon/gray/AllIcon.jpg);
    display: inline-block;
}

.acc .spr-AutoInbox {
    background-position: 0 0;
    width: 72px;
    height: 92px;
}

.acc .spr-AutoList-AutoResponderList {
    background-position: 0 -93px;
    width: 72px;
    height: 92px;
}

.acc .spr-AutoList-AutoResponderSentList {
    background-position: 0 -186px;
    width: 72px;
    height: 92px;
}

.acc .spr-ChargeOnline {
    background-position: 0 -279px;
    width: 72px;
    height: 92px;
}

.acc .spr-ChargeFish {
    background-position: 0 -372px;
    width: 72px;
    height: 92px;
}

.acc .spr-ChargeCard {
    background-position: 0 -465px;
    width: 72px;
    height: 92px;
}

.acc .spr-ChangePassword {
    background-position: 0 -558px;
    width: 72px;
    height: 92px;
}

.acc .spr-ReportCredit {
    background-position: 0 -651px;
    width: 72px;
    height: 92px;
}

.acc .spr-OpinionList {
    background-position: 0 -744px;
    width: 72px;
    height: 92px;
}

.acc .spr-OpinionMsg {
    background-position: 0 -837px;
    width: 72px;
    height: 92px;
}

.acc .spr-EventAdd {
    background-position: 0 -930px;
    width: 72px;
    height: 92px;
}

.acc .spr-EventList {
    background-position: 0 -1023px;
    width: 72px;
    height: 92px;
}

.acc .spr-EventSentItems {
    background-position: 0 -1116px;
    width: 72px;
    height: 92px;
}

.acc .spr-PhoneAdd-ExcelPhoneNumber {
    background-position: 0 -1209px;
    width: 72px;
    height: 92px;
}

.acc .spr-GenderSetting {
    background-position: 0 -1302px;
    width: 72px;
    height: 92px;
}

.acc .spr-GeneralSetting {
    background-position: 0 -1395px;
    width: 72px;
    height: 92px;
}

.acc .spr-GreetingAdd {
    background-position: 0 -1488px;
    width: 72px;
    height: 92px;
}

.acc .spr-GreetingList {
    background-position: 0 -1581px;
    width: 72px;
    height: 92px;
}

.acc .spr-PhoneAdd-GroupPhoneNumber {
    background-position: 0 -1674px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendGroup {
    background-position: 0 -1767px;
    width: 72px;
    height: 92px;
}

.acc .spr-BulkSend {
    background-position: -144px -373px;
    width: 72px;
    height: 92px;
}

.acc .spr-WorkSendQueue {
    background-position: -144px -466px;
    width: 72px;
    height: 92px;
}

.acc .spr-HushmandList {
    background-position: 0 -1860px;
    width: 72px;
    height: 92px;
}

.acc .spr-InboxList {
    background-position: 0 -1953px;
    width: 72px;
    height: 92px;
}

.acc .spr-MatchList-MatchInbox {
    background-position: -73px 0;
    width: 72px;
    height: 92px;
}

.acc .spr-MatchList {
    background-position: -73px -93px;
    width: 72px;
    height: 92px;
}

.acc .spr-ReportMonthly {
    background-position: -73px -186px;
    width: 72px;
    height: 92px;
}

.acc .spr-AutoAdd {
    background-position: -73px -279px;
    width: 72px;
    height: 92px;
}

.acc .spr-OpinionAdd {
    background-position: -73px -372px;
    width: 72px;
    height: 92px;
}

.acc .spr-MatchAdd {
    background-position: -73px -465px;
    width: 72px;
    height: 92px;
}

.acc .spr-PhoneAdd-NewPhoneNumber {
    background-position: -73px -558px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendPorEstefadeAdd {
    background-position: -73px -651px;
    width: 72px;
    height: 92px;
}

.acc .spr-UserAdd {
    background-position: -73px -744px;
    width: 72px;
    height: 92px;
}

.acc .spr-VoteAdd {
    background-position: -73px -837px;
    width: 72px;
    height: 92px;
}

.acc .spr-PhoneList {
    background-position: -73px -930px;
    width: 72px;
    height: 92px;
}

.acc .spr-PhoneGroupList {
    background-position: -73px -1023px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendQuick {
    background-position: -73px -1116px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendPorEstefadeList {
    background-position: -73px -1209px;
    width: 72px;
    height: 92px;
}

.acc .spr-ReceiveSetting {
    background-position: -73px -1302px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendSpecial {
    background-position: -73px -1395px;
    width: 72px;
    height: 92px;
}

.acc .spr-SchaduleList {
    background-position: -73px -1488px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendExcel {
    background-position: -73px -1581px;
    width: 72px;
    height: 92px;
}

.acc .spr-SendItemList {
    background-position: -73px -1674px;
    width: 72px;
    height: 92px;
}

.acc .spr-TagSetting {
    background-position: -73px -1767px;
    width: 72px;
    height: 92px;
}

.acc .spr-UserList {
    background-position: -73px -1860px;
    width: 72px;
    height: 92px;
}

.acc .spr-UserSetting {
    background-position: -73px -1953px;
    width: 72px;
    height: 92px;
}

.acc .spr-VoteList-VoteInbox {
    background-position: -146px 0;
    width: 72px;
    height: 92px;
}

.acc .spr-VoteList {
    background-position: -146px -93px;
    width: 72px;
    height: 92px;
}

.acc .spr-PhoneAdd-WidePhoneNumber {
    background-position: -146px -186px;
    width: 72px;
    height: 92px;
}

.acc .spr-InboxList-black_sms {
    background-position: -146px -279px;
    width: 72px;
    height: 92px;
}

.Elan td {
    background-image: url(/image/panel/NewElan/AllElan.png);
}

.Elan .e2 {
    text-align: center;
    width: 23px;
}

.Elan .e4 {
    text-align: left;
}

.Elanblue .bg {
    background-position: 0 0;
    height: 43px;
    background-repeat: repeat-x;
}

.Elanblue .left {
    background-position: 0 -44px;
    width: 9px;
    height: 43px;
}

.Elanblue .right {
    background-position: 0 -88px;
    width: 9px;
    height: 43px;
}

.Elangreen .bg {
    background-position: 0 -132px;
    height: 43px;
    background-repeat: repeat-x;
}

.Elangreen .left {
    background-position: 0 -176px;
    width: 9px;
    height: 43px;
}

.Elangreen .right {
    background-position: 0 -220px;
    width: 9px;
    height: 43px;
}

.Elanred .bg {
    background-position: 0 -264px;
    height: 43px;
    background-repeat: repeat-x;
}

.Elanred .left {
    background-position: 0 -308px;
    width: 9px;
    height: 43px;
}

.Elanred .right {
    background-position: 0 -352px;
    width: 9px;
    height: 43px;
}

.Elanyellow .bg {
    background-position: 0 -396px;
    height: 43px;
    background-repeat: repeat-x;
}

.Elanyellow .left {
    background-position: 0 -440px;
    width: 9px;
    height: 43px;
}

.Elanyellow .right {
    background-position: 0 -484px;
    width: 9px;
    height: 43px;
}

.Elan .e2 span {
    background-image: url(/image/panel/NewElan/AllIcon.png);
    display: inline-block;
}

.Elanblue .e2 span {
    background-position: 0 0;
    width: 20px;
    height: 18px;
}

.Elangreen .e2 span {
    background-position: -21px 0;
    width: 20px;
    height: 18px;
}

.Elanred .e2 span {
    background-position: -42px 0;
    width: 20px;
    height: 18px;
}

.Elanyellow .e2 span {
    background-position: -63px 0;
    width: 20px;
    height: 18px;
}

.marq td {
    background-image: url(/image/panel/NewElan/marq.png);
}

.marq .bg {
    background-position: 0 0;
    height: 53px;
    background-repeat: repeat-x;
}

.marq .left {
    background-position: 0 -54px;
    width: 16px;
    height: 53px;
}

.marq .right {
    background-position: 0 -108px;
    width: 16px;
    height: 53px;
}

.d {
    width: 100%;
}

.alarmMSG {
    direction: rtl;
}

    .alarmMSG .p {
        height: 50px;
    }

    .alarmMSG .abg {
        background-image: url(/image/panel/fancy/announse-bg.jpg);
        background-repeat: repeat-x;
    }

    .alarmMSG .al {
        background-image: url(/image/panel/fancy/announse-left.jpg);
        background-repeat: no-repeat;
        color: #fff;
        background-position: left;
    }

    .alarmMSG .inr {
        background-image: url(/image/panel/fancy/inbox-right.jpg);
        background-repeat: no-repeat;
        background-position: right;
    }

    .alarmMSG .imr {
        background-image: url(/image/panel/fancy/important_right.jpg);
        background-repeat: no-repeat;
        background-position: right;
    }

        .alarmMSG .inr div, .alarmMSG .imr div {
            padding-right: 60px;
            font-weight: 700;
            color: #fff;
        }

    .alarmMSG .hr {
        border-bottom: 1px solid #d0d0d0;
    }

    .alarmMSG .text {
        padding: 10px;
        padding-top: 0;
        text-align: justify;
        color: #111;
    }

    .alarmMSG #inbox_date, .alarmMSG #ann_date {
        padding-left: 10px;
    }

.topMenu {
    background-image: url(/image/panel/top-menu-bg.jpg);
    background-repeat: repeat-x;
    height: 40px;
    padding: 0 5px;
}

    .topMenu .sep {
        background-image: url(/image/panel/top-menu-sep.jpg);
        background-repeat: repeat-x;
        width: 6px;
        height: 36px;
        display: inline-block;
        margin: 0 3px;
    }

    .topMenu .link {
        padding-right: 2px;
    }

        .topMenu .link span {
            float: right;
        }

.IconHome {
    background-image: url(/image/panel/home-icon.jpg);
    width: 18px;
    height: 17px;
    display: inline-block;
}

.IconUser {
    background-image: url(/image/panel/user-panel-icon.jpg);
    width: 18px;
    height: 17px;
    display: inline-block;
}

.IconMony {
    background-image: url(/image/panel/money.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}
.IconAgree {
    background-image: url(/image/panel/agree.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px 16px;
}
.IconLogout {
    background-image: url(/image/panel/logout-icon.jpg);
    width: 18px;
    height: 17px;
    display: inline-block;
}

.IconBL {
    background-image: url(/image/bl.gif);
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    margin: 3px 5px;
}

.IsLoading {
    display: inline-block;
    font-weight: normal;
}
.sendloading {
    display: none;
    width: 200px;
    font-family: 'IRANYekan';
    font-size: 15px;
    border: 1px dashed #777070;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    background-color: #FFD54F;
}
.dItem .tb {
    margin-top: 5px;
}

.pilLegen table {
    width: 16px;
    height: 16px;
    border: solid 1px #d2d2d2;
}

.pilLegen {
    text-align: right;
}

#fee_loading {
    background: url(/image/ajax-loader8.gif) no-repeat center bottom transparent;
    height: 27px;
}

.DivFlashIt {
    width: 70px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.en {
    text-align: left;
    direction: ltr;
}

.redstar {
    color: red;
    font-weight: bold;
}

.NewField legend {
    background-color: #fff;
    border: 1px solid #777;
    padding: 5px;
    color: #0d4d89;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.NewField fieldset, .BorderTable {
    margin: 10px;
    background-color: #f1f1f1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #777;
}

.NewField .tbold {
    font-weight: 700;
    color: #000;
}

.NewField .ttext {
    text-align: left;
    line-height: 24px;
}

.NewField input[type="text"], .NewField textarea, .NewField select {
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    padding: 4px;
}

    .NewField input[type="text"]:focus, .NewField textarea:focus, .NewField select:focus {
        color: #111;
        border: 1px solid #111;
    }

.NewField .SubmitForm {
    text-align: left;
    background-color: #d1d1d1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #777;
    padding: 5px;
    margin: 0 10px;
}

    .NewField .SubmitForm input[type="submit"] {
        background-color: #fafafa;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #888;
        padding: 5px;
        color: #111;
        cursor: pointer;
    }

        .NewField .SubmitForm input[type="submit"]:hover {
            background-color: #fff;
            border: 1px solid #111;
            color: #111;
        }

.NewField .Desc {
}

    .NewField .Desc span {
        color: red;
    }

.NewTable td {
    vertical-align: top;
    line-height: 24px;
}

.NewTable input[type="text"], .NewField.NewTable textarea {
    width: 200px;
}

.NewTable select {
    width: 210px;
}

.WSPre {
    white-space: pre;
}

.Acc {
    background: url(/image/acc.png) repeat-x;
    height: 27px;
    border: none;
    padding: 0 5px;
    line-height: 210%;
}

    .Acc:hover {
        background: url(/image/acc_Glass.png) repeat-x;
        cursor: pointer;
    }

    .Acc a {
        color: #005e9e;
        float: left;
    }

.iconMap {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/image/map.png) transparent no-repeat;
    margin-bottom: -5px;
}

.AccIconUp {
    background: url(/image/acc_Icon.png);
    height: 10px;
    width: 10px;
    background-position: 0 0;
    margin: 8px 0 0 3px;
    float: right;
}

.AccIconDown {
    background: url(/image/acc_Icon.png);
    height: 5px;
    width: 10px;
    background-position: 0 -10px;
    margin: 11px 0 0 3px;
    float: right;
}

.ShowDown {
    font-weight: 700;
    color: #000;
}

#tree {
    overflow-y: auto;
    height: 300px;
    width: 670px;
    background-color: #f1f1f1;
}

    #tree li {
        margin: 10px;
    }

    #tree a {
        color: #777676;
    }

.NodeCount {
    float: left;
    display: none;
}

#NodeCount_List input {
    width: 70px;
}

.SendingPanel td {
    padding-bottom: 5px;
}

.QueueResult1 {
    color: #fff;
    padding: 7px 14px;
    border-radius: 4px;
    background: #ff3019;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,48,25,1)),color-stop(100%,rgba(207,4,4,1)));
    background: -webkit-linear-gradient(top,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: -o-linear-gradient(top,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(to bottom,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);
}

.QueueResult2 {
    color: #fff;
    padding: 7px 14px;
    border-radius: 4px;
    background: #80da00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwZGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzVmYjc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiM5ZGY2MWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM4YWUwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiM1N2ExMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiM0OTkwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzc2ZDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,#80da00 0%,#c5fb79 4%,#9df61f 9%,#8ae019 30%,#57a107 78%,#499002 96%,#376d00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#80da00),color-stop(4%,#c5fb79),color-stop(9%,#9df61f),color-stop(30%,#8ae019),color-stop(78%,#57a107),color-stop(96%,#499002),color-stop(100%,#376d00));
    background: -webkit-linear-gradient(top,#80da00 0%,#c5fb79 4%,#9df61f 9%,#8ae019 30%,#57a107 78%,#499002 96%,#376d00 100%);
    background: -o-linear-gradient(top,#80da00 0%,#c5fb79 4%,#9df61f 9%,#8ae019 30%,#57a107 78%,#499002 96%,#376d00 100%);
    background: -ms-linear-gradient(top,#80da00 0%,#c5fb79 4%,#9df61f 9%,#8ae019 30%,#57a107 78%,#499002 96%,#376d00 100%);
    background: linear-gradient(to bottom,#80da00 0%,#c5fb79 4%,#9df61f 9%,#8ae019 30%,#57a107 78%,#499002 96%,#376d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80da00',endColorstr='#376d00',GradientType=0);
}

.QueueResult3 {
    color: #fff;
    padding: 7px 14px;
    border-radius: 4px;
    background: #fdb713;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYjcxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZkZjY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmM4MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNmODk3MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjQ3YzIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,rgba(253,183,19,1) 0%,rgba(255,223,105,1) 4%,rgba(255,200,6,1) 9%,rgba(248,151,28,1) 96%,rgba(244,124,32,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(253,183,19,1)),color-stop(4%,rgba(255,223,105,1)),color-stop(9%,rgba(255,200,6,1)),color-stop(96%,rgba(248,151,28,1)),color-stop(100%,rgba(244,124,32,1)));
    background: -webkit-linear-gradient(top,rgba(253,183,19,1) 0%,rgba(255,223,105,1) 4%,rgba(255,200,6,1) 9%,rgba(248,151,28,1) 96%,rgba(244,124,32,1) 100%);
    background: -o-linear-gradient(top,rgba(253,183,19,1) 0%,rgba(255,223,105,1) 4%,rgba(255,200,6,1) 9%,rgba(248,151,28,1) 96%,rgba(244,124,32,1) 100%);
    background: -ms-linear-gradient(top,rgba(253,183,19,1) 0%,rgba(255,223,105,1) 4%,rgba(255,200,6,1) 9%,rgba(248,151,28,1) 96%,rgba(244,124,32,1) 100%);
    background: linear-gradient(to bottom,rgba(253,183,19,1) 0%,rgba(255,223,105,1) 4%,rgba(255,200,6,1) 9%,rgba(248,151,28,1) 96%,rgba(244,124,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb713',endColorstr='#f47c20',GradientType=0);
}

.BulkHelp {
    float: left;
    margin-top: -181px;
    margin-right: 487px;
    cursor: pointer;
}

.newService {
    background: url(/image/Bulk/new.png) no-repeat;
    width: 32px;
    height: 30px;
    position: absolute;
    margin-top: -21px;
    margin-right: 182px;
}

.SMSHelp {
    float: right;
    margin-top: -157px;
    margin-right: 511px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.IsFixedFeeAlert {
    color: #fff;
    text-align: right;
    /*line-height: 37px;*/
    font-size: 12px;
    font-weight: bold;
    border-radius: 23px;
    padding-right: 10px;
    padding: 10px;
    border: 1px solid #8a0f18;
    background: #ff3019;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ff3019 0%,#cf0404 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));
    background: -webkit-linear-gradient(top,#ff3019 0%,#cf0404 100%);
    background: -o-linear-gradient(top,#ff3019 0%,#cf0404 100%);
    background: -ms-linear-gradient(top,#ff3019 0%,#cf0404 100%);
    background: linear-gradient(to bottom,#ff3019 0%,#cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);
}

    .IsFixedFeeAlert a {
        color: yellow;
    }

.IsFixedFeeAlertGreen {
    color: #fff;
    line-height: 37px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 23px;
    padding-right: 10px;
    border: 1px solid #336833;
    background: #b4ddb4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwNmQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b4ddb4),color-stop(17%,#83c783),color-stop(33%,#52b152),color-stop(67%,#008a00),color-stop(98%,#006d00),color-stop(99%,#fff),color-stop(100%,#006d00));
    background: -webkit-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: -o-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: -ms-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: linear-gradient(to bottom,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4ddb4',endColorstr='#006d00',GradientType=0);
}

    .IsFixedFeeAlertGreen a {
        color: yellow;
    }

.btnSubmit {
    border: 1px solid #05517d;
    background: #56e7e9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2ZTdlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjM2NkM2UxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMzliZWQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzE3M2E0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjMmM2MzlhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMjg2MTk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjMWE2YWEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwYjZiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,#56e7e9 0%,#3cd3e1 4%,#39bed4 22%,#3173a4 70%,#2c639a 87%,#286199 91%,#1a6aa0 96%,#10b6be 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#56e7e9),color-stop(4%,#3cd3e1),color-stop(22%,#39bed4),color-stop(70%,#3173a4),color-stop(87%,#2c639a),color-stop(91%,#286199),color-stop(96%,#1a6aa0),color-stop(100%,#10b6be));
    background: -webkit-linear-gradient(top,#56e7e9 0%,#3cd3e1 4%,#39bed4 22%,#3173a4 70%,#2c639a 87%,#286199 91%,#1a6aa0 96%,#10b6be 100%);
    background: -o-linear-gradient(top,#56e7e9 0%,#3cd3e1 4%,#39bed4 22%,#3173a4 70%,#2c639a 87%,#286199 91%,#1a6aa0 96%,#10b6be 100%);
    background: -ms-linear-gradient(top,#56e7e9 0%,#3cd3e1 4%,#39bed4 22%,#3173a4 70%,#2c639a 87%,#286199 91%,#1a6aa0 96%,#10b6be 100%);
    background: linear-gradient(to bottom,#56e7e9 0%,#3cd3e1 4%,#39bed4 22%,#3173a4 70%,#2c639a 87%,#286199 91%,#1a6aa0 96%,#10b6be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56e7e9',endColorstr='#10b6be',GradientType=0);
}

.btnSubmitGr {
    border: 1px solid #336833;
    background: #b4ddb4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwNmQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b4ddb4),color-stop(17%,#83c783),color-stop(33%,#52b152),color-stop(67%,#008a00),color-stop(98%,#006d00),color-stop(99%,#fff),color-stop(100%,#006d00));
    background: -webkit-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: -o-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: -ms-linear-gradient(top,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    background: linear-gradient(to bottom,#b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#006d00 98%,#fff 99%,#006d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4ddb4',endColorstr='#006d00',GradientType=0);
}

.btnSubmitRe {
    border: 1px solid #9b0a00;
    background: #ffa9a3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTlhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM0YzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ffa9a3 0%,#ff3019 31%,#cf0404 98%,#ffc4c1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffa9a3),color-stop(31%,#ff3019),color-stop(98%,#cf0404),color-stop(100%,#ffc4c1));
    background: -webkit-linear-gradient(top,#ffa9a3 0%,#ff3019 31%,#cf0404 98%,#ffc4c1 100%);
    background: -o-linear-gradient(top,#ffa9a3 0%,#ff3019 31%,#cf0404 98%,#ffc4c1 100%);
    background: -ms-linear-gradient(top,#ffa9a3 0%,#ff3019 31%,#cf0404 98%,#ffc4c1 100%);
    background: linear-gradient(to bottom,#ffa9a3 0%,#ff3019 31%,#cf0404 98%,#ffc4c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa9a3',endColorstr='#ffc4c1',GradientType=0);
}

.btnSubmit, .btnSubmitGr, .btnSubmitRe {
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 8px;
    color: #fff;
    height: 30px;
}

    .btnSubmit:hover, .btnSubmitGr:hover, .btnSubmitRe:hover {
        border-color: #444;
        background: #9f9f9f;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmOWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjOGU4ZThlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjODI4MjgyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNmE2YTZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjNjM2MzYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjNWQ1ZDVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY3Njc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top,#9f9f9f 0%,#8e8e8e 4%,#828282 30%,#6a6a6a 70%,#636363 87%,#5d5d5d 96%,#676767 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9f9f9f),color-stop(4%,#8e8e8e),color-stop(30%,#828282),color-stop(70%,#6a6a6a),color-stop(87%,#636363),color-stop(96%,#5d5d5d),color-stop(100%,#676767));
        background: -webkit-linear-gradient(top,#9f9f9f 0%,#8e8e8e 4%,#828282 30%,#6a6a6a 70%,#636363 87%,#5d5d5d 96%,#676767 100%);
        background: -o-linear-gradient(top,#9f9f9f 0%,#8e8e8e 4%,#828282 30%,#6a6a6a 70%,#636363 87%,#5d5d5d 96%,#676767 100%);
        background: -ms-linear-gradient(top,#9f9f9f 0%,#8e8e8e 4%,#828282 30%,#6a6a6a 70%,#636363 87%,#5d5d5d 96%,#676767 100%);
        background: linear-gradient(to bottom,#9f9f9f 0%,#8e8e8e 4%,#828282 30%,#6a6a6a 70%,#636363 87%,#5d5d5d 96%,#676767 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f9f9f',endColorstr='#676767',GradientType=0);
    }

.ccontent {
    text-align: right;
    direction: rtl;
    line-height: 200%;
    font-family: tahoma;
    font-size: 12px;
    margin-bottom: 10px;
}

.calert {
    color: red;
}

.box_ws {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #f0eeef;
    border: 1px solid #c7c7c7;
    text-align: right;
    padding: 0;
    border-radius: 2px;
    border-top: none;
}

.box_ws_title {
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #cacaca;
    border-bottom: none;
    line-height: 31px;
    padding-right: 10px;
    color: #4b4b4b;
    font-size: 9pt;
    font-weight: bold;
    height: 33px;
    border-left: 1px solid #edca24;
    border-right: 1px solid #edca24;
    background-image: url(/image/panel/grid-header.png);
    background-repeat: repeat-x;
}

.box_ws_content {
    padding: 2px 40px 2px 2px;
    border: medium none;
    line-height: 30px;
}

.box_ws_futures {
    height: 200px;
    width: 48%;
    float: right;
    margin-left: 10px;
}

    .box_ws_futures .left {
        float: left;
        margin-left: 0;
    }

.box_ws_footer {
    border-top: 1px solid #d3d1d2;
    padding: 4px;
    text-align: center;
    height: 32px;
    line-height: 30px;
}

.box_ws_futures_title {
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #929292;
}

.box_ws_futures_content ul li:hover {
    color: #111;
    cursor: default;
    background: #e4e4e4;
    top: 0;
    left: 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.margin-top-md {
    width: 786px;
}

.landing-page .margin-bottom-lg {
    margin-bottom: 30px;
}

.pull-left {
    float: left;
}

.accordion {
    margin: 0;
    padding: 10px;
    height: 20px;
    line-height: 20px;
    border-top: #f0f0f0 1px solid;
    font-family: tahoma;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 8pt;
    background: #fff;
    position: relative;
    padding-right: 52px;
}

.accordion-open {
    background: #ccc;
    color: #111;
}

div.container {
    padding: 0;
    margin: 0;
}

div.content {
    background: #f0f0f0;
    margin: 0;
    font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    min-height: 220px;
    height: 220px;
    overflow: auto;
    direction: ltr;
    text-align: left;
    line-height: 0;
    width: 787px;
}

    div.content ul, div.content p {
        padding: 0;
        margin: 0;
        padding: 3px;
    }

        div.content ul li {
            list-style-position: inside;
            line-height: 25px;
        }

            div.content ul li a {
                color: #555;
            }

code {
    display: block;
    padding: .5em;
    color: #333;
    background: #f8f8ff;
    font: 13px/20px "Courier New",Courier,mono;
    overflow: auto;
}

.phpico, .csharpico, .javaico, .vbico {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 5px;
}

.phpico {
    background: url(/image/php.png) no-repeat;
}

.csharpico {
    background: url(/image/csharp.png) no-repeat;
}

.javaico {
    background: url(/image/java.png) no-repeat;
}

.vbico {
    background: url(/image/asp.png) no-repeat;
}

.btnDownload {
    background: url(/image/download.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 5px;
    cursor: pointer;
    border: none;
}

.cbox-right {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
}

.cbox-left {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
}

.btn-dl {
    width: 331px;
    text-align: center;
    height: 55px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 4px;
    line-height: 1.428571429;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: IRANYekan;
}

.btn-no {
    cursor: default;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #363636;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#444,#222);
    border-left-color: #222;
    border-right-color: #222;
    border-top-color: #222;
    border-bottom-color: #000;
}

.btn-blue {
    color: #fff;
    background-color: #49afcd;
    background-repeat: repeat-x;
    border: 1px solid #0392bc;
    background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
}

.btn-green {
    color: #fff;
    background: #19c782;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5Yzc4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjMWJjNDgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiMxYWM1ODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMxOWMwN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiMwZWE4NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDg5ZDYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,#19c782 0%,#1bc481 4%,#1ac581 8%,#19c07b 20%,#0ea862 68%,#089d63 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#19c782),color-stop(4%,#1bc481),color-stop(8%,#1ac581),color-stop(20%,#19c07b),color-stop(68%,#0ea862),color-stop(100%,#089d63));
    background: -webkit-linear-gradient(top,#19c782 0%,#1bc481 4%,#1ac581 8%,#19c07b 20%,#0ea862 68%,#089d63 100%);
    background: -o-linear-gradient(top,#19c782 0%,#1bc481 4%,#1ac581 8%,#19c07b 20%,#0ea862 68%,#089d63 100%);
    background: -ms-linear-gradient(top,#19c782 0%,#1bc481 4%,#1ac581 8%,#19c07b 20%,#0ea862 68%,#089d63 100%);
    background: linear-gradient(to bottom,#19c782 0%,#1bc481 4%,#1ac581 8%,#19c07b 20%,#0ea862 68%,#089d63 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19c782',endColorstr='#089d63',GradientType=0);
    border: 1px solid #018a54;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.btn-sm {
    padding: 4px 10px;
    font-size: 8pt;
    line-height: 1.5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*min-height: 18px;*/
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
    color: #f3f3f3;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
    color: #f3f3f3;
    background-color: #47a447;
    border-color: #398439;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
        height: 16px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus, .form-control:hover, .form-control:focus:hover {
        border-color: #66afe9;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    }

    .form-control:invalid {
        background-color: #ffe8e8;
        border-color: #cbabab;
        outline: 0;
    }

        .form-control:invalid:focus, .form-control:invalid:active, .form-control:invalid:hover {
            background-color: #ffe8e8 !important;
            border-color: #cbabab;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,102,102,.6) !important;
            -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,102,102,.6) !important;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,102,102,.6) !important;
        }

    .form-control[disabled="disabled"] {
        background-color: #f4f4f4;
    }

.form-sm {
    width: 15px;
}

.form-lg {
    width: 120px;
}

input:focus {
    -moz-box-shadow: 0 0 3px #ddd inset !important;
    -webkit-box-shadow: 0 0 3px #ddd inset !important;
    box-shadow: 0 0 3px #ddd inset !important;
    border: 1px solid #bebebe;
}

.box_search {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #fafafa;
    border: 1px solid #b8b8b8;
    text-align: right;
    padding: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-top: none;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    margin-bottom: 10px;
}

    .box_search .item {
        padding: 2px;
        border: none;
        min-height: 30px;
        padding-right: 40px;
        line-height: 30px;
    }

    .box_search .item-content {
        padding: 6px;
        text-align: justify;
        line-height: 20px;
        color: #444;
    }

        .box_search .item-content ul, .txtAgreement ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .box_search .item-content ul li, .txtAgreement ul li {
                padding-left: 1em;
                text-indent: .4em;
                text-align: justify;
            }

            .txtAgreement ul li {
                width: 100%;
            }

                .box_search .item-content ul li:before, .txtAgreement ul li:before {
                    content: "• ";
                    color: #fe9b00;
                }

.box-alert {
    border: 1px solid #ff9798;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0 50px 0 8px;
    background: #fdd5d5;
    position: relative;
    clear: both;
}

    .box-alert span {
        color: red;
        font-size: 11px;
        font-weight: bold;
    }

.blobAlert {
    background: url("/image/OnlineSales/icons.png");
    height: 39px;
    width: 32px;
    background-position: 392px -138px;
    position: absolute;
    right: 10px;
    top: 5px;
}

.box_search .box_right, .box_search .box_left {
    float: right;
    width: 28%;
    border: 1px solid rgba(227,218,218,1);
    padding: 4px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: rgba(255,255,255,.69);
}

.ul_box {
    list-style: none;
}

    .ul_box li {
        padding: 0 2px;
        border: 1px solid #ccc;
        margin: 1px 2px;
        width: 357px;
        display: inline-block;
    }

        .ul_box li ul {
            background: rgba(255,255,255,.69);
        }

            .ul_box li ul li {
                width: 300px;
            }

.line_name {
    background: none repeat scroll 0% 0% #fdfbe7;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    line-height: 203%;
    color: #494747;
    border: 1px solid #c5c5c5;
    font-family: tahoma;
    display: flex;
}

.item_child {
    width: 370px;
    display: inline-block;
    position: relative;
}

    .item_child .left {
        position: absolute;
        left: 10px;
    }

    .item_child .select2 {
        position: absolute;
        left: 10px;
        width: 236px !important;
    }

    .item_child .select2lg {
        position: absolute;
        left: 10px;
    }

    .item_child .select2sm {
        position: absolute;
        left: 10px;
    }

    .item_child textarea {
        height: 81px !important;
        position: relative !important;
        width: 460px !important;
    }

.title_box {
    height: 32px;
    line-height: 31px;
    padding-right: 10px;
    color: #565656;
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 5px;
    background: #e3e3e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#e3e3e5 0%,#d6d6d8 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e5),color-stop(100%,#d6d6d8));
    background: -webkit-linear-gradient(top,#e3e3e5 0%,#d6d6d8 100%);
    background: -o-linear-gradient(top,#e3e3e5 0%,#d6d6d8 100%);
    background: -ms-linear-gradient(top,#e3e3e5 0%,#d6d6d8 100%);
    background: linear-gradient(to bottom,#e3e3e5 0%,#d6d6d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e5',endColorstr='#d6d6d8',GradientType=0);
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #b8b8b8;
    border-right: none;
    border-left: none;
}

    .title_box i {
        font-size: 18px;
        padding: 0;
        margin: 0;
        display: inline-block;
        line-height: 39px;
        margin-left: 7px;
    }

.fa-blue {
    color: #0eb0ee;
}

.fa-green {
    color: #00a650;
}

.fa-orange {
    color: #f36e21;
}

.item_footer {
    border-top: 1px solid #d3d1d2;
    padding: 4px;
    text-align: center;
    height: 32px;
    line-height: 30px;
}

.dropdown {
    width: 175px;
    padding: 7px 2px;
    font-size: 8pt;
    list-style: none;
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: tahoma;
    text-align: right;
    float: left;
    direction: rtl !important;
}

    .dropdown:focus, .dropdown:hover {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

.dl_android, .dl_ios {
    margin-top: 6px;
    background: url(/image/MobileApp/pattern.png) repeat-x;
    height: 120px;
    display: inline-block;
    position: relative;
    width: 960px;
    border-right: 1px solid #bdbdbd;
}

.dl_android_logo {
    background: url(/image/MobileApp/ic_android.png) no-repeat;
    height: 120px;
    width: 128px;
    position: absolute;
    left: 0;
}

.dl_ios_logo {
    background: url(/image/MobileApp/icon_iphone.png) no-repeat;
    height: 120px;
    width: 128px;
    position: absolute;
    left: 0;
}

.dl_app_box {
    position: absolute;
    right: 0;
    width: 831px;
    height: 120px;
}

.dl_app_box_main {
    position: relative;
    width: 831px;
    height: 120px;
}

.dl_app_box_main_right {
    position: relative;
    width: 413px;
    height: 120px;
    float: right;
}

.dl_app_box_main_left {
    position: relative;
    width: 413px;
    height: 120px;
    float: left;
}

.dl_app_box_main_div {
    position: relative;
    margin-top: 11px;
    width: 2px;
    height: 98px;
    float: left;
    background: url(/image/MobileApp/divider.png) no-repeat;
}

.download_app_text {
    width: 280px;
    height: 40px;
    float: right;
    margin-top: 44px;
    text-align: justify;
    font-size: 11px;
    font-weight: bolder;
    margin-right: 13px;
    z-index: 200;
}

.download_btn_android {
    position: relative;
    margin-top: 20px;
    margin-left: 22px;
    width: 82px;
    height: 84px;
    float: left;
    background: url(/image/MobileApp/icon_download.png) no-repeat;
}

.download_btn_ios {
    position: relative;
    margin-top: 20px;
    margin-left: 22px;
    width: 95px;
    height: 87px;
    float: left;
    background: url(/image/MobileApp/icon_sibche.png) no-repeat;
}

.map-Box {
    width: 100%;
    height: 700px;
    -ms-grid-row-span: 0;
    grid-row-span: 0;
    border-spacing: 0;
}

.map-Box-viber {
    height: 500px;
}

.map-SideBar {
    width: 212px;
    position: relative;
    border: 1px solid #d5d5d5;
    padding: 4px;
    background: #fff;
}

.map {
}

.map-Loading {
    position: absolute;
    width: 100%;
    height: 700px;
    background: rgba(0,0,0,.15);
    z-index: 999999;
    text-align: center;
    display: none;
}

    .map-Loading div {
        top: 50%;
        position: relative;
        color: #fff;
        text-shadow: 0 0 3px black;
        font-size: 1.3em;
        font-weight: bold;
    }

.map-Loading-Viber {
    height: 500px;
}

#map-canvas {
    min-height: 100% !important;
    height: 100%;
    width: 100%;
    background: rgba(42,42,42,.6);
}

.map-CityBox {
    width: 220px;
    height: 40px;
    position: relative;
    border-bottom: 1px dotted #ccc;
    line-height: 35px;
}

.map-SelectedBox {
    width: 220px;
    height: 500px;
    overflow: auto;
    position: relative;
}

.map-SelectedBox-Viber {
    height: 413px;
}

.map-TotalBox {
    width: 220px;
    height: 85px;
    position: relative;
}

.map-TotalBox-Viber {
    height: 36px;
}

.map-TotalItem {
    height: 35px;
    width: 204px;
    line-height: 33px;
    position: relative;
    margin-bottom: 2px;
    color: #fff;
    padding: 0 10px 0 4px;
    font-family: tahoma;
    font-size: 12px;
    text-shadow: 2px 1px 1px #171616;
}

    .map-TotalItem span {
        position: absolute;
        left: 1px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        line-height: 24px;
        top: 7px;
        padding: 0 6px 0 6px;
        min-width: 40px;
        text-align: center;
        -webkit-box-shadow: inset 0 5px 6px -4px rgba(0,0,0,.82);
        -moz-box-shadow: inset 0 5px 6px -4px rgba(0,0,0,.82);
        box-shadow: inset 0 5px 6px -4px rgba(0,0,0,.82);
        text-shadow: 2px 1px 1px #171616;
    }

    .map-TotalItem.Hamrah {
        background: url(/image/Map/bg_mci.png) repeat-x;
        border: #28a8b5 1px solid;
        border-top: none;
    }

        .map-TotalItem.Hamrah span {
            background: #239daa;
            border-bottom: 1px solid #75dce3;
        }

    .map-TotalItem.Irancell {
        background: url(/image/Map/bg_mtn.png) repeat-x;
        border: #d6a000 1px solid;
        border-top: none;
    }

        .map-TotalItem.Irancell span {
            background: #ff9600;
            border-bottom: 1px solid #ffd800;
        }

    .map-TotalItem.Total {
        background: url(/image/Map/bg_sub.png) repeat-x;
        border: #cd2920 1px solid;
        border-top: none;
    }

        .map-TotalItem.Total span {
            background: #d7332a;
            border-bottom: 1px solid #fd7f70;
        }

    .map-TotalItem.Credit {
        background: url(/image/Map/bg_amount.png) repeat-x;
        margin-bottom: 0;
        border: #008641 1px solid;
        border-top: none;
    }

        .map-TotalItem.Credit span {
            background: #008642;
            border-bottom: 1px solid #61e87f;
        }

.map-Outer {
    border: 1px solid #ccc;
    border-right: none;
    height: 100%;
}

.select2 {
    min-width: 80px;
}

    .select2.Number {
        min-width: 150px;
    }

.select2map {
    width: 180px;
    direction: rtl;
    text-align: right;
}

.map-AreaSelected {
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
}

    .map-AreaSelected li {
        background: #f5f5f5;
        border: 1px solid #d5d5d5;
        height: 36px;
        margin-bottom: 1px;
        line-height: 36px;
        padding: 0 7px 0 0;
        position: relative;
    }

.map-BtnDelete {
    background: url(/image/Map/icons.png) no-repeat -30px 0;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 6px;
    top: 4px;
}

.map-BtnInfo {
    background: url(/image/Map/icons.png) no-repeat -6px 0;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 32px;
    top: 4px;
}

.map-Bubble {
    background: #fff;
    height: 230px;
    width: 296px;
}

    .map-Bubble.Details {
        height: 170px;
    }

.map-BubbleAdd {
    background: #fff;
    height: 300px;
    width: 296px;
}

    .map-BubbleAdd.Details {
        height: 170px;
    }

.map-Bubble-Title {
    background: url(/image/Map/bg_header.png) repeat-x;
    height: 36px;
    position: relative;
    width: 290px;
    line-height: 36px;
    padding-right: 6px;
    font-family: tahoma;
    font-size: 12px;
    color: #000;
}

.map-Bubble-Close {
    background: url(/image/Map/icons.png) no-repeat -55px 0;
    height: 18px;
    position: absolute;
    width: 20px;
    border: none;
    left: 7px;
    top: 10px;
    cursor: pointer;
}

.map-Bubble-Add {
    background: url(/image/Map/icons.png) no-repeat -103px -31px;
    height: 39px;
    width: 101px;
    border: none;
    cursor: pointer;
}

    .map-Bubble-Add:hover {
        background-position: -103px -70px;
    }

.map-Bubble-Delete {
    background: url(/image/Map/icons.png) no-repeat 0 -31px;
    height: 39px;
    width: 101px;
    border: none;
    cursor: pointer;
}

    .map-Bubble-Delete:hover {
        background-position: 0 -70px;
    }

.map-Bubble-Advance {
    border: none;
    cursor: pointer;
    display: inherit;
    color: red;
    text-decoration: underline;
    font-size: 12px;
}

    .map-Bubble-Advance:hover {
        color: gray;
    }

.map-Bubble-Body {
    height: 160px;
    width: 280px;
    padding: 8px;
    background: #fcfcfc;
}

    .map-Bubble-Body.Details {
        height: 118px;
        width: 280px;
    }

.map-Bubble-BodyAdd {
    height: 220px;
    width: 280px;
    padding: 8px;
    background: #fcfcfc;
}

.map-Bubble-Item {
    height: 46px;
    width: 270px;
    padding: 4px;
    line-height: 21px;
    color: #000;
    font-family: tahoma;
    font-size: 11px;
}

.map-Bubble-ItemAdd {
    height: 95px;
    width: 270px;
    padding: 4px;
    line-height: 21px;
    color: #000;
    font-family: tahoma;
    font-size: 11px;
    border-bottom: 1px solid #ccc;
}

.map-form-group {
    position: relative;
}

.map-form-mci, .map-form-irancell, .map-form-viber {
    background: url(/image/Map/icons.png) no-repeat -105px 2px;
    height: 34px;
    width: 31px;
    position: absolute;
    right: 2px;
    border-left: 1px solid #ccb;
}

.map-form-irancell {
    background: url(/image/Map/icons.png) no-repeat -74px 2px;
}

.map-form-viber {
    background: url(/image/viber/web-viber-icon.png) no-repeat 1px 2px;
}

.map-control {
    width: 217px;
    padding-right: 40px !important;
    height: 21px;
}

.map-control-add {
    width: 211px;
    height: 21px;
}

.map-control-add-min {
    width: 59px;
    height: 21px;
}

.map-control-select {
    width: 271px;
    padding-right: 40px;
    height: 35px;
}

.map-form-add-in {
    height: 35px;
    margin-top: 4px;
    position: relative;
}

    .map-form-add-in.mci-row {
    }

    .map-form-add-in.mci-in {
    }

    .map-form-add-in.irancell-row {
    }

    .map-form-add-in.irancell-in {
    }

.map-Bubble-Item.footer {
    border-top: 1px solid #ccc;
    text-align: center;
    height: 60px;
    margin-top: 11px;
    padding-top: 0;
}

.map-Bubble-Item.footerAdd {
    text-align: center;
    height: 40px;
    margin-top: 0;
}

.select-multiple {
    font-family: tahoma;
    font-size: 12px;
    padding: 0;
}

    .select-multiple option {
        height: 16px !important;
        vertical-align: middle !important;
        border-bottom: 1px dotted #d5d5d5;
        padding: 4px;
    }

        .select-multiple option:hover {
            background: #ededed;
        }

        .select-multiple option:checked {
            background: #f3eb8c !important;
        }

    .select-multiple.marg {
        margin-top: 7px;
    }

.fa-in {
    font-size: 14px !important;
}

.FeeHeader {
    text-align: center;
}

.FeeRow {
    direction: rtl;
    text-align: center;
    font-size: 11px;
    font-family: tahoma;
    color: #3598d5;
}

.fafee {
    display: inline-block;
    width: 49px;
    height: 10px;
    margin-left: 3px;
    background: url(/image/panel/Fee/fa.png) no-repeat;
}

.enfee {
    display: inline-block;
    width: 49px;
    height: 10px;
    margin-left: 3px;
    background: url(/image/panel/Fee/en.png) no-repeat;
}

.Fee-Yellow {
    height: 28px;
    color: #444;
    margin: 0 3px 0 3px;
    border-bottom: none;
    padding: 0 0 !important;
    line-height: 28px;
}

.Fee-Blue {
    height: 28px;
    color: #444;
    margin: 0 3px 0 3px;
    border-bottom: none;
    padding: 0 0 !important;
    line-height: 28px;
}

.Fee-Red {
    height: 28px;
    color: #444;
    margin: 0 3px 0 3px;
    border-bottom: none;
    padding: 0 0 !important;
    line-height: 28px;
}

.Fee-Green {
    height: 28px;
    color: #444;
    margin: 0 3px 0 3px;
    border-bottom: none;
    padding: 0 0 !important;
    line-height: 28px;
}

.Fee-Purpule {
    height: 28px;
    color: #444;
    margin: 0 3px 0 3px;
    border-bottom: none;
    padding: 0 0 !important;
    line-height: 28px;
}

.Fee-Default {
    height: 28px;
    color: #444;
    margin: 0 3px 0 3px;
    border-bottom: none;
    padding: 0 0 !important;
    line-height: 28px;
}

.ribbonMenu {
    width: 100%;
    height: 110px;
    display: inline-block;
    position: relative;
    background: url(/image/RibbonMenu/bg_pattern.png)repeat-x;
}

.ribbonMenu-text {
    height: 110px;
    width: 0;
    float: right;
    display: inline-block;
    background-position: center center;
}

.ribbonMenu-Main {
}

.ribbonMenu-contain {
    width: 870px;
    height: 110px;
    margin: 0 auto;
}

    .ribbonMenu-contain tr td {
        width: 80px;
        height: 104px;
        padding: 0;
    }

        .ribbonMenu-contain tr td a {
            width: 100px;
            height: 104px;
            display: inline-block;
            -moz-transition: .2s linear;
            -o-transition: .2s linear;
            -webkit-transition: .2s linear;
            transition: .2s linear;
        }

.ribbonMenu-Map {
    background: url(/image/RibbonMenu/map.png)no-repeat center center;
}

    .ribbonMenu-Map:hover {
        background: url(/image/RibbonMenu/map_hover.png)no-repeat center center;
    }

.ribbonMenu-Bulk {
    background: url(/image/RibbonMenu/bulk.png)no-repeat center center;
}

    .ribbonMenu-Bulk:hover {
        background: url(/image/RibbonMenu/bulk_hover.png)no-repeat center center;
    }

.ribbonMenu-Work {
    background: url(/image/RibbonMenu/mashaghel.png)no-repeat center center;
}

    .ribbonMenu-Work:hover {
        background: url(/image/RibbonMenu/mashaghel_hover.png)no-repeat center center;
    }

.ribbonMenu-Place {
    background: url(/image/RibbonMenu/pin.png)no-repeat center center;
}

    .ribbonMenu-Place:hover {
        background: url(/image/RibbonMenu/pin_hover.png)no-repeat center center;
    }

.ribbonMenu-Viber {
    background: url(/image/RibbonMenu/viber.png)no-repeat center center;
}

    .ribbonMenu-Viber:hover {
        background: url(/image/RibbonMenu/viber_hover.png)no-repeat center center;
    }

.ribbonMenu-Code {
    background: url(/image/RibbonMenu/code.png)no-repeat center center;
}

    .ribbonMenu-Code:hover {
        background: url(/image/RibbonMenu/code_hover.png)no-repeat center center;
    }

.ribbonMenu-Text {
    background: url(/image/RibbonMenu/text.png)no-repeat center center;
}

    .ribbonMenu-Text:hover {
        background: url(/image/RibbonMenu/text_hover.png)no-repeat center center;
    }

.ribbonMenu-BTS {
    background: url(/image/RibbonMenu/bts.png)no-repeat center center;
}

    .ribbonMenu-BTS:hover {
        background: url(/image/RibbonMenu/bts_hover.png)no-repeat center center;
    }

.ribbonMenu-IOS {
    background: url(/image/RibbonMenu/ios.png)no-repeat center center;
}

    .ribbonMenu-IOS:hover {
        background: url(/image/RibbonMenu/ios_hover.png)no-repeat center center;
    }

.ribbonMenu-Android {
    background: url(/image/RibbonMenu/android.png)no-repeat center center;
}

    .ribbonMenu-Android:hover {
        background: url(/image/RibbonMenu/android_hover.png)no-repeat center center;
    }

.fee-content {
    border-left: 1px solid #787677;
    border-bottom: 1px solid #787677;
    width: 726px;
    margin: 0 auto;
    text-align: center;
    border-spacing: 0;
}

    .fee-content thead {
        background: #a7a5a6;
    }

        .fee-content thead tr {
        }

            .fee-content thead tr td {
                border: 1px solid #787677;
                color: #fff;
                border-bottom: none;
                border-left: none;
                padding: 4px;
            }

    .fee-content tbody tr {
    }

        .fee-content tbody tr td {
            border: 1px solid #787677;
            border-bottom: none;
            border-left: none;
            padding: 8px;
            font-size: 12px;
        }

    .fee-content .firstrow {
        background: #d5d3d4;
    }

    .fee-content .secondrow {
        background: #eaeaea;
    }

    .fee-content .selectedrow {
        background: #fffddb;
    }

.send-box {
    background: #f5f5f5;
    padding: 10px;
    width: 486px;
    border: 1px solid #919b9c;
}

.hr-dashed {
    border: 1px dashed silver;
    border-bottom: none;
    margin: 10px;
}

.box-total {
    border: 1px solid #7ec6de;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #d0f4ff;
    padding: 0 4px 0 4px;
    display: inline-block;
    width: 133px;
    text-align: center;
}

.box-total-z {
    border: 1px solid #f7941d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ffc233;
    display: inline-block;
    text-align: right;
    width: 100%;
}

.txtAgreement {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #c6c6c6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: tahoma;
    font-size: 12px;
    height: 123px;
    line-height: 200%;
    padding: 10px;
    text-align: justify;
    width: 96%;
}

.master_toolbar {
    background: url(/image/pattern_header.png) repeat scroll 0 0 rgba(0,0,0,0);
    border-bottom: 1px solid rgba(204,204,204,.49);
    font-family: tahoma;
    font-size: 9pt;
    height: 40px;
    padding-right: 10px;
    width: 100%;
}

.bts-banner {
    background: url(/image/BTS/banner-bts.png) no-repeat;
    width: 200px;
    height: 336px;
    float: left;
    margin-bottom: 10px;
}

.Viber-banner {
    background: url(/image/viber/viber_banner.png) no-repeat;
    width: 200px;
    height: 336px;
    float: left;
    margin-bottom: 10px;
}

.grayscale {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.GridCBox {
    background-color: #eaf5ff;
    border: 1px solid #c4e1ff;
    min-height: 33px;
    text-align: right;
    border-right: none;
    padding-right: 10px;
}

.divGridPaging {
    float: left;
    margin: 10px 0 0 3px;
}

.PageLinkActive {
    background-color: #f0d760;
    border: 1px solid #d2d2d2;
    text-align: center;
    font-weight: 700;
    padding: 3px 6px;
    margin-right: 3px;
}
.page-item, .next-item, .last-item, .prev-item, .first-item {
    float: left;
    list-style: none;
}
.PageLink, .page-item {
    background-color: #ebebeb;
    border: 1px solid #d2d2d2;
    text-align: center;
    padding: 3px 6px;
    margin-right: 3px;
}
.next-item > .page-link, .prev-item > .page-link {
    padding: 10px;
}
.last-item > .page-link, .first-item > .page-link {
    padding: 10px;
}
.last-item {
    margin-left: 3px;
}
.first-item, .prev-item {
    margin-right: 3px;
}
.page-item {
    background-color: transparent;
    border: none;
    padding: 0px;
}
.line-dash {
    border-top: 1px dashed #dcdcde;
    padding: 2px;
    margin: 0 20px;
}

.viber-table {
    border-spacing: 1px 1px;
}

    .viber-table tr td img {
        width: 34px;
        height: 34px;
    }

        .viber-table tr td img:hover {
            border: 1px solid #c725ff;
            cursor: pointer;
            width: 32px;
            height: 32px;
            background: rgba(199,37,255,.2);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

.send-box-upload {
    background: url(/image/viber/PIC-VIBER.jpg) no-repeat;
    height: 296px;
    width: 296px;
    margin: 0 auto;
    margin-top: 30px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    text-align: center;
    padding: 2px;
}

.viberIMG {
    margin: 0 auto;
    width: 296px;
    height: 296px;
}

.loading {
    display: block;
}

.send-box-button {
    padding: 4px;
    width: 292px;
    height: 30px;
    text-align: center;
    margin-right: 10px;
}

    .send-box-button span {
        width: 200px;
    }

.fee-content-IMG {
    border: 1px solid #787677;
    width: 724px;
    margin: 0 auto;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    background: #d0f4ff;
    border-top: none;
}

.map-Bubble-viber {
    background: #fff;
    height: 150px;
    width: 296px;
}

.map-Bubble-Body-viber {
    height: 100px;
    width: 280px;
    padding: 8px;
    background: #fcfcfc;
}

.map-Bubble-Item.footer-viber {
    text-align: center;
    height: 38px;
    margin-top: 6px;
}

.ticketcontainer {
    padding: 10px;
}

    .ticketcontainer .page-header {
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
        box-shadow: 0 1px 0 rgba(255,255,255,.5);
        border-bottom: 1px solid #ddd;
        margin: 0 0 10px 0 !important;
        padding: 0 0 5px 0;
        direction: rtl;
    }

    .ticketcontainer .contentpadded {
        padding: 15px;
        background: #fff;
        -moz-border-radius: 11px 11px 0 0;
        -webkit-border-radius: 11px 11px 0 0;
        border-radius: 11px 11px 0 0;
    }

    .ticketcontainer .detailscontainer {
        margin: 10px 0 20px 0;
        text-align: center;
        height: 60px;
        line-height: 30px;
        border: 1px solid #787878;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        border-spacing: 0;
    }

        .ticketcontainer .detailscontainer thead tr {
            background-color: #949494;
            color: #fff;
        }

            .ticketcontainer .detailscontainer thead tr td {
            }

        .ticketcontainer .detailscontainer tr {
            background: #e1e1e1;
            border: 1px solid #787878;
            color: #000;
        }

            .ticketcontainer .detailscontainer tr td {
                border: 1px solid #787878;
                border-left: none;
                border-bottom: none;
                width: 25%;
            }

                .ticketcontainer .detailscontainer tr td:first-child {
                    border-right: none;
                }

    .ticketcontainer .col4 {
        float: right;
        margin: 0;
        padding: 0;
        width: 25%;
    }

    .ticketcontainer .internalpadding {
        padding: 4px 0;
        border: 1px solid #787878;
        border-left: none;
    }

        .ticketcontainer .internalpadding:last-child {
            border-left: 1px solid #787878;
        }

    .ticketcontainer .detailscontainer .detail {
        margin: 3px 0;
        padding: 6px;
        background-color: #e1e1e1;
        text-align: center;
        font-weight: normal;
        color: #000;
    }

    .ticketcontainer .detailscontainer:last-child .detail {
        border-left: 1px solid #787878;
    }

    .ticketcontainer .table {
        width: 100%;
        margin-bottom: 18px;
    }

        .ticketcontainer .table th, .ticketcontainer .table td {
            padding: 8px;
            line-height: 18px;
            text-align: right;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        .ticketcontainer .table .table-framed {
            border: 1px solid #ddd;
            border-collapse: separate;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

    .ticketcontainer .ticketreplybox {
        margin: 20px 0;
        padding: 15px;
        background-color: #f8f8f8;
        border: 1px solid #e8e8e8;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

    .ticketcontainer .ticketmsgs {
        margin: 20px 0;
        padding: 0;
        color: #000;
    }

        .ticketcontainer .ticketmsgs .adminheader {
            margin: 0;
            padding: 5px 10px;
            background-color: #666;
            color: #fff;
            font-weight: bold;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .ticketcontainer .ticketmsgs .adminmsg {
            line-height: 24px;
            margin: 0 10px;
            min-height: 100px;
            padding: 10px 15px;
        }

        .ticketcontainer .ticketmsgs .clientheader {
            margin: 0;
            padding: 5px 10px;
            background-color: silver;
            color: #fff;
            font-weight: bold;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .ticketcontainer .ticketmsgs .clientmsg {
            margin: 0 10px;
            padding: 10px 15px;
            min-height: 100px;
            white-space: pre-wrap;
            line-height: 16px;
        }

.hide {
    display: none;
}

.table-framed {
    border: 1px solid #ddd;
    border-collapse: separate;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ticketcontainer h1 {
    font-family: tahoma;
    text-shadow: 0 0 1px #ccc;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
}

.ticketcontainer h2 {
    font-family: tahoma;
    text-shadow: 0 0 1px #ccc;
    font-size: 14px;
    font-weight: normal;
    line-height: 36px;
}

.styled_title {
    padding: 7px 12px 7px 0;
    color: #000;
}

.icon-m {
    font-size: 14px !important;
}

.ticket-box {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #e2eff7;
    border: 1px solid #abc1cf;
    text-align: right;
    padding: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-top: none;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    margin-bottom: 10px;
}

.ticket-title {
    height: 32px;
    line-height: 36px;
    padding-right: 10px;
    padding-left: 8px;
    color: #565656;
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 5px;
    background: #e2eff7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#e2eff7 0%,#c6deec 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2eff7),color-stop(100%,#c6deec));
    background: -webkit-linear-gradient(top,#e2eff7 0%,#c6deec 100%);
    background: -o-linear-gradient(top,#e2eff7 0%,#c6deec 100%);
    background: -ms-linear-gradient(top,#e2eff7 0%,#c6deec 100%);
    background: linear-gradient(to bottom,#e2eff7 0%,#c6deec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2eff7',endColorstr='#c6deec',GradientType=0);
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #abc1cf;
    border-right: none;
    border-left: none;
}

.ticket_footer {
    border-top: 1px solid #abc1cf;
    padding: 4px;
    text-align: center;
    height: 32px;
    line-height: 30px;
}

.hr-line {
    border-top: 1px solid #f8931d;
    border-bottom: 1px solid #feda46;
    height: 0;
    margin: 10px;
}

.IconTicket {
    background-image: url(/image/panel/ic_ticket.png);
    width: 16px;
    height: 15px;
    display: inline-block;
}

.alert {
    padding: 9px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)
}

.alert-success {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1
}

.alert-info {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea
}

.alert-warning {
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e
}

.alert-danger {
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7
}

.number-require-whois {
    background-color: #b30000;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.number-is-service-brown {
    background-color: #b35700;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.number-is-service-purple {
    background-color: #6200b3;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.number-is-service-blue {
    background-color: #0085b3;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.number-is-service-green {
    background-color: #00b39f;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.number-is-service-pink {
    background-color: #d90f83;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.number-is-common {
    background-color: #0700b3;
    color: #fff;
    border-radius: 9px;
    padding: 2px;
}
.top-ribbon {
    background-color: #FCFBF9;
    color: #000;
    direction: rtl;
    padding: 10px;
    /*width: 100%;*/
    display: block;
    font-size: 13px;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
}

fieldset {
    background-color: #EAF5FF;
    border: 1px solid #C4E1FF;
    padding-top: 20px;
}

    fieldset legend {
        background-color: #457FD1;
        border-radius: 9px;
        color: #fff;
        padding: 6px;
    }

    fieldset .desc {
        position: relative;
        padding-right: 35px;
    }

        fieldset .desc:before {
            font-family: "FontAwesome";
            content: "\f05a";
            display: inline-block;
            /* padding-right: 3px; */
            /* vertical-align: middle; */
            font-weight: 900;
            font-size: 28px;
            position: absolute;
            right: 5px;
            color: #2ab13b;
        }

        fieldset .desc p {
            margin: 0px;
            line-height: normal;
        }

        fieldset .desc ul {
            padding-right: 20px;
        }

.alert-white {
    background-color: #fff;
}


/*.popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    direction: rtl;
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem;
}

.popover-header {
    display: none;
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529;
}

    .popover-body h5 {
        margin: 5px;
    }
*/
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    direction: ltr;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.popup-footer {
    text-align: center;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #06498e;
    height: 50px;
    padding-top: 10px;
    /* line-height: 40px; */
    width: 100%;
}
.redirect-box {
/*    background-color: #ff5e00;
    border: 1px solid #d89c14;*/
    display: inline-block;
    margin-top: 80px;
    text-align: right;
    padding: 15px;
    border-radius: 9px;
    /*color: #fff;*/
/*    -webkit-box-shadow: 0px 0px 8px -5px #000000;
    box-shadow: 0px 0px 8px -5px #000000;*/
}
.notify-bullet {
    background-color: red;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 15px;
    float: none !important;
    display: inline-block;
}
.Grid {
    background-color: #fff;
    width: 100%;
    margin: 5px 0 10px 0;
    border: none;
    border-collapse: collapse;
    color: #474747;
}

    .Grid td {
        height: 34px;
        padding: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: solid 1px #c1c1c1;
        font-size: 11px;
        text-align: center;
        position: relative;
    }

    .Grid th a {
        color: #fffffd;
        font-size: 11px;
        text-decoration: none;
    }

    .Grid th {
        height: 33px;
        padding: 1px;
        position: sticky;
        top: 0px;
        background-image: url(/image/panel/grid-header.png);
        background-repeat: repeat-x;
        border: none;
    }

    .Grid .alt {
        background: #ececec;
    }

    .Grid .pgr {
        background: #363670;
    }

        .Grid .pgr table {
            margin: 3px 0;
        }

        .Grid .pgr td {
            text-align: center !important;
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .Grid .pgr a {
            color: gray;
            text-decoration: none;
        }

            .Grid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .Grid tr:hover {
        background-color: #fffddb;
    }

.QueueNumber {
    position: relative;
    text-align: right !important;
    /*font-size: 13px !important;*/
    width: 105px;
}

    .QueueNumber a {
        font-size: 11px !important;
    }

    .QueueNumber .blackHandle, .QueueNumber .pendingHandle {
        position: absolute;
        left: 5px;
    }

    .QueueNumber .pendingHandle {
        font-size: 12px !important;
    }

    .QueueNumber a {
        text-decoration: underline;
        text-decoration-style: dotted;
        text-decoration-color: blue;
        font-weight: 600;
    }

        .QueueNumber a .fa-thumbs-up {
            font-size: 15px;
            /*margin-right: 5px;*/
            color: green;
            position: absolute;
            left: 5px;
        }

        .QueueNumber a .fa-thumbs-down {
            font-size: 15px;
            /*margin-right: 5px;*/
            color: red;
            position: absolute;
            left: 5px;
        }

        .QueueNumber a .fa-magic {
            font-size: 13px;
            /*margin-right: 5px;*/
            /*color: #fff;*/
        }

    .QueueNumber .fa-clock-o {
        color: blue;
        font-size: 14px;
        margin-left: 5px;
    }

.ico_green {
    color: #fff;
    background: #23dd57;
    padding: 7px 0;
    border-radius: 4px;
    min-width: 70px;
}

.ico_orange {
    color: #fff;
    background: #f0ad4e;
    padding: 7px 0;
    border-radius: 4px;
    min-width: 70px;
}

.ico_blue {
    color: #fff;
    background: #2bcbfd;
    padding: 7px 0;
    border-radius: 4px;
    border: 1px solid #5ab6ff;
    min-width: 70px;
}

.ico_red {
    color: #fff;
    background: #f04e4e;
    padding: 7px 0;
    border-radius: 4px;
    min-width: 70px;
}

.ico_gray {
    color: #1d1c1c;
    background: #e6e6e6;
    padding: 7px 2px;
    border-radius: 4px;
    border: 1px solid #a7a7a7;
    min-width: 70px;
}
.btn-danger-small {
    background-color: #d9534f;
    color: #fff;
    border-color: #d43f3a;
    padding: 3px;
    border-radius: 5px;
}

.btn-success-small {
    background-color: #5cb85c;
    color: #fff;
    border-color: #4cae4c;
    padding: 3px;
    border-radius: 5px;
}

.btn-warning-small {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
}
.route {
    background-image: url(/image/route.png);
    width: 19px;
    height: 20px;
    position: absolute;
    left: 22px;
    display: inline-block;
    background-size: cover;
}
.special-ok {
    background-image: url(/image/specialok.png);
    width: 19px;
    height: 19px;
    position: absolute;
    left: 3px;
    display: inline-block;
    background-size: cover;
}

.special-notok {
    background-image: url(/image/specialnotok.png);
    width: 19px;
    height: 19px;
    position: absolute;
    left: 3px;
    display: inline-block;
    background-size: cover;
}

.btn-black {
    background-color: #000000;
    border-color: #2f2f2f;
    color: #fff;
}

    .btn-black:hover {
        color: #fff;
    }

.btn-brown {
    color: #fff !important;
    background-color: #945700;
    border-color: #88550c;
}

    .btn-brown:hover {
        color: #fff;
    }

.btn-barberry {
    color: #fff;
    background-color: #b90732;
    border-color: #9f062b;
}

    .btn-barberry:hover {
        color: #fff;
    }

.queue-main-detail {
    border-collapse: collapse;
    margin: 20px auto 20px auto;
}

    .queue-main-detail tr {
        margin-bottom: 2px;
        margin-top: 2px;
        /*display: block;*/
    }

.queue-main-detail-item {
    background-color: #2b65a7;
    color: #fff;
    width: 100px;
    text-align: right !important;
    font-size: 10px !important;
}

    .queue-main-detail-item + td {
        width: 120px;
        /*text-align: right !important;*/
    }

        .queue-main-detail-item + td > .fa {
            font-size: 15px;
        }

        .queue-main-detail-item + td > .fa-remove {
            color: red;
        }

        .queue-main-detail-item + td > check {
            color: green;
        }


.GridCBox {
    background-color: #eaf5ff;
    border: 1px solid #c4e1ff;
    min-height: 38px;
    text-align: right;
    padding-right: 10px;
    direction: rtl;
}

    .GridCBox.Top {
        border-bottom: none;
        min-height: 34px;
    }

    .GridCBox.Mid {
        border-bottom: none;
        border-top: none;
        min-height: 35px;
    }

    .GridCBox.Bot {
        border-top: none;
        min-height: 34px;
    }

.GridCBoxTitle {
    color: #fff;
    font-size: 12px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    padding-left: 5px;
}

    .GridCBoxTitle.Multi {
        background: #eaf5ff url("/image/Queue/CBoxTitleMulti.png") no-repeat top left;
        width: 82px;
        right: -8px;
        position: absolute;
        top: 0px;
    }

    .GridCBoxTitle.Single {
        background: #eaf5ff url("/image/Queue/CBoxTitle.png") no-repeat top left;
    }

    .GridCBoxTitle.Mid {
        background-color: #eaf5ff;
        border-right: 1px solid #c4e1ff;
        height: 35px;
        margin-right: 10px;
    }

    .GridCBoxTitle.Bot {
        background-color: #eaf5ff;
        border-right: 1px solid #c4e1ff;
        border-bottom: 1px solid #c4e1ff;
        height: 34px;
        margin-right: 10px;
    }

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    /*direction: ltr;*/
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.msg-textbox {
    position: relative;
}

    .msg-textbox .fa-smile-o {
        position: absolute;
        left: 10px;
        background-color: transparent;
        bottom: 10px;
        font-size: 25px;
        cursor: pointer;
    }
.emoji {
    font-family: NotoColorEmojiLimited;
    font-size: 15px;
}
.emojibox {
    position: absolute;
    bottom: 35px;
    background-color: rgba(0, 0, 0, 0.85);
    width: 200px;
    left: 10px;
    height: 135px;
    text-align: justify;
    display: none;
    border-radius: 9px;
    padding: 10px;
    overflow: hidden;
}

    .emojibox .emoji {
        font-family: NotoColorEmojiLimited;
        cursor: pointer;
        margin: 5px;
        font-size: 18px;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    }
#ctl00_ContentPlaceHolder1_ctl04_msgTextBox2_tbMainMessage {
    height: 162px;
    width: 95%;
    font-family:Tahoma;
}
#ctl00_ContentPlaceHolder1_ctl04_msgTextBox2_tbMainMessage emoji {
    font-family: NotoColorEmojiLimited;
}
.tag {
    display: block;
    background-color: #c6d0ff;
    padding: 10px;
    margin-top: 5px;
    border-radius: 9px;
}

    .tag i {
        display: inline-block;
        background-color: #1f5dbb;
        font-style: normal;
        padding: 3px;
        color: #fff;
        margin: 1px;
        border-radius: 9px;
        cursor: pointer;
    }
        .tag i.green {
            background-color: #047446;
        }

        .tag i:hover {
            background-color: #083a87;
        }
.editor-tag {
    background-color: #1f5dbb;
}
.swal2-html-container {
    direction: rtl;
}
.bug-img {
    position: absolute;
    width: 25px;
    left: 0px;
}