/* ©2016 by Author.
   Author: Mohammad Golmahi, mgolmahi@gmail.com
 */
.QDDL {
    display: inline;
    width: 450px;
}

.CPH1 {
    vertical-align: top;
    display: block;
    background-color: inherit;
    overflow: auto;
}

.DNav {
    bottom: 0;
    position: absolute;
    font-size: 10px;
    line-height: 40px !important;
    height: 40px !important;
    width: 100%;
    text-align: right;
    background-color: #f2f2f2;
    color: #999 !important;
    border-top: 1px solid #d6dbe3;
}

.DNavI {
    color: #444;
    padding: 0px 20px 0px 20px;
}

.Hint {
    display: block;
    color: #555 !important;
    font-size: 90%;
    line-height: 16px;
    font-style: italic;
}


.rtl_textarea {
    padding-right: 5px;
    padding-top: 3px;
    direction: rtl !important;
    overflow: auto;
}

.ltr_textarea {
    padding: 3px 0px 0px 5px;
    direction: ltr !important;
    overflow: auto;
}

.EditPIDDL {
    color: #000;
}

.QTxt {
    color: #000;
    width: 100%;
    height: 50px;
    white-space: pre-wrap;
    vertical-align: middle;
}

.ChoiceTxt {
    color: #555;
    width: 100%;
    height: 85px;
    white-space: pre;
    overflow: auto;
}

.RowTxt, .ColTxt {
    color: #555;
    height: 85px;
    white-space: pre;
    overflow: auto;
    width: 100%;
}

.RowTxt {
}

.ColTxt {
}


.slinput {
}



.tbtn {
    height: 25px;
    vertical-align: middle;
    line-height: 25px;
}

.sbtn {
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 0px;
    background-position: center center;
    width: 25px !important;
    height: 25px !important;
}



.filename {
    direction: ltr;
    text-align: left;
    padding-left: 5px !important;
    font-size: 130% !important;
    line-height: 20px !important;
    height: 30px !important;
    vertical-align: baseline !important;
    font-weight: bold;
}

.txt {
    vertical-align: middle !important;
}


.chm li {
    list-style-type: none;
    background: url(/app_themes/blue.fa/images/tik_s.png) right no-repeat;
    padding-right: 20px;
    white-space: nowrap;
}

    .chm li.NoIcon {
        list-style-type: none;
        background-image: none;
        padding-right: 20px;
    }

.chm1 {
    padding-top: 10px !important;
}

    .chm1 li {
        list-style-type: none;
        background: url(/app_themes/blue.fa/images/tik1.png) right no-repeat;
        padding-right: 20px;
        padding-top: 5px;
        white-space: nowrap;
    }

        .chm1 li.NoIcon {
            list-style-type: none;
            background-image: none;
            padding-right: 20px;
        }

.URL {
    /*font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
    color: #2484e8;
    direction: ltr;
    height: 23px;
    padding: 0 0 0 5px;
}


.PopHint {
    margin: 0px;
    padding: 1px 4px 1px 5px;
    background-color: #f1e4a7;
    color: #000;
    z-index: 1;
    position: absolute;
    left: 37.5%;
    top: 45px;
    overflow: hidden;
    vertical-align: middle;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.PopHintBody {
    border-width: 0px;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    color: #000;
    border-spacing: 0px;
    width: 100%;
    font-size: 90%;
    overflow: auto;
    vertical-align: top;
}



td.ImgInputType {
    border-style: solid;
    border-width: 1px;
    border-color: #000 #C0C0C0 #C0C0C0 #000;
    margin: 0px;
    color: #232323;
}

input.UpDownBtn {
    font-weight: normal;
    width: 25px;
    color: #555;
    text-shadow: none;
    vertical-align: middle;
}

input.BtnLeftRight {
    font-weight: normal;
    /*font-family: Arial,Helvetica,sans-serif;*/
    width: 25px;
    color: #555;
    text-shadow: none;
    vertical-align: middle;
}

input.PrePage {
    font-weight: normal;
    /*font-family: Arial,Helvetica,sans-serif;*/
    color: #555;
    text-shadow: none;
    vertical-align: middle;
    display: inline;
}

input.NextPage {
    font-weight: normal;
    /*font-family: Arial,Helvetica,sans-serif;*/
    color: #555;
    text-shadow: none;
    vertical-align: middle;
}


.MsgPnl {
    padding: 20px;
    border: 1px solid #808080;
    font-size: 120%;
    color: #000;
    background-color: #FFF9CC;
    border-spacing: 0px;
}

