body {
    /*background: #f9f9f9 url(/images/theme2012/mainBg.jpg) top center repeat-x;
    background: url(/images/theme2012/texture.png) repeat;*/
    background-color: #fafafa;
    margin: 0px;
    padding: 0px;
    /*font-family: yekan , roboto , arial !important;*/
    font-family: IRANSans !important;
    letter-spacing: -0.2px !important;
    cursor: default;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    /*    overflow-x: hidden;*/
    /*font-family	:iranian Sans;*/
}

ul {
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    color: #1a1a1a;
    text-decoration: none;
    white-space: nowrap;
}

a.fa {
    color: #1a1a1a;
}

a:hover {
    color: #1a1a1a;
    text-decoration: none;
}

a.fa:hover {
    color: #f8be02;
    text-decoration: none;
}

input, textarea, select {
    font-family: tahoma;
    font-size: 11px;
}


.fr{
    float: right;
}
.fl{
    float: left;
}
.clear{
    clear: both;
}

.alert {
    color: #dc143c!important;
    font-size: 12px;
    padding: 10px;
}

.alert:hover {
    color: #a50004;
}

.clearFix:after {
    /* for modern browsers */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFix {
    /* for IE7/Win */
    min-height: 1px;
}

* html .clearFix {
    /* for IE5-6/Win */
    height: 1px;
}

* html>body .clearFix {
    /* for IE5/Mac */
    height: auto;
    display: inline-block;
}

.main {
    padding-top: 185px;
    /*min-height: 600px;*/
}

.bootstrap-iframe{
    padding-top: 0;
    min-height: 0;
}

/*mohseni*/
.header {
    background-color: #1a1a1a;
    width: 100%;
    /*min-width: 985px;*/
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    /*min-width: 400px;*/
}


table{
    border-spacing: 0px !important;
}
.rightItems {
    float: right;
    padding-right: 20px;
    height: 20px;
    border-right: 1px solid #666666;
    margin-right: 20px;
    margin-top: 20px;
}

/*mohseni*/
.leftItems {
    font-family: iransans;
    margin-left: 10px;
    overflow: hidden;
    height: 20px;
    padding: 20px 0px;
}

.kartable-company-name {
    font-family: iransans;
    position: absolute;
    top: 45px;
    right: 100px;
}

.menu {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    float: left;
}

/*mohseni*/
.menuItem {
    float: left;
    color: #666666;
    /*background: url(/images/theme2012/seprator3.jpg) bottom right no-repeat;*/
}

.menuItem a {
    padding: 0px 12px;
    display: block;
    text-decoration: none;
    color: #e5e5e5;
    font-family: iransans;
}

/*mohseni*/
.menuItem a:hover {
    padding: 0px 12px;
    display: block;
    text-decoration: none;
    color: #f8be02;
    font-family: iransans;
    /*background: url(/images/theme2012/btnBg.jpg) center center repeat-x;*/
}

/*mohseni*/
.notif {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    text-align: center;
    line-height: 20px;
    position: relative;
    width: 30px;
    height: 20px;
}
#usermenu {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    text-align: center;
    line-height: 20px;
    position: relative;
    width: 20px;
    height: 20px;
}

#usermenu:hover i , #notification:hover i , #support-menu:hover i, #help-menu:hover i{
    color: #f8be02 !important;
}


.notify-waiting-for-you {
    background: #6EC200;
}

/*mohseni*/
.userInfo {
    font-size: 11px;
    color: #e5e5e5;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 20px;
    margin-left: 10px;
}

.date-info {
    font-size: 11px;
    color: #666;
    float: left;
    height: 61px;
    line-height: 40px;
    margin-left: 20px;
}

/*mohseni*/
.mashahir {
    float: right;
    color: #797979;
    font-size: 11px;
    font-family: IRANSans;
    height: 40px;
    /* max-width: 810px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    line-height: 40px;
    padding-right:10px;

}

.semat {
    /*float: left;*/
    /*height: 21px;*/
    /*border: #c8c8c8 1px solid;*/
    /*font-size: 12px;*/
    /*color: #666666;*/
    /*background-color: #EFEFEF;*/
    /*margin: 5px 0px 5px 10px;*/
    /*text-align: center;*/
    /*line-height: 21px;*/
    /*z-index: 1;*/
    /*background:#fff;
    opacity:0.2;
    filter:alpha(opacity=80);*/
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,-1) 100%);*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
}

.content {
    margin-right: 300px;
 }
.small-view .content {
    margin-right: 0px;
}

.is-collapsed .sideBar{
    right: -300px;
}
.is-collapsed .content{
    margin-right: 0px;
}

.kartabl {
    font-size: 12px;
    position: relative;
}

.mainContent {
    /*    background: white;
    margin-top: 135px;*/
    white-space: nowrap;
    /*max-width: 1600px;*/
    margin: 0 auto;
}

#backlight {
    background: white;
    box-shadow: 1px 1px 1px #888;
    border-radius: 3px;
    cursor: pointer;
    width: 175px;
    height: 40px;
    opacity: 0.3;
    position: absolute;
    top: 0;
    right: 5px;
}

.start-menu-ul li .quick-menu-icon {
    background: url(/images/theme2012/accept.png) no-repeat;
    height: 16px;
    width: 16px;
    width: 16px;
    position: absolute;
    top: 7px;
    left: 7px;
}

.start-menu .start-menu-item .quick-menu-icon {
    /*background: url(/images/theme2012/accept.png) no-repeat;*/
    /*height: 16px;*/
    /*width: 16px;*/
    /*width: 16px;*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*left: 4px;*/
}

/*mohseni*/
#start-menu-button {
    background: url(/images/theme2014/header-logo-fanap.png) right center no-repeat;
    width: 190px;
    height: 60px;
    float: right;
    cursor: pointer;
}
@media (max-width: 992px) {
    /*mohseni-1397*/
    #start-menu-button {
        background: url(/images/theme2014/header-logo-fanap-small.png) right center no-repeat;
        width: 100px;
        height: 60px;
        float: right;
        cursor: pointer;
    }
}
#action_bar > #start-menu-button {
    background: url(/images/theme2014/header-logo-fanap.png) #ffffff right center no-repeat;
    width: 240px;
    margin-right: 30px;
    height: 60px;
    float: right;
    cursor: pointer;
}

.header-separaor1 {
    /*background: url(/images/theme2012/seprator1.jpg) center center no-repeat;*/
    margin-right: 20px;
    float: right;
    width: 21px;
    height: 61px
}

.header-separaor2 {
    /*background: url(/images/theme2012/seprator2.jpg) center center no-repeat;*/
    float: left;
    width: 2px;
    height: 61px;
    margin-left: 5px
}

.kartable-name {
    font-size: 14px;
    color: #a4a4a4;
    font-family: IRANSans;
    line-height: 20px;
    height: 20px;
}

.notify-counter {
    /*font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;*/
    visibility: hidden;
    direction: ltr;
    background-color: #FC7A03;
    border-radius: 8px;
    font: bold 11px Arial;
    color: #fff;
    line-height: 16px;
    min-width: 14px;
    padding: 0px 3px;
    position: absolute;
    left: 11px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    top: -2px;
    z-index: 990;
}

.userInfo span {
    font-size: 11px;
    /*color:#00abbb; */
    /*font-weight:bold; */
    font-family: Tahoma, Geneva, sans-serif;
}



.start-menu-body {
    /*padding: 10px;*/
    margin: 0!important;
}

.start-menu-bodyTwin {
    /* display: none;
         padding:10px;*/
}

