@charset "utf-8";

/*---------- Reset ----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Edit */
table, caption, tbody, tfoot, thead, tr, th, td {
    vertical-align: top;
}

/*---------- endof Reset ----------*/
hr {
    margin: 0;
    padding: 0;
    outline: 0;
}

/* Global */
html {
    height: 100%; /* allow scrolling if layout hits min-width/height */
}

body {
    /*min-width: 900px;*/
    height: 100%;
    font: 9px Yekan, Arial, Helvetica, sans-serif;
    /*background:url(../images/bg.gif) 0 0 repeat #DBDBDB;*/
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-family: 'Yekan';
    font-size: 20px;
}

h2 {
    font-size: 14px;
}

a {
    color: #06c;
    text-decoration: none;
}

input, button, textarea, select, option {
    font: 12px Yekan, Arial, Helvetica, sans-serif;
}

input {
    border: 1px solid #e2e3ea;
    border-top-color: #abadb3;
    border-radius: 3px;
}

.clearer {
    clear: both;
    padding: 0;
    margin: 0;
}

/* Icons */

.icon {
    float: right;
    width: 16px;
    height: 16px;
}

.icon.large {
    width: 32px;
    height: 32px;
}

.date .icon {
    top: 1px;
    margin: 0 0 0 1px;
    background-position: 0 -352px;
}

.location .icon {
    background-position: 0 -464px;
}

.attachment .icon {
    background-position: 0 -512px;
}

#nav .icon {
    position: relative;
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin: 0 0 0 10px;
    background: url(../images/icons.png) 0 0 no-repeat;
}

#nav li .icon {
    display: none;
    background-position: -999em -999em;
}

#nav li li .icon {
    display: block;
}

#nav ul li .icon.child {
    float: left;
    margin: 0 10px 0 0;
    background-position: 4px 0;
}

#nav .form-builder .icon {
    background-position: 0 -16px;
}

.waiting .icon, .jstree-loading .jstree-icon {
    background-image: url(../images/loaders.gif);
}

#tabs .icon {
    background: url(../images/icons.png);
}

#tabs .next .icon {
    background-position: 0 -64px;
}

#tabs .prev .icon {
    background-position: 0 -96px;
}

#tabs .next.enabled .icon {
    background-position: 0 -80px;
}

#tabs .prev.enabled .icon {
    background-position: 0 -112px;
}

.inner-tabs .next .icon {
    background-position: 0 -64px;
}

.inner-tabs .prev .icon {
    background-position: 0 -96px;
}

.inner-tabs .next.enabled .icon {
    background-position: 0 -80px;
}

.inner-tabs .prev.enabled .icon {
    background-position: 0 -112px;
}

.east-header .icon {
    background: url(../images/icons.png);
}

.east-header .toggler-close .icon {
    background-position: -16px 0;
}

.east-header .toggler-close:hover .icon {
    background-position: -16px -18px;
}

.east-header .toggler-close:active .icon {
    background-position: -15px -289px;
}

#tabpanels .icon {
    background: url(../images/icons.png);
}

#tabpanels {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
}

#tabpanels .ui-layout-toggler-east .icon {
    background-position: -16px -54px;
}

#tabpanels .ui-layout-toggler-east:hover .icon {
    background-position: -16px -72px;
}

#tabpanels .ui-layout-toggler-east:active .icon {
    background-position: -15px -307px;
}

.sb-splitbutton-toggler .icon {
    background: url(../images/icons.png);
    background-position: 0 -416px;
}

.center .center .indicator {
    float: right;
    padding: 3px 10px;
    margin: 5px 0 0;
    font-size: 11px;
    line-height: 12px;
    border: 1px solid #d5d5d5;
    background-color: #fdfdfd;
    border-radius: 4px;
}

.indicator strong {
    font-size: 10px;
}

.indicator .icon {
    display: none;
}

