/*
(c) 2014 Rustam Sydykov
rustamspl at gmail.com
Almaty city
*/

/* ===== ТЕМА: Ramki.kz — светлая тёплая палитра как в других страницах ===== */
body { background-color: #faf8f5 !important; font-family: 'DM Sans', sans-serif !important; }

/* Навбар — светлый, как header в orders/warehouse */
.navbar-inverse,
.navbar-inverse .navbar-inner {
  background: rgba(245,240,232,.96) !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(224,216,206,.8) !important;
  box-shadow: 0 1px 0 rgba(107,79,58,.06), 0 4px 20px rgba(107,79,58,.07) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* Логотип-бренд */
.navbar-inverse .brand { padding: 8px 16px 8px 4px !important; }
.navbar-inverse .brand img { display: block !important; height: 40px !important; width: auto !important; }
.navbar-inverse .brand:hover { opacity: .8 !important; text-decoration: none !important; }

/* Ссылки навигации */
.navbar-inverse .nav > li > a {
  color: #6b5c4e !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 18px 10px !important;
  transition: color 150ms, background 150ms !important;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {
  color: #2d2318 !important;
  background: rgba(200,133,90,.08) !important;
}
.navbar-inverse .nav > .active > a,
.navbar-inverse .nav > .active > a:hover {
  color: #6b4f3a !important;
  background: rgba(200,133,90,.10) !important;
  border-bottom: 2px solid #c8855a !important;
  font-weight: 600 !important;
}

/* Кнопка сворачивания (мобильная) */
.navbar-inverse .btn-navbar { background: #e5dfd5 !important; border-color: #d0c8bc !important; }
.navbar-inverse .btn-navbar .icon-bar { background: #6b4f3a !important; }

/* Контент */
body { padding-top: 56px !important; padding-bottom: 40px !important; }
.container { background: transparent !important; max-width: 1100px; }
h3 { color: #2d2318 !important; border-bottom: 2px solid #c8855a !important; padding-bottom: 6px !important; margin-bottom: 16px !important; font-size: 18px !important; }
h4, h5 { color: #3a2e28 !important; }

/* Таблицы */
.table { background: #fff !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 1px 4px rgba(107,79,58,.06), 0 4px 16px rgba(107,79,58,.08) !important; }
.table thead th { background: #f5f0e8 !important; color: #6b4f3a !important; border-bottom: 2px solid #e0d8ce !important; font-size: 11.5px !important; text-transform: uppercase !important; letter-spacing: .05em !important; font-weight: 600 !important; }
.table-hover tbody tr:hover { background: #faf8f5 !important; }
.table td, .table th { border-color: #ede8e0 !important; vertical-align: middle !important; }

/* Кнопки */
.btn-primary { background: #6b4f3a !important; background-image: none !important; border-color: #5a4030 !important; color: #fff !important; }
.btn-primary:hover { background: #5a4030 !important; }
.btn { border-radius: 8px !important; }

/* Форма логина */
.form-login {
  background: rgba(255,255,255,.92) !important;
  border-radius: 20px !important;
  padding: 40px !important;
  max-width: 380px !important;
  margin: 80px auto !important;
  box-shadow: 0 4px 6px rgba(107,79,58,.04), 0 20px 60px rgba(107,79,58,.14) !important;
  border: 1px solid rgba(224,216,206,.8) !important;
}
.form-login legend { color: #2d2318 !important; font-size: 20px !important; font-weight: 700 !important; border-bottom: 2px solid #c8855a !important; margin-bottom: 20px !important; }
.form-login .control-label { color: #6b5c4e !important; font-size: 11.5px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
.form-login input { border-radius: 8px !important; border: 1.5px solid #e0d8ce !important; }
.form-login input:focus { border-color: #c8855a !important; box-shadow: 0 0 0 3px rgba(200,133,90,.14) !important; outline: none !important; }

/* Карточки редактора */
.baget-editor .wnd, .r01x1x-show .wnd { background: #fff !important; border-radius: 14px !important; box-shadow: 0 8px 40px rgba(107,79,58,.18) !important; }
.baget-editor .table { overflow: visible !important; }
.baget-editor .cell  { overflow: visible !important; display: block !important; padding: 5vh 0 !important; }
.baget-editor .wnd   { max-height: none !important; overflow: visible !important; }
.baget-editor .modalwrap { min-width: 600px; max-height: 80vh; overflow-y: auto; padding: 16px; box-sizing: border-box; }

/* Вкладки */
.nav-tabs { border-color: #e0d8ce !important; }
.nav-tabs > li > a { color: #6b5c4e !important; border-radius: 8px 8px 0 0 !important; }
.nav-tabs > li > a:hover { background: #f5f0e8 !important; color: #2d2318 !important; border-color: #e0d8ce !important; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #2d2318 !important; background: #fff !important; border-color: #e0d8ce #e0d8ce #fff !important; font-weight: 600 !important; }
/* Пункты навигации не относящиеся к конфигуратору */
.navbar-inverse .nav > li.nav-extra > a {
  color: #8a6a50 !important;
  font-style: italic !important;
  opacity: .82;
}
.navbar-inverse .nav > li.nav-extra > a:hover,
.navbar-inverse .nav > li.nav-extra > a:focus {
  color: #5a3e2b !important;
  background: rgba(181,100,46,.10) !important;
  opacity: 1;
}
.navbar-inverse .nav > li.nav-extra.active > a,
.navbar-inverse .nav > li.nav-extra.active > a:hover,
.navbar-inverse .nav > li.nav-extra-current > a,
.navbar-inverse .nav > li.nav-extra-current > a:hover {
  color: #5a3e2b !important;
  background: rgba(181,100,46,.13) !important;
  border-bottom: 2px solid rgba(181,100,46,.55) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.navbar-inverse .nav > li.nav-extra-divider {
  border-left: 1px solid rgba(181,100,46,.22) !important;
  margin: 8px 4px !important;
  padding: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}
/* ===== конец темы ===== */
.r1xx0 {margin:0;padding:0;top:0;left:0;z-index:999;height:100%;width:100%;position:absolute;position:fixed;visibility:hidden;}.r1xx0 .bg {top:0;left:0;height:100%;width:100%;display:block;position:absolute;z-index:1;background:rgba(0, 0, 0, 0);-moz-transition:all 0.7s;-ms-transition:all 0.7s;-o-transition:all 0.7s;-webkit-transition:all 0.7s;transition:all 0.7s;}.r1xx0 .table {display:table;height:100%;width:100%;text-align:center;overflow:hidden;}.r1xx0 .cell {border:none;position:relative;display:table-cell;vertical-align:middle;text-align:center;}.r1xx0 .wnd {padding:0px;margin:0px;z-index:3;position:relative;display:inline-block;overflow:hidden;max-width:90%;max-height:90%;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}.r1xx0 .wnd:hover .close {color:#dddddd;display:block;}.r1xx0 .wnd:hover .close:hover {color:#000000;}.r1xx0 .wnd .close {font-size:18px;position:absolute;top:2px;right:4px;color:#ffffff;cursor:pointer;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;display:none;}.r1xx0 .container {display:inline-block;}.r1xx0.closed .wnd {opacity:0;-moz-opacity:0;filter:alpha(opacity:0);-moz-transform:scale(.5,.5);-o-transform:scale(.5,.5);-ms-transform:scale(.5,.5);-webkit-transform:scale(.5,.5);transform:scale(.5,.5);}.r1xx0.closed .container {display:none;}.r1xx0.show {visibility:visible;}.r1xx0.show .wnd {opacity:1;-moz-opacity:1;filter:alpha(opacity:100);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);}.r1xx0.show .bg {background:rgba(0, 0, 0, 0.6);}#ws {margin-right:200px;height:484px;overflow:hidden;position:relative;-moz-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 10px;border-radius:0 0 0 10px;}#ws .wall {width:100%;height:100%;background-repeat:repeat-x;background-position:0 100%;background-image:url(../img/design/wall_bottom.png);}#ws .wall1 {width:100%;height:100%;}#ws .wall1 img {width:100%;}#ws .view1 {position:absolute;top:0px;width:100%;height:100%;}#ws .view1 .load_image_link {position:absolute;z-index:3;padding:6px;width:200px;display:block;top:47%;left:50%;margin-left:-100px;text-align:center;}#ws .bottom-buttons {position:absolute;bottom:10px;text-align:center;width:100%;}#ws .bottom-buttons .center {margin:0 auto;}#ws .btn_zoom_in ,#ws .r0xx1 ,#ws .r0x0x {background-color:#d8d0c6;background-image:linear-gradient(#e9e4e2, #c7bdaa);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e4e2), color-stop(1, #c7bdaa));background-image:-moz-linear-gradient(center top, #e9e4e2 0, #c7bdaa 100%);padding:2px 5px 2px 5px;width:110px;margin:0 10px 0 0;}#ws .r0x0x {width:140px;background-color:#fc9a35;background-image:linear-gradient(#ffbe52, #fa7719);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffbe52), color-stop(1, #fa7719));background-image:-moz-linear-gradient(center top, #ffbe52 0, #fa7719 100%);}.ws_btn ,#ws .btn_zoom_in ,#ws .r0xx1 ,#ws .r0x0x {display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #444444;text-align:center;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity:80);font-size:11px;color:#444444;cursor:pointer;}.ws_btn_hover ,#ws .btn_zoom_in:hover ,#ws .r0xx1:hover ,#ws .r0x0x:hover {opacity:1;-moz-opacity:1;filter:alpha(opacity:100);}.r101x .r1010 {background-repeat:no-repeat;background-position:center;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}.r101x .r1010.r00011 {height:500px;width:600px;background-size:contain;}.r101x .r1010.r00011 .loader {display:none;}.r101x .r1010.r00010 {background-position:-100% -100%;height:50px;width:50px;}.r101x .r1010.r00010:after {content:"";display:block;background:#ffffff no-repeat center url(../img/design/load.gif);height:50px;width:50px;}.r011 {position:absolute;top:50%;left:50%;background:#ddddff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.4);-ms-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.4);-webkit-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.4);box-shadow:2px 2px 15px rgba(0, 0, 0, 0.4);}.r011 img {max-width:none;max-height:none;}.r011 .border-b {position:absolute;transform:matrix(1, 0, 1, 1, 5, 10);-moz-transform:matrix(1, 0, 1, 1, 5, 10);-webkit-transform:matrix(1, 0, 1, 1, 5, 10);-o-transform:matrix(1, 0, 1, 1, 5, 10);-ms-transform:matrix(1, 0, 1, 1, 5, 10);width:100%;height:10px;bottom:0%;background:#bbbbbb;}.r011 .border-r {position:absolute;transform:matrix(1, 1, 0, 1, 10, 5);-moz-transform:matrix(1, 1, 0, 1, 10, 5);-webkit-transform:matrix(1, 1, 0, 1, 10, 5);-o-transform:matrix(1, 1, 0, 1, 10, 5);-ms-transform:matrix(1, 1, 0, 1, 10, 5);width:10px;height:100%;right:0%;background:#cccccc;}.r011 .paspartu1 ,.r011 .paspartu2 {position:absolute;top:50%;left:50%;overflow:hidden;background-color:#ddddff;-moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.2);-ms-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.2);}.r011 .baget {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;z-index:10;}.r011 .baget div {position:absolute;}.r011 .baget img {margin:0px;padding:0px;top:0;left:0;position:absolute;}.r011 .baget .baget-l ,.r011 .baget .baget-r {height:100%;}.r011 .baget .baget-l img ,.r011 .baget .baget-r img {width:100%;}.r011 .baget .baget-l img.i1 ,.r011 .baget .baget-r img.i1 {top:50%;}.r011 .baget .baget-l img.i2 ,.r011 .baget .baget-r img.i2 {top:0;}.r011 .baget .baget-b ,.r011 .baget .baget-t {width:100%;}.r011 .baget .baget-b img ,.r011 .baget .baget-t img {height:100%;}.r011 .baget .baget-b img.i1 ,.r011 .baget .baget-t img.i1 {left:0;}.r011 .baget .baget-b img.i2 ,.r011 .baget .baget-t img.i2 {left:50%;}.r011 .baget .baget-l {left:0;top:0;}.r011 .baget .baget-t {left:0;top:0;}.r011 .baget .baget-r {right:0;top:0;}.r011 .baget .baget-b {bottom:0;left:0;}.r011 .baget .baget-c {right:0;bottom:0;}.r011 .baget .baget-c img {height:100%;}.r011 .baget .baget-shadow {-moz-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.6);-ms-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.6);-webkit-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.6);box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.6);padding:1px;position:absolute;top:50%;left:50%;}.r011 .userimg {position:absolute;top:50%;left:50%;overflow:hidden;}.r011 .userimg img {position:absolute;}.r011 .userimg:after {content:"";top:0;left:0;width:100%;height:100%;position:absolute;-moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);-ms-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);}.r011.movex {cursor:e-resize;}.r011.movex .userimg img {height:100%;}.r011.movey {cursor:n-resize;}.r011.movey .userimg img {width:100%;}.r011.nomove .userimg img {width:100%;}.r011.fixed {cursor:default;}.r011.intr {cursor:move;}.r011 .loader {position:absolute;top:50%;left:50%;width:32px;height:32px;background-image:url(../img/design/load.gif);margin-left:-16px;margin-top:-16px;}.r1011 .rs-container {background:#ffffff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:0px 20px 10px 20px;}.r1011 .wrap {width:700px;position:relative;}.r1011 .hdr {font-weight:bold;font-size:18px;padding:5px;}.r1011 .variant {display:inline-block;padding:5px;}.r1011 .rs-select select {width:120px;}.r1011 button {display:inline-block;margin:5px;}.r1011 .del-all {font-size:10px;}.miniws {margin:5px 0 5px 0;height:300px;overflow:hidden;position:relative;width:300px;}.miniws .wall {width:100%;height:100%;}.miniws .wall1 {width:100%;height:100%;}.miniws .view {position:absolute;top:0px;width:100%;height:100%;}.r10xx span {display:none;font-size:18px;font-weight:bold;padding:5px;color:#444444;text-align:center;}.r10xx.r1x01 {background:url(../img/design/loadb.gif);}.r10xx.r1x01 input {display:none;}.r10xx.r1x01 span {display:block;}a {cursor:pointer;}i {cursor:pointer;}td form ,td form .btn ,td form .btn i {margin:0px;padding:0px;}@media (min-width: 980px){body {padding-top:60px;}}body {padding-bottom:70px;}.nav-collapse.ng-enter ,.nav-collapse.ng-leave ,.collapse.ng-enter ,.collapse.ng-leave {-moz-transition:all linear .5s;-ms-transition:all linear .5s;-o-transition:all linear .5s;-webkit-transition:all linear .5s;transition:all linear .5s;}.form-login {padding-top:50px;}.rpcloader {position:absolute;z-index:999;top:5px;right:5px;width:32px;height:32px;background:url(../../img/design/load.gif);}.r0010-list .preview ,.baget-list .preview ,.uploads-list .preview {display:block;cursor:pointer;}.r0010-list .preview img ,.baget-list .preview img ,.uploads-list .preview img ,.paspartu-list .preview img {max-width:100px;max-height:100px;}.paspartu-list td {padding-top:4px;padding-bottom:4px;vertical-align:middle;}.paspartu-list .preview {width:100px;height:100px;overflow:hidden;}.r01x01 .rs-container {background:#ffffff;}.r0010-big-preview .r1010 ,.upload-big-preview .r1010 {background-repeat:no-repeat;background-position:center;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}.r0010-big-preview .r1010.r00011 ,.upload-big-preview .r1010.r00011 {height:500px;width:600px;background-size:contain;}.r0010-big-preview .r1010.r00011 .loader ,.upload-big-preview .r1010.r00011 .loader {display:none;}.r0010-big-preview .r1010.r00010 ,.upload-big-preview .r1010.r00010 {background-position:-100% -100%;height:50px;width:50px;}.r0010-big-preview .r1010.r00010:after ,.upload-big-preview .r1010.r00010:after {content:"";display:block;background:#ffffff no-repeat center url(../img/design/load.gif);height:50px;width:50px;}.baget-editor .wnd {background:#ffffff;padding:5px;}.baget-editor .container {text-align:left;}.baget-editor .modalwrap {overflow:auto;}.baget-editor .bagetframe {width:200px;height:200px;margin-bottom:10px;overflow:hidden;position:relative;}.baget-editor .bagetframe:hover div {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity:50);}.baget-editor .bagetframe:hover div:hover {opacity:1;-moz-opacity:1;filter:alpha(opacity:100);border:solid 1px #ff0000;}.baget-editor .bagetframe div {position:absolute;box-sizing:border-box;}.baget-editor .bagetframe div img {position:absolute;top:0;left:0;cursor:pointer;max-width:100000px;max-height:100000px;}.baget-editor .bagetframe .t ,.baget-editor .bagetframe .b {height:30px;left:0;width:100%;}.baget-editor .bagetframe .t img ,.baget-editor .bagetframe .b img {height:100%;}.baget-editor .bagetframe .t {top:0;}.baget-editor .bagetframe .b {bottom:0;}.baget-editor .bagetframe .r ,.baget-editor .bagetframe .l {height:100%;width:30px;top:0;}.baget-editor .bagetframe .r img ,.baget-editor .bagetframe .l img {width:100%;}.baget-editor .bagetframe .r {right:0;}.baget-editor .bagetframe .l {left:0;}.baget-editor .bagetframe .c {width:30px;height:30px;bottom:0;right:0;}.baget-editor .bagetframe .c img {width:100%;}.baget-editor .bagetframe .p {top:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;}.baget-editor .bagetframe .p img {width:100%;}.baget-editor .showbox {max-width:500px;max-height:400px;overflow:auto;}.baget-editor .showbox img {width:100%;}.r01x1x-show .wnd {background:#ffffff;padding:5px;}.r01x1x-show .r01x10-comment {padding:3px;border:solid 1px #dddddd;text-align:left;}.r01x1x-show .r01x11 td:nth-child(1) {font-size:14px;}