.start-menu-header {
    position: relative;
    padding-top: 10px;

}

.start-menu-item {
    padding: 0;
    cursor: pointer;
    position: relative;
    direction: rtl;
}

.start-menu-item a {
    line-height: 25px;
    height: 25px;
    /*width: 145px;*/
    color: #1a1a1a;
    font-size: 12px;
    display: block;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.start-menu-item a:hover {
    background-color: #f8be02;
}
/*.start-menu-item:hover{
    background: white;
    box-shadow: 1px 1px 1px #888;
    border-radius:3px;
}*/
.start-menu .focused {
    /*background: #EBF25C;*/
    /*box-shadow: 1px 1px 1px #888;*/
    /*border-radius:3px;*/
    background-color: #f8be02;
    cursor: pointer;
}

.start-menu-tools {
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
}

.startmenu {
    position: fixed;
    height: 75px;
    right: 0;
    top: 60px;
}

.invisibil {
    visibility: hidden;
}

#Menu1 li {
    position: relative !important;
}

.start-menu-fixed-items {
    /*    background: #eee;
        background-image: linear-gradient(bottom, rgb(193,193,193) 0%, rgb(235,235,235) 83%);
        background-image: -moz-linear-gradient(bottom, rgb(193,193,193) 0%, rgb(235,235,235) 83%);*/
    display: none;
    float: right;
    width: 200px;
    position: relative;
    z-index: 10;
}

.start-menu-ul {
    float: right;
}

.start-menu-ul li {
    position: relative !important;
}

.start-menu-ul li a {
    font-family: iransans !important;
    font-size: 10px;
}

.start-menu .toranj {
    background: url(/images/theme2012/toranj.png) no-repeat;
    position: absolute;
    bottom: 0;
    width: 200px;
    height: 106px;
    z-index: 1;
}

.start-menu .search-separator {
    background: url(/images/theme2012/search_separator.png) no-repeat;
    height: 23px;
    width: 199px;
}



ul li.Background {
    background: #555;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

* html ul li.Background {
    z-index: -10;
}

*:first-child+html li.Background {
    z-index: -10;
}

/* mohseni */
#shortcuts {
    float: left;
    margin-left: 0px;
    overflow: hidden;
    height: 20px;
    direction: ltr;
    max-width: 560px;
    white-space: nowrap;
}

#shortcutsConfig {
    color: #747474 !important;
    margin-left: 15px !important;
}
#shortcuts >a {
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #e5e5e5;
}



#shortcuts .deselected-shortcut {
    display: none !important;
}

/*mohseni*/
#shortcuts >a:hover {
    color: #f8be02 !important;
    /*box-shadow: 0 0 4px 3px #E2E2E2 inset;*/
}

#shortcuts .remove-shortcut{
    display: none;
}

.shortcut {
    position: relative;
}



#shortcutChooser {
    border-top: 1px solid #DADADA;
    padding-top: 8px;
}

#shortcutChooser >a {
    content: attr(title);
    display: inline-block;
    line-height: 16px;
    margin: 3px;
    vertical-align: middle;
    position: relative;
    font-size: 16px;
    padding: 5px 10px;
}
#shortcutChooser >a:hover {
    color: #1a1a1a;
}
#shortcutChooser >a >i {
    margin-left: 5px;
    float: right;
}
#shortcutChooser >a:after {
    float: right;
    content: attr(title);
    font-family: IRANSans;
    font-size: 12px;
}

#shortcutChooser >a:not(.deselected-shortcut) {
    background-color: #f8be02;
}

#shortcutChooser .deselected-shortcut {
    background-color: #F1F1F1;
}



#shortcutChooser .deselected-shortcut:hover {
    /*background-color: #E6E6E6;*/
    background-color: #f8be02;
}

#shortcutGeneralConfig {
    padding-bottom: 10px;
    padding-right: 5px;
    box-sizing: border-box;
}

#shortcutGeneralConfig h3 {
    vertical-align: top;
    padding-top: 10px;
    color: #777;
    font-family: IRANSans;
    font-size: 12px;
    margin: 0px;
}

#shortcutGeneralConfig label {
    font-size: 11px;
    width: 55px;
    display: inline-block;
}

.vertical-shortcuts {
    background: white!important;
    display: block!important;
    overflow: visible!important;
    white-space: normal!important;
    height: auto!important;
}

.vertical-shortcuts .shortcut {
    display: block!important;
}

#shortcutsConfigWindow
{
    direction: rtl;
}

#shortcuts .shortcut-config::before {
    background: #E7E7E7;
    width: 1px;
    height: 15px;
    position: relative;
    display: block;
    content: ' ';
    right: -21px;
    top: 1px;
    box-shadow: 1px 1px 1px white;
}

.shortcut-config-header {
    direction: rtl;
    background: #f2f2f2;
    padding: 8px;
    color: #1a1a1a;
}

.shortcut-input {
    border: 1px solid #DDD;
    padding: 5px 3px;
    width: 180px;
    margin-top: 5px;
    font-size: 14px;
    font-family: tahoma;
}

#shortcutLinkUrl {
    text-align: left;
    direction: ltr;
}

.shortcut.shortcut-link-link {
    width: auto!important;
    padding-left: 20px!important;
}

.shortcut.shortcut-link-link::after {
    content: attr(title);
    font-family: iransans;
    font-size: 13px;
    position: relative;
    top: -4px;
}

.remove-shortcut {
    padding: 0 0 0 5px;
    vertical-align: top;
    font-family: arial;
    line-height: 15px;
    font-size: 13px;
    color: #777;
    float: right;
}