.type .icon {
    background: url(../images/icons.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
}

.type.internal-letter .icon {
    background-position: 0 -368px !important;
}

.type.osm-session .icon {
    background-position: 0 -448px !important;
}

.type.osm-session .icon.large {
    background-position: -34px 0;
}

.type.offtime-hourly .icon {
    background-position: 0px -496px;
}

.type.offtime-daily .icon {
    background-position: 0px -496px;
}

.type.document .icon {
    background-position: 0 -608px;
}

.type.pdf .icon {
    background-position: 0 -624px;
}

.type.zip .icon {
    background-position: 0 -644px;
}

.type.image .icon {
    background-position: -16px -656px;
}

.type.other .icon {
    background-position: 0 -400px;
}

.type.document .icon.large {
    background-position: -34px -32px;
}

.type.pdf .icon.large {
    background-position: -34px -64px;
}

.type.zip .icon.large {
    background-position: -34px -96px;
}

.type.image .icon.large {
    background-position: -34px -160px;
}

.type.other .icon.large {
    background-position: -34px -128px;
}

.east .sb-splitbutton-default .icon {
    margin: 0 5px 0 6px;
    background-position: 0 -400px;
}

.sp-cmp-splitmenu .icon {
    background-position: -999em -999em;
}

/* Buttons */
#nav > li:hover > a, #nav > li.hover > a {
    /*	border-width:0 5px;*/
    -moz-border-image: url(../images/buttons.png) 182 5 396 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 182 5 396 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 182 5 396 5 repeat stretch;
    border-image: url(../images/buttons.png) 182 5 396 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;

}

#tabs li a {
    -moz-border-image: url(../images/buttons.png) 0 5 578 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 0 5 578 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 0 5 578 5 repeat stretch;
    border-image: url(../images/buttons.png) 0 5 578 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;
}

#tabs li a:hover {
    -moz-border-image: url(../images/buttons.png) 22 5 556 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 22 5 556 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 22 5 556 5 repeat stretch;
    border-image: url(../images/buttons.png) 22 5 556 5 fill repeat stretch;
}

#tabs li a:active, #tabs li.active a {
    -moz-border-image: url(../images/buttons.png) 44 5 534 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 44 5 534 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 44 5 534 5 repeat stretch;
    border-image: url(../images/buttons.png) 44 5 534 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;
}

#tabs li.current a {
    -moz-border-image: url(../images/buttons.png) 66 5 509 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 66 5 509 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 66 5 509 5 repeat stretch;
    border-image: url(../images/buttons.png) 66 5 509 5 fill repeat stretch;
}

/*
        #tabs li.current a:hover{
                border-image:url(../images/buttons.png) 116 5 188 5 repeat stretch;
                -moz-border-image:url(../images/buttons.png) 116 5 188 5 repeat stretch;
                -webkit-border-image:url(../images/buttons.png) 116 5 188 5 repeat stretch;
        }
*/
.inner-tabs li a {
    -moz-border-image: url(../images/buttons.png) 91 5 487 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 91 5 487 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 91 5 487 5 repeat stretch;
    border-image: url(../images/buttons.png) 91 5 487 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;
}

.inner-tabs li a:hover {
    -moz-border-image: url(../images/buttons.png) 113 5 465 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 113 5 465 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 113 5 465 5 repeat stretch;
    border-image: url(../images/buttons.png) 113 5 465 5 fill repeat stretch;
}

.inner-tabs li a:active, .inner-tabs li.active a {
    -moz-border-image: url(../images/buttons.png) 135 5 443 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 135 5 443 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 135 5 443 5 repeat stretch;
    border-image: url(../images/buttons.png) 135 5 443 5 fill repeat stretch;
}

.inner-tabs li.current a {
    -moz-border-image: url(../images/buttons.png) 157 5 418 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 157 5 418 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 157 5 418 5 repeat stretch;
    border-image: url(../images/buttons.png) 157 5 418 5 fill repeat stretch;
}

/* actionbar */

