img.gray, *[class~="gray"] img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("filters.xml#desaturate"); -webkit-filter: grayscale(1); filter: gray; }

/* admin default ----------------------------------------------------------*/
body { background: white; font-family: IranSansWeb,Segoe UI,Tahoma !important; font-size: 13px; line-height: 18px; direction: rtl; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: IranSansWeb,Segoe UI,Tahoma; }
canvas { direction: ltr; }
p { margin-bottom: 10px; line-height: 16px; }
.ltr { direction: ltr; }
    .ltr .dir-start { direction: ltr; }
    .ltr .dir-end { direction: ltr; }
.rtl { direction: rtl; }
    .rtl .dir-start { direction: rtl; }
    .rtl .dir-end { direction: ltr; }
.align-top { vertical-align: top; }
.align-bottom { vertical-align: bottom; }
.align-middle { vertical-align: middle; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.ltr .align-start { text-align: left; }
.ltr .align-end { text-align: right; }
.rtl .align-start { text-align: right; }
.rtl .align-end { text-align: left; }
.ltr .pull-start { float: left; }
.ltr .pull-end { float: right; }
.rtl .pull-start { float: right; }
.rtl .pull-end { float: left; }
.float-right { float: right; }
.float-left { float: left; }
.nowrap { white-space: nowrap; }
.circle-img { -ms-border-radius: 50%; border-radius: 50%; }
.number { display: inline-block; direction: ltr; }
.display-block { display: block !important; }
.inline-block { display: inline-block !important; }
.overflow-auto-container { position: relative; }
    .overflow-auto-container:before { display: block; content: ""; height: 100%; position: absolute; top: 0; right: 0; width: 100%; pointer-events: none; box-shadow: inset 30px 0 7px -5px white; }
    .overflow-auto-container:after { display: block; content: ""; height: 100%; position: absolute; top: 0; right: 0; width: 100%; pointer-events: none; box-shadow: inset -30px 0 7px -5px white; }
.overflow-auto { overflow: auto; }
.btn-link { cursor: pointer; }
.ng-invalid.ng-touched { border: 1px solid red; }


/* DASHBOARD --------------------------------------------------------------*/
.statistics { margin-top: 20px; }
.online-users { padding: 15px; }
    .online-users .alert { padding: 10px; margin-left: 10px; }
.rtl .online-users .badge { margin-right: 5px; }
.ltr .online-users .badge { margin-left: 5px; }
.statistics .panel-heading { padding: 10px; font-size: 1.2em; font-weight: bold; background-color: whitesmoke; border-bottom: 1px solid silver; }
.statistics .list-group-item a { border-bottom: 1px solid whitesmoke; padding: 10px 15px; margin: 0; }
.most-visited .list-group-item .badge { margin-right: 15px; margin-top: 10px; }
.most-visited, .no-title-pages, .no-description-pages { position: relative; height: 300px; overflow: hidden; direction: ltr; }

/* FORM ELEMENTS ----------------------------------------------------------*/
.rtl .checkbox.pull-end { padding-left: 0 !important; }
    .rtl .checkbox.pull-end label { padding-left: 0 !important; }
.ltr .checkbox.pull-end { padding-right: 0 !important; }
    .ltr .checkbox.pull-end label { padding-right: 0 !important; }
.rcbList { -ms-word-wrap: break-word; word-wrap: break-word; }
.rcpPalette[style*='-9999'] { left: 0 !important; }
input[type=number].form-control { padding-right: 3px; }

.admin.rtl { }
.brand-logo { height: 32px; }

.navbar-brand { display: block; height: auto; /*margin-left: 0 !important;*/ }
.navbar-toggle { margin-top: 7px; }
.navbar-actions { margin: 6px 0 6px 15px; float: right; }
.ltr .navbar-actions { margin: 6px 15px 6px 0; float: left; }
.dropdown.current-user > a { padding: 5px 15px; }
.navbar-tools .dropdown > a { display: block !important; }

.navbar-inverse .nav > .open > a, .navbar-inverse .nav > .open > a:focus, .navbar-inverse .nav > .open > a:hover { color: #333; background-color: #e1e1e1; }
.navbar-tools > ul > li.dropdown { margin-left: 2px; margin-right: 2px; }
.navbar-tools > ul > li { float: left; }
.ltr .navbar-tools > ul > li { float: right; }
.navbar-tools a.icon-button { font-size: 18px; padding: 15px 15px 9px; }
    .navbar-tools a.icon-button .badge { position: absolute; background: #007aff; top: 4px; left: 22px; }
.navbar-tools .dropdown-menu { padding: 0; box-shadow: none; }
.navbar-tools .drop-down-wrapper { max-height: 250px; overflow: hidden; position: relative; width: 270px; }
.navbar-tools .dropdown-menu li .dropdown-menu-title { background: none repeat scroll 0 0 #e1e1e1; color: #555555; display: block; font-weight: bold; margin: -1px; padding: 5px 10px; }
.navbar-tools .thread-image { float: right; width: 50px; height: 50px; margin-left: 8px; }
    .navbar-tools .thread-image img { width: 50px; }
.navbar-tools .author { display: block; }
.navbar-tools .preview { display: block; color: black; }
.navbar-tools .time { display: block; float: left; font-size: 12px; font-weight: 600; color: black; max-height: 100%; }
.navbar-tools .drop-down-wrapper ul { list-style: none outside none; margin: 0; padding: 0; }
    .navbar-tools .drop-down-wrapper ul a { display: block; padding: 8px 8px 6px; }
.main-container { padding: 48px 0 5.5em 0; position: absolute; min-height: 100%; width: 100%; top: 0; right: 0; }
    .main-container .footer { background-color: #c8d1e0; border-top: 1px solid #aeb9cd; bottom: 0; color: Gray; font-size: 0.9em; left: 0; line-height: 5em; position: absolute; right: 0; text-align: center; z-index: 120; }
    .main-container .main-content { padding: 0 240px 0 15px; }
.ltr .main-container .main-content { padding: 0 15px 0 240px; }
.navbar-content { width: 225px; background: #f6f6f6; position: fixed; z-index: 100; }
    .navbar-content.navbar-collapse.collapse { height: 100% !important; }
    .navbar-content .main-navigation { margin: 0; padding: 0; height: calc(100% - 147px); position: relative; overflow: hidden; }
.forced-visible .sub-menu { display: block !important; }
.navbar-content ul.main-navigation-menu > li { border: 0 none; display: block; margin: 0; padding: 0; position: relative; }
    .navbar-content ul.main-navigation-menu > li.active > a { background: #007aff !important; border-top: medium none !important; color: #fff; }
        .navbar-content ul.main-navigation-menu > li.active > a .selected:before { content: "\e16c"; display: block; font-family: 'clip-font'; font-size: 24px; height: 41px; line-height: 41px; position: absolute; left: 0; top: -1px; width: 11px; }
.ltr .navbar-content ul.main-navigation-menu > li.active > a .selected:before { left: auto; right: 0; content: "\e19c"; }
.navbar-content ul.main-navigation-menu li > a > .icon-arrow { float: left; }
.ltr .navbar-content ul.main-navigation-menu li > a > .icon-arrow { float: right; }
.navbar-content ul.main-navigation-menu li > a > .icon-arrow:before { content: "\e163"; font-family: "clip-font"; font-style: normal; }
.ltr .navbar-content ul.main-navigation-menu li > a > .icon-arrow:before { content: "\e162"; }
.navbar-content ul.main-navigation-menu > li.active > a i { color: #fff; }
.navbar-content ul.main-navigation-menu > li a > i { color: #007aff; font-weight: normal; }
.navbar-content ul.main-navigation-menu > li > a i { display: inline-block; font-size: 15px; margin-left: 5px; text-shadow: none; }
.ltr .navbar-content ul.main-navigation-menu > li > a i { margin-right: 5px; margin-left: 0; }
.navbar-content ul.main-navigation-menu li > ul.sub-menu > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 1px !important; padding: 0; }
.navbar-content ul.main-navigation-menu { list-style: none outside none; margin: 0; padding: 0; }
    .navbar-content ul.main-navigation-menu > li > ul.sub-menu, .navigation-small ul.main-navigation-menu > li > ul.sub-menu { background-color: #f6f6f6 !important; }
    .navbar-content ul.main-navigation-menu li > ul.sub-menu { clear: both; display: none; list-style: none outside none; margin: 8px 0; padding: 0; }
        .navbar-content ul.main-navigation-menu li > ul.sub-menu > li > a { background: transparent; display: block; font-size: 14px; margin: 0; padding: 5px 32px 5px 0; text-decoration: none; }
.ltr .navbar-content ul.main-navigation-menu li > ul.sub-menu > li > a { padding: 5px 0 5px 32px; }
.navbar-content ul.main-navigation-menu li > ul.sub-menu > li > a .icon { width: 24px; }
.navbar-content ul.main-navigation-menu li > ul.sub-menu > li.open > a, .navbar-content ul.main-navigation-menu li > ul.sub-menu > li.active > a, .navbar-content ul.main-navigation-menu li > ul.sub-menu > li.highlight > a, .navbar-content ul.main-navigation-menu li > ul.sub-menu > li > a:hover { background: none repeat scroll 0 0 #d9d9d9 !important; color: #000000 !important; }

.navbar-content ul.main-navigation-menu > li a { border-bottom: medium none; border-top-color: #c8c7cc; color: #444444; }
.navbar-content ul.main-navigation-menu > li > a { border-bottom: 1px solid #dddddd; display: block; font-size: 15px; margin: 0; padding: 10px 15px; position: relative; text-decoration: none; }
.navbar-content ul.main-navigation-menu > li.open > a, ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li:hover > a { background-color: #d9d9d9; }
ul.main-navigation-menu > li:hover > a { box-shadow: 0px 1px 4px 1px #c1c1c1; }
.navigation-toggler i { cursor: pointer; line-height: 17px; }
.navigation-toggler { text-align: left; height: 16px; }
.ltr .navigation-toggler { text-align: right; }
.search-wrapper { position: relative; }
    .search-wrapper i { color: gray; left: 8px; position: absolute; top: 10px; }
.ltr .search-wrapper i { left: auto; right: 8px; }
.breadcrumb { padding-top: 11px; padding-bottom: 11px; }
.navbar-collapse { max-height: none; padding: 0; }

.navbar-content.navbar-collapse.collapse.in, .navbar-content.navbar-collapse.collapsing { width: 100%; /*overflow: hidden;*/ }

/* MISC ----------------------------------------------------------*/
.main-content .RadTreeView, .main-content .RadToolBar, .main-content .RadComboBox, .main-content .RadComboBox .rcbInput, .main-content .RadComboBoxDropDown,
.RadPanelBar .rpLink, .RadWindow .rwTitleRow em, .RadPanelBar .rpGroup .rpTemplate { font-family: IranSansWeb,"Segoe UI", tahoma !important; }
.module-menu-relation .RadTreeView.RadTreeView_rtl { float: none !important; }
.RadTreeView input[type="checkbox"]:checked:after { top: -6px; left: -5px; }
.RadTreeView .rtIn { font-family: IranSansWeb,"Segoe UI", tahoma; }
.rtl .RadGrid button.rgFilter, .rtl .RadGrid button.rgOptions { left: 0; right: auto; }
.RadEditor { /* overflow: hidden; */ height: auto !important; min-height: 550px; }
    .RadEditor.reFullScreen { max-width: none; }
    .RadEditor .reRTL:before { content: "\e660"; }
.RadGrid_Simple .rgMasterTable, .RadGrid_Simple .rgDetailTable, .RadGrid_Simple .rgGroupPanel table, .RadGrid_Simple .rgCommandRow table, .RadGrid_Simple .rgEditForm table, .RadGrid_Simple .rgPager table { font-family: IranSansWeb !important; }
.imgLinked { border: 0; }
.FaTextBox { font-family: IranSansWeb, Segoe UI,Tahoma; font-size: 15px; }
.EnTextBox { direction: ltr; text-align: left; }
.TextBox { direction: ltr; text-align: left; }
.reBottomTable { direction: rtl; }
.reModule { height: auto !important; direction: ltr; }
.reModules .reModule.t-hbox { min-height: 38px; }
.RadComboBoxDropDown_Simple { font-family: inherit !important; }
.reDropDownBody { direction: ltr; box-sizing: content-box; }
    .reDropDownBody .reRTL:before { content: "\e660"; }
    .reDropDownBody .reLTR:before { content: "\e659"; }
.reToolCell { direction: ltr; }
.RadEditor .reDropdown { height: 1.8em; width: 7.7em; }
    .RadEditor .reDropdown.reRealFontSize { width: 4em; }
    .RadEditor .reDropdown.reZoom { width: 4.7em; }
.RadEditor .reContent { min-height: 233px; }
/*.RadEditor .reToolIcon:before {line-height: 1.65em;}*/
.RadWindow .rwTitleBar .rwTitleWrapper { height: 2.2em; }
.RadWindow .rwTitleWrapper .rwTitle { line-height: 2.1em; }
.RadWindow .rwTitleWrapper .rwIcon { top: 0.5em; }
.RadWindow .reJustify:before { content: "\e609"; }
.RadWindow td .rwIcon { position: static !important; }
    .RadWindow td .rwIcon:before { content: none; }
/*.RadWindow .rwCloseButton { background-position: -1px -762px !important; }*/
.RadGridRTL .rgExpandIcon:before { content: "\e013" !important; }
.RadGrid .rgCommandRow .rgIcon { font-size: 1.3em; }
.rgFilterBox { width: calc(100% - 30px); }
.RadGrid .rgAltRow > td:first-child, .RadGrid .rgRow > td:first-child { border-left-color: #c3c3c3 !important; }
.loading { opacity: 0.7; filter: alpha(opacity=70); }
.form-group label { font-weight: normal; }
.form-group .sub-label { font-size: 0.9em; color: gray; }
/*.form-group input[type=checkbox]{ margin:0 0 5px 5px;vertical-align: middle;}*/
.form-horizontal .form-inline .form-group { margin: 0; }
.form-horizontal .form-inline .control-label { padding-top: 0; }
select.form-control { width: auto; font-size: 0.92em; }

#seo legend { font-size: 1.2em; }
    #seo legend .glyphicon { font-size: 0.8em; }


/*compact version is like @media(max-width: 979px) and (min-width: 768px)*/
.compact .navbar-content .main-navigation { overflow: visible; }
.compact ul.main-navigation-menu > li:hover { width: 234px; position: relative; }
.compact ul.main-navigation-menu > li > a > .title { display: none; }
.compact ul.main-navigation-menu > li > ul.sub-menu { display: none !important; padding-bottom: 10px !important; }
.compact .navbar-content ul.main-navigation-menu > li > a .icon-arrow { display: none; }
.compact .navbar-content .search-wrapper { display: none; }
.compact .navbar-content { width: 45px; z-index: 100; }
.compact .main-content { padding-right: 60px; }
.ltr .compact .main-content { padding-left: 60px; }
.compact ul.main-navigation-menu > li:hover > ul.sub-menu { width: 189px; position: absolute; z-index: 1000; right: 45px; margin-top: 0; top: 100%; display: block !important; }
.ltr .compact ul.main-navigation-menu > li:hover > ul.sub-menu { right: auto; left: 45px; }
.compact ul.main-navigation-menu > li:hover > a:before { right: 45px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: white; border-width: 15px; margin-top: -15px; }
.ltr .compact ul.main-navigation-menu > li:hover > a:before { left: 45px; right: auto; border-left-color: white; border-right-color: transparent; }
.compact ul.main-navigation-menu > li:hover > a:after { right: 44px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #d9d9d9; border-width: 15px; margin-top: -15px; }
.ltr .compact ul.main-navigation-menu > li:hover > a:after { left: 44px; right: auto; border-left-color: #d9d9d9; border-right-color: transparent; }
.compact ul.main-navigation-menu > li:hover > a .title { padding-right: 30px; display: inline; }
.ltr .compact ul.main-navigation-menu > li:hover > a .title { padding-left: 30px; padding-right: 0; }
.compact .ps-scrollbar-y-rail { display: none !important; }
.compact .navbar-content ul.main-navigation-menu > li.active:hover > a .selected:before { display: none; }


@media(max-width: 768px) {
    .dropdown.current-user { margin-left: -15px !important; }
    .main-container { padding-top: 86px; }
        .main-container .main-content { padding-right: 15px; }
    .ltr .main-container .main-content { padding-left: 15px; }
    .navbar-content { margin-top: -3px; }
        /*.navbar-content.navbar-collapse.collapse { height: auto !important; }*/
        /*.navbar-content .main-navigation { min-height: 1000px; }*/
        .navbar-content .main-navigation { height: calc(100% - 113px); }
    .main-container .navbar-content { z-index: 140; }
}

@media (max-width: 979px) and (min-width: 768px) {
    .navbar-content .main-navigation { overflow: visible; }
    ul.main-navigation-menu > li:hover { width: 234px; position: relative; }
    ul.main-navigation-menu > li > a > .title { display: none; }
    ul.main-navigation-menu > li > ul.sub-menu { display: none !important; padding-bottom: 10px !important; }
    .navbar-content ul.main-navigation-menu > li > a .icon-arrow { display: none; }
    .navbar-content .navigation-toggler { display: none; }
    .navbar-content .search-wrapper { display: none; }
    .main-container .navbar-content { width: 45px; z-index: 100; }
    .main-container .main-content { padding-right: 60px; }
    .ltr .main-container .main-content { padding-left: 60px; }
    ul.main-navigation-menu > li:hover > ul.sub-menu { width: 189px; position: absolute; z-index: 1000; right: 45px; margin-top: 0; top: 100%; display: block !important; box-shadow: 0px 1px 4px 1px #c1c1c1; }
    .ltr ul.main-navigation-menu > li:hover > ul.sub-menu { right: auto; left: 45px; }

    ul.main-navigation-menu > li:hover > a:before { display: none; }
    .ltr ul.main-navigation-menu > li:hover > a:before { left: 45px; right: auto; border-left-color: white; border-right-color: transparent; }

    ul.main-navigation-menu > li:hover > a:after { display: none; }
    .ltr ul.main-navigation-menu > li:hover > a:after { left: 44px; right: auto; border-left-color: #d9d9d9; border-right-color: transparent; }

    ul.main-navigation-menu > li:hover > a .title { padding-right: 30px; display: inline; }
    .ltr ul.main-navigation-menu > li:hover > a .title { padding-left: 30px; padding-right: 0; }
    .ps-scrollbar-y-rail { display: none !important; }
    .navbar-content ul.main-navigation-menu > li.active:hover > a .selected:before { display: none; }
}

@media (max-width: 979px) {
    .RadGrid .rgHeaderDiv { width: auto; }
    .navigation-toggler { display: none; }
}

@media (min-width: 980px) {
    .RadGrid .rgDataDiv { overflow-y: scroll !important; }
    .row.form .form-control { max-width: 680px; }
    .row.form .select2-container { max-width: 680px; }
}

@media(min-width: 768px) {
    .ctrl-xs { max-width: 50px !important; }
    .ctrl-sm { width: 100% !important; max-width: 100px !important; }
    .ctrl-md { max-width: 340px !important; }
    .overflow-auto-container:before { display: none; }
    .overflow-auto-container:after { display: none; }
}

.row.info { position: relative; z-index: 15; display: block; }
    .row.info .breadcrumb { margin: 0 -15px; position: fixed; width: 100%; border-radius: 0; }
        .row.info .breadcrumb li { white-space: nowrap; }
.row + .row { margin-top: 30px; }
.row.info + .row { margin-top: 60px; }
.row.form textarea { min-height: 80px; }

/* admin pages  ----------------------------------------------------------*/
.related-section { margin: 0 20px 0 8px; color: gray; }
.toolsTd { height: 20px; color: #034af3; }
.toolsDiv { padding: 5px; }
.gridTd { vertical-align: top; overflow: hidden; height: 252px; }
.gridDiv { padding-top: 2px; direction: rtl; }
.FieldsTd { vertical-align: top; }
    .FieldsTd h2 { Color: Black; }
.messageTd { color: Red; }
.directClass { direction: rtl; text-align: right; }
.oppositDirect { text-align: left; }
a.btnFaSettingView { color: #15adff; }
    a.btnFaSettingView:hover { color: #ffffff; }
a.btnEnSettingView { color: #15adff; }
    a.btnEnSettingView:hover { color: #ffffff; }
#action-buttons i, .action-button { font-size: 1.4em; }
#action-buttons a { display: inline-block; margin-right: 10px; cursor: pointer; }
    #action-buttons a:hover { text-decoration: none; }
        #action-buttons a:hover i { color: #4374E0; }

#settingDiv { margin: 10px; }
.iconSizeTd { padding-right: 10px; }
.edit-tools-Td { padding-right: 10px; }
    .edit-tools-Td #editAdminTools { font-family: IranSansWeb,Segoe UI,Tahoma; font-size: 15px; margin-right: 10px; }

.autocomplete-suggestions { cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1); /* core styles should not be changed */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; }
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
    .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
    .autocomplete-suggestion.selected { background: #f0f0f0; }

/* Search -------------------------------------------*/
#search { float: right; }
    #search .searchInput { background: url("../images/admin/search_input_bg.png") no-repeat scroll 0 0 transparent; height: 24px; margin-bottom: 4px; padding: 0 0 0 3px; width: 200px; border-radius: 3px; overflow: hidden; }
    #search div.searchInput:hover, #search div.searchInput.focus { background-position: 0 -24px; }
    #search .searchInput div { background: url("../images/admin/search_input_bg.png") no-repeat scroll 100% 0 transparent; height: 20px; padding: 4px 25px 0 0; }
    #search div.searchInput:hover div, #search div.searchInput.focus div { background-position: 100% -24px; }
    #search .searchInput a { background: url("../images/admin/search_btn_bg.png") no-repeat scroll 0 0 transparent; display: inline; float: right; height: 16px; margin: -15px -18px 0 0; overflow: hidden; text-indent: -9999px; width: 16px; vertical-align: middle; }
    #search div.searchInput:hover a, #search div.searchInput.focus a { background-position: 0 -33px; }
    #search input { background: none repeat scroll 0 0 transparent; border: 0 none; color: #333333; display: block; font-size: 15px; font-family: IranSansWeb, Segoe UI,Tahoma; font-style: italic; margin: 0; padding: 1px 1px 1px 3px; vertical-align: middle; width: 100%; }
    #search .focus input { color: #000000; font-style: normal; }
    #search input { width: 99%; }
    #search .btnSearch { display: inline-block; margin: 3px 0 0; vertical-align: top; }
        #search .btnSearch a { background: url("../images/admin/search_btn_bg.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; padding: 0 0 3px 20px; text-decoration: none; }

/*---------------------- PageSettingView ---------------------*/
body.page-setting-view { background: transparent; }
.page-setting-view .tab-content { background: white; padding: 15px; }
.page-setting-view .file-upload { background: gray; color: white; border-radius: 3px; font-size: 1.27em; }
.page-setting-view .refresh-button { font-size: 1.3em; }
.page-setting-view .times { font-size: 2em; display: inline-block; vertical-align: top; margin-top: 5px; }
.page-setting-view .number + .radio { margin: 0 15px; }


/*/Admin/Login.aspx*/
body.signin { padding-top: 40px; padding-bottom: 40px; background-color: #fff; }
.signin .form-signin { padding: 15px; margin: 0 auto; }
.signin .form-signin-heading { margin: 0 0 15px; font-size: 18px; font-weight: 400; color: #555; }
.signin .form-signin .checkbox { margin-bottom: 10px; font-weight: normal; }
.signin .form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 15px; }
    .signin .form-signin .form-control:focus { z-index: 2; }
.signin .form-signin input[type="email"] { margin-bottom: 10px; }
.signin .form-signin input[type="password"] { margin-top: 10px; }
.signin .form-signin input[type="submit"] { margin-top: 10px; }
.signin .card { padding: 20px 25px 30px; margin: 0 auto 25px; background-color: #f7f7f7; border-radius: 2px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3); box-shadow: 0 2px 2px rgba(0, 0, 0, .3); }
.signin .card-signin { max-width: 354px; }
    .signin .card-signin .profile-img { display: block; width: 96px; height: 96px; margin: 0 auto 10px; }
    .signin .card-signin .alert { margin-bottom: 0; }


/*Form Builder*/
#form-builder * { box-sizing: content-box; }
.form-builder-window * { box-sizing: content-box; }
#form-builder #tool_bar * { box-sizing: border-box; }
#form-builder .form-checkbox-item *, #form-builder .form-radio-item * { box-sizing: border-box; }
#form-builder #footer { display: none; }

/*Inventory*/
#inventory.stage { padding-top: 15px; padding-bottom: 15px; }
#inventory ul { padding: 0; }
#inventory li { list-style: none; }
#inventory ul.values { padding: 30px 30px 0 0; }
#inventory .invertory .control-label.mh { height: 45px; display: block; }
#inventory li.property + li.property { margin-top: 30px; }
#inventory .legend { margin-top: 20px; }
#inventory #add-value { margin-top: 20px; }
#inventory #add-property { margin-top: 20px; }
#inventory input[type=submit] { margin-top: 20px; }
#inventory .value + .value { margin-top: 30px; }

.site-settings #specialImages-images input[type=file] { padding-top: 11px; }
.set-content-type .radio input[type=radio] + label { display: inline; }
.set-content-type .checkbox input[type="checkbox"] + label { display: inline; }

/*Stuff*/
.stuff { }
    .stuff .manufacturer { height: 20px; clear: both; }
    .stuff .link { fill: none; stroke: black; stroke-width: 1px; }
    .stuff .rect { stroke: black; stroke-width: 1px; }
    .stuff .manufacturer span { float: right; }
    .stuff .manufacturer img { float: left; }
    .stuff .discounted-price-tree { margin-top: 25px; }
    .stuff #Colors .color-group { float: right; white-space: nowrap; background: whitesmoke; padding: 15px; }
        .stuff #Colors .color-group > .title { margin-bottom: 15px; }
        .stuff #Colors .color-group .color { float: right; min-width: 170px; }
            .stuff #Colors .color-group .color:nth-child(2n) { clear: both; }
    .stuff #Colors .color .sample { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 2px 8px 2px 16px; border: 1px solid gray; }
    .stuff #Warranties .settings { margin-bottom: 15px; }
    .stuff #Warranties .warranty-groups { display: block; }
    .stuff #Warranties.show-all-warranties .warranty-groups { display: none; }
    .stuff #Warranties .warranty-group { float: right; }
        .stuff #Warranties .warranty-group .title { margin-bottom: 10px; }
    .stuff #Inventory .sku { margin-top: 8px; }
    .stuff #Inventory.base-stuff .sku { display: none; }
    .stuff #Inventory .assembly-service { display: none; }
        .stuff #Inventory .assembly-service.enabled { display: block; }
    .stuff #Inventory .assembly-price { display: none; }
        .stuff #Inventory .assembly-price.enabled { display: block; }
    .stuff .RadGrid .colors { margin-top: 5px; }
    .stuff .RadGrid .color { width: 20px; height: 20px; display: inline-block; margin: 2px; border: 1px solid gray; }
    .stuff .RadGrid .image { position: relative; }
    .stuff .RadGrid .combination.icon { position: absolute; font-size: 2em; top: 15px; right: 15px; }

/*Stuff Accessories*/
.accessories { }
    .accessories .searched-accessories { height: 375px; overflow-y: auto; }
        .accessories .searched-accessories .stuff { width: 100%; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; }
            .accessories .searched-accessories .stuff img { float: right; margin-left: 15px; }
    .accessories .related-accessories { height: 405px; overflow-y: auto; }
        .accessories .related-accessories .stuff { width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc; text-align: center; position: relative; }
            .accessories .related-accessories .stuff .title { margin-bottom: 0; }
            .accessories .related-accessories .stuff img { margin-bottom: 15px; }
            .accessories .related-accessories .stuff .remove { position: absolute; top: 52px; left: 2px; font-size: 1.7em; cursor: pointer; }
    .accessories .stuff img { border-radius: 5px; border: 1px solid #d9d9d9; }
    .accessories .confirm { float: left; margin-top: 15px; }
    .accessories .right.column { border-left: 1px solid #d4d4d4; }
    .accessories [dnd-list] { min-height: 42px; }
        .accessories [dnd-list] .dndDraggingSource { display: none; }
        .accessories [dnd-list] .dndPlaceholder { background-color: #ddd; display: block; min-height: 155px; list-style: none; }

/*Stuff Groups*/
.stuff-groups { }
    .stuff-groups .searched-stuffs { height: 375px; overflow-y: auto; }
        .stuff-groups .searched-stuffs .stuff { width: 100%; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; }
            .stuff-groups .searched-stuffs .stuff img { float: right; margin-left: 15px; }
    .stuff-groups .group { height: 405px; overflow-y: auto; }
        .stuff-groups .group .stuff { width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc; text-align: center; position: relative; }
            .stuff-groups .group .stuff .title { margin-bottom: 0; }
            .stuff-groups .group .stuff img { margin-bottom: 15px; }
            .stuff-groups .group .stuff .remove { position: absolute; top: 52px; left: 2px; font-size: 1.7em; cursor: pointer; }
    .stuff-groups .stuff img { border-radius: 5px; border: 1px solid #d9d9d9; }
    .stuff-groups .confirm { float: left; margin-top: 15px; }
    .stuff-groups .right.column { border-left: 1px solid #d4d4d4; }
    .stuff-groups [dnd-list] { min-height: 42px; }
        .stuff-groups [dnd-list] .dndDraggingSource { display: none; }
        .stuff-groups [dnd-list] .dndPlaceholder { background-color: #ddd; display: block; min-height: 155px; list-style: none; }

/*Package Stuffs*/
.package-stuffs { }
    .package-stuffs .searched-stuffs { height: 375px; overflow-y: auto; }
        .package-stuffs .searched-stuffs .stuff { width: 100%; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; }
            .package-stuffs .searched-stuffs .stuff img { float: right; margin-left: 15px; position: relative; }
    .package-stuffs .package { height: 405px; overflow-y: auto; }
        .package-stuffs .package .stuff { width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc; text-align: center; position: relative; min-height: 105px; }
            .package-stuffs .package .stuff .title { margin-bottom: 0; }
            .package-stuffs .package .stuff img { margin-bottom: 15px; }
            .package-stuffs .package .stuff .remove { position: absolute; top: 50%; margin-top: -29px; left: 2px; font-size: 1.7em; cursor: pointer; }
    .package-stuffs .stuff img { border-radius: 5px; border: 1px solid #d9d9d9; }
    .package-stuffs .confirm { float: left; margin-top: 15px; }
    .package-stuffs .right.column { border-left: 1px solid #d4d4d4; }
    .package-stuffs [dnd-list] { min-height: 42px; }
        .package-stuffs [dnd-list] .dndDraggingSource { display: none; }
        .package-stuffs [dnd-list] .dndPlaceholder { background-color: #ddd; display: block; min-height: 155px; list-style: none; }

/*Discount Rule*/
.discount-rule { }
    .discount-rule .radComboBox { font-family: IranSansWeb !important; }
    .discount-rule .radComboBoxDD { font-family: IranSansWeb !important; }
    .discount-rule .manufact span { display: inline-block; vertical-align: middle; margin-right: 15px; }
    .discount-rule .manufact img { }
        .discount-rule .manufact img[src=""] { display: none; }
    .discount-rule #rcbMenu_DropDown .rcbItem.rcbTemplate { padding: 0; }


/*Packages*/
.stuff-packages .stuff-image { border-radius: 5px; display: inline-block; }
    .stuff-packages .stuff-image i { }
    .stuff-packages .stuff-image:last-child i { display: none; }


/*Color Group*/
.color-group .RadGrid .color { width: 30px; height: 30px; display: inline-block; margin: 2px; }

/*Color*/
form.color { }
    form.color .color { margin: 5px; display: inline-block; }
        form.color .color .color-picker { width: 70px; text-align: center; padding: 5px; color: whitesmoke }
        form.color .color .title { border: none; padding: 5px; width: 82px; }
            form.color .color .title:focus { border: 1px solid gray; }
        form.color .color .remove { cursor: pointer; vertical-align: middle; color: red; }
    form.color #tdFields { min-height: 430px; }
    form.color .add-new-color { margin-top: 15px; }
    form.color .confirm { float: left; margin-top: 15px; }

.inventory .ctrl-md { width: 150px; }


/*combinations*/
.buying-options.combinations .stage { height: 559px; overflow: auto; padding: 0; }
    .buying-options.combinations .stage > .row { height: 100%; }
    .buying-options.combinations .stage .column { height: 100%; overflow: auto; }
        .buying-options.combinations .stage .column.start { box-shadow: -1px 0px 3px #cacaca; }


        .buying-options.combinations .stage .column.end { padding: 0 15px; }
            .buying-options.combinations .stage .column.end .alert { margin-top: 15px; }
.buying-options.combinations ul { padding: 0; /*height: 485px; overflow: auto;*/ }
.buying-options.combinations #buying-options { height: 489px; overflow: auto; }
.buying-options.combinations li { list-style: none; border-bottom: 1px solid #dadada; }
.buying-options.combinations .buy-option { padding: 8px; border-bottom: 1px solid #dadada; }
    .buying-options.combinations .buy-option.color .sample { display: inline-block; vertical-align: middle; width: 15px; height: 15px; }
    .buying-options.combinations .buy-option.color .checkbox { display: inline-block; margin-right: 10px; }
.buying-options.combinations .buying-option-values { margin-right: 15px; }
.buying-options.combinations .buy-option > .title { font-size: 1.1em; }
.buying-options.combinations ul.values { padding: 30px 30px 0 0; }
.buying-options.combinations .invertory .control-label.mh { height: 45px; display: block; }
.buying-options.combinations li.buy-option + li.buy-option { margin-top: 8px; }
.buying-options.combinations .legend { margin-top: 20px; }
.buying-options.combinations #add-value { margin-top: 20px; }
.buying-options.combinations .combine-options { margin: 15px 0; }
.buying-options.combinations input[type=submit] { margin: 20px 0; }
.buying-options.combinations .value + .value { margin-top: 30px; }
.buying-options.combinations .combination { padding: 15px; margin: 0 -15px; }
    .buying-options.combinations .combination [type=text] { width: 100px; }
    .buying-options.combinations .combination [type=number] { width: 100px; }
    .buying-options.combinations .combination .impact-on-price { margin-left: 10px; }
    .buying-options.combinations .combination .title { margin-right: 10px; float: right; }
    .buying-options.combinations .combination .summary { margin-top: 15px; }
    .buying-options.combinations .combination .details { height: 0; overflow: hidden; transition: all 0.3s ease-out; }
    .buying-options.combinations .combination.open .details { height: 170px; }
    .buying-options.combinations .combination .bo-title { color: forestgreen; }
    .buying-options.combinations .combination .form-group { padding: 5px; }
    .buying-options.combinations .combination .sku-code { margin-left: 15px; }
        .buying-options.combinations .combination .sku-code input { display: inline-block; }
    .buying-options.combinations .combination .action-buttons { font-size: 1.3em; cursor: pointer; }
        .buying-options.combinations .combination .action-buttons.start { float: right; }
        .buying-options.combinations .combination .action-buttons.end { float: left; line-height: 2.1em; }
    .buying-options.combinations .combination .impact-on-weight { width: 60px; }
    .buying-options.combinations .combination .isbn, #combinations .combination .barcode { width: 120px; }
    .buying-options.combinations .combination .min-in-cart, #combinations .combination .max-in-cart { width: 60px; }
    .buying-options.combinations .combination .out-of-stock-quantity,
    .buying-options.combinations .combinations .combination .notify-if-less-than { width: 60px; }


/*Invoice*/
.invoice-details { }
    .invoice-details .tab-content .panel { border-top: none; }
    .invoice-details .package-items-td { padding: 0 40px 0 0; }
    .invoice-details .package-items { background: #f3f3f3; border: 1px solid gray; border-top: none; margin-bottom: 0; }


#stuffOrderModal { margin-bottom: 50px; }
    #stuffOrderModal .user-info { text-align: right; border: 1px solid black; margin: 10px 0; padding: 30px 20px 20px; border-radius: 15px; font-size: 1.1em; position: relative; }
        #stuffOrderModal .user-info .user-info-title { position: absolute; right: 40px; top: -10px; background: white; padding: 0 10px; }
            #stuffOrderModal .user-info .user-info-title p { margin: 0; }
    #stuffOrderModal .table-bordered td, #stuffOrderModal .table-bordered { border: none; border-top: 1px solid #000; }
        #stuffOrderModal .table-bordered td, #stuffOrderModal .table-bordered th { color: black; font-size: 1.2em; border: 1px solid #000; text-align: center; }
        #stuffOrderModal .table-bordered .border-none { border: none; }
    #stuffOrderModal .btn-container-bottom { position: fixed; left: 0; background: #ededed; right: 0; bottom: 0; padding: 10px 0 0px; text-align: left; }
    #stuffOrderModal .d-inline { display: inline-block; margin-left: 10px; }

@media print {
    .user-info { text-align: right; border: 1px solid black; margin: 10px 0; padding: 30px 20px 20px; border-radius: 15px; font-size: 1.1em; position: relative; }
        .user-info .user-info-title { position: absolute; right: 40px; top: -10px; background: white !important; padding: 0 10px; }
            .user-info .user-info-title p { margin: 0; }
    .table-bordered td, .table-bordered { border: none; border-top: 1px solid #000; }
        .table-bordered td, .table-bordered th { color: black; font-size: 1.2em; border: 1px solid #000; text-align: center; }
        .table-bordered .border-none { border: none !important; }
    .btn-container-bottom { position: absolute; left: 0; background: #ededed; right: 0; bottom: 0; padding: 10px 0 0px; text-align: left; }
}