.remove-shortcut:hover {
    color: crimson;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*[data-icon]:before {*/
    /*font-family: 'shortcuts';*/
    /*content: attr(data-icon);*/
    /*speak: none;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*-webkit-font-smoothing: antialiased;*/
/*}*/

/* Use the following CSS code if you want to have a class per icon */
/*[class^="shortcut-"]:before, [class*=" shortcut-"]:before {*/
    /*font-family: 'shortcuts';*/
    /*font-style: normal;*/
    /*speak: none;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*-webkit-font-smoothing: antialiased;*/
/*}*/
/*.shortcut-home:before {*/
    /*content: "\25a3";*/
/*}*/
/*.shortcut-home-violet {*/
    /*color: #9F4BD6;*/
/*}*/
/*.shortcut-home-violet:hover {*/
    /*color: #82C;*/
/*}*/
/*.shortcut-home-violet:before {*/
    /*content: "\25a3";*/
/*}*/

/*.shortcut-home-green {*/
    /*color: #56A815;*/
/*}*/
/*.shortcut-home-green:hover {*/
    /*color: #48920E;*/
/*}*/
/*.shortcut-home-green:before {*/
    /*content: "\25a3";*/
/*}*/

/*.shortcut-home-orange {*/
    /*color: #E9990A;*/
/*}*/
/*.shortcut-home-orange:hover {*/
    /*color: #C7840D;*/
/*}*/
/*.shortcut-home-orange:before {*/
    /*content: "\25a3";*/
/*}*/

/*.shortcut-home-pink {*/
    /*color: #DD2366;*/
/*}*/
/*.shortcut-home-pink:hover {*/
    /*color: #C91858;*/
/*}*/
/*.shortcut-home-pink:before {*/
    /*content: "\25a3";*/
/*}*/

/*.shortcut-home-2:before {*/
    /*content: "\23";*/
/*}*/
/*.shortcut-home-3:before {*/
    /*content: "\24";*/
/*}*/
.shortcut-office:before {
    content: "\22";
}
.shortcut-clock:before {
    content: "\e004";
}
.shortcut-clock-2:before {
    content: "\e006";
}
.shortcut-history:before {
    content: "\e005";
}
.shortcut-bookmark:before {
    content: "\e001";
}
.shortcut-tree:before {
    content: "\e002";
}

.shortcut-tree-violet {
    color: #9F4BD6;
}
.shortcut-tree-violet:hover {
    color: #82C;
}
.shortcut-tree-violet:before {
    content: "\e002";
}

.shortcut-pie:before {
    content: "\e003";
}
.shortcut-settings:before {
    content: "\e008";
}
.shortcut-drawer:before {
    content: "\e009";
}
.shortcut-calendar:before {
    content: "\e00b";
}
.shortcut-envelop:before {
    content: "\e00c";
}
.shortcut-newspaper:before {
    content: "\e00d";
}
.shortcut-folder-open:before {
    content: "\e00e";
}
.shortcut-user:before {
    content: "\e010";
}

.shortcut-bubbles:before {
    content: "\e011";
}

.shortcut-bubbles-violet {
    color: #9F4BD6;
}
.shortcut-bubbles-violet:hover {
    color: #82C;
}
.shortcut-bubbles-violet:before {
    content: "\e011";
}

.shortcut-bubbles-green {
    color: #56A815;
}
.shortcut-bubbles-green:hover {
    color: #48920E;
}
.shortcut-bubbles-green:before {
    content: "\e011";
}

.shortcut-cog:before {
    content: "\e00f";
}
.shortcut-enter:before {
    content: "\e007";
}
.shortcut-link:before {
    content: "\e000";
}

#shortcutsDropView {
    /*float: right;*/
    /*top: 4px;*/
    /*right: 4px;*/
    /*position: absolute;*/
    z-index: 10;
    color: #C44261;
}

/*#shortcuts .shortcut-dashboard {*/
/*background: url("/images/theme/small_icons/lightbulb.png") no-repeat scroll right center #FAFAAA;*/
/*}*/

/*#shortcuts .shortcut-calendar-weekly {*/
/*background: url("/images/theme/small_icons/lightbulb.png") no-repeat scroll right center #FAFAAA;*/
/*}*/

/*mohseni*/
#cookie-back{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*background:rgba(0, 0, 0, 0.5);*/
    z-index: 999;
    display: none;
}

#cookie-wrap{
    left: 10px;
    padding-top: 10px;
    position: fixed;
    top: 39px;
    width: 300px !important;
    display: block;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
}

#notify-wrap{
    left: 10px;
    padding-top: 10px;
    position: fixed;
    top: 39px;
    width: 300px;
    display: none;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    z-index: 999;
}

#support-wrap {
    left: 10px;
    padding-top: 10px;
    position: fixed;
    top: 39px;
    width: 300px;
    display: none;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    z-index: 999;
}
#support-holder > div:before{
    clear: both;

}
#support-holder > div{
    overflow: auto;
    box-sizing: border-box;
    font-family: IRANSans;
    line-height: 25px;
    color: #1a1a1a;
    font-size: 12px;
    display: block;
    width: 100%;
    padding: 0 15px;
}

#support-holder a:hover{
    color: #f8be02;
}
#support-holder a , #support-holder i {
    color: inherit;
}



#notify-wrap:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    box-shadow: -2px -2px 0 -1px rgba(0,0,0,0.1);
    content: '';
    left: 47px;
    margin-left: -5px;
    position: absolute;
    top: 4px;
}
#support-wrap:before , #cookie-wrap:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    box-shadow: -2px -2px 0 -1px rgba(0,0,0,0.1);
    content: '';
    left: 87px;
    margin-left: -5px;
    position: absolute;
    top: 4px;
}

#usermenu-wrap {
    z-index: 999999;
    left: 10px;
    padding-top: 10px;
    position: fixed;
    top: 39px;
    display: none;
    color: #333333;
    display: none;
    font-size: 12px;
    line-height: 20px;
    border-radius: 5px;
    width: 300px;
}
#usermenu-wrap:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    box-shadow: -2px -2px 0 -1px rgba(0,0,0,0.1);
    content: '';
    left: 15px;
    margin-left: -5px;
    position: absolute;
    top: 4px;
}

#usermenu-wrap > .usermenu-container {
    background: white;
    box-shadow: 0px 0px 4px #cccccc;
    overflow: auto;
}

#usermenu-wrap a
{
    font-family: IRANSans;
    line-height: 25px;
    height: 25px;
    min-width: 145px;
    color: #1a1a1a;
    font-size: 12px;
    display: block;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#usermenu-wrap a:before
{
    font-family: FontAwesome;
    float: right;
    margin-left: 5px;
    top: 3px;
}

#usermenu-wrap a:hover
{
    background-color: #f8be02;

}

#notify-wrap a {
    color: #333;
}

#notify-holder , #support-holder{
    background: white;
    padding: 10px 0px;
    box-shadow: 0px 0px 4px #cccccc;
    overflow: auto;
    max-height: 250px;
}
#cookie-holder {
    background: white;
    padding: 10px 0px;
    box-shadow: 0px 0px 4px #cccccc;
    overflow: auto;
    max-height: 250px;
}



#cookie-holder > div{
    font-family: IRANSans;
    line-height: 25px;
    min-width: 145px;
    color: #1a1a1a;
    font-size: 12px;
    display: block;
    padding: 0 15px;
}

.notify-pin {
    background: url(/images/theme2012/nofy_pin.png) no-repeat;
    position: absolute;
    top: 0;
    left: 10px;
    width: 25px;
    height: 10px;
}

.ui-layout-north {
    display: none;
}

.form_secretary_letter_getajaxletterreply * {
    margin-bottom: 10px !important;
}

#form_secretary_letter_getajaxletterreply {
    padding-bottom: 10px;
}

#letters textarea#letterText {
    border: 1px solid #C5C5C5;
    border-radius: 3px 3px 3px 3px;
    height: 100px;
    width: 100%;
}

#letters textarea#letterText:focus {
    box-shadow: -1px 1px 1px #FFFFFF, -1px 1px 3px #CCCCCC;
}

#letters .toggle-cc {
    margin: 0 42px 6px 0;
    background: none repeat scroll 0 0 #BABABA;
    border-radius: 3px 3px 3px 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 3px;
    text-shadow: 1px 1px #696767;
}

#letters .toggle-cc:hover {
    background: #959595;
}

#letterid-div-label {
    display: none;
}

.letter-info {
    padding: 10px 25px 10px 10px;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    background: #f5f5f5;
    position: relative;
    margin-top: 0px;
    min-height: 15px;
}

#letters .letter-info .letter-indicator {
    display: inline-block;
    direction: ltr;
}

#letters .attachments {
    padding: 10px;
    border-top: 1px solid #CCCCCC;
}

#letters .attachments span {
    margin-left: 10px;
    color: #999;
    display: inline-block;
}

#letters .attachments a {
    margin-left: 10px;
    display: inline-block;
}

#letters .letter-info .letter-export a {
    margin-left: 10px;
    display: inline-block;
}

#letters .related-item {
    background: #E9FFC6;
    padding: 5px;
    border-buttom: 1px solid #ccc;
    margin-bottom: 2px;
}

#letters .letter-related-wrap {
    display: none;
}

#letters .letter-related-wrap .related-header {
    background: #EDF15F !important;
}

#letters .related-item .related-subject, #letters .related-item .related-date, #letters .related-item .related-indicator, #letters .related-item .related-link {
    display: inline-block;
    padding: 5px 20px;
}