.sb-cmp-actionbar li a {

    -moz-border-image: url(../images/buttons.png) 306 5 262 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 306 5 262 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 306 5 262 5 repeat stretch;
    border-image: url(../images/buttons.png) 306 5 262 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;
}

.sb-cmp-actionbar li:hover a {
    -moz-border-image: url(../images/buttons.png) 338 5 230 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 338 5 230 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 338 5 230 5 repeat stretch;
    border-image: url(../images/buttons.png) 338 5 230 5 fill repeat stretch;
}

.sb-cmp-actionbar li a:active {
    -moz-border-image: url(../images/buttons.png) 370 5 198 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 370 5 198 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 370 5 198 5 repeat stretch;
    border-image: url(../images/buttons.png) 370 5 198 5 fill repeat stretch;
}

.sb-cmp-actionbar li a.main {

    -moz-border-image: url(../images/buttons.png) 402 5 166 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 402 5 166 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 402 5 166 5 repeat stretch;
    border-image: url(../images/buttons.png) 402 5 166 5 fill repeat stretch;
}

.sb-cmp-actionbar li:hover a.main {
    -moz-border-image: url(../images/buttons.png) 434 5 134 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 434 5 134 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 434 5 134 5 repeat stretch;
    border-image: url(../images/buttons.png) 434 5 134 5 fill repeat stretch;
}

.sb-cmp-actionbar li a.main:active {
    /*	padding:1px 5px 1px 7px ;*/
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    -moz-border-image: url(../images/buttons.png) 466 5 102 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 466 5 102 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 466 5 102 5 repeat stretch;
    border-image: url(../images/buttons.png) 466 5 102 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;

}

/*413 5 155 5*/

/* splitbutton */
.sb-splitbutton li.sb-splitbutton-default, .sb-splitbutton .sb-splitbutton-toggler {
    -moz-border-image: url(../images/buttons.png) 204 5 362 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 204 5 362 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 204 5 362 5 repeat stretch;
    border-image: url(../images/buttons.png) 204 5 362 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;
    border: 5px solid fill;
}

.sb-splitbutton .sb-splitbutton-toggler {
    border-width: 0 0 0 5px;
    border-style: solid;
}

.sb-splitbutton li.sb-splitbutton-default:hover, .sb-splitbutton .sb-splitbutton-toggler:hover {
    -moz-border-image: url(../images/buttons.png) 238 5 328 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 238 5 328 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 238 5 328 5 repeat stretch;
    border-image: url(../images/buttons.png) 238 5 328 5 fill repeat stretch;

}

.sb-splitbutton li.sb-splitbutton-default:active, .sb-splitbutton .sb-splitbutton-toggler:active {
    -moz-border-image: url(../images/buttons.png) 272 5 294 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 272 5 294 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 272 5 294 5 repeat stretch;
    border-image: url(../images/buttons.png) 272 5 294 5 fill repeat stretch;
}

/*datepicker */

.form .sb-cmp-datepicker a,
.form .sb-cmp-timepicker a {
    -moz-border-image: url(../images/buttons.png) 0 5 578 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 0 5 578 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 0 5 578 5 repeat stretch;
    border-image: url(../images/buttons.png) 0 5 578 5 fill repeat stretch;
    border-style: solid;
    border-width: 0 5px;

}

.form .sb-cmp-datepicker a:hover,
.form .sb-cmp-timepicker a:hover {
    -moz-border-image: url(../images/buttons.png) 22 5 556 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 22 5 556 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 22 5 556 5 repeat stretch;
    border-image: url(../images/buttons.png) 22 5 556 5 fill repeat stretch;

}

.form .sb-cmp-datepicker a:active,
.form .sb-cmp-timepicker a:active {
    -moz-border-image: url(../images/buttons.png) 44 5 534 5 repeat stretch;
    -webkit-border-image: url(../images/buttons.png) 44 5 534 5 repeat stretch;
    -o-border-image: url(../images/buttons.png) 44 5 534 5 repeat stretch;
    border-image: url(../images/buttons.png) 44 5 534 5 fill repeat stretch;
}

