html {direction: rtl;}
body {font-family: naskh;font-size: small;padding-top: 50px;overflow: hidden;background: url('/css/images/backgrounds/back20.png') repeat;}
h1,h2,h3,h4,h5,h6{ line-height: 2;}
input, select, .tooltip { font-family: tahoma;font-size: 9pt; }
.popover-title { font-family: tahoma;font-size: 9pt; }
select option { color: #000;}
select{background-image: url(/css/images/app/select-bg2.png);background-repeat: no-repeat;background-position: 5px center; -webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand {display: none;}

.checkbox-styled { display: none;}
.checkbox-styled + label {cursor: pointer;margin: 0;padding: 0;line-height: normal;display: inline-block;font-weight: lighter;font-size: small;}
.checkbox-styled + label:hover { color: #6da9be;}
.checkbox-styled + label:before {width: 14px;height: 14px;content: "\f00c"; display: inline-block;width: 14px;height: 14px; border: 2px solid #9dcee1;color: #fff; background-color: #fff;border-radius: 3px;margin: 3px;padding: 0; font: normal normal normal 14px/1 FontAwesome;font-family: FontAwesome;font-size: 8pt;}
.checkbox-styled:checked + label:before{border: 2px solid #27A2CF; color: #27A2CF;} 
.checkbox-styled[disabled] + label { border: 2px solid #ddd !important;cursor: not-allowed;}
.checkbox-styled[type='radio'] + label:before{ border-radius: 15px;}
.checkbox-styled:checked[type='radio'] + label:before{ background-color: #27A2CF;}

input::-ms-clear {display: none;}
[required]{ box-shadow: none;}
p{ font-weight: normal;font-size: 11pt;font-family: mitra;color: #666;}
blockquote p{color: #888;}
blockquote {border-color: #37BC9B;}
footer {position: fixed;bottom: 0px;height: 30px;width: 100%;background: #f8f8f8;border-top: 1px solid #DDD;}
.dirLTR {direction: ltr;text-align: left;}
.dirRTL {direction: rtl;text-align: right;}

#page-body { padding-right: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#page-body.toggled {padding-right: 250px;}

#sidebar-wrapper {position: fixed;top: 50px;bottom: 0px;right: 250px;width: 0;margin-right: -250px;overflow: hidden;background: rgba(0,0,0,.2);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#page-body.toggled #sidebar-wrapper {width: 250px;}
#page-content-wrapper {position: fixed;left: -20px;top: 50px;bottom: 0px;right: 0px;padding: 15px; overflow-y: scroll;overflow-x: hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.page-content-hatch {background:#ddd url(/css/images/app/loading-background.png);z-index: 100;position: fixed;left: 0px;top: 50px;bottom: 0px;right: 0px;padding: 15px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.page-content-hatch a{ cursor: pointer;text-decoration: none;}
#page-body.toggled #page-content-wrapper {right: 250px;}
#page-body.toggled .page-content-hatch {right: 250px;}
@media (min-width:768px) {
    #sidebar-wrapper {width: 250px;}
    #page-body.toggled #sidebar-wrapper {width: 0;}
    #page-content-wrapper {right: 250px;}
    #page-content-header {right: 250px;}
    .page-content-hatch {right: 250px;}
    #page-body.toggled #page-content-wrapper {right: 0px;}
    #page-body.toggled .page-content-hatch {right: 0px;}

}
.page-content-scollbar {position: fixed;left: 0px;top: 50px;bottom: 0px;width: 5px;background-color: transparent;}
.page-content-scollbar-handle {position: relative;height: 100px;background-color: rgba(0, 0,0,.6);-webkit-transition: all 0.2s linear ;-moz-transition: all 0.2s linear ;-o-transition: all 0.2s linear ;transition: all 0.2s linear }

.vertical-scroller-body {position: absolute;display: inline-block;width: 10px;left: 0px;top: 0px;bottom: 0px;background-color: #ddd;}
.vertical-scroller-handle {position: relative;width: 10px;background-color: #ccc;}

#sidebar-wrapper .vertical-scroller-body { background-color: transparent;}
#sidebar-wrapper .vertical-scroller-handle {background-color: rgba(0, 0,0,.6);width: 5px;left: -5px;}

.side-bar-menu { width: 270px;}
.side-bar-menu ul {text-indent: 0;padding: 0;margin: 0;text-indent: 0;border: none;overflow: hidden;}
.side-bar-menu ul ul {background-color: rgba(0,0,0,.2);display: none;}
.side-bar-menu ul ul ul {background-color: rgba(0,0,0,.2);}
.side-bar-menu h1 {color: #fff;font-size: 12pt;margin-right: 10px;}
.side-bar-menu li {padding: 0;margin: 0;border: none;text-indent: 0;list-style: none;cursor: pointer;}
.side-bar-icon {margin-right: 10px;line-height: 37px;font-size: 12pt;}
.side-bar-menu ul ul .side-bar-icon {margin-right: 20px;}
.side-bar-menu ul ul ul .side-bar-icon {margin-right: 30px;}

.side-bar-menu a {display: block;color: #ddd;text-decoration: none;outline: none;border-right: 3px solid rgba(0,0,0,0);-webkit-transition: all 0.2s linear ;-moz-transition: all 0.2s linear ;-o-transition: all 0.2s linear ;transition: all 0.2s linear}
.side-bar-menu a.active, .side-bar-menu a.active:hover { color: #fff;border-right: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
.side-bar-menu a:hover {color: #1a1515; border-right: 3px solid #fff; background-color: rgba(255,255,255,.5)}
.side-bar-menu a.toggled {border-right: 3px solid #fff !important;background-color: rgba(255,255,255, .2) !important;}
.side-bar-menu a.toggled {color: #fff !important;}

.side-bar-title {font-family: naskh;font-weight: normal;font-size: 9pt;margin-right: 10px;}
.side-bar-caret {float: left;display: inline-block;margin-left: 20px;margin-top: 10px;line-height: 37px;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.side-bar-caret:before {content: "\f104";}
.toggled .side-bar-caret:before {color: #fff; content: "\f107";}
.accordion{}

#side-bar-toggle {line-height: 40px;margin-right: 20px;outline: none;font-size: 16pt;cursor: pointer;color: #888;}

header {position: fixed;left: 0px;right: 0px;top: 0px;height: 50px;background-color: rgba(255,255,255,1);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);z-index: 1;padding: 0 0 0 30px;overflow: hidden;}
header a {text-decoration: none;display: block;color: #666;}
header a:hover {text-decoration: none;color: #666;}
.menu-divider {color: rgb(220, 220, 220);font-size: 8px;padding: 0 15px;line-height: 50px;}
.brand {height: 50px; vertical-align: middle;display: table;position: relative;float: right;}
.brandImage {background: url("/css/images/app/azmoon360-logo1.png") no-repeat center center;width:70px;height: 50px; display: table-cell;}
.brandImageNoImage {background: no-repeat center center;width:50px;height: 50px; display: table-cell;margin: 0px 10px;}
.brandTitle{ font-family: IRANSans-web; line-height: 50px;vertical-align: middle;height: 50px;display: table-cell;}


.headerLeft {float: left;}
.headerLeft ul {list-style: none;padding: 0;margin: 0;border: none;}
.headerLeft li {float: right;padding: 0 5px;margin: 0;border: none;}
.navbar-btn .badge {position: absolute;top: -7px;right: -5px;padding: 3px 6px;opacity: 0.95;font-family: mitra;}
.badge-red {background-color: #df5640;}
.badge-blue {background-color: #4078df;}
.fs14 {font-size: 14px !important;} .fs18{font-size: 18px !important;}
.va-m {vertical-align: middle !important;}
header .navbar-btn.btn-group > .btn {color: #888;border-color: rgba(0, 0, 0, 0.15);background-color: #f2f2f2;background-color: rgba(0, 0, 0, 0.045);}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn, .btn-group-vertical > .btn {position: relative;float: left;}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);white-space: nowrap;padding: 9px 12px;font-size: 13px;line-height: 1.49;border-radius: 2px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn-sm, .btn-group-sm > .btn {padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 2px;}
.btn-default{ background-color: #eee;}

.header-popup-button {text-decoration: none;color: #666;line-height: 50px;padding: 0 10px;outline: none;}
.header-popup-button:active, .header-popup-button:focus {text-decoration: none;color: #666;outline: none;}
.header-popup-button:hover {background-color: #f3f3f3;}
.header-popup-button .fa-caret-down {color: #aaa;margin-right: 10px;font-size: 9pt;}


.popover .logout {border-bottom: none !important;text-align: center;background-color: #f5f5f5;}
.popover .logout:hover {background-color: #f9f5ec !important;}

.popover {border-radius: 0px;padding: 0px;border-top: 3px solid #3498db;max-width:none;}
.popover-content {padding: 0px;}
.popover.bottom > .arrow:after {border-bottom-color: #3498db;}
.popover.bottom > .arrow {border-bottom: none;right: 50%;}
.popover .badge {font-family: mitra;background-color: #f6bb42;border-radius: 2px;float: left;margin-top: 12px;}
.popover li, .popover ul {padding: 0;margin: 0;border: 0;list-style: none;width: auto;}
.popover li {border-bottom: 1px solid #ccc;margin: 0 0px;padding: 0 20px;cursor: pointer;white-space: nowrap;}
.popover li:hover {background-color: #f5f5f5;}
.popover li .fa {color: #777;}
.popover a {font-family: tahoma;line-height: 40px;font-size: 9pt;margin-right: 10px;text-decoration: none;color: #999;}
.popover.right {border-left: 3px solid #3498db;border-top: 1px solid rgba(0,0,0,.2);}
.popover.right > .arrow:after {border-right-color: #3498db;}
.popover.right > .arrow {border-right: none;}

.popoverCheckbox { margin: 0px -5px !important;color: #3498db !important;}

.skinImage {cursor: pointer; display: inline-block;background-color: #fff;}
.skinImage img {width: 50px; height: 30px;opacity: .6;-webkit-transition: all 0.2s linear ;-moz-transition: all 0.2s linear ;-o-transition: all 0.2s linear ;transition: all 0.2s linear}
.skinImage img:hover {opacity: 1;}

.widget{ display: block;border: 1px solid #e2e2e2; background-color: #fff;border-radius: 5px;overflow: hidden;}
.widget-border { border: 1px solid #e2e2e2;border-radius: 5px;overflow: hidden;}
.widget-header{height: 50px;line-height: 50px;font-family: mitra;background: #fafafa;border-bottom: 1px solid #e2e2e2;white-space: nowrap;overflow: hidden;}
.widget-header.tab{ border-bottom: none;}
.widget-footer{background: #fafafa;border-top: 1px solid #e2e2e2;padding: 5px 10px;}
.widget-title {color: #999999;font-size: 15px;float: right;text-indent: 20px;}
.widget-header-buttons {float: left;background-color: #f1f1f1;padding: 0 15px;border-right: 1px solid #e2e2e2;height: 49px;}
.widget-header-buttons.small {height: 39px;}
.widget-header-buttons button {margin: 0 5px;padding: 0;border: none;color: #aaa;background: none;font-size: 18pt;-webkit-font-smoothing: antialiased;outline: none;position: relative;}
.widget-header-buttons button .fa {-webkit-transition: all 0.2s linear ;-moz-transition: all 0.2s linear ;-o-transition: all 0.2s linear ;transition: all 0.2s linear}
.widget-header-buttons button:hover .fa {transform:scale(1.2, 1.2);text-shadow: 1px 1px 3px rgba(0,0,0,.4);}
.widget-header-buttons button:active {color: #306180;}
.widget-header-buttons .selected {color: #4a89dc;}
.widget-body {padding: 10px;color: #888;font-size: 10pt;font-weight: lighter;}
.widget-tab{border-top: 2px solid transparent; display: inline-block;padding: 0 20px;border-left: 1px solid #e2e2e2;color: #bbb;float: right;cursor: pointer;font-size: 11pt;}
.widget-tab:hover{ border-top: 2px solid #88c9b9;color: #88c9b9;}
.widget-tab.active{ background-color: #fff;color: #48C9A9;cursor: default;border-top: 2px solid #48C9A9;}
.widget-tab-empty{height: 100%; border-bottom: 1px solid #e2e2e2;}

.widget-header.small { height: 40px; line-height: 40px;}
.widget-header.tab.small .widget-tab { padding: 0 10px; }
.widget-header.tab.small .widget-tab .badge { margin-right: 10px;}

.breadcrumb a{ cursor: pointer;}

.mappingTableRequired{ color: #B60202 !important; }
.mappingTableIgnore{ color: #aaa;font-style: oblique;}


.widget-form {position: relative; padding: 10px;background-color: #fff;border-top: 10px solid #37BC9B;display: none;}
.widget-form-divider{ display: table;width: 100%;font-family: mitra;font-size: 15pt;empty-cells: show;}
.widget-form-divider div {color: #3bafda;display: table-cell;vertical-align: middle;}
.widget-form-divider div:first-child {width: 50%;padding-left: 20px;}
.widget-form-divider div:last-child {width: 50%;padding-right: 20px;}
.widget-form-divider span { white-space: nowrap;color: #3bafda;display: table-cell;vertical-align: middle;}
.widget-form-divider hr{ border-top: 1px solid #3bafda;}
.widget-form a { text-decoration: none;cursor: pointer;}


.form-group {position: relative;font-family: tahoma;font-size: 9pt;display: inline-table;vertical-align: middle;width: 100%;}
.form-group-ltr .form-input {direction: ltr;text-align: left;}
.form-group-rtl .form-input {direction: rtl;text-align: right;}

.form-label {color: #888;text-indent: 5px;border: 1px solid #ddd;background-color: #f5f5f5; font-family: naskh;height: 30px;width: 150px;white-space: nowrap;vertical-align: middle; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.form-label{border-bottom: 2px solid #3bafda; border-radius: 0px 5px 5px 0px;display: table-cell;border-left: none;}
.has-error .form-label{border-bottom: 2px solid #f49fa6}
.form-check{ width: 50px;padding-right: 15px;}
.form-picture{ vertical-align: top;white-space: normal;text-align: center;}
.form-picture .btn, .form-picture input[type='file']{ background-color: #fff; position: absolute; right: 20px; width: 110px;cursor: pointer;}

.form-input{border: 1px solid #ddd;height: 30px;padding: 0px 5px 0px 5px;width: 100%;display: table-cell; outline: none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;border-radius: 5px; }
div.form-input{ width: auto;}
.form-input{border-radius: 5px 0px 0px 5px;display: table-cell;position: relative;vertical-align: middle;}
.form-input.ng-invalid{}

.form-input:focus{ border-bottom: 2px solid #3bafda;}
.form-input.ng-invalid:focus{border-bottom: 2px solid #f49fa6;}

.form-group input[type='checkbox'], .form-group input[type='radio']{display: none;position: absolute;}
.form-group .checkbox { width: 16px;height: 16px;border: 2px solid #9dcee1;background-color: #fff; cursor: pointer;border-radius: 3px;margin: 0;padding: 0;}
.form-group .checkbox:hover { border-color: #27A2CF;}
.form-group input[type='checkbox']:checked + .checkbox:before{color: #27A2CF; content: "\f00c"; font: normal normal normal 14px/1 FontAwesome;font-family: FontAwesome;right: -5px;font-size: 12px;position: relative;vertical-align: middle;}
.form-group input[type='checkbox']:checked + .checkbox { border: 2px solid #27A2CF;}
.form-group input[disabled] + .checkbox { border: 2px solid #ddd !important;cursor: not-allowed;}

.form-group .radiobox {color: #9dcee1; font: normal normal normal 14px/1 FontAwesome;font-family: FontAwesome;font-size: 20px; cursor: pointer;margin: 0;margin: 4px -10px 0 0; cursor: pointer;}
.form-group .radiobox:before {content: "\f10c";}
.form-group .radiobox:hover { color: #27A2CF;}
.form-group input[type='radio']:checked + .radiobox:before{color: #27A2CF; content: "\f192";}
.form-group input[disabled] + .radiobox { color: #ddd !important;cursor: not-allowed;}

.form-group .automatic{display: table-cell; border-radius: 5px 0px 0px 5px;background-color: #ccc;width: 80px;vertical-align: middle; padding: 0 3px; position: relative;cursor: pointer;font-family: naskh;font-size: 8pt;font-weight: normal; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.form-group input[disabled] + .automatic { cursor: not-allowed;}
.form-group .automatic .handle{ width: 20px;height: 24px;background-color: #fff;border-radius: 5px;display: inline-block;position: absolute;left: 3px;top: 3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.form-group input[type='checkbox']:checked + .automatic{ background-color: #27A2CF;text-align: left;}
.form-group input[type='checkbox']:checked + .automatic .handle { left: 57px;}
.automatic:before{ content: 'دستی';text-align: right;color: #fff;}
.form-group input[type='checkbox']:checked + .automatic:before { content: 'اتوماتیک';color: #fff;}
.form-input-automatic { border-radius: 0;}
.form-input-automatic.trigger { background-color: #f5f5f5;}

.popuparrow{background-image: url(/css/images/app/select-bg2.png);background-repeat: no-repeat;background-position: 5px center;cursor: pointer;}

.errorPopup {position: absolute;width: 200px;background-color: #666;color: #fff;border-radius: 5px;right: 0px;bottom: 40px;font-family: tahoma;font-size: 9pt;padding: 5px 10px;display: none;}
.errorPopup:before {color: #666;content: "\f0d7";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-family: FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 20pt;position: absolute;left: 50%;bottom: -15px;margin-left: -8px;}
.form-input:focus + .errorPopup {display: inline-block;}


.help-block.info {color: #37BC9B !important;font-size: 9pt;margin: -10px 0 20px 0;}
.help-block.info a{color: #27A2CF !important;cursor: pointer;}

.help {font-family: IRANSans-web; }
.help a { font-family: IRANSans-web; cursor: pointer;margin-right: 20px;}
.help a:after { content: "بستن توضیحات";font-size: 8pt;font-weight: 300;}
.help a:hover { text-decoration: none; }
.help blockquote { margin: 0 15px 15px 0;padding: 5px 20px 5px 0px;}
.help blockquote p { font-family: IRANSans-web;font-size: 9pt;line-height: 2;}
.help i { margin: -3px 3px;padding: 3px 4px; background-color: #666;line-height: 1;color: #fff;font-size: 10pt;border-radius: 3px;}
.help a.help-open:after { content: "نمایش توضیحات";}
.help>p{ font-family: IRANSans-web;font-size: 10pt;font-weight: 900; padding-right: 9px;}
.help>p:before{ content: "\f05a";padding-left: 10px;position: relative;top: 3px; font: normal normal normal 14px/1 FontAwesome;font-family: FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 16pt; }
.help a.link{ margin-right: 0px;}
.help a.link:after{ content: '';}

button:focus{ outline: 0 !important;}
.btn { outline: none;font-family: naskh; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.btn-primary {background-color: #f1f1f1;color: #27A2CF;border: 1px solid #ddd;border-bottom: 3px solid #27A2CF;border-radius: 5px;text-shadow: none;}
.btn-primary:hover, .btn-primary:focus, .form-group input[type=file]:hover + .btn-primary  {background-color: #27A2CF;color: #fff;border: 1px solid #ddd;border-bottom: 3px solid #27A2CF;border-radius: 5px;text-shadow: none;}
.btn-success {background-color: #f1f1f1;color: #37BC9B;border: 1px solid #ddd;border-bottom: 3px solid #37BC9B;border-radius: 5px;text-shadow: none;}
.btn-success:hover, .btn-success:focus, .form-group input[type=file]:hover + .btn-success {background-color: #37BC9B;color: #fff;border: 1px solid #ddd;border-bottom: 3px solid #37BC9B;border-radius: 5px;outline: none;text-shadow: none;}
.btn-default {background-color: #f1f1f1;color: #888;border: 1px solid #ddd;border-bottom: 3px solid #888;border-radius: 5px;text-shadow: none;}
.btn-default:hover, .btn-default:focus, .form-group input[type=file]:hover + .btn-default {background-color: #888;color: #fff;border: 1px solid #ddd;border-bottom: 3px solid #888;border-radius: 5px;outline: none;text-shadow: none;}
.btn-danger {background-color: #f1f1f1;color: #e56a6d;border: 1px solid #ddd;border-bottom: 3px solid #e56a6d;border-radius: 5px;text-shadow: none;}
.btn-danger:hover, .btn-danger:focus, .form-group input[type=file]:hover + .btn-danger {background-color: #e56a6d;color: #fff;border: 1px solid #ddd;border-bottom: 3px solid #e56a6d;border-radius: 5px;outline: none;text-shadow: none;}
.btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus { background-color: #f1f1f1;color: #999;border-color: #ccc;box-shadow: none;}

.form-group input[type=file] {position: absolute;font-size: 40px;opacity: 0; -moz-opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);direction:ltr;cursor:pointer;}
.modal-header{ font-family: mitra;}
.modal-content{ font-size: smaller;color: #888;}

.data-loading {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 20pt;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);color: #27A2CF;-moz-animation:fa-spin 2s infinite linear;-webkit-animation:fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.data-loading:before {content: "\f021";}
.page-content-hatch .data-loading{ font-size: 60pt;margin-top: 40px; color: #27A2CF;}

#img-container { border: 1px solid #ccc;background-color: #eee;}

.widget-tree{ font-family: naskh;}
.widget-tree>ul{ position: relative;}
.widget-tree ul{ padding: 0px;margin: 0px;}
.widget-tree li{position: relative; list-style: none;cursor: default;font-size: 8pt;line-height: 20px;outline: none;border-bottom: none;}
.widget-tree li:hover{ background-color: transparent;}
.widget-tree-line{ width: 20px;height: 20px;float: right;}
.widget-tree-line.bf { width: 10px;}
.widget-tree-line.bbr {border-bottom: 1px dotted #aaa;border-right: 1px dotted #aaa;}
.widget-tree-line.br {border-right: 1px dotted #aaa;margin-left: 10px;}
.widget-tree-line.bnone {border-right: 1px dotted transparent;margin-left: 10px;}
.widget-tree span {position: relative;top: 8px;padding: 0px 10px;cursor: pointer;}
.widget-tree span.selected { background-color: #92c9bb;color: #fff;}
.widget-tree button { width: 10px;height: 10px;padding: 0px;margin: 0px;position: relative;top: 8px;border: none;margin-right: 5px;background: transparent;}
.widget-tree button:after{ content: "\f196";font: normal normal normal 14px/1 FontAwesome;font-size: 8pt;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);top: 0px;position: relative;}
.widget-tree button.loading:after{ content: "\f021";-moz-animation:fa-spin 2s infinite linear;-webkit-animation:fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.widget-tree li.expanded>button:after { content: "\f147";}
.widget-tree button.none{ cursor: default;}
.widget-tree button.none:after{ content: "";}
.widget-tree li.expanded>button.none:after { content: "";}
#widget-tree-scroller, .widget-tree-scroller {border: 1px solid #ccc; }


.alertPopup{ font-family: Naskh;width: 350px;font-size: 9pt; max-height: 300px; overflow: hidden;overflow-y: auto;}
.alertPopup li { padding: 5px;}
.alertPopup li .fa { font-size: 30pt;}
.alertPopup li .fa.red { color: #ff585c;}
.alertPopup li .fa.green { color: #8acb50;}
.alertPopup li .fa.yellow { color: #ffdf58;position: relative;top: 5px;}
.alertPopup-icon { margin-left: 10px;display: table-cell;vertical-align: middle;}
.alertPopup-message { white-space:normal;color: rgba(0, 0, 0, .6);display: table-cell;vertical-align: middle;}
.alertPopup-date-time{ text-align: left;color: #27A2CF;margin: 10px 0 0 10px;}

.messagePopup{ font-family: mitra;color: #666;width: 200px; height: 200px; line-height: 200px; text-align: center;}


.order-plan { background-color: #fafafa;border: 1px solid rgba(0,0,0,.3);border-radius: 5px;text-align: center;overflow: hidden;margin: 5px 0px;}
.order-plan table{ width: 100%;border-bottom: 1px solid rgba(0,0,0,.3);}
.order-plan td{ width: 50%;}
.order-plan-header { font-family: mitra;color: #fff; font-size: 18pt;text-align: center;padding: 10px 0px; border-bottom: 1px solid rgba(0,0,0,.3);text-shadow: 0px 0px 3px rgba(0, 0, 0, .5);}
.order-plan-body {padding: 0px;background-color: rgba(255, 255, 255, .9);border-bottom: 1px solid rgba(0,0,0,.3);}
.order-property {font-size: 10pt; color: rgba(0,0,0,.5); display: block;padding: 5px 0px;}
.order-property-value {color: rgba(0,0,0,.6); font-family: mitra;font-size: 14pt; display: block;padding: 5px 0px;}
.order-plan .btn { margin: 10px 0;width: 120px;}
.support-order {font-family: mitra;font-size: 11pt }
.support-order>tbody>tr>td { vertical-align: middle;}

.order-plan.plan1 .order-plan-header {background-color: #ffb3b5;}
.order-plan.plan2 .order-plan-header {background-color: #ffd4a4;}
.order-plan.plan3 .order-plan-header {background-color: #fff8a4;}
.order-plan.plan4 .order-plan-header {background-color: #cfffa4;}
.order-plan.plan5 .order-plan-header {background-color: #a4ffd9;}
.order-plan.plan6 .order-plan-header {background-color: #a4d1ff;}
.order-plan.plan7 .order-plan-header {background-color: #e2a4ff;}
.order-plan.plan8 .order-plan-header {background-color: #ce8ced;}
.order-plan.plan9 .order-plan-header {background-color: #b264d6;}
.order-plan.plan10 .order-plan-header {background-color: #646dd6;}
.order-plan.plan11 .order-plan-header {background-color: #64d67f;}
.order-plan.plan12 .order-plan-header {background-color: #d6ab64;}

.order-plan.plan1  {background-color: #f1f1f1;}
.order-plan.plan2  {background-color: #f1f1f1;}
.order-plan.plan3  {background-color: #f1f1f1;}
.order-plan.plan4  {background-color: #f1f1f1;}
.order-plan.plan5  {background-color: #f1f1f1;}
.order-plan.plan6  {background-color: #f1f1f1;}
.order-plan.plan7  {background-color: #f1f1f1;}
.order-plan.plan8  {background-color: #f1f1f1;}
.order-plan.plan9  {background-color: #f1f1f1;}
.order-plan.plan10  {background-color: #f1f1f1;}
.order-plan.plan11  {background-color: #f1f1f1;}
.order-plan.plan12  {background-color: #f1f1f1;}


.qb-list-counter { font-family: iransans-web;color: #aaa;}
.qb-panel{ border: 1px solid #ddd;border-radius: 5px;margin-bottom: 10px; }
.qb-panel-title{ margin: 10px 10px 0 0;}
.qb-panel-content{ margin: 0 10px 10px 10px;min-height: 50px;cursor: text;overflow: auto;font-family: iransans-web; font-size: 10pt;}
.qb-panel-content p { font-family: inherit;font-size: inherit; margin: 0; padding: 0; border: 0;}
#mceedit .mce-panel{ border: none;}
#mceedit .mce-toolbar-grp { border: 1px solid #ccc;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .2);}

.qb-preview-panel { margin: 10px;box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .2);padding: 10px;border-radius: 5px;}
.qb-preview { background-color: #fff;font-family: iransans-web;font-size: 10pt;color: #000;overflow: auto;}
.qb-preview p { font-family: inherit;font-size: inherit; margin: 0; padding: 0; border: 0;color: inherit;line-height: 2;}
.qb-preview hr { border-top: 1px solid #37BC9B;}
.qb-size-calculator { display: inline-block;}
.qb-size-calculator p { display: inline-block;}

.changelog-table {}
.changelog-table td:first-child{ color: #65a757;font-family: mitra;font-size: 12pt;}
.changelog-table td:last-child { color: #333;font-family: iransans-web;font-size: 10pt;}

.payment-table {}
.payment-table>tbody>tr>td{ vertical-align: middle;font-family: mitra;font-size: 12pt;}
.payment-none { text-align: center;font-family: mitra;font-size: 14pt;margin: 100px 0px;}

.supportfile img { float: right;margin: 10px;}
.supportfile-title { font-family: mitra;font-size: 14pt;color: #333;margin: 20px 0 10px 0;}
.supportfile-description { font-family: Iransans-web;font-size: 10pt;color: #777;}
.supportfile a { font-family: Iransans-web;font-size: 10pt;}

.support-status-none { text-align: center;margin: 30px 0px;}
.support-status { font-family: Iransans-web;font-weight: 100;color: #666;line-height: 3;padding: 10px 0px;border-bottom: 1px solid #aaa;}
.support-status .green { color: #78dd62;}
.support-status .orange { color: #e39f14;}

.fa.blue{ color: #6a90ff;}
.fa.red{ color: #ef4949;}
.fa.green{ color: #0ed20e;}
.fa.yellow{ color: yellow;}
.fa.orange{ color: orange;}

.order-factor label {font-family: Iransans-web;font-weight: 500;color: #333;line-height: 30px;font-size: 10pt;}
.order-factor p {font-family: Iransans-web;font-weight: 400;color: #666;font-size: 10pt;}
.payment-bill-table {width: 100%;font-family: iransans-web;background: #fff; font-size: 10pt;font-weight: 100;border-collapse: collapse;border-spacing: 0px;color: #333;}
.payment-bill-table th {border: 1px solid #aaa;font-weight: 400;padding: 5px;}
.payment-bill-table td {border: 1px solid #aaa;padding: 5px;font-weight: 400;}
.payment-bill-footer {margin: 30px 0px;text-align: center;font-size: 14pt;}