.BarButton {
    /*float: right;*/
    position: relative;
    padding: 8px 8px 0px 0px;
    margin: 0px 0px 0px 10px;
    display: inline;
    background-color: #E1E1E1;
    width: 140px;
    height: 60px;
    color: #555;
    white-space: nowrap;
    text-shadow: none;
}

    .BarButton input[type=image] {
        padding: 0px;
        margin: 0px;
        line-height: 40px;
        vertical-align: middle;
    }

    .BarButton span {
        padding: 0px;
        margin: 0px;
        display: block;
    }

    .BarButton:hover {
        background-color: #C0C0C0;
    }

    .BarButton a {
        text-decoration: none;
        color: #555;
        padding: 0px 5px 0px 0px;
        margin: 0px;
        height: 60px;
    }


        .BarButton a:visited {
            text-decoration: none;
            color: #555;
            padding: 0px 5px 0px 0px;
            margin: 0px;
            height: 60px;
        }

        .BarButton a:active {
            text-decoration: none;
            color: #555;
            padding: 0px 5px 0px 0px;
            margin: 0px;
        }

        .BarButton a:hover {
            text-decoration: none;
            color: #000;
            padding: 0px 5px 0px 0px;
            margin: 0px;
            height: 60px;
        }

.pMenu {
    border-width: 0px 0px 1px 1px;
    margin: 0px;
    padding: 10px;
    border-spacing: 0px;
    background-color: #e6e6e6; /*#e7eaed;*/
    display: none;
    z-index: 1 !important;
    right: 0;
    color: #555;
    width: 180px;
    border: 1px solid #d6dbe3;
}

    .pMenu a, .pMenu a:hover, .pMenu a:focus, .pMenu a:disabled, .pMenu a:active {
        text-decoration: none !important;
    }



.FBImgBtn {
    position: fixed;
    top: 3px;
    left: 140px !important;
    width: 40px;
    height: 36px;
    float: left;
}



.HomeImgBtn {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    width: 40px;
    height: 36px;
    background-color: inherit;
    display: inline;
    float: right;
}

.imgMenu {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    width: 40px;
    height: 36px;
    background-color: inherit;
    display: inline;
    /*float: right;*/
}

.imgBtnExit {
    border-width: 0px;
    width: 40px;
    height: 36px;
    background-color: inherit;
    display: inline;
    /*float: right;*/
}

.imgBtnLang {
    border-width: 0px;
    width: 21px;
    height: 40px;
    background-color: inherit;
}

.MenuItem {
    border-width: 0px;
    padding: 2px;
    margin: 0px;
    border-spacing: 0px;
    position: relative;
    cursor: pointer;
    background-color: inherit;
    width: 100%;
    vertical-align: middle;
    width: 100%;
    white-space: nowrap !important;
}

    .MenuItem:hover {
        background-color: #d1d1d1;
    }

a.MenuItem {
    text-decoration: none;
    color: #555;
    width: 100%;
}

a:hover.MenuItem {
    text-decoration: none;
    color: #000;
    width: 100%;
}

a:visited.MenuItem {
    text-decoration: none;
    color: #555;
    width: 100%;
}

a:active.MenuItem {
    text-decoration: none;
    color: #555;
    width: 100%;
}

.MenuItemText {
    padding: 0px 5px 0px 5px;
    margin: 0px;
    background-color: inherit;
    width: 100%;
    vertical-align: middle;
}

.imgMenItem {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.LangPnl {
    display: block;
    width: 100%;
    padding-right: 30px;
    height: 60px;
}

.Disabled {
    color: #555;
    text-shadow: 1px 1px #fff;
}

div.pNav {
    border-width: 0px;
    padding: 0px 20px 0px 25px;
    /*line-height: 210%;*/
    color: #00468c;
    width: 100%;
    overflow: auto;
}

div.pNavItem {
    display: block;
}

    div.pNavItem a {
        display: block;
    }

.DocNamePnl {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
}

.DocPnl {
    background-image: url('/app_themes/blue.fa/images/dash.png');
    border-color: #E0E0E0;
    border-top-color: #d0d0d0;
    border-style: solid;
    border-width: 1px;
    position: relative;
    display: block;
    margin: 0px;
    padding: 40px 0px 0px 0px;
    border-spacing: 0px;
    overflow: auto;
}

.tablePList {
    padding-bottom: 20px;
    vertical-align: top;
    background-color: #fff;
    position: relative;
    transform-origin: top right;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
}

.TdPage {
    padding-bottom: 40px;
    /*background: none transparent !important;*/
    background-image: url('/app_themes/blue.fa/images/dash.png');
}

.OddTdPage {
}

.EvenTdPage {
}

.TrPage {
}

.OddTrPage {
}

.EvenTrPage {
}

.PPnl {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc #999 #666666 #ccc;
    /*margin: auto;  DropShadowExtender needs 'auto' for IE8 */
    padding: 60px 50px 40px 50px;
    background-color: #fff;
    background-repeat: repeat;
    vertical-align: top;
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
}

    .PPnl:hover {
        border-color: #999 #666666 #333 #999;
        box-shadow: 0 0 0.2em #999;
    }



.PCtrlsPnl {
    padding-top: 20px;
}

    .PCtrlsPnl input[type=button] {
        width: 23px !important;
    }

}

.PIListPnl {
    overflow: auto;
}

.tdPI {
    vertical-align: top;
    text-align: right;
    width: 100%;
    overflow: hidden;
    text-align: justify;
}

.OddtdPI {
}

.EventdPI {
}

.trPI {
}

.Odd_trPI {
}

.Odd_trPI {
}