/**/

.hide, .sb-hidden {
    display: none;
}

/* Layout */

#header, #body, #footer {
    direction: rtl;
}

#footer {
}

#header {
    z-index: 1 !important;
}

#topbar {
    height: 36px;
    color: #F2F2F2;
    background: url(../images/topbar-bg-rtl-sdak.png) right 0 no-repeat #000;
    font-size: 1.1em;
}

#topbar a {
    color: #fff;
}

/*#menuForm{margin-bottom: 1em;}*/

#userstatus {
    float: left;
}

#userstatus li {
    float: left;
    padding: 0 10px 0 0;
    margin: 10px 10px 0 0;
}

/*background: url("../images/bar.png") right -155px no-repeat ;*/
/*#userstatus .logout{}*/
#userstatus .logout .icon {
    background: url(../images/icons.png) -16px -384px no-repeat;
}

#userstatus .user .icon {
    background: url(../images/icons.png) 0 -384px no-repeat;
}

/* Navigation */
#nav {
    height: 24px;
    padding: 0 5px;
    margin: 0;
    background: url(../images/bar.png) 0 0 repeat-x;
}

#nav li a {
    display: block;
}

#nav li a .icon {
    margin: 0 2px 0 10px;
}

#nav > li {
    float: right;
    margin: 1px 0;
}

#nav > li > a {
    padding: 4px 8px;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, .9);
}

#nav > li:hover > a, #nav > li.hover > a {
    padding: 4px 3px;
}

#nav ul {
    position: absolute;
    left: -999em;
    top: -999em;
    padding: 5px;
    background: url(../images/nav-inner-deporator.png) right 0 repeat-y #f1f1f1;
    border: 1px solid #999;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

#nav > li:hover > ul, #nav > li:hover > ul {
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
}

#nav ul li a {
    padding: 4px 1px 4px 19px;
}

#nav ul li:hover > a, #nav ul li.hover > a {
    padding: 3px 0px 3px 18px;
    background: url(../images/bar.png) left -28px repeat-x;
    border: 1px solid #AECFF7;
    border-radius: 3px;
}

#nav ul li.has-children > a {
    padding: 4px 1px 4px 1px;
}

#nav ul li:hover.has-children > a, #nav ul li.hover.has-children > a {
    padding: 3px 0px 3px 0;
}

#nav ul li.has-children > a .child.icon {
    margin: 0 3px 0 0;
}

#body {
    padding: 10px 10px 5px;
    height: 100%;
}

#mainUI {
    height: 100%;
}

/******s******************************/

#content {
    width: 100%;
}

#content #mainUI {
    height: 100% !important;
}

/*#mainUI #content{height:auto!important; overflow:visible;}*/

#sidebar, .east {
    float: right;
    width: 20%;
    margin: 0 0 0 1%;
    height: 100%;
    background-color: #f1f1f1;
}

#mainbar, .center {
    float: right;
    height: 100%;
    background-color: #eee;
}

.center {
    width: 100%;
}

.center .center {
    width: 100%;
}

.east + .center {
    width: 78%;
}

.east + .center .center {
    width: 100%;
}

/************************************/

#footer {
    width: 100%;
    height: 30px;
    color: #A3BBC7;
    background-color: #213037;
    bottom: 0;
    position: fixed;
    text-align: center !important;
}

#footer .copyright {
    padding: 2px 10px 2px;
    font-size: .8em;
}
#footer .version {
    padding: 2px 10px 10px;
    font-size: .8em;
}

/* jQuery UI CSS */
#smartbase-portal-main .ui-menu .ui-menu-item a {
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
    padding: 2px 1px 1px 2px !important;
}

#smartbase-portal-main .ui-autocomplete {
    max-height: 120px;
    max-width: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 3px;
}