.letter-edit {
    display: none;
}

#start-menu-search {
    background-color: white;
    border: 1px solid #DADADA;
    border-radius: 2px;
    height: 28px;
    padding: 0px 5px;
    width: 98px;
    font-family: tahoma;
    font-size: 12px;
    color: #333;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#start-menu-search:focus {
    outline: #f8be02 auto 0px;
    -webkit-box-shadow:  0px 0px 4px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:     0px 0px 4px 0px rgba(50, 50, 50, 0.25);
    box-shadow:          0px 0px 4px 0px rgba(50, 50, 50, 0.25);
}

#documents-start-menu-fix{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    display: block;
    height: 54px;
}



.start-change-password {
    background: url(/images/theme/small_icons/key.png) no-repeat;
}

.start-user-profile {
    background: url(/images/theme/small_icons/user_edit.png) no-repeat;
}

.start-user-timesheet {
    background: url(/images/theme/small_icons/user_timesheet.png) no-repeat;
    width: 24px!important;
    height: 24px!important;
}

#tod .clockcontainer {
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
#tod .time {
    float: left;
    font-family: yekan;
    line-height: 40px;
    margin-left: 10px;
    color: #797979;
    font-size: 12px;
}

.rotate-90 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.rotate-270 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
}

.rotator {
    position: absolute;
    right: 30px;
    bottom: -30px;
}

/* jgGrid Style */
#div_grid_list_left > * {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

#div_grid_list_left, #div_grid_list_center, #div_grid_list_right {
    vertical-align: top;
}

/* jQuery UI AutoComplete Fix */
.ui-autocomplete {
    overflow-y: auto;
    max-height: 250px;
    max-width: 600px;
}

/* jQuery UI Green Style Override */
/*.ui-widget-header{*/
/*background: #EBF25C url(/images/theme2012/ui-bg_highlight-hard_35_f6a82.notif8_1x100-green.png) 50% 50% repeat-x!important;*/
/*border: 1px solid #EBF25C!important;*/
/*color: black!important;*/
/*font-weight: normal!important;*/
/*text-shadow: -1px 1px 1px white;*/
/*}*/
#grid-tip, .grid-tip-overlay {
    background: azure;
    /*box-shadow: 0px 1px 1px #943DC5!important;*/
    font-size: 12px;
    /*color: #444;*/
    cursor: pointer;
    color: #333;
    padding: 3px 3px 0px;
    /*overflow: hidden;*/
    font-weight: bold;
    box-shadow: rgb(170, 170, 170) 2px 2px 2px;
    /*height: 18px;*/
    z-index: 9990;
    border-radius: 3px;
    position: absolute;
    display: none;
    max-width: 500px;
}

.grid-tip-tgl{
    background-color: azure;
    border: 1px solid #BFBFBF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px #8CFFFD inset;
    height: 18px;
    right: 0;
    line-height: 18px;
    padding: 0 2px;
    position: absolute;
    top: 0;
    z-index: 100;
}

.grid-tip-overlay .cnt{

}

/* jqGrid input style fix */
.ui-jqgrid input {
    border: 1px solid #ddd;
    border-radius: 2px;
}


/* Old Styles from layout.phtml */
.ui-layout-pane {
    /* all 'panes' */
    border: 1px solid #BBB;
    padding: 0px;
    overflow: auto;
}

.ui-layout-resizer {
    /* all 'resizer-bars' */
    background: #DDD;
}

.ui-layout-toggler {
    /* all 'toggler-buttons' */
    background: #AAA;
}

.ui-datepicker-rtl {
    z-index: 1102;
}

/*            .header {
    height:105px;
    float:left;
    margin:auto;
    width:100%;
}*/
.titr {
    height: 29px;
    float: right;
    margin-top: 8px;
}

.links a {
    text-decoration: none;
    color: #666;
}

.links a:hover {
    color: #FFF;
}

/* Styles from old a_general file */
#a_container {
    width: 99%;
    margin: 0px 0px 50px 0px;
    background-color: #fff;
    color: #333;
    line-height: 130%;
    margin: 3px 7px;
}

#a_top {
    padding: .5em;
    background-color: #ddd;
    border-bottom: 1px solid gray;
}

#a_top h1 {
    padding: 0;
    margin: 0;
}

#a_leftnav {
    float: left;
    width: 0px;
    margin: 0;
    padding: 0;
}

#a_rightnav {
    float: right;
    background-color: #fff;
    width: 222px;
    margin: 0;
    padding: 0;
}

#a_content {
    background-color: #efefef;
    margin-left: 0px;
    border-left: 0px;
    margin-right: 222px;
    border-right: 1px solid gray;
    padding: 1em;
}

#a_footer {
    display: none;
    clear: both;
    margin: 0;
    padding: .5em;
    color: #333;
    background-color: #ddd;
    border-top: 1px solid gray;
    clear: both;
}

#a_leftnav p, #a_rightnav p {
    margin: 0 0 1em 0;
}

#a_content h2 {
    margin: 0 0 .5em 0;
}

#headerBreadCrumb {
    min-height: 30px;
}

