::-webkit-scrollbar {width: 8px;background-color: transparent;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.27);}
::-webkit-scrollbar-corner {background: rgba(0, 0, 0, 0.27);}

::selection{background:#020031; color:#fff}
::-moz-selection{background:#020031; color:#fff}
::-webkit-selection{background:#020031; color:#fff}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {opacity: 1;}
*, *:before, *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

b {font-weight: 900;}

:root {
	margin: 0 auto; height: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
};

html {margin: 0 auto; height: 100%;}
body {line-height: 1.8em; background: #fff;font-size: 13px; color: #76766d; font-family: ravi;-webkit-font-smoothing: antialiased; display: flex; flex-direction: column; direction: rtl; min-height: 100%; font-weight: 500; overflow: hidden;}

#ui-timepicker-div > table {direction: ltr;}

[mticono],
[smticon],
[mticon] {font-size: 18px !important; display: inline-flex;justify-content: center;align-items: center;line-height: 100% !important;}

.notification_center {background: #fff;position: fixed;top: 70px;left: 20px;width: 350px;min-height: 42px;border-radius: 3px;z-index: 100;box-shadow: 0 3px 8px -5px rgb(0 0 0 / 40%);-webkit-box-shadow: 0 3px 8px -5px rgb(0 0 0 / 40%);border: 1px solid gainsboro;font-size: 13px;line-height: 20px; overflow: hidden;display: flex;flex-direction: column;}
.notification_center a {display: flex; font-weight: 300; padding: 10px}
.notification_center a:not(.all_notification):hover {background: whitesmoke; cursor: pointer;}
.notification_center a:not(:last-of-type) {border-bottom: 1px solid whitesmoke}
.notification_center a:not(:first-of-type) {border-top: 1px solid #fff}
.notification_center a i {flex: 0 0 auto;width: 40px;align-items: end;}
.notification_center a p {word-wrap: break-word; flex: 1 1 auto; font-weight: bold;}
.notification_center a p b {font-weight: 600;}
.notification_center a .date {display: block;font-size: 11px;}
.notification_center a[readed=true] {background: whitesmoke;opacity: 0.5;}
.notification_center a[readed=true]:hover {opacity: 1;}
.notification_center .footer {display: flex;justify-content: space-between; align-items: center;}
.notification_center .all_notification {color: #020031; text-align: left; border: 0 !important}
.notification_center .list {max-height: 270px;overflow: auto;border-bottom: 1px solid #c9d4ef;}
.notification_center .list:empty {display: none;}

header {width: 100%; display: flex; height: 45px; background: #020031; align-items: center; padding: 0; color: #fff; justify-content: space-between;}
header #label {width: 250px;padding: 0 20px;}
header #reload {width: 50px;display: flex;justify-content: center;align-items: center;}
header #notifications {width: 50px;display: flex;justify-content: center;align-items: center; position: relative; cursor: pointer; }
header #notifications .count {position: absolute;left: -10px;background: #ffffff3d;display: flex;justify-content: center;align-items: center;padding: 5px 8px 0px 8px;border-radius: 10px;bottom: 0;line-height: 10px;top: 0px;font-size: 10px;}
header ul {margin-left: auto;overflow-y: hidden;overflow-x: auto;display: flex;flex-wrap: nowrap;}
header ul::-webkit-scrollbar {display: none}
header ul .tab_item {display: flex; margin-left: 10px;padding: 6px 10px 4px;flex: 0 0 auto; border-radius: 3px}
header ul .tab_item span {display: none;}
header ul .tab_item.active {background: #fff; color: #020031; padding: 6px 10px 4px; align-items: center;}
header ul .tab_item.active span {display: block;margin-right: 10px;font-size: 13px !important;}
header time { white-space: nowrap; direction: rtl; }

kartable {margin-bottom: 20px;display: flex;flex-direction: column;}
kartable header {color: #020031;background: #fff;border-bottom: 1px solid #020031;padding: 10px;height: initial; margin-bottom: 20px;}

kartable grid[item=3] {grid-column: span 3;display: grid;grid-template-columns: repeat(3, [col] 1fr); grid-gap: 20px;}
kartable grid[item=4] {grid-column: span 4;display: grid;grid-template-columns: repeat(4, [col] 1fr); grid-gap: 20px;}
kartable grid[item=5] {grid-column: span 5;display: grid;grid-template-columns: repeat(5, [col] 1fr); grid-gap: 20px;}
kartable grid[item=6] {grid-column: span 6;display: grid;grid-template-columns: repeat(6, [col] 1fr); grid-gap: 20px;}
kartable grid[item=7] {grid-column: span 7;display: grid;grid-template-columns: repeat(7, [col] 1fr); grid-gap: 20px;}
kartable grid[item=8] {grid-column: span 8;display: grid;grid-template-columns: repeat(8, [col] 1fr); grid-gap: 20px;}
kartable grid[item=12] {grid-column: span 12;display: grid;grid-template-columns: repeat(12, [col] 1fr); grid-gap: 20px;}
kartable grid a {display: flex; flex-direction: column; background: whitesmoke; padding: 20px; border-radius: 10px; text-align: center; justify-content: center; align-items: center;}


.tag-editor { padding: 0 !important; min-height: 33px }
.tag-editor .tag-editor-spacer { padding: 0 !important;width: 2px !important; }
.tag-editor .tag-editor-delete i:before {font-size: 12px !important;color: #f9f9f9;content: "close" !important;font-style: normal;font-family: 'mticon' !important;}
.tag-editor li {margin: 1px 0 !important;}

.clear {clear: right;}

[doactn] {cursor: pointer;}

section {display: flex; height: 100%; width: 100%; flex:1;}
section aside {width: 250px; display: flex; flex-direction: column; background: #f5f5f5; box-shadow: inset 8px 0px 0px 0px rgb(0 0 0 / 2%); flex: 0 0 auto;user-select: none;-moz-user-select:none; -ms-user-select:none; -webkit-user-select:none;}
section aside a {display: flex; width: 100%; padding:8px 20px;}
section aside a i.count {margin-right: 10px;background: #020031;border-radius: 30px;line-height: 10px;display: flex;justify-content: center;align-items: center;padding: 4px 5px 0px;color: #fff;height: 14px;align-self: center;}
section aside a.head {cursor: pointer;}
section aside li[section] a.head:after {content: 'keyboard_arrow_down'; font-family: mticon; margin-right: auto;}
section aside li[section]:not(.close) a.head:after {transform: scale(-1);}
section aside li[section]:not(.close) a.head,
section aside a.head:hover {background: rgba(0,0,0,0.2); color: #000}
section aside .logout {background: rgba(0,0,0,0.1); justify-content: center; margin-top: auto;padding: 20px;}
section aside svg {display: none;}
section aside nav {max-height: calc(100vh - 134px);overflow: auto;}
section aside nav ul ul li a {padding-right: 30px;}
section aside nav ul ul li:hover {background: rgba(0, 0, 0, .07);}
section aside nav ul .close ul {display:none;}
section main {flex:1 1 auto;overflow: auto;max-height: calc(100vh - 70px);}
section main table {user-select: text;-moz-user-select:text; -ms-user-select:text; -webkit-user-select:text;}
section main .tab {width: 100%;height: initial; padding:20px; display: none;}
section main .tab .search_holder {background: whitesmoke;padding: 0px 15px 15px;margin: 30px 0 0;border-radius: 5px;}
section main .tab.active {display: block;}
section main form {user-select: none;-moz-user-select:none; -ms-user-select:none; -webkit-user-select:none;}
section main form[name=manage] {background: #f9f9f9;padding: 0px 15px 15px;border-radius: 5px;}
section main form[name=manage].minimize .divider ~ * { display: none !important }
section main form[name=manage] .form_button_holder {padding-top: 15px}

article {display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 60px); flex-direction: row-reverse;}
article main {width: 300px;}
article main .fobject .captcha_holder {right: 1px;left: auto !important;top: 2px;}
article main .fobject input[type=submit] {background: #020031}
article aside {margin-right: 60px}
article aside h1 {font-size: 40px; font-weight: 200; color: #020031}
article aside h2 {}
footer {display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 25px; background: #a6a6a6; padding: 5px; font-size: 11px; color: #000;border-top: 1px solid #929292;}
footer * {margin-right: 10px;border-right: 1px solid #bfbfbf;padding-right: 10px;}

.tag-editor .tag-editor-tag {color: #f9f9f9;background: #555;white-space: nowrap;overflow: hidden;cursor: pointer;border-radius: 3px 0 0 3px;direction: ltr;text-align: left;font-family: 'ravi';padding: 9px 0px 0px;display: flex;align-items: center;justify-content: center;line-height: 20px;font-size: 12px;}

footer.login {display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; background: #e1e1e1}

#common_loading {width: 170px;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);border-radius: 3px;min-height: 14px;background-color: #020031;display: flex;justify-content: space-between;align-items: center;color: #fff;padding: 18px 24px;position: fixed;left: 30px;bottom: 30px;line-height: 1em;height: 57px;z-index: 100000;}
#common_loading span.counting { display: flex;justify-content: space-between;width: 100%;}
#common_loading span.counting:after {content: 'در حال بارگزاری'; margin-right: 10px;    display: flex;width: 120px;}

#message_holder {align-items: flex-end;display: flex;flex-direction: column-reverse;}
#message_holder .message {max-width: 670px;border-radius: 3px !important;width: max-content !important;display: flex;justify-content: space-between;align-items: flex-start;}
#message_holder .message .action {align-items: flex-end;display: flex;flex-direction: column;justify-content: flex-start;height: 100%;flex: 1 1 auto; margin-right: 25px;}
#message_holder .message .action:empty {display: none;}
#message_holder .message.r {background: #020031 !important;color: #fff !important;}
#message_holder .message.r .content {width: 300px}
#message_holder .message.r .content .fobject span.title {color: #fff !important}
#message_holder .message.r .content .fobject [type=submit] {background: #085373;padding: 10px;}
#message_holder .message.r .content .fobject input {border: 1px solid #085373 !important;}
#message_holder .message.e:before {content: 'warning';font-family: 'mticon';margin-left: 20px;font-size: 17px;}
#message_holder .message.l:before {content: 'cached';font-family: 'mticon';margin-left: 20px;font-size: 17px;-webkit-animation: spin .4s linear infinite;-moz-animation: spin .4s linear infinite;animation: spin .4s linear infinite;width: 20px;height: 20px;justify-content: center;align-items: center;display: flex;}
#message_holder mailbox {background: #232323;display: flex;margin: 0;padding: 5px 10px;border-radius: 0 0 3px 3px;justify-content: center;position: absolute;left: 0;right: 0;bottom: 0;}
#message_holder .message .content.mail {padding-bottom: 25px;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.fadescale {-webkit-transform: scale(0.7) translateX(-100%) !important;-ms-transform: scale(0.7) translateX(-100%) !important;-o-transform: scale(0.7) translateX(-100%) !important;transform: scale(0.7); opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
.fadescale.animated {-webkit-transform: scale(1) translateX(0) !important;-ms-transform: scale(1) translateX(0) !important;-o-transform: scale(1) translateX(0) !important;transform: scale(1) translateX(0) !important; opacity:1;}


.btn:not(b) {border: none;border-radius: 3px !important;text-align: center;height:32px;justify-content: center;align-items: center;padding: 1px 11px 0px !important;margin: 0 2px;cursor: pointer;font-size: 13px !important;transition: background-color 100ms linear, border-color 100ms linear, color 100ms linear, box-shadow 100ms linear;background-color: #fff !important;display: inline-flex; line-height: inherit; white-space: nowrap;}
.btn:not(b) + i {background-color: #fff !important;border-color: #e2e2e2 !important;color: currentColor !important;height: 100%;display: inline-flex;justify-content: center;align-items: center;cursor: pointer; border-radius: 4px 0 0 4px;margin-right: -5px;border-right: 1px solid;padding: 0 2px;}
.btn:not(b) + i:hover,
.btn:not(b):hover,
.btn:not(b):focus {background-color: #f0f0f0 !important;border-color: #e3e3e3 !important;color: #2e2e2e !important;}

.btn i.icon {display: flex;justify-content: center;align-items: center;margin-left: 10px;margin-top: -1px;}

.btn_loading {display: inline-flex}
.btn_loading,
.btn.loading {position: relative;opacity: 0.5}
.btn_loading:after,
.btn.loading:after {content: '';display: block;position: absolute;top: 50%;left: 50%;height: 16px;width: 16px;margin: -8px 0 0 -8px;border: 2px rgb(255 255 255 / 25%) solid;border-top: 2px #000 solid;border-radius: 50%;-webkit-animation: spin .5s infinite linear;animation: spin .5s infinite linear; z-index: 2}


@keyframes spin {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}

.btn[mticon],
.btn[mticono] {font-size: 19px !important;padding-left: 5px !important;padding-right: 5px !important;}
.btn > [mticon],
.btn > [mticono] {margin-right: 5px;width: 18px;height: 18px;margin-left: -5px;display: flex;justify-content: center;align-items: center;margin-top: -3px;}
.detail_holder .btn > [mticon],
.detail_holder .btn > [mticono] {margin-right: -5px}

.btn.clean + i,
.btn.clean {background-color: transparent !important;border-color: transparent !important;color: #676767 !important;}
.btn.clean + i:hover,
.btn.clean:hover,
.btn.clean:focus {background-color: transparent !important;border-color: transparent !important;color: #2e2e2e !important;}

.btn.alert + i,
.btn.alert {background-color: #db3b21 !important;border-color: #c0341d !important;color: #fff !important;}
.btn.alert + i:hover,
.btn.alert:hover,
.btn.alert:focus {background-color: #c0341d !important;border-color: #a62d19 !important;color: #fff !important;}

.btn.info + i,
.btn.info {background-color: #1f78d1 !important;border-color: #1b69b6 !important;color: #fff !important;}
.btn.info + i:hover,
.btn.info:hover,
.btn.info:focus {background-color: #1b69b6 !important;border-color: #1b69b6 !important;color: #fff !important;}

.btn.info2 + i,
.btn.info2 {background-color: #5396da !important;border-color: #457aaf !important;color: #fff !important;}
.btn.info2 + i:hover,
.btn.info2:hover,
.btn.info2:focus {background-color: #457aaf !important;border-color: #457aaf !important;color: #fff !important;}

.btn.success + i,
.btn.success {background-color: #1aaa55 !important;border-color: #168f48 !important;color: #fff !important;}
.btn.success + i:hover,
.btn.success:hover,
.btn.success:focus {background-color: #168f48 !important;border-color: #12753a !important;color: #fff !important;}

.btn.warning + i,
.btn.warning {background-color: #fc9403 !important;border-color: #de7e00 !important;color: #fff !important;}
.btn.warning + i:hover,
.btn.warning:hover,
.btn.warning:focus {background-color: #de7e00 !important;border-color: #c26700 !important;color: #fff !important;}

.btn.hazard + i,
.btn.hazard {background-color: #59b4bd !important;border-color: #489aa2 !important;color: #fff !important;}
.btn.hazard + i:hover,
.btn.hazard:hover,
.btn.hazard:focus {background-color: #4999a1 !important;border-color: #489aa2 !important;color: #fff !important;}

.btn.darkgoldenrod + i,
.btn.darkgoldenrod {background-color: darkgoldenrod !important;border-color: #795600 !important;color: #fff !important;}
.btn.darkgoldenrod + i:hover,
.btn.darkgoldenrod:hover,
.btn.darkgoldenrod:focus {background-color: #795600 !important;border-color: #795600 !important;color: #fff !important;}

.btn.darkgoldenrod2 + i,
.btn.darkgoldenrod2 {background-color: #795600 !important;border-color: darkgoldenrod !important;color: #fff !important;}
.btn.darkgoldenrod2 + i:hover,
.btn.darkgoldenrod2:hover,
.btn.darkgoldenrod2:focus {background-color: darkgoldenrod !important;border-color: darkgoldenrod !important;color: #fff !important;}

.btn.cyan + i,
.btn.cyan {background-color: #1aaaa3 !important;border-color: #0a8b84 !important;color: #fff !important; cursor: default !important;}
.btn.cyan + i:hover,
.btn.cyan:hover,
.btn.cyan:focus {background-color: #1aaaa3 !important;border-color: #0a8b84 !important;color: #fff !important;}

.btn.disabled + i,
.btn.disabled {background-color: #dfdfdf !important;border-color: #545454 !important;color: #a0a09b !important; cursor: default !important;}
.btn.disabled + i:hover,
.btn.disabled:hover,
.btn.disabled:focus {background-color: #dfdfdf !important;border-color: #545454 !important;color: #a0a09b !important;}



.btn.bluegreen + i,
.btn.bluegreen {background-color: #00ebb5 !important;border-color: #00a981 !important;color: #066851 !important;}
.btn.bluegreen + i:hover,
.btn.bluegreen:hover,
.btn.bluegreen:focus {background-color: #00a981 !important;border-color: #00a981 !important;color: #fff !important;}

toolbar {display: flex;align-items: center; margin-top: 30px}
toolbar select {background: gainsboro;border: 0;padding: 8px 10px 2px;font-family: 'ravi';line-height: 14px;-moz-appearance:none;-webkit-appearance:none; appearance:none; border-radius: 3px 0 0 3px}
toolbar .pagination {padding-right: 10px;clear: both;display: flex;justify-content: center;align-items: center;}
toolbar .pagination span {background: #fff; padding: 8px 10px 3px !important; line-height: 1em}
toolbar .pagination span[page] {border-radius: 3px;min-width: 25px;display: flex;line-height: 1em;justify-content: center;align-items: center;flex-direction: column;padding: 8px 10px 3px !important;}
toolbar .pagination span.current {background: #c2e4ed;color: #496b73;}
toolbar .pagination span.disable a {opacity: 0.3}
toolbar .pagination .next_btn {margin-left: 60px;}
toolbar .pagination:after {content: attr(itemcount);background: #ffe000;display: inline-flex;line-height: 1em;padding: 8px 10px 3px;border-radius: 0 3px 3px 0}
toolbar #grid_count_filter:empty {display: none;}
toolbar #grid_count_filter {background: #ffe000;display: inline-flex;line-height: 1em;padding: 8px 10px 3px;border-radius: 0 3px 3px 0}
toolbar .export {display: flex;}
toolbar .export a {display: flex; justify-content: center; align-items: center; height: 24px; margin-left: 10px}
toolbar .export a svg {height: 100%}
toolbar .export a.pdf svg {fill: #e65118}
toolbar .export a.txt svg {fill: #8e8e8e}
toolbar .export a.xls svg {fill: #008235}
toolbar .export a.csv svg {fill: #1baa56}

list {margin-top: 30px; display: block;}
list tr:hover td {background: rgb(0 0 0 / 5%);}

list thead tr:first-child th {position: sticky; top: -1px; z-index: 3}
list thead tr:nth-child(2) th {position: sticky; top: 35px; z-index: 3}
list.ltr table {direction: ltr;}

.tooltip {z-index: 101 !important;}

.dropcontext {position: relative;display: flex;align-items: center;justify-content: center;}
.contextMenu {position: absolute;background: #4e4e4e;display: flex;flex-direction: column;border-radius: 3px;overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.1), 0px 0px 1px 0 rgba(0,0,0,0.2); display: none; z-index: 10; color: #fff;right: 0%;}
.contextMenu li:not(:last-of-type) {border-bottom: 1px solid #424242}
.contextMenu li a {padding: 5px 10px; flex:1 1 auto; display: flex;}
.contextMenu li a:hover {background: rgba(0, 0, 0, 0.2)}

*::placeholder {direction: rtl; text-align: right;color: #7e8481}

.fobject:not(.notic) {margin-bottom: 0 !important;}
.detail_holder table.detail .hidden_field td .fobject,
.fobject:not(.notic):not(.nomargin) { margin-left: 15px !important}

.fobject.uploader a#remove_file {line-height: 100%;background: red;border-radius: 4px;color: #fff;font-size: 15px !important;position: absolute;left: 7px !important;top: 10px !important;cursor: pointer;z-index: 2;font-weight: 700;}
.fobject[mode=file] {height: 35px;}
.fobject[mode=file] .image_holder {border-radius: 2px !important;background: #fff;position: relative;overflow: hidden; height: 100% !important;}

tr.checkedRecord,
tr.checkedRecord td {background: #fff5c2;color: #0e0e0e !important;font-weight: 500;}
list tr.checkedRecord:hover td {background: rgb(0 0 0 / 5%) !important;}


.selectcomplete_clear {cursor: pointer;}
.fobject button:not(.tox-tbtn) {width: initial !important;}
.fobject button,
.fobject input[type=submit] {background: initial; border-radius: 3px !important;}
.fobject select {-moz-appearance:none;-webkit-appearance:none; appearance:none;}
.fobject button:hover,
.fobject input[type=submit]:hover {box-shadow: none !important}
.fobject input[type=submit].button,
.fobject button.button {background: none;color: currentColor;padding: 0 ;margin: 0 !important;}
.fobject .captcha_holder {left: 0 !important}
.fobject .ac_result_list {top: 37px !important}
.detail_holder table.detail .fobject[valid]:after {line-height: 13px !important}
.detail_holder table.detail .fobject input:not(.search_string_input),
.detail_holder table.detail .fobject textarea {display: block;}
.fobject[type=search_field] {margin-top: 0 !important;margin-bottom: 0 !important;vertical-align: middle !important;display: inline-block;}
.fobject input[type=number],
.fobject input[type=datetime-local],
.fobject input[type=date],
.fobject input[type=time],
.fobject input[type=text],
.fobject [contenteditable],
.fobject input[type=password],
.fobject input[type=submit],
.fobject input[type=button],
.fobject input[type=readonly],
.fobject button,
.fobject textarea,
.fobject.uploader a.uploader,
.fobject select{font-family: ravi !important;}
.fobject input[type=number],
.fobject input[type=text],
.fobject input[type=datetime-local],
.fobject input[type=date],
.fobject input[type=time],
.fobject [contenteditable],
.fobject input[type=password],
.fobject input[type=readonly],
.fobject textarea,
.fobject.uploader a.uploader,
.fobject select{color: #292b2b !important}
.fobject input[type=text]:not(.ti),
.fobject [contenteditable],
.fobject input[type=button],
.fobject input[type=datetime-local],
.fobject input[type=date],
.fobject input[type=time],
.fobject textarea,
.fobject select,
.fobject .text_field,
.fobject input[type=number],
.fobject input[type=readonly],
.fobject .selectric,
.fobject.uploader a.uploader,
.fobject .tox-tinymce,
.fobject input[type=password] {border: 1px solid #d0d0d0 !important;border-radius: 3px !important; padding: 5px !important;}
.fobject [contenteditable] b {font-weight: 900; color: #ab8585}
.fobject textarea {display: block;}
.fobject span.label {color: #454545 !important}
.fobject span.title {padding: 0 !important; color: #454545 !important; background-color: inherit !important;top: -15px !important;right: 0px !important;}
.fobject.require span.title:after {width: 5px !important}
.fobject .selectric .button {width: 25px !important; height: 25px !important}
.fobject .ace_editor {width: 100% !important; border-radius: 3px; background: #272822;}
.fobject .ace_scroller {right: 0 !important; overflow-x: initial !important;}
.fobject .ace_editor .ace_content {width: 100% !important;}
.fobject .ace_print-margin {display: none !important;}
.fobject *:not(#ui-datepicker-div) {transition: none !important;-webkit-transition: none !important}
.detail_holder .fobject.uploader a.uploader[placeholder]:before {content: attr(placeholder);}

.fobject span.title { padding: 0 5px !important;color: #454545 !important;top: -4px !important;right: 10px !important;background-color: #e5e5e5 !important;display: inline-flex;border-radius: 3px;font-size: 10px !important;line-height: 1em !important; z-index:100 !important }
.fobject.ltr span.title {left: 10px !important; right:inherit !important; }
.fobject..editor .title {top: -5px !important}


.fobject > button {box-shadow: none !important; width: initial !important;}
.fobject.opr > button {width: 97% !important;}


.detail_holder table.detail .fobject.ltr[valid]:after {left: inherit; right: 10px;}
.fobject.ltr .ac_result_list {direction: ltr;}
.fobject.ltr .ac_result_list li {text-align: left;}


.fobject.min {width: 60px !important;}
.fobject.min > * {width: 100%;}
.fobject.large {width: 936px !important;}
.fobject.medium {width: 302px !important;}
.fobject.small {width: 143px !important;}
.fobject.xmedium {width: 461px !important;}
.fobject.xsmall {width: 213px !important;}
.fobject.ltr .selectric {direction: ltr;}
.fobject.ltr .selectric > .button {right: 5px !important; left: initial !important;}


.selectcomplete.ltr {direction: ltr;}
.selectcomplete.ltr .search_string_input {padding-right: 30px !important;}

.tox.tox-tinymce {padding: 0 !important}
.tox .tox-toolbar, .tox .tox-toolbar__primary, .tox .tox-toolbar__overflow,
.tox .tox-statusbar,
.tox .tox-menubar {background: #f9f9f9 !important}
.tox-statusbar__branding {display: none !important; visibility: hidden !important; width: 0 !important}

.tox .tox-toolbar__group {flex: 0 0 auto;}
/*.tox-editor-container .tox-toolbar:after {content: '';width: 100%;display: flex;border-bottom: 1px solid #ccc;}
.tox-editor-container .tox-toolbar:before {content: '';width: 100%;display: flex;border-bottom: 1px solid #ccc;top: calc(50% - 1px);position: relative;}*/

.minimal ~ .tox-tinymce .tox-editor-container .tox-toolbar:before {content: none;}

.val_field[readonly] {cursor:pointer; background-color:#dfdfdf}

.fobject.uploader a.uploader::after {content: none !important;}

.fobject .sc_result_list ul {display: flex; flex-direction: column;}

.detail .fobject:not(.notic):not(.nomargin) {margin-left: 0 !important; margin-right: 0 !important;}
.detail_holder {margin-top: 20px}
.detail_holder table.detail th.space {background: none !important}


.fobject[readonly] * {-webkit-box-shadow: 0 0 0 3000px whitesmoke inset !important;}
.fobject[readonly] .text_field,
.fobject[readonly] input[type=text]:not(.ti),
.fobject[readonly] [contenteditable],
.fobject[readonly] input[type=number],
.fobject[readonly] input[type=readonly],
.fobject[readonly] input[type=password] {-webkit-box-shadow: 0 0 0 30px whitesmoke inset !important;}


#g_dialog_content .fobject.large {max-width: 100% !important;}
#g_dialog_content list thead tr:first-child th {position: sticky;top: -21px;z-index: 3;}

.copy_path {direction: ltr;text-align: left;width: 100%;border: 0;text-align: center;font-family: iran;position: absolute;top: 0;left: 0;bottom: 0;cursor: copy;opacity: 0;background: #1aaa55;color: #1aaa55;}


.fobject.body #IframeBody {width: 100%;border: 1px solid #d0d0d0;border-radius: 3px; background: #fff; min-height: 200px; max-height: 700px}

.tag-editor-tag {display: flex;height: 100%;padding-top: 0 !important; position: relative; align-items: center; line-height: 100%}
.tag-editor-tag, .tag-editor-delete { min-height: 29px !important;align-items: center; }
.tag-editor .tag-editor-delete {display: flex;}
.fobject .tags input[type=text] {border:  0 !important; background-color: whitesmoke !important;-webkit-box-shadow: 0 0 0 3000px whitesmoke inset !important; min-height: 30px; padding-top: 5px !important}


.form_button_holder:empty {display: none !important;}

.ui-menu {border-radius: 2px;border: 1px solid #d0d0d0;display: flex;flex-direction: column;}
.ui-menu li {text-align: left;direction: ltr;padding: 1px 5px;}

#mailbox th:nth-child(2) {white-space: nowrap;padding: 0;}
#mailbox td {padding: 0;}
#mailbox td > div {display: flex; flex: 1 1 auto; height: 100%;padding: 5px;}
#mailbox td > div a {display: flex;flex: 1 1 auto;margin: -5px 0;}
#mailbox td > div label {display: flex; justify-content: center; align-items: center; flex:  1 1 auto}


.f_icon{background: transparent url('../images/files.png') no-repeat 0 0;width:30px;height:28px;display: block;margin-left:10px; margin-top: -4px; margin-right: -5px;}
.html{background-position: 0 0}
.mp3{background-position: 0 -30px}
.xls,.xlsx{background-position: 0 -60px}
.doc,.docx{background-position: 0 -90px}
.mov{background-position: 0 -120px}
.jpg,.jpeg,.gif,.png{background-position: 0 -150px}
.ppt,.pptx{background-position: 0 -180px}
.tbz2,.zip,.rar{background-position: 0 -210px}
.pdf{background-position: 0 -240px}

.fobject .group {display: flex;white-space: normal;}

.seat_item {display: flex;margin: 2px;padding: 0 4px; background: whitesmoke;justify-content: space-around; align-items: center;}
.seat_item.academic {background: #c1d2ec}
.seat_item.academic em {background: rgb(92 122 167)}
.seat_item.general_training {background: #ecc1e1;}
.seat_item.general_training em {background: rgb(177 99 127)}
.seat_item b { font-weight: 900; color: #000; }
.seat_plan_detail {font-family: arial;}
.seat_plan_detail em { line-height: 1em;padding: 1px 2px;border-radius: 2px;color: #fff;margin-left: 5px;}

#detail_seat table td {padding: 2px !important;}

label.checked {
    background: #eef0f9;
}

.table_holder table table {margin: 0;}


header #label .menu {display: none;}
@media (max-width: 500px) {
	aside {position: fixed;height: calc(100vh - 60px); transform: translateX(100%);}
	aside.show {transform: translateX(0); z-index: 11}
	#tab_manager {order: 10;background: #375ead;display: flex;height: 50px;width: 100%; position: fixed;top: 60px; padding: 10px; z-index: 10}
	header #label {width: max-content;padding: 0 20px;margin-left: auto;}
	header #label .menu {display: inline-flex; margin-left: 5px}
	main {padding-top: 50px}
	.fobject {max-width: 100% !important}
	/*list {overflow: auto}*/
	toolbar {flex-wrap: wrap;}
	toolbar .pagination {position: relative;}
	toolbar .pagination:after {top: 49px;position: absolute;left: 60px;border-radius: 3px !important;}

	toolbar select {margin-right: auto; margin-top: 25px;border-radius: 3px !important;}
	toolbar .pagination {width: 100%}
	toolbar .pagination .next_btn {margin-left: 0}
	toolbar .export {    margin-bottom: 10px;}
}