.PIPnl {
    border: 1px dotted #fff;
    color: #232323;
    vertical-align: top;
    /*margin: 0px auto 0px auto;*/
    display: block;
    position: relative;
    overflow: auto;
    position: relative;
    width: 100%;
    float: right;
    padding: 0px 0px 25px 0px;
}

    .PIPnl:focus {
        border: 1px dotted #808080;
    }

    .PIPnl:hover {
        border-color: #aaa;
    }


.PIPnlF {
    border: 1px dotted #808080;
    color: #232323;
    vertical-align: top;
    /*margin: 0px auto 0px auto;*/
    display: block;
    overflow: auto;
    position: relative;
    width: 100%;
    /*float: right;*/
    padding: 0px 0px 25px 0px;
}

    .PIPnlF:focus {
        border: 1px dotted #808080;
    }

    .PIPnlF:hover {
        border-color: #aaa;
    }


.PICPnl {
    border: 0 none !important;
    /*vertical-align: top;*/
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    /*position: relative;*/
    overflow: hidden;
    /*white-space: nowrap;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
    -khtml-opacity: 0.15;
    -moz-opacity: 0.15;
    opacity: 0.15;
    cursor: pointer;
    z-index: 5 !important;
}

    .PICPnl input[type=button] {
    }


    .PICPnl:focus, .PICPnl:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
        filter: alpha(opacity=99);
        -khtml-opacity: 0.99;
        -moz-opacity: 0.99;
        opacity: 0.99;
    }

.PICPnlF {
    border: 0 none !important;
    vertical-align: bottom;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    /*position: relative;*/
    overflow: hidden;
    /*white-space: nowrap;*/
    /*white-space: nowrap;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
    -khtml-opacity: 0.99;
    -moz-opacity: 0.99;
    opacity: 0.99;
}

    .PICPnlF:focus, .PICPnlF:hover {
        border: 0 none !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
        filter: alpha(opacity=99);
        -khtml-opacity: 0.99;
        -moz-opacity: 0.99;
        opacity: 0.99;
    }

.PICUPnl {
    border: 0 none !important;
    vertical-align: bottom;
    position: absolute;
    text-align: left;
    width: 100%;
    bottom: 0;
}

    .PICUPnl:hover, .PICUPnl:focus {
    }


.QPnl {
    display: block;
    width: 100%;
}


.QTxtPnl {
}


.QNoLbl {
    /*font-size: 120%;*/
    /*font-weight: bold;*/
    vertical-align: top;
}

.QTLbl {
    color: #000;
    vertical-align: top;
    white-space: pre-wrap !important;
    text-indent: unset !important;
    /*float: right;*/
    display: inline;
    text-align: justify;
    width: 100%;
}

.APnl {
    margin: 0;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    overflow: auto;
}

.QHLbl {
    padding: 0px 5px 0px 5px;
    vertical-align: top;
    width: 100%;
    font-style: italic;
    /*font-size: 85%;*/
    color: #aaaaaa;
}

.QMLbl {
    padding: 0px 5px 0px 0px;
    vertical-align: top;
    font-style: italic;
}

.ParagPI {
    vertical-align: top;
    display: block;
    text-align: justify;
    white-space: pre-wrap !important;
}

.h1PI, .h2PI, .h3PI {
    font-family: Head-Font,'Times New Roman', Times, serif;
}

.h1PI {
    padding: 0px;
    margin: 0px;
    font-size: 1.6em;
    font-weight: bold;
    color: #00a2e8;
    vertical-align: top;
    display: block;
    text-align: justify;
    white-space: pre-wrap;
}

.h2PI {
    padding: 0px;
    margin: 0px;
    font-size: 1.4em;
    font-weight: bold;
    color: #00a2e8;
    vertical-align: top;
    display: block;
    text-align: justify;
    white-space: pre-wrap;
}

.h3PI {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 1.15em;
    color: #00a2e8;
    vertical-align: top;
    display: block;
    text-align: justify;
    white-space: pre-wrap;
}


.MultiViewPPnl {
    width: 100%;
    resize: none; /* For firefox */
}

.ChkListPI {
    max-width: 100%;
    overflow: hidden;
}

    .ChkListPI table {
        margin: 0;
        padding: 0;
    }

    .ChkListPI td {
        margin: 0;
        padding-left: 15px;
        white-space: nowrap;
        vertical-align: top;
    }

        .ChkListPI td * {
            vertical-align: middle;
        }

    .ChkListPI label {
        line-height: 20px;
        height: 20px;
    }

    .ChkListPI input[type=checkbox] {
        vertical-align: middle;
    }

        .ChkListPI input[type=checkbox], .ChkListPI input[type=checkbox] label {
        }

            .ChkListPI input[type=checkbox]:focus, .ChkListPI input[type=checkbox] + label:focus {
            }

            .ChkListPI input[type=checkbox]:hover, .ChkListPI input[type=checkbox] + label:hover {
            }

            .ChkListPI input[type=checkbox]:disabled, .ChkListPI input[type=checkbox]:disabled + label {
            }
/*-----------------------------------------*/