.validation-info {
    background: url("/images/theme/small_icons/lightbulb.png") no-repeat scroll right center #FAFAAA;
    border: 1px solid #53B2F8;
    color: #777777;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

.validation-warning {
    background: url("/images/theme/small_icons/error.png") no-repeat scroll right center #FFC;
    border: 1px solid #FC0;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

.validation-error {
    background: url("/images/theme/small_icons/exclamation.png") no-repeat scroll right center #FDD;
    border: 1px solid #F00;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

.msg-info {
    background: url("/images/theme/small_icons/lightbulb.png") no-repeat scroll right center #FAFAAA;
    border: 1px solid #53B2F8;
    color: #777777;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

.msg-warning {
    background: url("/images/theme/small_icons/error.png") no-repeat scroll right center #FFC;
    border: 1px solid #FC0;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

.msg-error {
    background: url("/images/theme/small_icons/exclamation.png") no-repeat scroll right center #FDD;
    border: 1px solid #F00;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

.msg-success {
    background: url("/images/theme/small_icons/accept.png") no-repeat scroll right center #F4FDEF;
    border: 1px solid #ACDFA7;
    color: #384F34;
    display: inline-block;
    /*    margin: 0.15em auto 1.2em;*/
    padding: 5px 20px;
    text-align: right;
    border-radius: 3px;
    position: relative;
}

#notificationContainer {
    position: fixed;
    top: 60px;
    width: 100%;
    /*z-index: 9999;*/
    z-index: 99;
}

#infoContainer, #errorContainer, #warningContainer {
    width: 100%;
}

.close-notify {
    cursor: pointer;
    left: 6px;
    position: absolute;
}

.errors ul, .infos ul, .warns ul {
    margin-bottom: 2px;
}

.plupload-toggle {
    background: url(/image/system/icons/small/upload.png) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    cursor: pointer;
    margin: 5px;
}

/* CKE Grows input bugfix */
.tester {
    /*display: none!important;*/
    left: -10px !important;
}

.tip-of-day {
    background: url(/images/theme2014/mashahir-background.png) repeat-x;
    position: fixed;
    top: 135px;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 998;
    background: #f2f2f2;
    border-bottom: 1px solid #d0d0d0;
    box-shadow: 0 -1px 8px rgba(0,0,0,0.3);
    overflow: hidden;
    box-sizing: border-box;
}

@media (max-width: 480px) {  }
@media (min-width: 480px) and (max-width: 768px) {  }
@media (min-width: 768px) and (max-width: 992px) {  }
@media (min-width: 992px) and (max-width: 1200px) {  }
@media (min-width: 1200px) and (max-width: 1600px) {  }
@media (min-width: 1600px){ }


@media (min-width: 1600px){
    /*.sf-menu > li {width: 80px !important}
    .sf-menu > li > a{padding:40px  0px 0px !important}
    #start-menu-search{width: 225px}
    #start-menu{width: 468px}*/
}

@media (max-width: 1600px) and (min-width: 1500px){
    /*.sf-menu > li {width: 80px !important}*/
    /*.sf-menu > li > a{padding:40px  0px 0px !important}*/
    /*#start-menu-search{width: 125px}*/
}

@media (max-width: 1500px) and (min-width: 1430px){
    /*.sf-menu > li > a{padding:40px  10px 0px !important}*/
    /*#start-menu-search{width: 115px}*/
}


@media (max-width: 1430px) and (min-width: 1145px){
    /*.sf-menu > li > a{padding: 40px 5px 0px !important}
    #start-menu-search{width: 125px}
    #searchDiv{display: none}*/
}

@media (max-width: 1145px) and (min-width: 970px){
    /*#shortcuts{display: none !important}
    .rightItems{display: none !important}
    .sf-menu > li > a{padding: 40px 2px 0px !important}
    /*#searchDiv{display: none}*/
}

@media (max-width: 970px){
    #shortcuts{display: none !important}
    .rightItems{display: none !important}
    /*.sf-menu > li > a{padding: 40px 2px 0px !important}*/
    #searchDiv{display: none}
}

#searchDiv i.fa
{
    color: #d0d0d0;
    float: left;
    line-height: 30px;
    position: absolute;
    left: 0px;
    font-size: 14px;
    /*background-color: #404040;*/
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 2px 0px 0px 2px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Fanap loading */
/*.fanap-loading {
    display: block;
    background: #5FACFF;
    box-shadow: 0 0 4px #E6E4E4;
    border: 10px solid rgba(255, 255, 255, 0.67);
    direction: rtl;
    text-align: center;
    padding-top: 25px;
    font-size: 15px;
    color: white;
    text-shadow: -1px 1px 1px #999;
    font-weight: bolder;
    padding: 10px;
    position: absolute;
    top: 300px;
    left: 300px;
    z-index: 99999;
}*/

.fanap-loading {
    width: 140px;
    height: 35px;
    background: #ffffff url(/images/theme2014/loading.gif) top center no-repeat;
    display: block;
    box-shadow: 0 0 4px #e5e5e5;
    position: absolute;
    top: 300px;
    left: 300px;
    z-index: 99999;
    text-align: center;
    padding-top: 85px;
    font-family: yekan;
    font-size: 12px;
    color: #929497;
}

#fanapLoadingModal {
    background: #ffffff;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10001;
    opacity: 0.7;
}

.inline-block{
    display: inline-block!important;
}

/* Notification & Footer */

#numberOfNotifications{
    padding-top:4px;
    text-align:center;
    color:#FFFFFF;
    font-size: 11px;
    font-weight: bold;
    width: 25px;
    height:21px;
    background-color:#CC3C29;
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    cursor: pointer;
    float:right;
}

#notificationDetail{
    padding:10px;
    min-width: 500px;
    z-index:1000;
    display: none;
    max-height: 700px;
    min-height: 100px;
    background: none repeat scroll 0 0 #E6E6E6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 2px #999999;
    -moz-box-shadow: 0px 0px 5px 2px #999999;
    box-shadow: 0px 0px 5px 2px #999999;
    /*    overflow: auto;*/
}

#notificationDetailContainer{
     margin-bottom:5px;
    width: 100%;
    box-sizing: border-box;
    display:inline-block;
    padding: 2px 15px 5px 15px;
    font: 11px tahoma,arial,sans-serif;
    font-weight: normal !important;
    text-align:justify;
    overflow: hidden;
    color: #666666;
    cursor: pointer;
}
#notificationDetailContainer a{
    white-space: normal;
}


#notificationDetailContainer:hover {
    background:#f8be02;
    text-decoration: none;
}

#notificationDetailContainerClose{
    max-width:20px;
    max-height:20px;
    z-index:1090;
    overflow:visible;
    margin-top:-20px;
    cursor:pointer;
    margin-right:-10px;
    background: none repeat scroll 0 0 ;
}
#notificationDetailContainerCloseImage{
    max-width:20px;
    max-height:20px;
    z-index:1100;
}

#numberOfNotificationsDiv{
    background-color: #FFFFFF;
    float:right;
    width: 35px;
    height:31px;
    padding-right: 5px;
    padding-top: 4px;
}

select#userPositionSelect{
    padding: 4px;
    /*min-width: 155px;*/
    margin: 10px;
    width: calc(100% - 20px);
}

dl {
    white-space: nowrap;
}

dl dt {
    vertical-align: top;
}

dl dd {
    margin-right: 10px;
    vertical-align: top;
}

td[role="gridcell"] {
    white-space: nowrap!important;
}

td[role="gridcell"] div {
    white-space: nowrap!important;
    text-overflow: ellipsis;
    overflow: hidden;
}

td[role="gridcell"] div.fa {
    line-height: 16px;
    margin-right: 8px;
    margin-top: 3px;
}


#jqgrid-cooumns-chooser-dlg .connect-cols{
    width:140px;
    float:right;
    display: table;
    padding-bottom:18px;
}

#jqgrid-cooumns-chooser-dlg .selectable-cols{
    width:280px;
}

#jqgrid-cooumns-chooser-dlg .connect-cols li{
    border: solid 1px #bbbbbb;
    margin: 2px 4px;
    padding:2px 4px 2px 0;
}

/* style table */
/*----------------------*/
/* Internet Explorer 7: setting "separate" results in bad visuals; all other browsers work fine with either value. */
/* If set to "separate", then this rule is also needed to prevent double vertical borders on hover:
table.ui-styled-table tr * + th, table.ui-styled-table tr * + td  { border-left-width: 0px !important; } */
table.ui-styled-table { border-collapse: collapse; }

/* Undo the "bolding" that jQuery UI theme may cause on hovered elements
/* Internet Explorer 7: does not support "inherit", so use a MS proprietary expression along with an Internet Explorer <= 7 targeting hack
        to make the visuals consistent across all supported browsers */
table.ui-styled-table td.ui-state-hover {
    font-weight: inherit;
    *font-weight: expression(this.parentNode.currentStyle['fontWeight']);
}

/* Initally remove bottom border for all cells. */
table.ui-styled-table th, table.ui-styled-table td { border-bottom-width: 0px !important; }

/* Hovered-row cells should show bottom border (will be highlighted) */
table.ui-styled-table tbody tr:hover th,
table.ui-styled-table tbody tr:hover td
{ border-bottom-width: 1px !important; }

/* Remove top border if the above row is being hovered to prevent double horizontal borders. */
table.ui-styled-table tbody tr:hover + tr th,
table.ui-styled-table tbody tr:hover + tr td
{ border-top-width: 0px !important; }

/* Last-row cells should always show bottom border (not necessarily highlighted if not hovered). */
/* Internet Explorer 7, Internet Explorer 8: selector dependent on CSS classes because of no support for :last-child */
table.ui-styled-table tbody tr.last-child th,
table.ui-styled-table tbody tr.last-child td
{ border-bottom-width: 1px !important; }