.nav-parent {
    z-index: 100;
}

.kartable {
    width: 100%
}

.kartable tr {
    height: 70px;
}

.kartable tr:hover {
    background-color: #FFFEF3;
}

.kartable tr td {
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #e7e7e7;
}

.kartable tr td a {
    padding: 0 0 2px;
}

.kartable tr td a:hover {
    padding: 0 0 1px;
    border-bottom: 1px dashed #06c;
}

.kartable tr .checkbox {
    width: 20px;
}

.kartable tr .flag {
    width: 16px;
}

.kartable tr .type {
    width: 32px;
}

.kartable tr .type .icon {
    float: right;
}

.kartable tr .context {
}

.kartable tr .context h2 a.link {
    color: #0066CC;
}

.kartable tr p.from {
    line-height: 16px;
    color: #999;
    font-size: 11px;
}

.kartable tr h2 {
    margin: 3px 0 3px;
}

.kartable tr .body {
    font-size: 11px;
    color: #333;
}

.kartable tr .meta {
    width: 100px;
}

.kartable tr .date {
    float: right;
    padding: 2px;
    font-size: 11px;
    line-height: 12px;
    color: #303E5A;
}

.kartable tr .date .icon {
    top: -1px;
    margin: 0 0 0 5px;
}

.kartable tr .date.hour .icon {
    background-position: 0px -480px;
}

.kartable tr .highlight {
    margin: 0 3px;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFFCC;
    border: 1px solid #FDE883;
    border-radius: 10px;
}

.ui-widget {
    font-family: Yekan;
}

#userstatus li {
    float: right;
}

#userstatus li.date {

}

#userstatus li.date {
}

.locale-button {
    border-style: none;
    /*width: 16px !important;*/
    height: 11px !important;
    cursor: pointer;
    color: white !important;
    display: inline-block;
    margin: 0 2px;
}

.locale-fa-input {
    background-image: url('../images/iran.gif');
    cursor: pointer;
}

.locale-en-input {
    background-image: url('../images/england.gif');
    cursor: pointer;
}

.ui-panelgrid .ui-panelgrid-cell, .ui-panelgrid tr {
    border-style: none !important;
}

.type .icon {
    background: url("../images/icons.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
}

.type.internal-letter .icon {
    background-position: 0 -368px !important;
}

.type.osm-session .icon {
    background-position: 0 -448px !important;
}

.type.osm-session .icon.large {
    background-position: -34px 0;
}

.type.offtime-hourly .icon {
    background-position: 0 -496px;
}

.type.offtime-daily .icon {
    background-position: 0 -496px;
}

.type.document .icon {
    background-position: 0 -608px;
}

.type.pdf .icon {
    background-position: 0 -624px;
}

.type.zip .icon {
    background-position: 0 -644px;
}

.type.image .icon {
    background-position: -16px -656px;
}

.type.other .icon {
    background-position: 0 -400px;
}

.type.document .icon.large {
    background-position: -34px -32px;
}

.type.pdf .icon.large {
    background-position: -34px -64px;
}

.type.zip .icon.large {
    background-position: -34px -96px;
}

.type.image .icon.large {
    background-position: -34px -160px;
}

.type.other .icon.large {
    background-position: -34px -128px;
}

.ui-commandlink {
    color: #0066CC !important;
}

.ui-editor .ui-widget-content {
    width: 100% !important;
}

.ui-autocomplete-input {
    width: 70% !important;
    float: right;
}

/*.ui-autocomplete .ui-button {
    float: right;
}*/

.ui-autocomplete {
    width: 100%;
}

.ui-panel {
    border: none !important;
    padding: 0;
}

.ui-panel .ui-panel-content {
    padding: 0;
}

.ui-tabs {
    border: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-datalist > .ui-widget-content {
    border: none !important;
}

.ui-datatable .ui-column-filter {
    width: 90%;
}

.ui-datatable .ui-inputfield {
    /*display: block;*/
    margin: 0 auto;
}

.ui-inputfield {
    width: 90%;
}

.ui-spinner {
    /*margin-left: 10px;*/
}

/*.ui-selectonemenu {*/
/*!*left:25px;*!*/
/*!*width: 300px;*!*/
/*}*/
.ui-selectonemenu{
    width: 100% !important;
}
/*.ui-selectonemenu-label{*/
/*width: 100% !important;*/
/*}*/
.ui-treetable tbody td {
    vertical-align: middle;

}

.ui-spinner-input {
    width: 90%;
    /*margin-left: 10px;*/
}

.ui-inputtextarea {
    width: 90%;
    height: 300px;
}

.ui-outputlabel {
    width: 100px;
}

.ui-datagrid-data {
    font-size: 12px;
}

#dashboardFormContent {
    font-size: 12px !important;
    padding-left: .6em;
    padding-right: .6em;
    padding-bottom: 50px;
}

.sb-boxed-item .ui-widget-content li {
    float: right;
    display: block;
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) repeat scroll 0 0 #85B2CB;
    border: 1px solid #7096AB;
    color: #1C4257;
    float: right;
    margin-left: 10px;
    padding: 3px 5px;
    border-radius: 7px;
}

