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

p {
    direction: rtl;
    text-align: right;
}

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

    a:hover {
        text-decoration: none;
    }

.header {
    background-image: url(/image/panel/header-center.jpg);
}

    .header div {
        padding: 0px;
    }

.header-info {
    background: #5a5a5a; /* Old browsers */
    background: -moz-linear-gradient(top, #5a5a5a 0%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a5a5a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a5a5a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    line-height: 35px;
    color: #cfcfcf;
}

    .header-info a {
        color: #cfcfcf;
        border-left: 1px solid #5b5a5a;
        padding-left: 5px;
    }

        .header-info a:last-child {
            border-left: none;
        }

    .header-info .credit {
        background-color: #e28402;
        border-radius: 15px;
        padding: 4px;
        color: #fff;
    }

    .header-info svg {
        margin-left: 4px;
    }

.box-nav {
    background: #5a5a5a; /* Old browsers */
    background: -moz-linear-gradient(top, #5a5a5a 0%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a5a5a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a5a5a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    line-height: 32px;
    color: #fff;
    padding: 0px;
    margin-top: 15px;
    position: relative;
}

    .box-nav .archive {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .box-nav .nav-link {
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        color: #fff;
        border-top-left-radius: .95rem;
        border-top-right-radius: .95rem;
        margin-top: 2px;
    }

    .box-nav .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #1b1b1b;
        border-color: #dee2e6 #dee2e6 #fff;
    }

.page-header {
    background: #5a5a5a; /* Old browsers */
    background: -moz-linear-gradient(top, #5a5a5a 0%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a5a5a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a5a5a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    line-height: 32px;
    color: #fff;
    margin-top: 15px;
    /* border-radius: 10px; */
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 10px;
    text-align: right;
    direction: rtl;
    border: 1px solid transparent;
    position: relative;
}

    .page-header a {
        position: absolute;
        left: 10px;
        top: 8px;
    }

.page-body {
    background-color: #fff;
    padding: 3px;
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border: 1px solid #d0cbcbee;
}

#pages_holder {
    margin: 0px;
    padding-top: 15px;
    background-color: hsl(0deg 0% 100% / 50%);
}

.rightmenu {
    /*    padding-left:0px;
    padding-right:0px;*/
    background-color: #e3e1e2;
    padding-top: 15px;
}

    .rightmenu .top .bullet {
        display: block;
        direction: rtl;
        text-align: right;
        background-color: #fff;
        line-height: 25px;
        border-bottom: 1px solid #ececec;
        text-indent: 15px;
        position: relative;
    }

        .rightmenu .top .bullet:before {
            font-family: 'Font Awesome 5 Free';
            content: '\f192';
            color: #ff8100;
            position: absolute;
            right: -11px;
            top: 0px;
            font-size: 8px;
        }

.glossymenu a.menuitem, .menuUnlink {
    background: #5a5a5a; /* Old browsers */
    background: -moz-linear-gradient(top, #5a5a5a 0%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a5a5a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a5a5a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    font-size: 11px;
    color: #fff;
    display: block;
    position: relative;
    width: 100%;
    text-decoration: none;
    background-position: bottom;
    padding-right: 7px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    border: 1px solid #9c9c9c;
    margin-bottom: 1px;
}

.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; */
    direction: rtl;
    text-align: right;
    background-color: #fff;
}

    div.submenu ul li {
        text-indent: 25px;
        position: relative;
        border-bottom: solid 1px #ececec;
        line-height: 30px;
    }

        div.submenu ul li:hover {
            background-color: #dedede;
        }

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

            div.submenu ul li a:hover {
                text-decoration: none;
            }

        div .submenu ul li:before {
            font-family: 'Font Awesome 5 Free';
            content: '\f192';
            color: #ff8100;
            position: absolute;
            right: -17px;
            top: 0px;
            font-size: 8px;
        }

#fee_text ul li {
    text-indent: 0;
    text-align: center;
}

    #fee_text ul li.head {
        background-color: #b5b5b5;
        font-weight: 600;
    }

    #fee_text ul li:before {
        content: '';
    }

.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: url(/image/login-textbox.png) no-repeat;
    width: 224px;
    height: 32px;
    color: #565656;
}

.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 {
    background: url(/image/panel/MBullet.png) no-repeat right;
    padding-right: 15px;
    margin-right: 12px;
}

.submenuN .bullet {
    background: url(/image/panel/MBullet.png) no-repeat right;
    padding-right: 10px;
    margin-right: 10px;
}*/

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

.MainFormBody {
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    background-color: #fff;
    text-align: center;
}

    .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: url(/image/panel/page-header-bg.jpg) 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: url(/image/panel/box-bot-bg.jpg) 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;
}

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