/* Last-row cells should always show bottom border (not necessarily highlighted if not hovered). */
/* Internet Explorer 8 BUG: if these (unsupported) selectors are added to a rule, other selectors for that rule will stop working as well! */
/* Internet Explorer 9 and later, Firefox, Chrome: make sure the visuals are working even without the CSS classes crutch. */
table.ui-styled-table tbody tr:last-child th,
table.ui-styled-table tbody tr:last-child td
{ border-bottom-width: 1px !important; }

/***********************/

.errorMessage {
    text-align: center;
    color: red;
    font-size: 15px;
    margin-top: 20px;
}
/*----------------------*/
.ui-datepicker{
    line-height: 100%;
}

.ui-datepicker select{
    line-height: 100%;
    height: auto;
    padding:0;
}

/***********************/
.qtip-efanap1{
    background-color: #fffbe5 !important;
    border: none !important;
    color: #1a1a1a !important;
    border-radius: 2px;
    padding: 5px 10px !important;
    box-shadow: 0 0 4px #000000;
}

.qtip-efanap1 .ui-tooltip-content{
    text-align: right;
    /*word-wrap:normal;
    word-break:normal;*/
}

.qtip-efanap1 .slimScrollBar{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.qtip-cnt{
    max-height: 100px;
}

.ui-tooltip.qtip-efanap1, .qtip.qtip-efanap1{
    max-width: 1000px !important;
}

#notifyWrap {
    z-index: 100003 !important;
}

#documents-rename-modal #newName{
    font-size: 11px;height: auto;line-height: 20px;margin: 0;padding: 2px 4px;
}

#documents-rename-modal #rename{
    font-size: 11px;height: auto;line-height: 20px;margin: 0;padding: 2px 4px;
}




/*add by mohseni*/
.search-content
{
    visibility: collapse;
    padding-top: 10px;
    position: absolute;
    top: 30px;
    left: 0px;
    width: 235px;
}
.search-container
{
    padding: 10px 0px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px #cccccc;
    max-height: 250px;
    overflow-y: auto;
    direction: ltr;
}
.search-content:before
{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    box-shadow: -2px -2px 3px -1px rgba(0,0,0,0.1);
    content: '';
    left: 10px;
    position: absolute;
    top: 5px;
}

.rightside-separator
{
    height: 1px;
    margin: 10px 0px;
    background:#cccccc;
}


fieldset {
    border: 1px solid #d9d9d9;
    padding: 10px;
    overflow: visible;
}

select {
    min-width: 25%;
    max-width: 100%;
    padding: 0px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    line-height: 30px;
    box-sizing: border-box;
    min-height: 30px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    margin: 0px;
}
table.ui-search-table
{
    width: 100%;
}

.ui-search-input select {
    padding: 0px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    line-height: 18px;
    box-sizing: border-box;
    height: 18px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    margin: 0px;
    min-height: 18px;
}
.ui-search-input input[type="text"] {
    line-height: 18px;
}


legend
{
    white-space: nowrap;
}


select[multiple]{/*Khosro*/
    overflow-y: auto;
}

input:read-only {
    color: #868686;
    background-color: #FAFAFA;
}

input:-moz-read-only {
    color: #868686;
    background-color: #FAFAFA;
}
/*#cboxLoadingGraphic
{
    background: url("/images/theme2014/documentLoading.gif")no-repeat center center !important;
}

#fancybox-loading div
{
    background: url("/images/theme2014/documentLoading.gif")no-repeat center center !important;
}*/


/*///////////////////////////////////////.login////////////////////////////////////////////////////*/
.logincontainer #username:focus , .logincontainer #password:focus
{
    outline: #f8be02 auto 0px;
    -webkit-box-shadow:  0px 0px 4px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:     0px 0px 4px 0px rgba(50, 50, 50, 0.25);
    box-shadow:          0px 0px 4px 0px rgba(50, 50, 50, 0.25);
}

.logincontainer form
{
    margin-bottom: 0px;
}

.logincontainer
{
    width: 940px;
    height: 500px;
    box-sizing: border-box;
    position: relative;
    margin:35px auto 15px auto ;
    border: 5px solid #ffffff;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.25);
    background-position: center center ;
    background-size: cover;
    background-repeat: no-repeat;
}
.login-table{
    position: absolute;
    left: 110px;
    height: 100%;
    z-index: 9;
}

#form_row_LoginWithSSO > div{
    display: block;
}
@media (max-width: 992px) {
    .login-body{
        /*min-height: 500px;*/

    }
    .login-body #notifyWrap{
        opacity: 1;
        min-width: 200px;
        top: 100px !important;
        left: 0px !important;
        width: 100%;
        position: absolute;

    }
    .login-body #notifyWrap .notifyError{
         opacity: 1;
         min-width: 200px;
         top: 100px !important;
         left: 0px !important;
         width: 100%;
         position: absolute;
        background: #dc2121;

     }
    /*mohseni-1397*/
    .logincontainer
    {
        width: 100%;
        min-height: 450px;
        height: calc(100% - 40px);
        box-sizing: border-box;
        position: relative;
        margin:0px ;
        border: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;
        background-position: left center ;
        background-size: cover;
        background-repeat: no-repeat;

    }
    .login-table{
        position: absolute;
        left: 50%;
        margin-left: -125px;
        height: 100%;
        margin-top: -20px;
    }
}
.logincontainer .speech
{
    margin: auto;
    margin-top: 10px;
    color: #4d4d4d;
    text-align: center;
    width: 90%;
    max-width: 700px;
}

.logincontainer .errors  li{
    list-style: none;
    color: red;
    font-weight: 600;
}

.logincontainer .loginBox{
    vertical-align: middle;
    width: 200px;
    background: url("/images/login/login-transparent.png");
    padding: 25px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.25);
}

.logincontainer .loginHead{
    width: 200px;
    height: 30px;
    background: url("/images/theme2014/loginform-header.png") center center no-repeat;
    margin-bottom: 20px;
}

.logincontainer .login-separator{
    margin: 0 -25px;
    height: 1px;
    width: 250px;
    background-color: #d9d9d9;
}

.logincontainer .mozilla
{
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.logincontainer .mozilla-icon
{
    background: url("/images/login/icon-mozilla.png");
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
}

.logincontainer .mozilla-text::before
{
    content: "\A";
    border-style: solid;
    border-width: 8px 8px 0px 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    right: 10px;
    top: 59px;
}

.logincontainer .mozilla-text
{
    display: none;
    position: absolute;
    bottom: 30px;
    width: 230px;
    padding: 10px;
    background-color: #ffffff;
    right: -8px;
}

.logincontainer #form_cell_label_form_core_login_index_submit
{
    display: none;
}
.logincontainer #form_core_login_index_submit
{
    font-size: 12px;
    background: #d9d9d9;
    color: #000000 !important;
}

.logincontainer #LoginWithSSO
{
    width: 100%;
    background-color: rgb(217, 217, 217);
    background-image: url(https://accounts.pod.ir/images/btn/fanap-account-200x30.png);
    border: medium none;
    height: 30px;
    cursor: pointer;
    padding: 3px 5px;
    margin : 0 ;
    font-family: tahoma ,Geneva, sans-serif;
    font-size: 0px;
    /*font-size: 11px;*/
}

#LoginWithSSO:hover {
}

.logincontainer .row
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.logincontainer .one_right_section {
    height: 23px;
}

.logincontainer #username, .logincontainer #password {
    font-size: 13px;
    padding: 3px 5px;
    text-align: left !important;
}
.logincontainer #form_row_captcha
{
    position: relative;
}
.logincontainer #captcha-input , .logincontainer #form_cell_data_captcha
{
    display: block;
    text-align: right;
    font-size: 11px;
}
.logincontainer #refreshCaptchaButton-captcha{
    position: absolute;
    left: 10px;
    top: 42px;
}

