@font-face { font-family: 'bluran'; src: url("../fonts/bluran.ttf?i0ej46") format("truetype"), url("../fonts/bluran.woff?i0ej46") format("woff"), url("../fonts/bluran.svg?i0ej46#bluran") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'bluran' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-close-bluran:before { content: "\e90f"; }
.icon-minus-bluran:before { content: "\e90e"; }
.icon-ud-bluran:before { content: "\e900"; }
.icon-plus-bluran:before { content: "\e904"; }
.icon-lr-bluran:before { content: "\e906"; }
.icon-info-bluran:before { content: "\e908"; }
.icon-type-bluran:before { content: "\e901"; }
.icon-toning-bluran:before { content: "\e902"; }
.icon-quantity-bluran:before { content: "\e903"; }
.icon-lucidity-bluran:before { content: "\e905"; }
.icon-fill-bluran:before { content: "\e909"; }
.icon-door-bluran:before { content: "\e90a"; }
.icon-check-bluran:before { content: "\e90c"; }
.icon-knob-bluran:before { content: "\e907"; }
.icon-chevronLeft-bluran:before { content: "\e90b"; }
.icon-chevronRight-bluran:before { content: "\e90d"; }
a { color: #28a4f2; }
.form-check-label { padding-left: 0; padding-right: 1.25rem; }
.form-check-input { margin-left: 0; margin-right: -1.25rem; }
input.form-control[type=search] { font-size: 1.2em; }
html { position: relative; min-height: 100%; }
body { direction: rtl; margin-top: 75px; margin-bottom: 100px; font-family: 'Assistant', sans-serif; color: #555656; text-align: right; }
@media (max-width: 575px) { body { font-size: .75em; margin-bottom: 5em; } }
input, textarea, button, select { font-family: 'Assistant', sans-serif; }
input, textarea, select { font-size: 16px; line-height: 1.25; }
a:hover { text-decoration: none; }
a:focus { color: inherit; }
@media (max-width: 767px) { .container { width: auto; } }
.form-group { line-height: 1.1; font-size: 2.5em; font-weight: 300; }
@media (max-width: 575px) { .form-group { font-size: 1.5em; } }
.form-control-label span { color: #f26728; }
.error { color: red; font-size: .8em; }
.form-control { border-radius: 0; border-color: #555656; }
.form-control-lg { font-size: 1em; padding: .25em .5em; font-weight: 300; }
select.form-control-lg:not([size]):not([multiple]) { height: auto; padding-top: .1em; }
.form-control-danger, .form-control-success, .form-control-warning { background-position: center left .5625rem; padding-left: 2.25rem; padding-right: .75rem; }
.footer { background: #fff; width: 100%; font-size: 2.55em; border-top: 4px solid #ccc; }
.footer button { border: 0; background-color: #f26728; width: 100%; color: #fff; height: 2.35em; cursor: pointer; }
.footer button:disabled, .footer button.disabled { opacity: .5; }
@media (max-width: 575px) { .footer { font-size: 2em; } }
.navbar { background: #f26728; padding: 0; overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 1.4rem; }
.navbar-brand { margin: 0; padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.user { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; white-space: nowrap; text-overflow: ellipsis; text-align: left; margin: 0 0 0 2%; overflow: hidden; }
.LogOutClass { font-size:0.7em;margin-top: -18px;}
.LogOutLink, .LogOutLink:hover, .LogOutLink:active{ color: white;text-decoration: none; }
.EditBtnClass { color:#F26728; font-weight:bold; text-decoration:underline; }
h1 { border-bottom: 1px solid; text-align: center; font-weight: 200; font-size: 3.7em; padding: .36em 0; margin-bottom: .55em; }
h1 a { color: #555656; display: block; width: 100%; position: relative; }
h1 a:before { display: inline-block; font-family: 'bluran' !important; font-size: inherit; text-rendering: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90d"; color: #f26728; position: absolute; right: 0; font-size: 1.2em; font-size: .8em; margin-top: .33em; }
@media (max-width: 575px) { h1 { font-size: 3em; } }
h2 { border-bottom: 1px solid; font-size: 3em; font-weight: 200; padding: .36em 0; margin-bottom: .55em; }
/****************/
.materials label { display: block; position: relative; overflow: hidden; cursor: pointer; }
.materials label input[type=radio] { position: absolute; right: -100px; z-index: -1; opacity: 0; }
.materials label input[type=radio]:checked + div:after { display: inline-block; font-family: 'bluran' !important; font-size: inherit; text-rendering: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90c"; position: absolute; left: 10px; top: .2em; }
.materials label img { width: 100%; }
.materials label div { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; width: 100%; font-size: 2.7em; }
.comps label { display: block; position: relative; overflow: hidden; cursor: pointer; }
.comps label input[type=radio] { position: absolute; right: -100px; z-index: -1; opacity: 0; }
.comps label input[type=radio]:checked + figure:after { display: inline-block; font-family: 'bluran' !important; font-size: inherit; text-rendering: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90c"; position: absolute; left: 10px; bottom: .2em; color: #f26728; font-size: 2.8em; }
.comps label input[type=radio]:checked + figure:before { content: ""; position: absolute; background: #000; opacity: .2; width: 100%; height: 100%; }
.comps label figure { margin: 0; position: relative; display: block; border: 1px solid; }
.comps label img { width: 100%; }
.comps label div { text-align: center; font-size: 1.7em; line-height: 1.1; }
.comps .col-4 { padding-right: 10px; padding-left: 10px; }
.radios { font-size: 2.5em; font-weight: 300; }
.radios label { display: block; position: relative; cursor: pointer; padding-right: 1.7em; padding-top: .55em; margin-bottom: .55em; line-height: 1; }
.radios label i { border: 1px solid #555656; color: #959595; border-radius: 100%; position: absolute; right: .25em; top: .6em; padding: .48em; -webkit-box-shadow: inset 0 0 0 6px #fff; box-shadow: inset 0 0 0 6px #fff; }
.radios label i:after { content: ""; }
.radios label input[type=radio] { position: absolute; right: -100px; z-index: -1; opacity: 0; }
.radios label input[type=radio]:checked + i { background: #f26728; }
/****************/
.stepsNav { text-align: left; overflow: hidden; font-size: 2.63em; font-weight: 300; margin-bottom: .5em; }
.stepsNav strong { background: #555656; border: 1px solid #555656; color: #959595; border-radius: 100%; background-clip: padding-box; display: inline-block; vertical-align: middle; width: 1.6635em; line-height: 1.521; padding: 0 0 0.1em; text-align: center; font-weight: 700; margin: 0 0.2em; }
.stepsNav .active { text-align: right; float: right; }
.stepsNav .active strong { background: #fff; color: #f26728; border: 1px solid #f26728; }
.stepsNav .active strong.current { background: #f26728; color: #fff; }
@media (max-width: 767px) { .stepsNav { margin-top: -.324em; } }
@media (max-width: 575px) { .stepsNav { font-size: 1.8em; } }
/****************/
.cat { font-size: 2.5em; line-height: 1; }
.cat button.icon-info-bluran { background: 0; border: 0; padding: .4em; font-size: .65em; margin: 0 .3em; }
.cat a { display: block; font-weight: 300; color: #555656; border-bottom: 1px solid; padding: 0 0 .3em; margin-bottom: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 1em; }
.cat .selected a { color: #f26728; font-weight:bold; }
.cat a:after { display: inline-block; font-family: 'bluran' !important; font-size: inherit; text-rendering: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90b"; color: #f26728; position: absolute; left: 0; font-size: 1.2em; margin-top: .32em; }
.cat a i { color: #f26728; display: inline-block; vertical-align: middle; font-size: 1.8em; }
.cat .disabled { overflow: hidden; }
.cat .disabled:before { content: ""; background: #fff; opacity: .6; position: absolute; width: 100%; height: 100%; }
@media (max-width: 575px) { .cat { font-size: 2em; } }
.addItem { display: block; font-weight: 300; color: #f26728; padding: 0 0 .3em; margin-bottom: 1.2em; font-size: 2em; }
.addItem i { color: #f26728; display: inline-block; vertical-align: middle; font-size: 1.8em; }
.addItem:focus, .addItem:visited { color: #f26728; }
/****************/
.catInfo { font-size: 2.19em; font-weight: 300; }
@media (max-width: 767px) { .catInfo.modal.show .modal-dialog { width: auto; max-width: 95%; } }
.catInfo .modal-header { border: 0; padding-bottom: 0; }
.catInfo .modal-body { padding-top: 0; }
.catInfo .modal-title { font-size: 1.21em; font-weight: 300; color: #f26728; }
.catInfo .close { font-size: 1.4em; color: #f26728; border: 1px solid; border-radius: 100%; font-weight: 200; line-height: 0.7; text-align: center; width: .8em; padding: 0 0 .1em; opacity: 1; }
@media (max-width: 575px) { .catInfo { font-size: 1.7em; } }
/****************/
.catSummary { font-size: 1.7em; border-top: 1px solid #555656; background: #eee; margin: auto; font-weight: 300; line-height: 1.1; padding: 0 .5em .5em; }
.catSummary .col-6 { padding: .9em 2.1em .9em 0; min-height: 2.2em; }
.catSummary i { color: #f26728; display: inline-block; font-size: 1.5em; position: absolute; right: .2em; }
.catSummary hr { border-top: 3px solid #dedfdf; width: 100%; }
/****************/
.size {padding: .5em 0;min-height: auto;}

/****************/
.subTotal { font-size: 2.7em; font-weight: 300; background: #fff; }
@media (max-width: 575px) { .subTotal { font-size: 1.7em; } }
.subTotal .form-group { font-size: 1em; }
.subTotal .form-group .form-control { width: auto; }
.subTotal > div { margin-bottom: .5em; }
/****************/
.total { color: #f26728; font-size: 3.5em; font-weight: 300; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANklEQVQYV2M8fPhwAyMj4ywbG5tnDAwMDEeOHJFiBBH///9PQ5ZghMkiS4AF0SXA2pHNA+kAANyKJ5vEy8VeAAAAAElFTkSuQmCC) repeat #fff; }
@media (max-width: 575px) { .total { font-size: 2.2em; } }
/****************/
.login { font-size: 2.1em; }
.login p { text-align: center; margin-top: 1em; }
.login .form-control { font-size: 1em; }
.login .form-check { margin-top: 1em; }
.login .form-check-input { margin-top: 1em;transform: scale(1.5); }
.login .form-group { font-size: 1em; }
@media (max-width: 575px) { .login .form-group { font-size: 1em; } }
/****************/

.doorItem:nth-child(even) {  background:#eee; padding:0 10px;}
.ob { border-color: #f26728;color: #f26728;}
.selected .cat a {color: #f26728; font-weight: bold;}
.disabled-duplicate {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}
.backBtn {  background:url(../Images/back.svg) no-repeat center; background-size:contain; float:right; width:1em; height:1em; margin-top:.2em;}
    .backBtn:before { display:none; }