.userType {
    border: 1px solid #ccc;
    background-color: #ededed;
    display: inline-block;
    line-height: 160%;
    color: #444;
    width: 265px;
}

    .userType input {
        float: right;
        margin: 7px 5px 0 0;
        display: inline-block;
    }

    .userType label {
        padding: 5px;
        display: inline-block;
    }

.bl {
    padding-right: 10px;
    margin-right: 10px;
}

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

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

.IsFixedFeeAlertEmpty {
    line-height: 37px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 23px;
    padding-right: 10px;
    border: 1px solid #336833;
}

.btnSubmit {
    border: 1px solid #05517d;
    background: #56e7e9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    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);
    }

.select2 {
    width: 180px;
}

.login_mian {
    height: 100%;
    width: 100%;
}

.login_top {
    min-width: 920px;
}

.login_right {
    background: url(/image/login/bg.png) repeat;
    width: 50%;
    float: right;
    position: relative;
    height: 100%;
}

.login_left {
    background: #006181;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSItMSUiIHN0b3AtY29sb3I9IiMwMDYxODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjE4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODdiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIxMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(0,97,129,1) -1%,rgba(0,97,129,1) 0%,rgba(0,135,181,1) 50%,rgba(0,33,57,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(-1%,rgba(0,97,129,1)),color-stop(0%,rgba(0,97,129,1)),color-stop(50%,rgba(0,135,181,1)),color-stop(100%,rgba(0,33,57,1)));
    background: -webkit-linear-gradient(top,rgba(0,97,129,1) -1%,rgba(0,97,129,1) 0%,rgba(0,135,181,1) 50%,rgba(0,33,57,1) 100%);
    background: -o-linear-gradient(top,rgba(0,97,129,1) -1%,rgba(0,97,129,1) 0%,rgba(0,135,181,1) 50%,rgba(0,33,57,1) 100%);
    background: -ms-linear-gradient(top,rgba(0,97,129,1) -1%,rgba(0,97,129,1) 0%,rgba(0,135,181,1) 50%,rgba(0,33,57,1) 100%);
    background: linear-gradient(to bottom,rgba(0,97,129,1) -1%,rgba(0,97,129,1) 0%,rgba(0,135,181,1) 50%,rgba(0,33,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006181',endColorstr='#002139',GradientType=0);
    height: 100%;
    width: 50%;
    float: left;
    position: relative;
}

.login_left_patt {
    height: 100%;
    background: url(/image/login/pattern_left.png) repeat;
}

.login_footer {
    background: url(/image/login/bg_footers.png) repeat-x;
    width: 100%;
    height: 45px;
    clear: both;
    bottom: 0;
    z-index: 100;
    min-width: 920px;
}

.Triangle {
    background: url(/image/login/arrows.png) no-repeat;
    width: 18px;
    height: 33px;
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -16px;
    z-index: 100;
}

.Logo {
    background: url(/image/login/typo_sunway.png) no-repeat;
    width: 439px;
    height: 281px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -140px;
}

.FormBox {
    width: 380px;
    height: 281px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -140px;
}

.FormBoxContent {
    width: 336px;
    height: 281px;
    position: relative;
    text-align: center;
}

.FormBoxItem {
    height: 46px;
    text-align: center;
    position: relative;
}

.FormBoxItemText {
    height: 25px;
    text-align: right;
    font-family: Tahoma;
    font-size: 9pt;
    color: #000;
}

.txtUserName {
    text-align: left;
    direction: ltr;
    background: url(/image/login/form.png) 0 -12px no-repeat;
    width: 331px;
    height: 46px;
    padding-left: 47px;
    font-weight: bold;
}

    .txtUserName:hover, .txtUserName:focus {
        background-position: 0 -59px;
    }

.txtPassword {
    text-align: left;
    direction: ltr;
    background: url(/image/login/form.png) 0 -106px no-repeat;
    width: 331px;
    height: 46px;
    padding-left: 47px;
    font-weight: bold;
}

    .txtPassword:hover, .txtPassword:focus {
        background-position: 0 -153px;
    }

/*.keyboardInputInitiator {
    position: absolute;
    top: 147px;
    left: 8px;
    content: url(/image/login/icon_keyboard.png);
}

    .keyboardInputInitiator:hover {
        content: url(/image/login/icon_keyboard_hover.png);
    }*/

.btnLogin {
    background: url(/image/login/form.png) 0 -201px no-repeat;
    width: 331px;
    height: 46px;
    color: transparent;
    cursor: pointer;
}

    .btnLogin:hover {
        background-position: 0 -248px;
    }

.footerMain {
    width: 784px;
    height: 45px;
    position: relative;
    margin: 0 auto;
}

.Version {
    position: absolute;
    right: 0;
    top: 15px;
    color: #fff;
    font-family: tahoma;
    font-size: 8pt;
}

.CopyRight {
    position: absolute;
    left: 0;
    top: 15px;
    color: #fff;
    font-family: tahoma;
    font-size: 8pt;
}

    .CopyRight a {
        color: #02bcf9;
        font-weight: bold;
    }

.FooterText {
    color: #02bcf9;
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 784px;
    font-family: tahoma;
    font-size: 11px;
}

.box {
    width: 70%;
    padding: 20px;
    background: #fff;
    margin: 20px auto 60px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.css3-shadow, .css3-gradient1, .css3-gradient2 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

    .css3-shadow:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 40px rgba(0,0,0,.8);
        -moz-box-shadow: 0 0 40px rgba(0,0,0,.8);
        box-shadow: 0 0 40px rgba(0,0,0,.8);
        bottom: 0;
        width: 80%;
        height: 50%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        left: 10%;
        right: 10%;
    }

    .css3-gradient1:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 100%;
        bottom: 0;
        width: 120%;
        height: 50px;
        left: -10%;
        right: -10%;
        background: -webkit-radial-gradient(50% -3%,ellipse cover,rgba(0,0,0,.5),rgba(97,97,97,0) 40%);
        background: radial-gradient(ellipse at 50% -3%,rgba(0,0,0,.5),rgba(97,97,97,0) 40%);
    }

    .css3-gradient2:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 100%;
        bottom: 0;
        width: 120%;
        height: 90px;
        left: -10%;
        right: -10%;
        background: -webkit-radial-gradient(50% -3%,ellipse cover,rgba(96,251,202,.8),rgba(112,220,255,.5),rgba(255,116,225,0) 50%),-webkit-radial-gradient(80% 10%,circle contain,rgba(96,251,202,.8),rgba(255,255,255,0) 180%),-webkit-radial-gradient(90% 20%,circle contain,rgba(255,255,202,.8),rgba(255,255,255,0) 60%);
        background: radial-gradient(ellipse at 50% -3%,rgba(96,251,202,.8),rgba(112,220,255,.5),rgba(255,116,225,0) 50%),radial-gradient(circle at 80% 10%,rgba(96,251,202,.8),rgba(255,255,255,0) 2%),radial-gradient(circle at 90% 20%,rgba(255,251,202,.8),rgba(255,255,255,0) 1%);
    }