.RadioPI {
    max-width: 100%;
    overflow: hidden;
}

    .RadioPI table {
        margin: 0;
        padding: 0;
    }

    .RadioPI td {
        margin: 0;
        padding-left: 15px;
        white-space: nowrap;
        vertical-align: top;
    }

        .RadioPI td * {
            vertical-align: middle;
        }

    .RadioPI label {
        line-height: 20px;
        height: 20px;
    }

    .RadioPI input[type=radio] *, .RadioPI input[type=radio] label {
    }

    .RadioPI input[type=radio]:focus, .RadioPI input[type=radio] + label:focus {
    }

    .RadioPI input[type=radio]:hover, .RadioPI input[type=radio] + label:hover {
    }

    .RadioPI input[type=radio]:disabled, .RadioPI input[type=radio]:disabled + label {
    }

.DropListPI {
    white-space: nowrap;
    overflow: hidden;
}

    .DropListPI select, .DropListPI option {
        vertical-align: middle;
        height: 25px;
        line-height: 25px;
    }

.SLTextPI {
}


.MLTextPI {
    overflow: auto;
    height: 60px;
}

.InputCtrl_Rating {
}

.InputCtrl_Time {
}

.NationalIdPI {
    direction: ltr !important;
    text-align: left;
}

.FloatPI {
    direction: ltr !important;
    text-align: left;
}

.IntPI {
    direction: ltr !important;
    text-align: left;
}

.TimePIPnl {
    direction: ltr;
    vertical-align: auto;
    padding: 3px;
    border: 1px solid #ccc;
    text-align: left;
    /*float: right;*/
    width: auto;
}

.DatePIPnl {
    vertical-align: auto;
    padding: 1px;
    text-align: left;
    /*float: right;*/
    font-size: 120% !important;
}

.RequredRadioList {
}

    .RequredRadioList td {
        margin: 0px;
        padding: 0px;
        padding-right: 10px;
    }

    .RequredRadioList label {
    }

    .RequredRadioList input[type='radio'] {
    }

        .RequredRadioList input[type='radio']:checked + label {
        }

    .RequredRadioList label:hover {
    }

.Toolbar {
    padding: 0;
    border-width: 0px;
    margin: 0px;
    border-spacing: 0px;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
}

    .Toolbar .btn {
    }

.DocsPnl {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 0px !important;
    padding: 0px !important;
    border-spacing: 0px;
    background-color: #fff;
    overflow: auto;
    vertical-align: top;
    min-width: 100%;
    height: 900px;
}

.InActTxt {
    color: #808080;
}

.Exp {
    overflow: auto;
}

    .Exp .DocsPnl {
    }

    .Exp td {
        padding: 0px 5px 0px 0px;
        margin: 0px;
        border-width: 0px;
        cursor: pointer;
        border-spacing: 0px;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
    }


    .Exp th {
        padding: 0px 0px 0px 5px;
        margin: 0px;
        border-width: 0px;
        cursor: pointer;
        border-spacing: 0px;
        font-weight: normal;
        color: #386C94;
    }

    .Exp tr:hover {
        background-color: #f3f3f3;
        color: #000 !important;
    }

.Exp_Row tr:hover {
    margin: 0px;
}

.ExpAltRow {
}

.ExpEditRow {
}

.Exp_Pager {
}

.ExpSelRow {
    background-color: #e7e7e7;
    color: #000 !important;
}

    .ExpSelRow tr:hover {
        background-color: #e5f3ff;
        color: #333 !important;
    }

table.Exp {
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    vertical-align: top;
    background-color: #fff;
    border-spacing: 0px;
    font-family: inherit;
    width: 100%
}

tr.Exp {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}

.Exp td {
    padding: 0px 5px 0px 5px;
    margin: 0px;
    border-width: 0px;
    cursor: pointer;
    border-spacing: 0px;
}

.Exp .URL:hover {
    text-decoration: underline;
}


.ExpEmptyRow {
    background-color: inherit;
    color: #666666;
    cursor: default;
}

    .ExpEmptyRow tr:hover {
        background-color: inherit;
        cursor: default;
    }

    .ExpEmptyRow td:hover {
        cursor: auto;
        background-color: #fff;
    }

.Exp_Row {
    padding: 5px 3px 5px 3px;
    margin: 0px;
}

.ExpEditRow {
}

.ExpAltRow {
}

.Exp_Pager {
}

.ExpSelRow {
    background-color: #cce8ff;
    color: #000 !important;
}

    .ExpSelRow tr:hover {
        background-color: #e5f3ff;
        color: #333 !important;
    }

.ExpFooter {
}


tr.ExpHeader:hover {
    background-color: #fff;
    color: #00468c;
}

.ExpHeader th {
    margin: 0px;
    padding: 0;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #EBEBEB;
    border-left-style: solid;
    border-left-color: #EBEBEB;
    border-left-width: 1px;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
}

th.ExpHeader a {
    width: 100% !important;
}

.sortasc {
    margin: 0;
    padding: 0;
    background: url('../../app_themes/blue.fa/images/asc.png') no-repeat !important;
    background-position-x: center !important;
    background-position-y: 3px !important;
}

.sortdesc {
    margin: 0;
    padding: 0;
    background: url('../../app_themes/blue.fa/images/desc.png') no-repeat !important;
    background-position-x: center !important;
    background-position-y: 3px !important;
}

    .sortasc a, .sortdesc a {
        margin: 0;
        /*padding-right: 16px !important;*/
        display: block !important;
    }



