.relative {
    position: relative;
}

.right_text {
    text-align: right !important;
}

.left_text {
    text-align: left !important;
}

.grid_cls {
    background: #fff;
    border-collapse: collapse;
    font-size: 100%;
    margin: 5px auto;
    width: 100%;
    position: relative;
}

    .grid_cls th a {
        color: #FFBA0E;
    }

fieldset img {
    vertical-align: middle;
}

.gridHeader th {
    font-size: 9pt;
    font-weight: normal;
    text-align: center;
    border: 1px solid #566491;
}

.grid_cls th {
   
    font-size: 9pt;
    font-weight: normal;
    height: 26px;
    text-align: center;
    border: 1px solid #566491;
    padding: 0 10px;
}

.gridHeader th a {
    color: #fff;
}

.grid_cls td {
    border: 1px solid #C2D9EF;
    font-size: 100%;
    padding: 3px 5px;
    text-align: center;
}

.gridHeader td, .gridRow td, .gridAlternateRow td, .gridSelected td {
    text-align: center;
}


.answer_form .req {
    display: none;
}

#__PAGE table.grid td {
    border: 1px solid #C3C3C3;
    padding: 3px;
}

td .btn_w {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(228, 231, 241, 1);
    background: -moz-linear-gradient(top, rgba(228, 231, 241, 1) 0%, rgba(250, 252, 255, 1) 50%, rgba(228, 231, 241, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(228, 231, 241, 1) 0%, rgba(250, 252, 255, 1) 50%, rgba(228, 231, 241, 1) 100%);
    background: -o-linear-gradient(top, rgba(228, 231, 241, 1) 0%, rgba(250, 252, 255, 1) 50%, rgba(228, 231, 241, 1) 100%);
    background: -ms-linear-gradient(top, rgba(228, 231, 241, 1) 0%, rgba(250, 252, 255, 1) 50%, rgba(228, 231, 241, 1) 100%);
    background: linear-gradient(to bottom, rgba(228, 231, 241, 1) 0%, rgba(250, 252, 255, 1) 50%, rgba(228, 231, 241, 1) 100%);
    border: 1px dotted #BFCBCF;
    border-radius: 3px;
    color: #2D2D2D !important;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e7f1', endColorstr='#e4e7f1', GradientType=0);
    margin: 2px auto;
    padding: 5px;
    text-align: center;
}

    td .btn_w:hover {
        background: #fceabb;
        background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
        background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
        background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
        color: #000;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
    }



.tb td {
    border: 1px solid #A5B2CF;
}

.gridRow:hover {
    background-color: #F2F2F2;
}

.gridRow {
    background-color: #fff;
    color: #333;
}

.gridAlternateRow {
    background: #efefef;
}

    .gridAlternateRow:hover {
        background-color: #F2F2F2;
    }

.gridWarningRow {
    background: #FDFDDA;
}

.gridBrownRow {
    background: #EFDCBC;
}

.gridRedRow {
    background: #F8DDE4;
    color: #CD0003;
}

.grid tr, .grid td {
    cursor: pointer;
}

.gridSelected, .gridSelected:hover {
    background: #BCE4B5;
    color: #2B2B2B;
}

.gridBrownRow {
    background: #E8D4C7;
    color: #2B2B2B;
}

.gridSelected a {
    font-weight: normal;
}

#dvTree .gridSelected, #dvTree .gridSelected:hover {
    color: #990033;
}

.gridPager {
    background-color: #D9DFEB;
    margin: 5px auto;
    padding:   5px;
    text-align: center;
}

    .gridPager td {
        border: none;
        border-collapse: collapse;
        line-height: 23px;
    }


    .gridPager table span, .gridPager table a:hover, .gridPager a:hover, .gridPager span, .gridPager a {
        color: #fff;
        height: 25px;
        width: 25px;
        display: inline-block;
        line-height: 25px;
        font-weight: normal;
        font-family: 'BYekan';
        font-size: 12pt;
    }

        .gridPager table span, .gridPager table a:hover, .gridPager a:hover, .gridPager span {
            background-color: #E65E25;
        }

    .gridPager table a, .gridPager a {
        background-color: #889AD1;
        border: none;
        color: #fff !important;
    }

