/* DREVARI / TIMBERPOLIS COLOR PALETTE */

/* COMMON */
* {color: #333;}
svg {fill: #333;}
a, a span, a b, a div, label, a.current, .ui_index_window .tabs-nav a.current, .ui_index_window .tabs-nav a.current span, .mt-tools-bottom span {color: #c40000; border-color: #c40000;}
a:hover, a:hover span, a:hover b, a:hover div, label:hover {color: #ff0000; border-color: #ff0000;}
.form label.selected {color: #c40000;}
.form label.selected:hover {color: #ff0000;}

.ui_table > tbody tr input[type="text"]:focus, .ui_table > tbody tr input[type="number"]:focus, .ui_table > tr input[type="file"]:focus, .ui_table > tbody tr input[type="password"]:focus {border-color: #c40000 !important;}

button, .ui_form button {color: #c40000; border-color: #c40000;}
button:hover, .ui_form button:hover, button:hover span {color: #ff0000; border-color: #ff0000;}
button svg {fill: #c40000;}
button:hover svg {fill: #ff0000;}
button:disabled {color: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.3);}
button:disabled svg, button:disabled:hover svg {fill: rgba(0,0,0,0.3);}

a svg, button svg, .tools a svg, .ui_table tbody a svg {fill: #cc0000;}
a:hover svg, button:hover svg, .tools a:hover svg, .ui_table tbody a:hover svg {fill: #ff0000;}




/* TOOLTIP */
span.colorTip {color: #777 !important; background: #f0f0f0; border-color: #d6d6d6 !important;}



/* BOTTOM MESSANGER */
.bottom-messenger {background: #f0f0f0; border: 1px solid #d1d1d1; color: #6a6a6a;}



/* ========== TOP MENU ========== */
/* ============================== */

nav {background: #3e301d;}



/* TOP MENU - NAVBAR HEADER */

.navbar-header, .navbar-collapse {background: #3e301d;}
.navbar-header a:hover {background: #2b2113;}
.navbar-nav > li, .navbar-nav > li > a, .navbar-nav > li > span {color: #eddfcd;}
.navbar-nav > li > a:hover {color: #fff; background: #705634;}





/* TOP MENU - NAVBAR LEFT */

.navbar svg, .navbar a svg {fill: #e9d7c0;}
.navbar a:hover svg {fill: #f4ece1;}




/* ========== DROPDOWN ========== */

.moreX_menu_opened > li > a, .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color: #f3eade !important;}

.moreX_menu_opened > li > a svg, .navbar-nav > .open a svg, .dropdown-menu li a svg, .dropdown-menu li a:hover svg {fill: #e9d7c0;}

.moreX_menu_opened > li > a, .dropdown-menu, .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {background-color: #6f5735 !important; color: #3e301d;}

.dropdown-menu li a {color: #eddecb; border-bottom: 1px solid #967a4b;}

.dropdown-menu li a:hover {color: #eee1d2; border-bottom: 1px solid #ddc2a2; background-color: #40321e;}



/* TOP MENU - NAVBAR RIGHT */

.logo-circle {border: 1px solid #e6d3b9;}
.navbar-right .ui_usr .dropdown-menu h6 {color: #d5b486; border-bottom: 1px solid #d5b486;}
.navbar-right .ui_usr .dropdown-menu .account-enter {color: #fff; border: 3px solid #ff8d1c; background: #d96c00;}
.navbar-right .ui_usr .dropdown-menu .account-enter:hover {background: #ff8d1c;}
.navbar-right .ui_usr .dropdown-menu .logout {color: #fff; border: 3px solid #ff0000; background: #b30000;}
.navbar-right .ui_usr .dropdown-menu .logout:hover {background: #ff0000;}
.navbar-right .ui_usr .dropdown-menu li a svg, .navbar-right .ui_usr .dropdown-menu li .logout svg {fill: #fff;}



/* 3 LINES BUTTON < 768px WIDTH */
.affix-top.navbar-default .navbar-toggle, .affix-top.navbar-default .navbar-toggle:hover .affix-top.navbar-default .navbar-toggle:focus {border-color: rgba(255,255,255,0); color: rgba(255,255,255,0);}
.navbar-default .navbar-toggle .icon-bar {background-color: #e9d7c0;}
.affix.navbar-default .navbar-toggle:hover, .affix.navbar-default .navbar-toggle:focus {border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0);}



@media (max-width: 1023px) {
.navbar-nav > li > a, .navbar-nav > li > a:hover {border-bottom: 1px solid rgba(255,255,255,0.3);}
}




/* CURRENT + SUBMENU MUTUAL */

.navbar-nav > li.current a {/* border-top: 5px solid #846842; */}

.navbar-nav > li.current a, .navbar-nav a.current, li.current a, #submenu, #submenu #title, #cms_submenu, #cms_submenu #title {background: #8f7147; color: #fff !important;}
.navbar-nav > li a.current svg, #submenu svg, #submenu svg:hover {fill: #fcf9f3;}




/* ========== SUBMENU ========== */
/* ============================= */
#submenu #title svg, #cms_submenu a svg {fill: #eae1d7;}
#submenu .submenu-items a, #submenu .submenu-items label, #submenu .submenu-items span, #cms_submenu .submenu-items a, #cms_submenu .submenu-items label, #cms_submenu .submenu-items span {color: #fff;}
#submenu .submenu-items a:hover, #cms_submenu .submenu-items a:hover {background: rgba(0,0,0,0.2);}
#submenu .submenu-items select:focus, #cms_submenu .submenu-items select:focus  {background: #f2ede6;}



/* ======= SUBMENU ACCOUNT ======= */
#submenu.r-tabs-nav .r-tabs-state-default a {color: #fcf9f3;}
#submenu.r-tabs-nav .r-tabs-state-default a:hover {background-color: #8c6f46;}
#submenu.r-tabs-nav .r-tabs-state-active {background-color: #fcf9f3;}
#submenu.r-tabs-nav .r-tabs-state-active a {color: #95754a;}
#submenu.r-tabs-nav .r-tabs-state-active a svg {fill: #ac8958;}



/* GHOST - ROUNDED BUTTONS */

#submenu .submenu-items .sub_button {color: #fff;}


/* ADD */
a.add {background-color: #00aa00; border-color: #1acc00; color: #fff;}
a.add:hover {background-color: #00cc00 !important; border-color: #00cc00 !important;}

/* CANCEL */
a.cancel {background-color: #cc0000; border-color: #ff0000;}
a.cancel:hover {background-color: #ff0000 !important; border-color: #ff0000 !important;}

/* CLOSE */
a.closes {background-color: #cc0000; border-color: #ff0000;}
a.closes:hover {background-color: #ff0000 !important; border-color: #ff0000 !important;}

/* UPDATE */
a.update {background-color: #007bb7; border-color: #0098e1;}
a.update:hover {background-color: #0098e1 !important; border-color: #0098e1 !important;}

/* YES */
a.yes {background-color: #238c00; border-color: #2fbb00;}
a.yes:hover {background-color: #2fbb00 !important; border-color: #2fbb00 !important;}

/* SEND */
a.send {background-color: #238c00; border-color: #36d700;}
a.send:hover {background-color: #36d700 !important; border-color: #36d700 !important;}

/* COPY */
a.copy {background-color: #888; border-color: #aaa;}
a.copy:hover {background-color: #aaa !important; border-color: #aaa !important;}

/* MOVE */
a.move {background-color: #408080; border-color: #55aaaa;}
a.move:hover {background-color: #55aaaa !important; border-color: #55aaaa !important;}

/* SUBMIT */
a.submit {background-color: #007000; border-color: #00a800;}
a.submit:hover {background-color: #00a800 !important; border-color: #00a800 !important;}

/* ORDER */
a.order {background-color: #800080; border-color: #c100c1;}
a.order:hover {background-color: #c100c1 !important; border-color: #c100c1 !important;}

/* LOCK */
a.lock {background-color: #974b00; border-color: #c8731e;}
a.lock:hover {background-color: #c8731e !important; border-color: #c8731e !important;}

/* PRINT */
a.print {background-color: #808000; border-color: #b0b000;}
a.print:hover {background-color: #b0b000 !important; border-color: #b0b000 !important;}

/* PREVIEW */
a.preview {background-color: #6a6ab5; border-color: #9292c9;}
a.preview:hover {background-color: #9292c9 !important; border-color: #9292c9 !important;}

/* EDIT */
a.edit {background-color: #e87400; border-color: #ff9224;}
a.edit:hover {background-color: #ff9224 !important; border-color: #ff9224 !important;}

/* DELETE */
a.delete {background-color: #cc0000; border-color: #ff0000;}
a.delete:hover {background-color: #ff0000 !important; border-color: #ff0000 !important;}





/* ---- UI - USER INTERFACE ---- */
/* ============================= */

body.ui, .ui #container {background: #fcf9f3;}



/* ---- CMS ---- */
/* ============= */
#sidebar {background-color: #efe7dc;}



/* ========== FILTER ========= */
/* =========================== */

.filter select, .filter input, .filter .search input, .ui_table_footer select, .ui_table_footer input {border: 1px solid rgba(0,0,0,0.2); background: rgba(255,255,255,0.56); color: #676767;}
.filter select:hover, .filter select:focus, .filter input:hover, .filter input:focus, .ui_table_footer select:hover, .ui_table_footer select:focus, .ui_table_footer input:hover, .ui_table_footer input:focus {border: 1px solid #777; color: #444; background: #fff;}




/* ========== SUMMARY ======== */
/* =========================== */

.summary div, .summary-flex div, .summary-flex2 div {color: #fff;}
.summary > div > div > div, .summary-flex > div > div > div, .summary-flex2 > div > div > div {color: rgba(255,255,255,0.8);}
.summary div:first-child, div.qty {background-color: #f09b24;}
.summary div:nth-child(2), div.volume {background-color: #eaaa53;}
.summary div:nth-child(3),div.volume_tmbr {background-color: #ab6403;}
.summary div:nth-child(4),div.goods {background-color: #a25e02;}





/* ========== TABLE ========== */
/* =========================== */

/* THEAD */

.ui_table > thead {background: #f9f0e3; background: linear-gradient(to bottom, #f9f0e3 1%,#eddabb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0e3', endColorstr='#eddabb',GradientType=0 ); border-left: 1px solid #ccbe9d;}

.ui_table > thead tr th, .ui_table > thead tr td {border-right: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid #c1b18a; border-top: 1px solid #d7c59f; color: #946525;}
.ui_table > thead tr .lastcell {border-right: 1px solid #ccbe9d;}

.ui_table thead tr th a, .ui_table thead tr td a {color: #b95b06;}
.ui_table thead tr th a:hover, .ui_table thead tr td a:hover {color: #ec3804;}
.ui_table thead svg {fill: #946525;}




/* TBODY */

.ui_table tbody {border-right: 1px solid #ede4d3; border-left: 1px solid #ede4d3; border-bottom: 1px solid #ede4d3;}
.ui_table > tbody > tr > th, .ui_table > tbody > tr > td {border-right: 1px solid #f3ede2; border-bottom: 1px solid #ede4d3; color: #604a35;}
.ui_table > tbody > tr:nth-child(odd) > th, .ui_table > tbody > tr:nth-child(odd) > td {background: #fbf2e6;}
.ui_table > tbody > tr:hover > th, .ui_table > tbody > tr:hover > td {background: #f8ecdc; color: #000; border-right: 1px solid #e8ddc8;}
.ui_table tbody svg {fill: #a48344;}




/* ==== TABLE 2 - NESTED ===== */
/* =========================== */
.material_table tbody tr .sourcetable, .material_table tbody tr .sourcetable:hover {border-bottom: none;
background: #ddc6ac; background: linear-gradient(to bottom, #a88544 0%,#ddc6ac 3px,#ddc6ac 99.5%,#a88544 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a88544', endColorstr='#a88544',GradientType=0 ); /* IE6-9 */
}
.sourcetable .material_table2 > thead {border-bottom: none; background: #a57850;}
.sourcetable .material_table2 > thead th, .sourcetable .material_table2 > thead td {padding: 8px 10px; color: rgba(255,255,255,0.88);}
.sourcetable .material_table2 > tbody .material_table2_listing th, .sourcetable .material_table2 > tbody .material_table2_listing td {border-bottom: 1px solid #f1e9e2;}
.sourcetable .material_table2 > tbody .material_table2_listing:last-child th, .sourcetable .material_table2 > tbody .material_table2_listing:last-child td {border-bottom: none;}
.sourcetable .material_table2 > tbody .material_table2_listing:hover > th, .sourcetable .material_table2 > tbody .material_table2_listing:hover > td {background: #d3b696;}

.material_table3_listing th, .material_table3_listing td {border-bottom: 1px solid #f1e9e2; background-color: #c7a478;}
.material_table tbody .material_table3_listing:hover th, .material_table tbody .material_table3_listing:hover td {background-color: #b78951;}



/* CHECKBOX */

.ui_table .control__indicator {background: rgba(255,255,255,0.8); border: 1px solid #e6d6b7;}
.ui_table .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #f9f2e8; border: 1px solid #d8bb81;}
.ui_table .control input:checked ~ .control__indicator {background: #d3aa72;}
.ui_table .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #d3aa72;}
.ui_table .control input:disabled ~ .control__indicator {background: #d8c1ab;}
.ui_table .control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}



/* RADIO BUTTON */

.ui_table .control--radio .control__indicator:after {background: #fff;}
.ui_table .control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}


 
/* INPUT TEXT */

.ui_table input[type="text"], .ui_table input[type="number"], .ui_table input[type="file"], .ui_table input[type="password"] {color: #604a35;}
.ui_table > tr:hover input[type="text"], .ui_table > tr:hover input[type="number"], .ui_table > tr:hover input[type="file"], .ui_table > tr:hover input[type="password"], .ui_table > tr input[type="text"]:hover, .ui_table input[type="text"]:focus, .ui_table input[type="number"]:hover, .ui_table input[type="number"]:focus, .ui_table input[type="file"]:hover, .ui_table input[type="file"]:focus, .ui_table input[type="password"]:hover, .ui_table input[type="password"]:focus {color: #000;}
.ui_table > tr input[type="text"]:hover, .ui_table > input[type="number"]:hover, .ui_table > tr input[type="file"]:hover, .ui_table > tr input[type="password"]:hover {border: 1px solid #990000 !important;}
.ui_table > tr input[type="text"]:focus, .ui_table > tr input[type="number"]:focus, .ui_table > tr input[type="file"]:focus, .ui_table > tr input[type="password"]:focus {border: 1px solid #c40000 !important;}
.ui_table ::-webkit-input-placeholder {color:#bbb;}
.ui_table input:-moz-placeholder {color:#bbb;}
.ui_table input:-ms-input-placeholder {color:#bbb;}


/* SELECT */

.ui_table select, .ui_table select option {color: #604a35;}
.ui_table tr:hover select, .ui_table tr select:focus option {color: #000;}
.ui_table tr select:hover {border: 1px solid #990000; color: #000;}
.ui_table tr select:focus {background: #fbedc4 !important; border: 1px solid #cc0000 !important; color: #000;}



/* HIGHLIGHT ROW WHEN CHECKED */

.ui_table tbody tr.isChecked td, .ui_table tbody tr.isChecked th {background: #fbedc4; border-bottom: 1px solid #e1c69d; color: #000; border-right: 1px solid #ebd9be;}
.ui_table tbody tr.isChecked:hover td, .ui_table tbody tr.isChecked:hover th {background: #fae6a9;}




/* FOOTER - ICON LISTING */

.ui_table_footer div {color: rgba(0,0,0,0.55);}
.tools svg, .ui_table_footer_icons svg {fill: #bc9b5f;}





/* --------- FORM ---------- */
/* ========================= */

.ui_form > div {color: #999;}
.ui_form > div:hover {background: #f8f8f8; color: #777;}
.ui_form textarea, .ui_form input[type="text"], .ui_form input[type="number"], .ui_form input[type="date"], .ui_form input[type="password"], .ui_form input[type="file"], .ui_form select, .ui_form label {color: #444;}


/* SMALL */
.ui_form small {color: #aaa;}

/* TEXTAREA */
.ui_form textarea {border: 1px dashed #aaa;}

/* LABEL */
.ui_form input[type="checkbox"]:checked + label {color: #ff0000;}
.ui_form input[type="radio"]:checked + label {color: #ff0000;}

/* TOP LINKs - ADD / NEW */
.ui_form_add {color: #008c00;}






/* ---- FOOTER - BOTTOM ---- */
/* ========================= */

#footer {background: #ac8958;}
#footer2 {color: #deb387;}
#footer2 > a {color: #f7ece1;}
#footer2 > a:hover {color: #ffffff;}
#footer2 .div-cell > ul > li, #footer2 .div-cell > ul > li b, #footer2 .div-cell > ul > li a {color: #f7ece1;}
#footer2 .div-cell > ul > li a:hover {color: #fff;}
#footer2 .div-cell > ul > li svg {fill: #f7ece1;}
#footer-bottom {background: #3e301d; border-top: 1px solid rgba(249,222,186,1);}
#footer-bottom li, #footer-bottom li a, #footer-bottom li select {color: #b79464;}
#footer-bottom li svg {fill: #b79464;}





/* CLASSIFIEDS */

.inzercia-menu a {background: #994516;}
.inzercia-menu a:hover {background: #ff8d00;}
a.inzercia-menu-selected {background: #6B2F0E;}



/* SHOWROOM - FLYERS - EVENTS */

.label-part input[type="radio"]:checked + a label {background: #ff0000;}



/* TALLIES */
.tally-header {background: #eae0d5;}
.tally-header div h5 {color: #876543;}
.tally-header div:hover h5 {color: #302418;}
.tally-header div input, .tally-header div select {border-color: #b48d67;}


/* FORM / DOCUMENT BACKGROUND */
.template-background {
background: -moz-radial-gradient(center, ellipse cover, rgba(211,154,63,0.65) 0%, rgba(63,46,19,0) 70%, rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(211,154,63,0.65) 0%,rgba(63,46,19,0) 70%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d39a3f', endColorstr='#00000000',GradientType=1 );
}