.ExpFooter {
}

.ExpName {
    min-width: 30%;
}


.ExpTable {
    border: 0px none;
    margin: 0px;
    outline: 0px none;
    padding: 0px;
    background-color: inherit;
    border-spacing: 0px;
    background-color: #f3f3f3;
    overflow: auto;
    width: 100%;
}

.ExpNav {
    display: block;
    /*display: none;*/
    background-color: inherit;
    color: #00468c;
    vertical-align: top;
    overflow: auto;
    width: 130px;
    position: relative;
    padding: 20px 0px 0px 20px;
}

div.MenuItem {
    display: block;
}

    div.MenuItem a {
        display: block;
        border-radius: 16px;
        background-color: rebeccapurple;
    }

.SelectedMenuItem {
    font-weight: bold;
    color: #e7ba0a;
}

.FootNote {
    line-height: 100%;
    font-size: 95%;
    color: #999;
}

.NavTabs {
    /*text-shadow: 1px 1px #fff;*/
}

.TabItem {
    /*width: 110px;
 border: 1px solid #f3f3f3;*/
    margin: 0px auto;
    display: block;
    line-height: 200%;
}

    .TabItem:hover {
        /*border-top: 1px solid #d9d9d9;
 border-left: 1px solid #c0c0c0;
 border-bottom: 1px solid #929292;
 border-right: 1px solid #b9b9b9;*/
    }


.HeaderItemStyle {
    border-left-style: solid;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-left-color: #E2E2E2;
    border-right-color: #E2E2E2;
    background-color: #CC6699;
}

.MsgDlgPnl {
    width: 450px;
    max-width: 480px;
}

#bg {
    position: fixed;
    background-repeat: repeat;
}

.LgnImg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #f3f3f3;
    /*background: url('/app_themes/blue.fa/images/jb1.png') repeat;*/
}



.dceImg {
    width: 23%;
    height: 23%;
    margin-right: 20px;
    max-width: 150px !important;
    max-height: 120px !important;
    display: inline-block;
}

.RColPnl {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    min-width: 320px !important;
    padding: 40px 40px 0px 0px;
    float: right;
}

@media all and (max-width:660px) {
    .RColPnl {
        width: 100%;
        padding-bottom: 0;
    }
}

.LColPnl {
    display: inline-block;
    vertical-align: top !important;
    white-space: normal !important;
    padding: 40px;
    text-align: start;
    float: right;
}


.LgnPnl {
    position: fixed;
    height: 480px !important;
    width: 480px !important;
    padding-top: 100px;
    margin: -240px 0 0 -240px;
    top: 50%;
    left: 50%;
}

.JLgnPnl input[type=email],
.JLgnPnl input[type=password] {
    height: 30px !important;
    direction: ltr;
    padding: 0px 5px 0px 5px;
    font-size: 1.13em;
}

.SigninPnl {
}

.SignupPnl1 {
    padding: 20px 40px 40px 40px;
    height: 100%;
    width: 100%;
}

.SignupPnl2 {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -khtml-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;*/
}

    .SignupPnl2 input[type=button] {
    }

.FPD, .FPDHead, .FPDMin {
    display: inline-block;
    padding: 20px 0px 0px 40px;
    width: 400px;
    float: right;
}

.FPDMin {
    display: none;
}

.FPDHead {
    width: 100%;
    padding: 0px !important;
}


@media all and (max-width:435px) {
    .SignupPnl1 {
        padding: 5px;
    }

    .SignupPnl2 {
        margin: 0;
        width: 100%;
        padding: 10px;
    }
}

.NewPI, .NewPage {
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 1.9em;
    line-height: 1em;
    color: #333 !important;
}

.TabularPI {
    /*max-width: 600px;*/
    overflow: auto;
}

.PublishType {
}

    .PublishType table {
        padding: 0px;
        margin: 0px;
    }

    .PublishType td * {
        padding: 0px 0px 0px 30px;
        margin: 0px;
    }

    .PublishType label {
        margin-right: 5px;
    }


.LinksTextBox {
    color: #555;
    height: 150px;
    white-space: pre;
    overflow: auto;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: left;
    direction: ltr;
    padding: 5px;
    /*font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
    line-height: 20px;
}

.InlineMessage {
    display: block;
    border: 1px solid #e5c365;
    color: #555;
    background-color: #fff29d;
    padding: 3px 20px 3px 5px;
    background-image: url('/app_themes/blue.fa/images/info20.png');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-y: 3px;
    background-position-x: right;
    line-height: 20px;
    padding-right: 16px;
}

.ToolBtn {
    display: inline;
    /*float: right;*/
    height: 25px !important;
}

.ToolSep {
    display: inline;
    /*float: right;*/
    width: 5px;
}