.sb-boxed-item .ui-widget-content li span {
    display: inline-block;
}

.sb-boxed-item .ui-widget-content li a {
    display: inline-block;
    float: left;
    margin-right: 3px;
}

.ui-datalist {
    display: inline-block !important;
}

.ui-datagrid-column {
    padding: 0;
}

.sb-title {
    font-weight: 700;
}

.sb-report-viewer {
    display: inline-block;
}

.sb-refer-item .ui-fieldset-legend {
    color: #0066CC;
}

.ui-tree {
    width: 99% !important;
    border: none !important;
}

.ui-accordion .ui-accordion-content {
    width: auto;
    padding-right: 1em;

}

.ui-accordion .ui-accordion-content > table {
    float: right;
    width: 95%;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize {
    float: left;
}

.ui-widget .ui-widget {
    font-size: 11px !important;
}

.ui-widget {
    font-family: Yekan !important;
}

.sb-bold .ui-widget, .sb-bold .ui-widget-content,.sb-bold {
    font-weight: bold !important;
}

.sb-dashboard-refresh-tree {
    /*margin-right: 10px;*/
}

.sb-dashboard-refresh-grid {
    margin-right: 10px;
}

.sb-align-end {
    text-align: right;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal !important;
}

.ui-selectonemenu-label {
    width: 100% !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    padding: 5px 5px !important;
}

.sb-actions .ui-selectonemenu,
.sb-actions .ui-outputlabel,
.sb-actions .ui-button,
.sb-actions .ui-inputfield {
    display: block;
    float: left;
    margin-right: 4px;
    max-width: 250px;
    max-height: 25px;
}

.sb-actions .ui-outputlabel {
    margin-top: 4px;
}

.sb-actions-right {
    display: block;
    float: right;
    margin-right:0px;
    min-width:300px;
    width: 100%;
    padding-right: 5px;
    max-height: 20px;

}

.ui-panelgrid td {
    vertical-align: middle;
}

.sb-compelete-border {
    border-right: 5px solid #57d693 !important;
    background-color: #dbffec !important;
}

.sb-incompelete-border {
    border-right: 5px solid #ffd200 !important;
    background-color: #fdffe8 !important;
}

.sb-uncompelete-border {
    border-right: 5px solid #f17b6f !important;
    background-color: #fff4f3 !important;
}

.sb-compelete-row {
    background-color: #dbffec !important;
}

.sb-incompelete-row {
    background-color: #fdffe8 !important;
}

.sb-not-done-row {
    background-color: #fff4f3 !important;
}

.sb-deactive-color {
    color: #A0A0A0 !important;
}

.confirmFieldset .ui-fieldset-legend {
    color: green;
}

.rejectFieldset .ui-fieldset-legend {
    color: red;
}

.ui-dock-item-top img {
    border: medium none;
    margin: 5px 0 0;
    width: 100%;
}

/*.ui-selectmanycheckbox label, .ui-selectoneradio label {*/
/*display: block;*/
/*margin-top: 4px;*/
/*padding: 16px;*/
/*}*/

.sb-currect-answer {
    color: green !important;
}

.sb-wrong-answer {
    color: tomato !important;
}

.sb-passed-exam {
    color: green !important;
}

.sb-not-passed-exam {
    color: tomato !important;
}

.sb-not-corrected-exam {
    color: tomato !important;
}

/*barresi shavad*/
.ui-autocomplete .ui-autocomplete-dropdown {
    top: 0;
    bottom: 0;
    height: 100%;
}

.ui-autocomplete {
    display: compact !important;
    /*display:   !important;*/
}

.ui-carousel {
    padding: 2px;
    position: relative;
    width: 100% !important;
}

.sb-accepted-request {
    color: green !important;
}

.sb-rejected-request {
    color: tomato !important;
}

/*#menuForm .ui-menu{
    margin: 1.5em auto 0px;
    width: 76.25%;
}*/
#homePageForm {
    /*height: 830px;*/
}