.foot-tb {
    background: rgb(252, 255, 244);
    background: -moz-linear-gradient(top, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
    text-align: center;
}

.settings_field fieldset label {
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 0;
}

.settings_field fieldset {
    margin: 1px 0;
    padding-bottom: 1px;
    text-align: right;
}

.setHightFieldSet fieldset {
    min-height: 60px;
}

.settings_field fieldset textarea {
    width: 55%;
}

.settings_field fieldset label:first-child {
    background: #E2E8ED;
    color: #29487D;
    font-family: 'BYekan';
    font-weight: normal;
    padding: 0px 5px;
    vertical-align: top;
}

fieldset {
    border: none;
    position: relative;
}

    fieldset img {
        vertical-align: middle;
    }

    fieldset div {
        clear: both;
        display: inline;
    }

        fieldset div iframe {
            width: 56%;
        }


    fieldset input[type="file"] {
        padding: 2px !important;
    }



    fieldset table label {
        background: none;
        width: inherit;
    }

    fieldset i {
        color: #CD0003;
        margin-left: 5px;
    }

.fieldset {
    background: #E7EAEC;
    border: 1px dotted #D5D9DC;
    line-height: 26px;
    margin: 0 1px 1px 1px;
    overflow: hidden;
    padding: 1px;
    vertical-align: top;
}

fieldset .caption {
    color: #084A98;
    font-size: 10px;
    padding: 3px 5px;
}

.en {
    font-family: serif;
    font-size: 10pt;
}



#panel fieldset label:first-child {
    text-align: left;
}


.panel_form .optional {
    max-width: 270px;
}

.right-pan-fild {
    display: inline-block;
    float: right;
    width: 50%;
}

.left-pan-fild {
    display: inline-block;
    width: 50%;
}

.full-pan-fild {
    clear: both;
    display: block;
}

    .full-pan-fild input[type="submit"] {
        margin-bottom: 5px;
    }

.center {
    margin: 0 auto;
    text-align: center;
}

.m_10 {
    margin: 10px;
}

#flip {
    margin-bottom: 5px;
}

    #flip i {
        margin-right: 5px;
    }

.btn-flip {
    background: #47639E;
    color: #fff;
    cursor: pointer;
    font-family: 'BYekan';
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 7px 5px;
    text-align: center;
    transition: background-color 0.5s ease;
}

    .btn-flip:hover {
        background: #990033;
    }

#panel {
    background-color: #ECEFF2;
    border: solid 1px #B6C0CC;
    display: none;
    margin-bottom: 5px;
    padding: 5px;
}

.clearfix {
    clear: both;
}

.pagination-ys td {
    border: 0;
    padding: 2px 0 !important;
    text-align: center;
}

.pagination-ys {
    font-family: 'BYekan';
    font-weight: normal;
    margin: 5px 0;
    padding-left: 0;
    border-radius: 4px;
}

    .pagination-ys td {
        width: inherit !important;
    }

    .pagination-ys table {
        margin: 0 auto;
    }

        .pagination-ys table > tbody > tr > td {
            border: 0 !important;
            display: inline-block;
        }

            .pagination-ys table > tbody > tr > td > a, .pagination-ys table > tbody > tr > td > span {
                float: right;
                margin-left: -1px;
                padding: 3px 7px;
                position: relative;
                text-decoration: none;
                font-size: 11pt;
            }

            .pagination-ys table > tbody > tr > td > span {
                cursor: pointer;
                float: left;
                margin-right: -1px;
                position: relative;
                text-decoration: none;
                z-index: 2;
            }

            .pagination-ys table > tbody > tr > td:first-child > a, .pagination-ys table > tbody > tr > td:first-child > span {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
                margin-right: 0;
            }

            .pagination-ys table > tbody > tr > td:last-child > a, .pagination-ys table > tbody > tr > td:last-child > span {
                border-bottom-left-radius: 4px;
                border-top-left-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td > a:hover, .pagination-ys table > tbody > tr > td > span:hover, .pagination-ys table > tbody > tr > td > a:focus, .pagination-ys table > tbody > tr > td > span:focus {
                background-color: #990033;
                border-color: #AA2B56;
                color: #fff;
            }

.more_tick {
}

    .more_tick table {
        line-height: 18px;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }

    .more_tick td {
        font-size: 7pt;
        height: 25px;
        vertical-align: middle;
    }

        .more_tick td input {
            vertical-align: middle;
        }

.gridPager table {
    table-layout: fixed;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .settings_field fieldset label:first-child {
        display: block;
        padding-left: 0px;
        padding-right: 10px;
        text-align: right;
        width: 100%;
    }
     
    .settings_field fieldset textarea, fieldset div iframe, .settings_field fieldset input[type="text"] {
        width: 100%;
    }
}