.BarNav {
    padding: 0px 5px 0px 5px;
    display: block;
    height: 40px;
    line-height: 40px;
    background-color: #e1e1e1;
    /*background: radial-gradient(circle farthest-side at center,#efefef 0,#e7e7e7 100%);*/
    width: 100%;
    overflow: hidden;
}

    .BarNav * {
        vertical-align: middle !important;
    }

    .BarNav a, .BarNav a:active, .BarNav a:visited {
        color: #2484e8 !important;
        text-decoration: none;
        cursor: pointer !important;
    }

        .BarNav a:focus {
            text-decoration: underline;
            color: #2484e8;
        }

        .BarNav a:hover {
            text-decoration: underline;
            color: #2484e8;
        }

        .BarNav a[disabled="disabled"] {
            color: #c0c0c0;
            text-shadow: 1px 1px #fff;
        }

            .BarNav a[disabled="disabled"]:hover {
                color: #c0c0c0;
                text-shadow: 1px 1px #fff;
                cursor: default;
            }

.BarNavNewDoc {
    background-color: #e1e1e1;
}


.BarNavData {
    background-color: #ddf0de;
}

.BarNavRespondent {
    background-color: #e1e1e1;
    padding: 0 10px 0 0;
}

.DocLbl {
    line-height: 40px;
    height: 40px;
    font-size: 110%;
    font-weight: bold;
    color: #5c6bc0 !important;
    padding-left: 8px;
    background-color: transparent;
    width: 70px;
    text-decoration: none !important;
    /*display:inline-block;*/
}

    .DocLbl img:hover {
        filter: brightness(0.85);
        border-radius: 12px;
    }

.BtnNew {
    width: 140px;
}

    .BtnNew div:hover {
    }

.BtnBack {
    width: 140px;
}

    .BtnBack span:hover {
    }

.RespCount {
    color: #2484e8;
    direction: ltr;
    height: 23px;
    padding: 0 0 0 5px;
    font-weight: bold;
    text-align: center;
}

    .RespCount:hover {
        text-decoration: underline;
    }

.StateList {
    width: 130px;
}

.ABarPnl {
    display: block;
    background-color: #e6e6e6;
    width: 100%;
    height: 40px;
    min-height: 40px;
    border-top: 3px solid #2784e6;
    border-bottom: 1px solid #d6dbe3;
}


.ABarTL {
    height: 0px;
    background-color: #e6e6e6;
    overflow: hidden;
}

.ABar {
    height: 40px;
    overflow: hidden;
}

.SelItem, input[type=text].SelItem:hover, input[type=text].SelItem:focus, input[type=text].SelItem:disabled {
    border: 0 none !important;
}

.SelItem {
    background-color: #f5f5f5;
    height: 20px !important;
    width: 100%;
}