#homePageForm .userImage {
    height: 100px;
    max-width: 270px;
}

#bodyPanel {
    height: auto;
}

#dashboardFormContent_content .ui-carousel-viewport {
    margin: 0 auto;
}

.dashboard-layout {
    /*min-height: 850px;*/
    max-height: 800px;
    /*height: 800px;*/
    /*padding-bottom: 35px;*/
}

/*#bodyPanel_content{
    position: relative;
}*/
.ui-menu .ui-menu-parent .ui-menu-child {
    width: 15.2em;
}

#content {
    /*min-height: 800px;*/
    padding-bottom: 38px;
    padding-bottom: 30px;
}

.menu-side-help {
    min-width: 150px
}

.mission-daily .sender {
    display: inline-block;
    width: auto;
}

.mission-daily .location-label {
    display: inline-block;
}

.mission-daily .subject,
.mission-daily .location {
    font-weight: bold;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mission-daily .subject-wrap,
.mission-daily .sender-wrap,
.mission-daily .location-wrap {
    display: inline-block;
}

.mission-daily .location-wrap span,
.mission-daily .subject-wrap span {

    display: inline-block;
    text-overflow: elipses;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mission-daily .financial-wrap {
    /*display: block;*/
    /*float: left;*/
    /*margin-top: .5em;*/
    /*margin-bottom: .5em;*/
    max-width: 64%;
    float: right;
}

.mission-daily .financial-wrap label {
    width: auto;
}

.mission-daily .sb-actions {
    float: left;
    margin-top: .5em;
}

.mission-daily .financial-select {
}

.mission-daily .sb-actions .ui-button {
    /*clear:both;*/
}

.mission-daily .sb-actions .financial-wrap + .ui-button {
    /*clear: left;*/
}

.mission-daily .sb-actions:after,
.mission-daily .sb-actions .financial-wrap:after {
    /*content: ' ';*/
    /*clear: both;*/
}

.mission-daily .sb-actions .ui-selectonemenu,
.mission-daily .sb-actions .ui-outputlabel,
.mission-daily .sb-actions .ui-button,
.mission-daily .sb-actions .ui-inputfield {
    display: inline;
    /*float: none;*/
}

.locale-en-input, .locale-fa-input {
    background-image: none;
    background-color: transparent;
    color: #fff;
}

table[id$='sentenceCommandPanel'] {
    opacity: 0;
    display: none;
}

table[id$='sentenceCommandPanel'].showCommandAllBox {
    opacity: 1;
    display: table;
}

.sb-actions .ui-selectonemenu {
    width: auto !important;
    padding-left: 2em;
}

.sb-actions .ui-selectonemenu .ui-selectonemenu-label {
    margin-right: 0;
}

@media print {
    .primeFaces-dataTable-print {
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        color: black;
    }

    .primeFaces-dataTable-print .ui-datatable-header {
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        color: black;
    }

    .primeFaces-dataTable-print .ui-datatable-header .ui-toolbar {
        display: none;
    }

    .primeFaces-dataTable-print .ui-paginator {
        display: none;
    }

    .primeFaces-dataTable-print .ui-column-filter {
        display: none;
    }

    .primeFaces-dataTable-print .ui-datatable .ui-datatable-tablewrapper .ui-datatable-data {
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        color: black;
    }
}

.ui-fileupload-buttonbar {
    overflow: hidden !important;
}

.sb-boxed-item .ui-datalist-content .ui-datalist-data .ui-datalist-item span {
    word-break: break-all;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    position: relative;
    float: left !important;
    left: 0 !important;
}

.ui-selectcheckboxmenu-header .ui-chkbox {
    position: absolute !important;
    right: .6em !important;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    float: right !important;
    position: relative !important;
    margin-right: 3em !important;
}

.ui-selectcheckboxmenu-header {
    position: relative !important;
}

.ui-selectcheckboxmenu-items-wrapper {
    position: relative !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
    padding-left: initial !important;
    padding-right: 2.2em !important;

}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    text-align: right !important;

}

.show-internal-letter .ui-autocomplete-multiple {
    width: 92%;
}

.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container {
    position: relative;
    width: 100%;
    box-shadow: none;
    min-height: 28px;
    /*min-width: 156px;*/
    /*display: inline-block;*/
    width: 100%;
    padding: 5px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container.ui-state-focus {
    box-shadow: none;
}

.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container .ui-autocomplete-token {
    padding: 4px;
}

.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token:first-of-type {
    /*margin-right: 160px;*/
}

.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container li.ui-autocomplete-input-token {
    /*position: absolute;*/
    /*top: 7px;*/
    /*right: 5px;*/
    border: 1px solid #A8B5C6;
    border-radius: 4px;
    box-shadow: 0 2px 4px -3px inset;

    order: -1;
}

.ui-autocomplete-multiple .ui-autocomplete-input-token input {
    padding-left: 4px;
    padding-right: 4px;
}

/*.dashboard-table .ui-datagrid-content {*/
/*    overflow: auto;*/
/*}*/

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-image: none;
}

.sb-datatable-highlight {
    color: #269aff !important;
}

.elipses,
.elipses.ui-selectonemenu .ui-selectonemenu-label,
.elipses-table .ui-datatable-data td > *,
.elipses-table-header > .ui-widget-header th > * {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.elipses .ui-helper-hidden,
.elipses.ui-selectonemenu .ui-selectonemenu-label.ui-helper-hidden,
.elipses-table .ui-datatable-data td > .ui-helper-hidden,
.elipses-table-header > .ui-widget-header th > .ui-helper-hidden {
    display: none;
}

.ui-dialog.center-half-width {
    width: 50% !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.ui-dialog.center{
    left: 50% !important;
    transform: translateX(-50%);
}
.ui-dialog.three-fourth{
    width: 75% !important;
}

.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    max-width: initial;
}
.sb-side-panel .ui-accordion-content .ui-widget{
    min-width: initial !important;
}
.sb-confirm-checkbox {

    border: 1px solid #febc28;
    background-color: #ffda86;
    border-radius: 7px;
    height: 45px;
    margin-top: 10px;
    padding-top: 10px;
    vertical-align: top;
}
.ui-tabs .ui-tabs-nav li a{
    float: right;
}
.ql-editor{
    text-align: right;
}
/*button.ui-button {*/
/*    margin-right: .5rem;*/
/*}*/
.custom-select-container {
    display: flex;
    align-items: center;
    gap: 8px;
}