.logincontainer .error
{
    line-height: initial;
    padding: 0px;
    font-size: 10px;
}

.bulletin{
    position: relative;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto 0px auto ;
}
@media (max-width: 992px) {
    .bulletin{
        padding: 10px 0px;
        background: #303030;
        /*z-index: 0;*/
        /*position: absolute;*/
        /*bottom: 10px;*/
        /*width: 100%;*/
        /*margin: 0px auto 0px auto;*/
    }
}
.bulletin a{
    color: #333333;
}

.bulletin .event{
    padding: 0px 5px 5px 5px;
    margin-bottom: 10px;
    width: 100%;
    background: #FFF;
    box-sizing: border-box;
    overflow: auto;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.25);
}

.bulletin-event{
    width: 525px;
    overflow: hidden;
    float: right;
    padding: 0px 20px;
    color: #4d4d4d;
    background: #fafafa;
}

.bulletin .event .separator{
    width: 1px;
    height: 48px;
    display: inline-block;
    padding-right: 35px;
    margin-right: 25px;
    border-right: 1px solid #e3e3e3;
    float: right;
}

.bulletin .event .icon{
    float: right;
    width: 35px;
    height: 48px;
    opacity: 1;
    margin-left: 10px;
    color: inherit;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.bulletin .event .event-icon{
    background :url("/images/theme2014/login-icon.png") no-repeat;
    background-position: -35px -40px;
}
.bulletin .event .bulletin-icon{
    background :url("/images/theme2014/login-icon.png") no-repeat;
    background-position: 0px -40px;
}
.bulletin .event .bulletin-link{
    float: right;
    width: 320px;
    text-align: center;
    background: #fafafa;
    color: #4d4d4d;
    padding: 0px 20px;
    margin-right: 5px;
}

.bulletin .event .bulletin-link span{
    float: right;
    font-size: 14px;
    font-family: yekan;
    text-align: right;
    color: #4d4d4d;
    line-height: 40px;
    height: 40px;
    width: 260px;
    padding: 4px 0px 4px 4px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.2s ease;

}


.bulletin .event  .bulletin-news{
    background: #fafafa;
}

.bulletin .event .event-titr{
    width:480px ;
    float: right;
    font-size: 14px;
    font-family: yekan;
    color: #4d4d4d;
    line-height: 18px;
    padding-bottom: 3px;
    padding-top: 4px;
    height: 20px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.2s ease;
}

.bulletin .event .event-des{
    width:480px ;
    float: right;
    font-size: 12px;
    font-family: yekan;
    line-height: 15px;
    height: 20px;
    color: #4d4d4d;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.2s ease;
}

.bulletin .event .more{
    float: right;
    padding: 0px 4px;
    width: 10px;
    font-size: 14px;
    margin-right: 5px;
    color: #666666;

}
.bulletin .event .bulletin-event:hover ,.bulletin .event .bulletin-link:hover {
    transition: all 0.2s ease;
    background: #f2f2f2;
}
.bulletin .event .bulletin-event:hover .event-icon{
    transition: all 0.2s ease;
    background-position: -35px -88px;
}
.bulletin .event .bulletin-link:hover .bulletin-icon {
    transition: all 0.2s ease;
    background-position: 0px -88px;
}
.bulletin .event .bulletin-event:hover  .event-titr ,.bulletin .event .bulletin-link:hover span{
    transition: all 0.2s ease;
    color: #F2852B;
}
.bulletin .event .bulletin-event:hover  .event-des{
    transition: all 0.2s ease;
    color: #F2852B;
}


.bulletin .icon-group{
    clear: both;
    margin: 0 auto;
    /*width: 940px;*/
    display: block;
    text-align: center;
    height: 20px;
    /*background :url("/images/theme2014/line.png") ;*/
}

.icon-group a{
    width: 20px;
    height: 20px;
    margin-left: 6px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    background :url("/images/theme2014/login-icon.png") ;
}
.icon-group a:last-child{
     margin-left: 5px;
 }
.icon-group a:first-child{
    margin-right: 5px;
}
.icon-group a.facebook{
    background-position: -100px 0px;
}
.icon-group a.twitter{
    background-position: -20px 0px;
}
.icon-group a.linkedin{
    background-position: -60px 0px;
}
.icon-group a.instagram{
    background-position: -80px 0px;
}
.icon-group a.telegram{
    background-position: -40px 0px;
}
.icon-group a.fanap{
    background-position: 0px 0px;
}

.icon-group a.facebook:hover{
    background-position: -100px -20px;
}
.icon-group a.twitter:hover{
    background-position: -20px -20px;
}
.icon-group a.linkedin:hover{
    background-position: -60px -20px;
}
.icon-group a.instagram:hover{
    background-position: -80px -20px;
}
.icon-group a.telegram:hover{
    background-position: -40px -20px;
}
.icon-group a.fanap:hover{
    background-position: 0px -20px;
}





/*clock*/

.clockcontainer *{
    margin: 0;
    padding: 0;
}

#clock {
    position: relative;
    width: 30px;
    height: 30px;
    background: url(/images/theme2014/clock.png) no-repeat 0px 0px;
    list-style: none;
}
#sec, #min, #hour , #clock-center {
    background: url(/images/theme2014/clock.png);
    position: absolute;
    width: 2px;
    height: 30px;
    top: 0px;
    left: 14px;
}
#sec {
    background-position: -34px 0px;
    z-index: 3;
}
#min {
    background-position: -32px 0px;
    z-index: 2;
}
#hour {
    background-position: -30px 0px;
    z-index: 1;
}
#clock-center{
    width: 2px;
    height: 2px;
    top: 14px;
    left: 14px;
    /*border-radius: 2px;*/
    background: #FFF;
    z-index: 4;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}



#fancybox-content > div
{
    height: inherit !important;
}


#popup-back{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    display: none;
}


#popup-back-1{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    display: none;
}

.popup{
    background: #FFF;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    box-sizing: border-box;
    border-bottom: 15px solid #f2f2f2;
    border-radius: 4px;
    width: 600px;
    max-height: 400px;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    top: 200px;
}
@media (max-width: 992px) {
    .popup{
        background: #FFF;
        box-shadow: 0 1px 8px rgba(0,0,0,0.5);
        box-sizing: border-box;
        border-bottom: 15px solid #f2f2f2;
        border-radius: 4px;
        width: calc(100% - 200px);
        max-height: 400px;
        position: fixed;
        left: 50px;
        margin-left: 0px;
        top: 100px;
    }
    .popup div.popup-button a{
        min-width: auto !important;
    }
}
@media (max-width: 700px) {
    .popup{
        background: #FFF;
        box-shadow: 0 1px 8px rgba(0,0,0,0.5);
        box-sizing: border-box;
        border-bottom: 15px solid #f2f2f2;
        border-radius: 4px;
        width: calc(100% - 20px);
        max-height: 400px;
        position: fixed;
        left: 10px;
        margin-left: 0px;
        top: 100px;
        overflow-y: scroll;
    }
    .popup div.popup-button a{
        min-width: auto !important;
    }
}

.popup .popup-header{
    background-color: #1a1a1a;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    color: #fff !important;
}

.popup .popup-header h1{
    float: right;
    font-family: yekan, tahoma;
    font-size: 13px !important;
    margin: 0px !important;
    font-weight: normal !important;
    padding: 0px 20px 0px 0px;
    line-height: 40px;
}