.StatusField {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.StatusDDL {
    border: none 0 !important;
    background: inherit !important;
    margin-left: -20px !important;
    width: 70px !important;
    color: #2484e8 !important;
    text-decoration: none;
    cursor: pointer !important;
}

    .StatusDDL select::-ms-expand {
        display: none;
    }

.first {
}

    .first a {
        color: #888 !important;
    }

.RPPnl {
    display: inline-block;
    line-height: 20px !important;
    height: 20px !important;
    border: 1px solid #ccc;
    vertical-align: middle;
    width: 140px !important;
    overflow: hidden;
    padding: 0 3px 0 3px !important;
}

.RPLb {
    display: inline;
    width: 30px !important;
    height: 20px;
    line-height: 20px;
    /*float: left;*/
    color: #888 !important;
    text-align: center;
    font-weight: bold;
}

.RPBLb {
    display: inline-block;
    height: 10px !important;
    line-height: 20px !important;
    background-color: #a2d7a5;
}

.Weak {
    color: #777 !important;
}

.Weak2 {
    color: #999 !important;
}

.PNo {
    position: relative;
    background-color: #00a2e8;
    color: #fff;
    text-align: center;
    width: 100px;
    height: 25px;
    float: left;
    left: -50px;
}

    .PNo span {
        line-height: 25px;
    }

a {
    outline: 0 !important;
}

object, embed {
    outline: 0 !important;
}

input::-moz-focus-inner, input::-moz-focus-outer {
    border: 0 !important;
}

span:disabled {
    color: #c0c0c0;
}

.CPnl1 {
}

.ImagePI {
    display: block;
    position: relative;
    width: 100%;
}

    .ImagePI image, .ImagePI span {
        display: block;
    }

.DockPnl {
}

.SheetView {
    /*    background-image: url('../../app_themes/blue.fa/images/dash.png');
    background-repeat: repeat;*/
    border: 1px solid #ccc;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 210px;
    display: block;
    overflow: auto;
}

.SheetPI {
    display: block;
    position: relative;
    width: 100%;
}

    .SheetPI .R-T {
    }

.SheetTbl {
    border: 1px solid #ccc;
    margin: 0px !important;
    padding: 0px !important;
    margin: -1px -1px 0px 0px;
    direction: rtl;
    background-color: #fff;
    empty-cells: show !important;
}

    .SheetTbl.R-T {
        background: none !important;
        border: 0 none !important;
    }

.SheetTD {
    border: 1px solid #d0d7e5;
    color: #555;
    position: relative;
    padding: 3px;
    margin: 0px;
    text-align: right;
    white-space: nowrap !important;
    min-width: 60px;
    vertical-align: top;
    /*justify-content: flex-start !important;*/
}

    .SheetTD input, .SheetTD select, .SheetTD input[type=checkbox], .SheetTD input[type=radio] + label {
        cursor: not-allowed;
    }

    .SheetTD.R-T input, .SheetTD.R-T select, .SheetTD.R-T input[type=checkbox], .SheetTD.R-T input[type=radio] + label {
        cursor: auto;
    }

    .SheetTD:focus, .SheetTD:hover {
        overflow: hidden;
        border: 2px dotted #e7ba0a;
    }

        .SheetTD:hover a, .SheetTD:hover a:focus, .SheetTD:hover a:hover {
            min-height: 900px;
            height: 900px;
        }


.Empty.SheetTD:hover {
}

.R-T.SheetTD:hover {
    background-color: unset;
}

.R-T.SheetTD {
    border: 0px none;
    width: unset !important;
    min-width: unset !important;
}

.LblPI {
    white-space: pre;
}

.HLb {
    height: unset;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .HLb option {
        padding-right: 10px;
    }

.ZDDL1 {
    border: 1px solid #999;
    font-size: 80%;
    height: 20px;
    line-height: 20px;
}

    .ZDDL1 select {
        vertical-align: middle !important;
    }

.CUPnl {
    display: block;
    float: right;
    padding: 20px;
}

.RepPnl {
    width: unset;
    display: inline-block;
    float: right;
    width: 100%;
    padding: 20px;
}

.DetailsLbl {
    display: block;
    text-decoration: none !important;
    background-color: #fafafa;
    color: #333 !important;
    padding: 5px;
    padding-right: 10px;
}

    .DetailsLbl a {
    }

    .DetailsLbl:focus {
        background-color: #f3f3f3;
    }

    .DetailsLbl:hover {
        background-color: #f3f3f3;
    }

.dceImg {
    width: 30%;
    height: 30%;
    margin-right: 2%;
    max-width: 150px;
    max-height: 120px;
}

.sqN1, .sqN2, .sqN3 {
    width: 150px;
    height: 150px;
    display: inline-block;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.sqN1 {
    background-color: #f3a417;
}

.sqN2 {
    background-color: #7c6093;
}

.sqN3 {
    background-color: #94c826;
}

.lcol1 {
    max-width: 35%;
}

.pdimg1 {
    width: 70%;
    text-align: center;
    display: inline-block;
}

.pdfStep {
    width: 100%;
    text-align: center;
}

.dfstep {
    width: 180px;
    height: 280px;
    padding: 25px;
    background-color: #eee;
    display: inline-block;
    border-top: 4px solid #ff3300;
    color: #888;
    overflow: hidden;
    margin-right: 10px;
}

    .dfstep:hover {
        color: #333;
    }

    .dfstep span {
        padding: 10px;
        font-size: 2.5em;
        font-weight: bold;
        /*font-family: 'Times New Roman', Times, serif;*/
    }

    .dfstep h3 {
        color: inherit;
        margin: 0;
        padding: 10px 0 0 0;
        font-weight: bolder;
    }

    .dfstep.j {
        background-color: #cdcdcd;
        color: #000;
        border-top: 4px solid #ff3300;
        width: 250px;
    }

        .dfstep.j:hover {
            background-color: #bbb;
        }

        .dfstep.j h2 {
            color: inherit;
        }

    .dfstep.j1 {
        border-top: 4px solid #ff3300;
    }

    .dfstep.j2 {
        border-top: 4px solid #2484e8;
    }

    .dfstep.j3 {
        border-top: 4px solid #ffCC00;
        height: 300px;
    }

        .dfstep.j3 h2 {
            color: #555;
        }

    .dfstep.j4 {
        border-top: 4px solid #008000;
    }

    .dfstep.j5 {
        border-top: 4px solid #cf36ae;
    }

.PW {
    direction: rtl;
}

.PnlUL {
    position: fixed;
    margin: -160px 0 0 -125px;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 250px;
    height: 320px;
}

.PnlQL {
    position: fixed;
    margin: -115px 0 0 -125px;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 250px;
    height: 230px;
}

.LQI {
    text-align: center;
}

.LUI {
    text-align: center;
}

@media all and (max-width:810px) {
    .lcol1 {
        max-width: 100% !important;
    }

    .pdimg1 {
        width: 100%;
    }
}

@media all and (max-width:1920px) /* Desktop  1920x1080 */ {
}

@media all and (max-width:1366px) /* Desktop  1366x768 */ {
}

@media all and (max-width:1280px) /* Desktop  1280x1024 */ {
}

@media all and (max-width:1240px) /* Desktop  costum */ {
    .FPD {
        width: unset;
    }
}

@media all and (max-width:1280px) /* Desktop  1280x800*/ {
}

@media all and (max-width:1024px) /* Desktop  1024x768 */ {
}

@media all and (max-width:800px) /* Desktop  800x600 */ {
}

@media all and (max-width:768px) /* iPad       768x1024 */ {
    .QDDL {
        display: inline;
        width: 100px;
    }

    .QTxt {
        height: 60px;
    }

    .Toolbar select {
        height: 30px !important;
        line-height: 24px !important;
    }



    .SelItem input[type=text] {
        height: 25px !important;
    }

    .DocPnl select,
    .DocPnl input[type=text],
    .DocPnl input[type=password],
    .DocPnl input[type=email],
    .DocPnl input[type=url],
    .DocPnl input[type=number],
    .DocPnl select,
    .DocPnl option,
    .DocPnl select + option {
        height: 25px !important;
        line-height: 25px !important;
        font-size: inherit !important;
        vertical-align: middle;
    }

    .slinput {
    }

    .tbtn {
        height: 30px !important;
        width: 30px !important;
    }

    .sbtn {
        width: 30px !important;
        height: 30px !important;
    }

    .URL {
        height: 30px;
    }

    .ImgBtn_Save {
        background-position: center center;
        width: 30px;
        height: 30px;
        text-indent: -80px;
    }

        .ImgBtn_Save:hover {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Save:focus {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Save:disabled {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }





    .ImgBtn_Prev {
        background-position: center center;
        width: 30px;
        height: 30px;
        text-indent: -80px;
    }

        .ImgBtn_Prev:hover {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Prev:focus {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Prev:disabled {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

    .ImgBtn_Publish {
        background-position: center center;
        width: 30px;
        height: 30px;
        text-indent: -80px;
    }

        .ImgBtn_Publish:hover {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Publish:focus {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Publish:disabled {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

    .ImgBtn_Stop {
        background-position: center center;
        width: 30px;
        height: 30px;
        text-indent: -80px;
    }

        .ImgBtn_Stop:hover {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Stop:focus {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Stop:disabled {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

    .ImgBtn_Print {
        background-position: center center;
        width: 30px;
        height: 30px;
        text-indent: -80px;
    }

        .ImgBtn_Print:hover {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Print:focus {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .ImgBtn_Print:disabled {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

    input.PrePage {
        width: 30px;
        height: 30px;
    }

    input.NextPage {
        width: 30px;
        height: 30px;
    }

    .EditImgBtn {
        background-position: center center;
        width: 30px;
        height: 30px;
        text-indent: -80px;
    }

        .EditImgBtn:hover {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .EditImgBtn:focus {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

        .EditImgBtn:disabled {
            background-position: center center;
            width: 30px;
            height: 30px;
            text-indent: -80px;
        }

    .Toolbar .btn {
    }


    .sbtn {
        margin: 0px;
        padding: 0px;
        background-position: center center;
        width: 30px !important;
        height: 30px !important;
    }

    .PPnl {
        padding: 30px 30px 30px 30px;
    }

        .PPnl .sbtn {
            width: 25px !important;
            height: 25px !important;
        }

        .PPnl:hover {
        }

    .PCtrlsPnl {
        padding-top: 20px;
    }

        .PCtrlsPnl input[type=button] {
            width: 23px !important;
        }

    .StateList {
        width: 130px !important;
    }

    .h1PI {
        font-size: 130%;
    }

    .h2PI {
        font-size: 120%;
    }

    .h3PI {
        font-size: 110%;
    }

    .PNo {
        left: -30px;
    }
}

@media all and (max-width:640px) {
    .RColPnl {
        width: 100%;
    }

    .TabularPI {
        max-width: 600px;
        overflow: auto;
    }

    .msgbarPnl {
        width: 50%;
    }

    .DlgPnl {
        width: 90%;
        min-width: 150px;
    }

    .MsgDlgPnl {
        max-height: 300px !important;
    }

    .BarButton {
        padding: 5px 5px 0px 0px;
        height: 40px !important;
    }

        .BarButton span {
            padding-right: 3px;
            display: inline !important;
        }

    .PPnl {
        padding: 30px;
    }

    .DocPnl {
        padding-top: 30px;
    }
}


@media all and (max-width:568px) /* iPhone 5 Landscape*/ {
}

@media all and (max-height:480px) {
}

@media all and (max-width:435px) /* Nexus  6p  435x773 */ {

    .FPDMin {
        display: inline-block;
    }

    .FPD {
        display: none;
    }
}

@media all and (max-width:414px) /* Iphone 6p  414x736 */ {
}

@media all and (max-width:411px) /* Nexus  5x  411x731 */ {
}

@media all and (max-width:375px) /* Iphone  6  375x667 */
{
    .StateList {
        width: 100% !important;
    }
}

@media all and (max-height:360px) /* Galaxy S5  360x640 */
{
}

@media all and (max-width:360px) /* Galaxy S5  360x640 */
{
}

@media all and (max-width:320px) /* Nexus  6p  320x568 */ {
}

@media all and (max-height:375px) /* Nexus  6p  320x568 */ {
    .LUI {
        display: none;
    }

    .PnlUL {
        position: fixed;
        margin: -100px 0 0 -125px;
        top: 50%;
        left: 50%;
        overflow: hidden;
        width: 250px;
        height: 220px;
    }

    .PnlQL {
        margin: -100px 0 0 -125px;
        height: 220px;
    }
}

@media print {

    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    @page {
        align-content: center;
        margin: 2cm 2cm 2cm 2cm;
        width: 8.27in;
        height: 11.69in;
    }
}