/*********************************************
* Author: Klemen Olaj
* Description: Starting HTML + css grid system
* Author URI: http://arm-design.com
* Date modified: 20.02.2016
* Version: 1.4
**********************************************/

html {font-size:62.5%;}
body {font-size:14px; min-width:980px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#404041;}

			.page-wr {opacity:0;}
body.loaded .page-wr {opacity:1;}

.overlay {position: fixed; z-index:998; left:0; top:0; bottom:0; right:0; background:#007ab3; background: rgba(0, 122, 179,.2);}
.loader {position: fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background: #fff; border-radius: 50%; padding: 10px;}

a {color:#000; text-decoration: none;}
a:hover {text-decoration: underline;}
a[href^="mailto"] {text-decoration: underline; color:#1486c1;}
a[href^="mailto"]:hover {text-decoration: none;}

[class^="list"] {list-style:none; margin:0; padding:0;}
[class^="list"] li {}
[class^="list"] li i[class^="flaticon-"] {}

/* proforms fix by Jani Cerar */

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
.proform_top_buttons{
	bottom: 10px; display: inline-block; position: relative; margin-bottom: -10px; margin-left: 20px;
}
#proform-filters > div {
    flex: 1 1 auto;
    text-align: center;
    margin: 5px;
    /* and that, will result in a 10px gap */
}

#proform-filters input,
#proform-filters select {
    width: 100%;
}

#proforms-table tbody tr td {
    height: 38px; /* or whatever height you need to make them all consistent */
}


.positiveImport{
	background-color: #adf3b8!important;
}

/* Aligns */
.tac {text-align: center;}

#orderPanels{
	text-align: center;
}

.panel{
	border: 1px solid #ccc;
    display: inline-block;
    width: 200px;
    padding: 10px;
}

.panel tr td:first-child{
	text-align: right;
	padding-right: 5px;
}

.panel tr:last-child td:first-child{
	text-align: center;
	padding-right: 0px;
}

.proformTooltip{
	color: #f00;
	background-color: #ccc;
	width: 300px;
}
/* Colors */
.green {color:#86b52c;}
.red   {color:#dc4f37;}
.blue  {color:#007ab3;}

/* Background */
.bg-blue {background:#e9f8ff;}
.bg-green {background:#f3ffe1;}
.bg-red {background:#ffecd8;}
.bg-gray {background:#f3f3f3;}


.bg-blue2 {background:#e9f8ff;}
.bg-green2 {background:#a0ffa0;}
.bg-red2 {background:#ffecd8;}
.bg-gray2 {background:#f3f3f3;}
.bg-yellow2 {background:#FFFF00;}
.bg-orange2 {background:#ffa060;}

/* Buttons */
.btn { display:inline-block; vertical-align: top; text-align: center; padding:16px 15px 14px; font-size:13px;  border:solid 1px #d0d0d0;}
.btn.wi {padding:16px 16px 14px 39px; position: relative;}
.btn.wi i[class^="flaticon-"] {font-size:16px; position: absolute; left:14px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.btn.wi i.flaticon-close,
.btn.wi i.flaticon-draw, .btn.wi i.flaticon-cross{font-size:14px;}
.btn:not(.disabled):hover, .btn:not(.disabled).active {text-decoration: none; background: #007ab3; color:#fff; border-color:#007ab3;}

.btn.disabled {cursor: default; text-decoration: none!important; opacity:0.5;}

.arrow {position: relative;}
.arrow:after {content:""; position: absolute; right:0; top:50%; margin-top:-5px; border-left:solid 5px #fff; border-top:solid 5px transparent; border-bottom:solid 5px transparent; -webkit-transition:all 250ms ease; transition: all 250ms ease;}
a.active.arrow:after {-webkit-transform:rotate(90deg);transform:rotate(90deg)}

/* Icons */
[class^="icon-"] {background-repeat:no-repeat; background-position: left 1px; min-height:30px; display: block;}
.icon-settings {background-image: url(../images/icon-settings.png);}
.icon-data {background-image: url(../images/icon-files.png);}
.icon-proformas {background-image: url(../images/icon-pen.png);}
.icon-logout {background-image: url(../images/icon-logout.png);}
.elgoline .icon-settings {background-image: url(../images/theme/elgoline/icon-settings.png);}
.elgoline .icon-data {background-image: url(../images/theme/elgoline/icon-files.png);}
.elgoline .icon-proformas {background-image: url(../images/theme/elgoline/icon-pen.png);}
.elgoline .icon-logout {background-image: url(../images/theme/elgoline/icon-logout.png);}

/* LOGIN PAGE */
.login-page {background-position: top center;}
.login-page.loaded .login-container * { -webkit-transition:all 800ms ease; transition: all 800ms ease;}
.login-page.loaded { background: url(../images/bg.jpg) no-repeat center center fixed; background-size: cover;}
.login-page.loaded .login-container {opacity:1;}
	.login-container {position: fixed; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0; width:95%; min-width:320px; max-width:450px;}
	.login-container.focus .login-header{background: #fff;}
		.login-header {background: #fff; background: rgba(255,255,255,.7); padding:67px 50px;}
		.login-header img {display: block; margin:0 auto;}
		.login-body {list-style:none; margin:50px 0 0; padding:0;}
		.login-body li {margin:0 0 13px; position: relative;}
		.login-body li span.icon-cont {border-right:solid 1px #d0d0d0; position: absolute; left:0; top:0; height:100%; width:49px;}
		.login-body li span.icon-cont i {position: absolute; font-size:18px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
		.login-body li:last-child {margin:26px 0 0;}
		.login-body input {background: #fff; background: rgba(255,255,255,.7); border: solid 1px #d0d0d0; height:49px; padding:10px 15px 10px 65px; width:100%;}
		.login-container.focus input {background: #fff;}
		.login-body #login-submit {width:100%;}

@media (max-height:420px){
	.login-container {position: absolute; top: 30px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); margin-bottom: 30px;}
}

.login-page .btn {display:inline-block; vertical-align: top; text-align: center; background: #007ab3; color:#fff; font-size:16px; border:none;}
.login-page .btn.elgoline {display:inline-block; vertical-align: top; text-align: center; background: #EA088D; color:#fff; font-size:16px; border:none;}

.login-page .btn:hover {background: #046490; text-decoration: none;}

/* DASHBOARD */
h1,h2,h3 {font-family: 'Oswald', sans-serif;}
h1.title {font-size:22px; margin:25px 0 25px; padding:0 0 8px 48px;; border-bottom:solid 1px #d0d0d0; position: relative;}
h1.title i[class^="flaticon-"] {position: absolute; left:5px; top:-6px; color:#007ab3; font-size:25px;}
.elgoline h1.title i[class^="flaticon-"] {position: absolute; left:5px; top:-6px; color:#ea088d; font-size:25px;}
h1.title.w-back {padding-right:140px;}
h1.title .back {font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 13px; position: absolute; right: 5px; bottom: 10px; padding-left:10px;}
h1.title .back:before {content:""; position: absolute; left:0; top:50%; margin-top:-4px; border-right:solid 4.5px #404041; border-top:solid 4.5px transparent; border-bottom:solid 4.5px transparent;}

h1.title .back:hover {text-decoration: underline; cursor: pointer;}

.dashboard {background: #f3f3f3;}

/* Header */
.header {background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.17); padding:22px 20px 17px; position: fixed; z-index:50; left:270px; top:0; width:calc(100% - 270px); height:90px;}
.header .user {float:right;}
.header [class^="user-"] {display:inline-block; vertical-align: middle;}
.header .user-notifications {cursor: pointer; position: relative;}
.header .user-notifications:hover .hidden {display: block;}
.header .user-notifications > span {font-size:20px; position: relative; position: relative; padding-right:5px; }
.header .user-notifications > span i{font-style:normal; color:#fff; background: #404041; padding:1px 0; text-align: center; width:15px; height:15px; font-size:9px; display:inline-block; border-radius:50%; position: absolute; right:0; top:0;}
.header .user-notifications .hidden {display: none; z-index:999; position: absolute; left:50%; top:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:230px; padding:50px 0 0; font-size:12px;}
.header .user-notifications .hidden ul {position: relative; list-style:none; margin:0; padding:0; background:#fff; box-shadow: 0 1px 5px rgba(0,0,0,.25); padding:10px 25px;}
.header .user-notifications .hidden ul:before {content:""; position: absolute; left:50%; top:-13px; margin-left:-13px; width:26px; height:13px; background:url(../images/arrow-up.png) no-repeat center;}
.header .user-notifications .hidden ul li {padding:15px 0;}
.header .user-notifications .hidden ul li:not(:last-child) {border-bottom:solid 1px #e9e9e9; }
.header .user-notifications .hidden ul li:hover strong {color:#007ab3;}
.header .user-notifications .hidden ul li strong {font-weight:600;}
.header .user-notifications .hidden ul li .date {color:#858587; font-style:italic; display: block; margin-top:2px;}

.header .user-info {font-weight:600; font-size:12px; margin-right:10px;}
.header .user-info > * {display:inline-block; vertical-align: middle;}
.header .user-info > img {margin:0 15px 0 20px;}
.header .user-info > div > span {display: block;}
.header .user-info > div > span.firm {color:#007ab3;}

.nav-toggle { display: none; height:40px; cursor: pointer; position: relative; top:30px; z-index:20;}
.nav-toggle img {position: absolute; left:50%; top:50%; margin:-10px 0 0 -5.5px;}

/* Sidebar */
.sidebar {background: #404041; overflow: hidden; overflow-y: auto; position: fixed; top:0; left:0; z-index:50; width:270px; height:100%; color:#fff;}
.sidebar .logo {background: #007ab3; padding:60px 40px; position: relative; height:150px;}
.sidebar .logo.elgoline {background: #ccc;}
.sidebar .logo img { top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; max-width: none;}
.sidebar .logo .vert {display: none;}
.sidebar nav {position: relative;}
.sidebar a {color:#fff;}
.sidebar ul {margin:0; padding:0; list-style:none; display:inline-block; vertical-align: top; width:100%;}
.sidebar ul a:hover {text-decoration: none;}
.sidebar ul.parent {padding:30px 25px;}
.sidebar ul.parent ul {padding:5px 0 5px 45px; display: none;}
.sidebar ul.parent li > a > span {position: relative;}
.sidebar ul.parent ul a {position: relative; display:inline-block;}
.sidebar ul.parent ul a:before, .sidebar ul.parent li > a > span:before {content:""; position: absolute; opacity:0; left:-100%; bottom:-5px; width:100%; height:1px; background: #fff; -webkit-transition:all 250ms ease; transition:all 250ms ease;}
.sidebar ul.parent ul a:hover:before,
.sidebar ul.parent ul a.active:before, .sidebar ul.parent li > a.active > span:before{left:0; opacity:1;}
.sidebar ul.parent ul li {margin:15px 0;}
.sidebar ul.parent > li {margin:30px 0}
.sidebar ul.parent > li > a {padding:2px 10px 2px 45px; font-size:16px; font-family: 'Oswald', sans-serif; font-weight: bold;}

/* Content */
#view_container {display: none;}
section.content {position: absolute; top:90px; left:270px; padding:40px 30px 10px 30px; min-height: calc(100% - 90px); min-width: calc(100% - 270px);}
section.content .overlay,
section.content .overlay .loader{position: absolute;}
section.content .overlay {display: none;}
.table-actions {margin:0 0 17px;}
.table-actions .btn {margin:0 3px 8px 0;}
	.table {min-width:720px; width:100%!important; border:none!important; font-size:13px;}
	.table th {background: #404041; color:#fff; text-align:left; font-size:14px; font-family: 'Oswald', sans-serif; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
	.table th, .table td {padding:15px 20px!important;}
	.table td {border:solid 1px #d0d0d0; border-width:0 0 1px 0; background: #fff; cursor: pointer;}
	.table td:first-child {border-left-width:1px;}
	.table td:last-child {border-right-width:1px;}
	.table tr:nth-child(even) td {background: #fdfdfd;}

.view {position: relative;}
.view[data-view="proformas"] td i[class^="flaticon-"] {font-size:18px;}
.view[data-view="proformas"] .table tr:nth-child(even) td {background: #fff;}
	tr.company-1 td:first-child {border-left:solid 4px #007ab3;}
	tr.company-2 td:first-child {border-left:solid 4px #eebf65;}
	tr.company-3 td:first-child {border-left:solid 4px #dc4f37;}
	tr.company-4 td:first-child {border-left:solid 4px #8cc128;}

	tr:not(.selected).company-1:hover td {background:rgba(0,122,179,.25)!important;}
	tr:not(.selected).company-2:hover td {background:rgba(238,191,101,.25)!important;}
	tr:not(.selected).company-3:hover td {background:rgba(220,79,55,.25)!important;}
	tr:not(.selected).company-4:hover td {background:rgba(140,193,40,.25)!important;}

	tr:not(.selected).company-1 td {background:rgba(0,122,179,.07)!important;}
	tr:not(.selected).company-2 td {background:rgba(238,191,101,.07)!important;}
	tr:not(.selected).company-3 td {background:rgba(220,79,55,.07)!important;}
	tr:not(.selected).company-4 td {background:rgba(140,193,40,.07)!important;}

	tr.selected td {background: #007ab3!important; color:#fff;}
	tr.selected td a {color:#fff;}
	tr.selected td, .table th {-webkit-transition:none!important;transition:none!important;}



.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {font-size:13px; color:#828282!important}
.dataTables_length select, .dataTables_filter input, textarea{border:solid 1px #d0d0d0; background: #fff; padding:0 10px; height:35px; margin:0 0 15px;}
.dataTables_length select {margin:0 5px; padding:5.5px 1px 5.5px 7px; padding-right:5px\9; *padding-right:5px\9;}

.dataTables_info, .dataTables_paginate{padding:0!important; margin-top:15px;}
.dataTables_info {margin-top:23px;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: #007ab3; color:#fff!important; border-color:#007ab3; border-radius:0!important;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {background-repeat: no-repeat; background-position: right 10px center;}

textarea {resize:none; width:100%; height:200px; padding:10px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.dataTables_length select {padding-right:5px;}
}

/* Edit */
.devide {display:inline-block; vertical-align: top; width:50%; margin-right:-.25em; padding-right:10px;}
.devide:last-child {padding:0 0 0 10px;}
.devide .in {display:inline-block; vertical-align: top;}

.devide.parent:first-child {padding-right:30px; background:url(../images/shadow-devider.png) no-repeat right center; background-size: auto 100%; border-right:solid 1px #d0d0d0;}
.devide.parent:last-child {padding-left:30px;}

#x_scroll {white-space: nowrap;}

@media (max-width:1400px){
	.devide.parent {width:100%; padding:0!important; border:none!important; background-image:none!important;}
}

.checkbox input[type="checkbox"] {display: none;}
.checkbox input[type="checkbox"]:checked + i {background-position: left top;}
.checkbox i {display:inline-block; background:url(../images/checkbox.jpg) right top; width:17px; height:17px; vertical-align: bottom; margin-right: 4px;}

[class^="count-"] li {display:inline-block; vertical-align: top; margin-right:-.25em; padding:0 5px;}
[class^="count-"] li:first-child {padding-left:0;}
[class^="count-"] li:last-child {padding-right:0;}
.count-1 li{width:100%;}
.count-2 li{width:50%;}
.count-3 li{width:33.333%;}
.count-4 li{width:25%;}
.count-6 li{width:16.667%;}
.count-8 li{width:120px;}
.count-8 li:last-child {padding-right:5px;}
.count-11 li{width:9.1%; min-width:50px; padding:0 0 0 7px!important}
.count-12 li{width:8.333%; min-width:50px;}
.count-12 li:first-child,
.count-12 li:last-child {width:calc(8.333% - 5px); min-width:45px;}

[class^="count-"] li.count-1-3 {width:33.333%;}
[class^="count-"] li.count-2-3 {width:66.666%;}

.edit-area {background: #fff; padding:25px; border:solid 1px #d0d0d0; position: relative;}
.edit-area ul {list-style:none; margin:0; padding:0;}
.edit-area ul.parent-ul > li:not(:first-child),
.edit-area ul.parent-ul .mCSB_container > li:not(:first-child){ margin:25px 0}
.edit-area ul.parent-ul > li .checkbox {display:inline-block; vertical-align: top;}
.edit-area ul.parent-ul > li .checkbox:first-child {margin-right:50px;}
.edit-area ul li label {display: block; font-weight:600; margin:0 0 5px; white-space: nowrap;}
.edit-area input:not([type='checkbox']),
.edit-area select {border:solid 1px #d0d0d0; padding:5px 8px; height:30px; width:100%;}
.edit-area select {padding-right:15px; padding-left:5px;}

.production_time {padding-right:0px!important; padding-left:0px!important; font-size: 9px!important;}

.proform {background: #fff; padding:25px; border:solid 1px #d0d0d0; position: relative;}
.proform ul {list-style:none; margin:0; padding:0;}
.proform ul.parent-ul > li:not(:first-child),
.proform ul.parent-ul .mCSB_container > li:not(:first-child){ margin:5px 0}
.proform ul.parent-ul > li .checkbox {display:inline-block; vertical-align: top;}
.proform ul.parent-ul > li .checkbox:first-child {margin-right:50px;}
.proform ul li label {display: block; font-weight:600; margin:0 0 5px; white-space: nowrap;}
.proform input:not([type='checkbox']),
.proform select {border:solid 1px #d0d0d0; padding:0px 0px; height:20px; width:100%; font-size: 11px;}
.proform select {padding-right:15px; padding-left:5px;}



.edit-actions {text-align:right; border-top:solid 1px #d0d0d0; margin:30px 0 0; padding:20px 0 0;}
.edit-actions a {margin:0 0 0 8px; text-align:center;}

.proformas-page-navigation {width: 22.5px; height: 45px; display: block; position: absolute; right: -22px; top: 0; background: #404041; cursor: pointer; border-radius: 0 24px 24px 0; top: 50%; margin-top: -22.5px;}
.proformas-page-navigation:after {content:""; border-left:solid 5px #fff; border-top:solid 5px transparent; border-bottom:solid 5px transparent; position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.proformas-page-navigation[data-direction="prev"] {left:-22px; border-radius: 24px 0 0 24px;}
.proformas-page-navigation[data-direction="prev"]:after {border-left:none; border-right:solid 5px #fff;}

.proformas-row {margin:4px 0; position: relative;}
.proformas-row:first-child {margin-top:0;}
.proformas-row > .col-1-2:first-child, .pro-devide-1 { padding-right:0!important;}
.proformas-row > .col-1-2:last-child, .pro-devide-2 {padding-left:0!important;}
.proformas-row .count-11 input:not([type='checkbox']) {padding-left:2px; padding-right:2px; font-size:11px;}
	.horizontal > label,
	.horizontal > ul {width:calc(100% - 170px); display:inline-block; vertical-align: middle; margin-right:-.25em;}
	.horizontal > label {text-align:right; width:170px; padding-right:15px; font-weight: 600; line-height:15px; font-size:12px;}
				  label.blank-label {font-weight: 600; line-height:15px; font-size:12px; display: none;}
.pro-devide-1 {padding-right:200px!important;}
.pro-devide-2 .proformas-row label {font-size:12px; position: absolute; left:-189px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:180px; display: block; text-align:right; font-weight: 600; line-height:15px;}


@media (max-width:1610px){
	.proformas-row > .col-1-2:first-child, .pro-devide-1{width:calc(100% - 605px);}
	.proformas-row > .col-1-2:last-child, .pro-devide-2 {width:605px;}
}
@media (max-width:1599px){

	.horizontal > label {width:140px;}
	.horizontal > ul {width:calc(100% - 140px);}

	.pro-devide-1,
	.pro-devide-2 {width:100%!important; padding:0!important;}

	.pro-devide-2 .proformas-row label,
	.pro-devide-2 .proformas-row label + ul {display:inline-block; vertical-align: middle; margin-right:-.25em;}
	.pro-devide-2 .proformas-row label {-webkit-transform:none;transform:none; position: relative; top:0; left:0; width:calc(100% - 605px); padding-right:15px;}
	.pro-devide-2 .proformas-row label + ul {width:605px;}

}
@media (max-width:1100px){
	.horizontal > label {display: block; width:auto; margin:0 0 8px; text-align:left; padding:0;}

	.pro-devide-2 .proformas-row label {width:250px;}
	.pro-devide-2 .proformas-row label + ul {width:calc(100% - 250px);}

	label.blank-label {display: block; margin:0 0 8px;}

	.horizontal > ul {width:100%;}
	.proformas-row > .col-1-2:first-child {width:250px;}
	.proformas-row > .col-1-2:last-child {width:calc(100% - 250px);}

	.count-12 li {min-width:0!important; width:8.333%!important;  padding: 0 7px 0 0!important;}
}

[data-page] {display: none;}
[data-page].active {display: block;}

	/* X Scroller */
	.mCSB_scrollTools {opacity:1!important;}
	#mCSB_1_dragger_horizontal.mCSB_dragger {width:180px!important; height:11px!important; background: #007ab3!important; border-radius: 4px;	box-shadow: 0 1px 1px rgba(0,0,0,.39);}
	#mCSB_1_dragger_horizontal .mCSB_dragger_bar {width:100%!important; height:100%!important; margin:0!important; background:none!important;}
	#mCSB_1_dragger_horizontal .mCSB_dragger_bar:before, .mCSB_dragger_bar:after {content:""; position: absolute; top:50%; margin-top:-3.5px; height:7px; width:1px; background: #248cbd;border-right:solid 1px #00628f;}
	#mCSB_1_dragger_horizontal .mCSB_dragger_bar:before {left:85px;}
	#mCSB_1_dragger_horizontal .mCSB_dragger_bar:after {right:85px;}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {width: 100%; height: 11px; margin: 0px 0; background: #f3f3f3; border-radius: 4px;}

/* PopUps */
.popup { position: absolute; max-width: 85%; top: 50%; left: 50%; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; padding: 20px; min-width: 350px; text-align: center; box-shadow: 0 1px 5px rgba(0,0,0,.17); }
.popup.delete-item h2 { margin: 10px 0 30px; }
.popup a[data-deleteitem] { display: inline-block; padding: 10px 25px; margin: 0 10px; color: #fff; background: #404041; }
.popup a[data-deleteitem="yes"] { background: #007AB3; }
.popup a[data-deleteitem]:hover { text-decoration: none; }


@media (max-width:1320px) {
	.sidebar {width:60px; }
	.show-sidebar .sidebar {left:0; opacity:1;}

	.header, section.content {width:calc(100% - 60px); min-width: 920px; left:60px;}
			 section.content {padding: 20px 15px 10px 15px;}
	.header {min-width:0;}

	.nav-toggle {display: block;}

	.sidebar {overflow:hidden;}
	.sidebar nav {opacity:0; right:-100%;}
	.sidebar .logo {padding:0; height:250px;}
	.sidebar .logo img { -webkit-transform:translate(-50%,-50%) rotate(-90deg); transform:translate(-50%,-50%) rotate(-90deg);}

	.sidebar.show  {width:270px; overflow-y:auto;}
	.sidebar.show nav {opacity:1; right:0;}
	.sidebar.show .logo {padding: 60px 40px; height:150px;}
	.sidebar.show .logo img {padding: 60px 40px; -webkit-transform:translate(-50%,-50%) rotate(0); transform:translate(-50%,-50%) rotate(0);}
	.sidebar.show .nav-toggle img {-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}

	.edit-area {padding: 15px;}

	.table th, .table td {padding: 8px 10px!important;}

	.dataTables_wrapper {width:100%; overflow:auto;}
}

/* dodano naknadno */
.form-table-container {
	margin-top: 30px;
}

.form-table-container input, .form-table-container select {
	border: solid 1px #d0d0d0 !important;
    padding: 0 10px !important;
    height: 35px !important;
    width: auto !important;
}

form button[type="submit"] {
	background-color: white;
}

#proform_region_select {
	color: black !important;
}

.currency-label {
	display: inline;
}

.search-column {
	color: #404041 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    max-width: 300px;
}

#logo-preview {
	margin: 10px 0 0 10px;
}

#proform-email-form > .edit-actions {
	border-top: 0;
    margin: 0;
    padding: 0;
}

.customer-error-label {
	margin-top: 15px;
    margin-right: 15px;
    display: inline-block;
    color: #e60000;
}

#proform-email-form #mail-pdf {
	cursor: pointer;
	margin-top: 15px;
}

.form-part-1 input {
	padding-left: 5px !important;
}

.header-logo-img {
	max-height: 47px;
	max-width: 47px;
}

.translation {
	color: #404041 !important;
}

#earning-label {
	font-weight: bold;
    font-size: medium;
}

.attachment-item {
	margin-top: 10px;
	cursor: pointer;
}

.remove-attachment-item {
	margin-left: 20px;
	margin-top: 10px;
	padding: 3px;
	cursor: pointer;
}

.removed-item {
	color: #B0B0B0;
}