.popup .popup-header a.popup-close{
    color: #FFF !important;
    float: left;
    padding: 13px 15px;
}

.popup .popup-header a.popup-close i{
    color: #FFF !important;
}

.popup div.popup-text{
    padding: 20px;
    font-size: 12px;
    text-align: justify;
    font-family: tahoma;
    height:180px;
    overflow-y:scroll;

}
.popup div.popup-button{
    padding: 20px;
    text-align: left;
    overflow: auto;
}
.popup div.popup-button a{
    float: left;

    display: inline-block;
    position: relative;
    line-height: 30px;
    border: 0px;
    border-radius: 4px;
    height: 30px;
    font-family: yekan, tahoma;
    font-size: 12px;
    padding: 0px 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 10px;

}
.popup div.popup-button a.button-link{
    min-width: 200px;
   /* min-width: 130px;*/
    background: #fdb913;
}
.popup div.popup-button a.button-link:hover{
    background: #f0b113;
}

.popup div.popup-button a.button-next{
    min-width: 200px;
    /* min-width: 130px;*/
    background: #fdb913;
}
.popup div.popup-button a.button-next:hover{
    background: #f0b113;
}

.popup div.popup-button a.button-no{
    min-width: 200px;
    /* min-width: 130px;*/
    background: #d9d9d9;
}
.popup div.popup-button a.button-no:hover{
    background: #cccccc;
}



.grid-header button{
    height: 35px !important;
    line-height: 35px !important;
    min-width: 35px;
    padding: 0px !important;
}
.grid-header button#responsibleCloseLettersBtn{
    min-width: auto;
}

.grid-header > button , .grid-header > span{
    margin: 0 0 0 5px !important;
    padding: 0px !important;
    float: right;
}

input, textarea, select, button {
    font-family: IRANSans ,Tahoma ,Arial !important;
    font-size: 11px;
}

.grid-header button#side-toggle{
    float: right;
    width: 35px;
    font-size: 14px;
    text-align: center;
    line-height: 27px;


}
.grid-header button#side-toggle span{
     float: none;
     padding-right: 0px;
    padding-left: 0px;
    line-height: 28px;
}
.grid-header button#side-toggle span:focus , .grid-header button:focus{
    outline: transparent auto 0px !important;
}


.ui-jqgrid tr.jqgrow td{
    padding: 4px 2px !important;
}

.header-separator{
    background-color: #666666;
    width: 1px;
    height: 20px;
    margin: 0 15px;
    float: left;
}


#side-close{
    box-sizing:border-box ;
    display: block;
    width: 35px;
    height: 35px;
    color: #1a1a1a;
    font-size: 15px;
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
    text-align: center;
    line-height: 40px;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

#side-close:hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(/lib/jquery/ui/theme/fanap-theme/images/ui-bg_highlight-soft_100_fdf5ce_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #c77405;
}


@media only screen and (max-width: 992px) {
    #help-menu,#info-menu ,#shortcuts,#sendLetterBtn,#refreshBtn,#exportExcelBtn,#tod , .header-separator{
        display: none;
    }
    .ui-jqgrid-hdiv{
    overflow-x : auto;
    }
    .ui-jqgrid .ui-jqgrid-htabl

    {table-layout:fixed;margin:0; padding-right: 20px;}

}




.sideBar {
    position: fixed;
    z-index: 995;
    top: 175px;
    padding: 10px 0px 10px 10px;
    background: rgba(250, 250, 250, .95);
    width: 280px;
    white-space: normal;
    color: white;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    box-shadow: -4px 0 4px 0 rgba(0,0,0,.1);
}

.small-view .sideBar {
    top: 60px;
}

.sideBar > ul > li {
    height: 23px;
    list-style: none;
}
.sideBar > ul {
    padding: 0;
    margin: 0;
}
.sideBar .menu-separator {
    background: none repeat scroll 0 0 #F3F3F3;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 white;
    margin: 6px 0;
}

.sideBar li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sideBar a {
    color: #4d4d4d;
    display: block;
    font-size: 11px;
    padding: 2px 5px;
    line-height: 18px;
    border-radius: 2px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    margin-bottom: 5px;
    transition: all 0.2s ease;
}

.sideBar a:hover  {
    background: #e2e2e2;
    transition: all 0.2s ease;
}
.sideBar .dashboard_item  {
    position: relative;
}
/*.ui-jqgrid ,*/
/*.ui-jqgrid .ui-jqgrid-view ,*/
/*.ui-jqgrid .ui-jqgrid-hdiv ,*/
/*.ui-jqgrid .ui-jqgrid-htable ,*/
/*.ui-jqgrid .ui-jqgrid-bdiv ,*/
/*.ui-jqgrid .ui-jqgrid-btable ,*/
/*.ui-jqgrid .ui-jqgrid-pager,*/
/*.ui-jqgrid #tabWrap ,*/
/*.ui-jqgrid #letterWrap*/
/*{*/
    /*width: 100% !important;*/
/*}*/

@media (max-width: 992px) {
    .modal.fade.in textarea {
        width: 100%;
    }
    .ui-dialog.ui-widget.ui-widget-content{
        width: calc(100% - 25px) !important;
        left: 10px !important;
        right: auto !important;
    }
}

@media (max-width: 767px){
    .modal.fade.in {
        top: 40px !important;
    }
}


@media only screen and (max-width: 500px) {

    table.ui-jqgrid-btable > tbody >tr.jqgrow >td > a
    {
        display: block;
        padding: 3px;
    }

}

#fancybox-overlay {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}


.main-loader{
    display: none;
    z-index: 9999999999;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(146, 148, 151, .95);
}
.main-loader.active{
    display: block;
}
.main-loader .image-loader{
    width: 140px;
    height: 35px;
    background: #ffffff url(/images/theme2014/loading.gif) top center no-repeat;
    position: absolute;
    text-align: center;
    padding-top: 85px;
    font-family: yekan;
    font-size: 12px;
    color: #929497;
    margin-top: -65px;
    top: 50%;
    margin-left: -70px;
    left: 50%;
    border: 0px;
}

.ui-tooltip.qtip{
    position: fixed !important;
}


.help-div
{
    max-width: 1135px;
    font-family: IRANSans, tahoma;
}

.help-div ul li
{
    margin-bottom: 20px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 4px;
}
.help-div ul li span
{
    color: #F2852B;
}

.help-div ul li:hover
{

    box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}

.help-div ul li:hover > div:first-child {
    background: #e5e5e5;
}

.help-div ul li > div:first-child
{
    font-size: 13px;
    font-weight: bold;
    background: #f2f2f2;
    padding: 3px 15px;
}

.help-div ul li > div:first-child:hover
{
    background: #e5e5e5;
}

.help-div ul li > div:nth-child(2)
{
    font-size: 12px;
    line-height: 22px;
    padding: 15px;
}


/*****************************************

/* The Modal (background) */
.modal-image-container {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.9); /* Fallback color */
    /*background-color: rgba(0,0,0,0.7); !* Black w/ opacity *!*/
}

/* Modal Content (image) */
.modal-image-container-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 600px;
    max-height: 700px;
}

/* Caption of Modal Image */
#modal-image-container-caption {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-image-container-content, #modal-image-container-caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.modal-image-container-close {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.modal-image-container-rotate
{
    position: absolute;
    top: 28px;
    left: 46px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
}

.modal-image-container-close:hover,
.modal-image-container-close:focus,
.modal-image-container-rotate:hover,
.modal-image-container-rotate:focus
{
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-image-container-content {
        width: 100%;
    }
}