.box_search {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #fff;
    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;
            float: right;
        }

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

            .txtAgreement ul li {
                width: 100%;
            }

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

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

.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: 7px 40px;
            font-size: 12px;
        }

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

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

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

input:not(type=button):not(type=submit), textarea, select {
    border: solid 1px #c9c9c9;
    font-size: 12px;
    color: #4b4a4a;
    font-family: Tahoma;
}

.title_box {
    margin-bottom: 10px;
    height: 32px;
    line-height: 31px;
    padding-right: 10px;
    padding-left: 8px;
    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;
}

.form-footer {
    border-top: 1px solid #d3d1d2;
    /* padding: 4px; */
    text-align: center;
    /* height: 32px; */
    /* line-height: 30px; */
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ecebeb;
}

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

.ticket-reply {
    width: 100%;
    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;
}

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

.form-group {
    margin-bottom: .5rem;
    text-align: right;
    direction: rtl;
}

.footer {
    background: #5a5a5a; /* Old browsers */
    background: -moz-linear-gradient(top, #5a5a5a 0%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a5a5a 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a5a5a 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    height: 40px;
    color: #b9b9b9;
    line-height: 40px;
}

    .footer a {
        color: #b9b9b9;
    }

    .footer svg {
        margin-left: 4px;
    }

small {
    font-size: 11px;
    margin-top: 3px;
    display: inline-block;
}

.validation-star {
    color: red;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.search {
    position: relative;
    text-align: right;
    background-color: #EAF5FF;
    /* margin-right: 10px; */
    padding-right: 50px;
    border: 1px solid #C4E1FF;
    width: 100%;
    margin-bottom: 5px;
    /*    margin-top: -10px;*/
    padding-left: 10px;
    padding-bottom: 10px;
}

    .search .search-title {
        background-color: #457FD1;
        position: relative;
        display: inline-block;
        width: auto;
        font-size: 13px;
        right: -57px;
        padding: 5px;
        color: #fff;
        text-align: right;
        top: 10px;
    }

        .search .search-title:before {
            content: url(/image/search-bot.png);
            position: absolute;
            top: 22px;
            right: 0px;
        }

        .search .search-title:after {
            font-family: 'Font Awesome 5 Free';
            content: '\f0d9';
            position: absolute;
            right: 100%;
            font-size: 50px;
            color: #457FD1;
            font-weight: 900;
            top: -23px;
            margin-right: -1px;
        }

    .search input[type="checkbox"] {
        margin-left: 3px;
    }

    .search .form-footer {
        border-top: 1px solid #a9d6ff;
        margin-right: -25px;
        background-color: transparent;
        margin-top: 10px;
    }

    .search .row {
        margin-top: -15px;
        margin-right: 28px;
    }

    .search #ddlPageSize, .search #ddlJump {
        display: inline-block;
        width: auto;
    }

    .search .paging-caption {
        margin-top: -5px;
        font-size: 10px;
    }

    .search b {
        color: #C00202;
        font-weight: 700;
    }

.gridReport {
    width: 100% !important;
    overflow-x: scroll
}

.grid .table {
    margin-bottom: 5px;
    width: auto;
}

    .grid .table td,
    .grid .table th {
        white-space: nowrap;
        width: 1%;
        padding: 0px;
        vertical-align: middle;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }

    .grid .table td {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 1px;
        padding-right: 1px;
    }

.grid tr:first-child {
    border-left: 1px solid #edca24;
    border-right: 1px solid #edca24;
}

.grid th, .grid2 th {
    text-align: right;
    background-image: url(/image/panel/grid-header.png);
    background-repeat: repeat-x;
    padding: 0px;
    line-height: 33px;
    padding-right: 3px;
    border: 1px solid #f1d13e;
}



.gridgray .table {
    margin-bottom: 5px;
    width: auto;
    border-color: #dcdcdc;
}

    .gridgray .table td,
    .gridgray .table th {
        white-space: nowrap;
        width: 1%;
        padding: 0px;
        vertical-align: middle;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
    }

    .gridgray .table td {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 1px;
        padding-right: 1px;
    }

.gridgray tr {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.gridgray th {
    text-align: right;
    background-color: #efefef;
    padding: 0px;
    line-height: 33px;
    padding-right: 3px;
}



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

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

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

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

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

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

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

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

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

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

fieldset {
    width: 100%;
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border: 1px solid #ababab;
    margin-bottom: 10px;
    text-align: right;
}

    fieldset legend {
        direction: rtl;
        text-align: right;
        font-size: 12px;
        width: auto;
        background-color: #007bff;
        color: #fff;
        padding: 5px;
        border-radius: 7px;
    }

        fieldset legend.inner {
            background-color: #cacaca;
            color: #000;
            padding: 2px;
            padding-left: 5px;
            padding-right: 5px;
        }

small {
    background-color: #dedede;
    border-radius: 6px;
    padding: 5px;
}

.pie-colors {
    margin-top: -15px;
}

    .pie-colors div {
        display: inline-block;
        min-width: 54px;
        margin-bottom: 6px;
        /* color: #fff; */
        /* text-shadow: 1px 0px 0px #000000; */
        /* padding: 2px; */
        padding-right: 5px;
        font-size: 9px;
        font-weight: 600;
        text-align: right;
    }

.gridgray #accordion {
    width: 100%;
}

.gridgray .card {
    background-color: transparent;
    border: none;
}

.gridgray .card-header {
    padding: 0px;
    background-color: transparent;
    border-bottom: none;
}

.gridgray #accordion .btn-link {
    color: #0c0c0c;
    font-size: 13px;
}

.box-loading {
    text-align: center;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    background-image: url(/image/ajax-loader8.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.normalspace {
    white-space: normal !important;
}

.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-left: 5px;
        padding-right: 5px;
        color: #fff;
        margin: 1px;
        border-radius: 9px;
        cursor: pointer;
    }

        .tag i:hover {
            background-color: #083a87;
        }

.alert {
    text-align: right;
}

.btn svg {
    margin-left: 3px;
}

.form-subtitle h6 {
    border-bottom: 1px dashed #efefef;
    font-size: 15px;
    padding: 10px;
    background-color: #efefef;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.styled-label {
    background-color: #dadada;
    /*padding: 10px;*/
    margin: 5px;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding-right: 15px;
    font-size: 13px;
}

    .styled-label span {
        background-color: #053f69;
        color: #fff;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        display: inline-block;
        padding-left: 15px;
        padding-right: 5px;
        margin-right: 5px;
    }

.form-controlbox {
    border: 1px solid #DADADA;
    padding: 10px;
    margin-left: 5px;
}

    .form-controlbox * {
        float: right;
    }

.Grid {
    background-color: #fff;
    width: 100%;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    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;
    }

    .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: #161615;
    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;
}
.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;
    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: -1px;
    }

    .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;
}
.emoji {
    font-family: NotoColorEmojiLimited;
    font-size: 15px;
}
.ltr-input input:not([type=button]):not([type=submit]) {
    direction: ltr;
    font-family: Arial;
}