@charset "UTF-8";
/* CSS Document */

.row {
    margin-right: -5px;
    margin-left: -5px;
}

[class*="col-"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 5px;
    padding-left: 5px;
}

.row [class*="col-"].no-col-height, .row [class*="col-"].no-col-height .row, .row [class*="col-"].no-col-height [class*="col-"] {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}

body,html {font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:12px; background-color:transparent;}
body, body * {
	
font-family: 'Open Sans', sans-serif;
color:#333;
letter-spacing: 0.03em;
text-rendering: optimizeLegibility;
box-sizing: border-box;

}

h1,h2,h3,h3 a {}
h3 a {font-weight:400;}
h1 {font-size:46px;}
h1 span {color:#d9a5a1; font-family:inherit;}

h4 {margin-top:0; font-size:16px; font-weight:700;}
h2, h2 a {font-size:20px; text-decoration:none; color:#333;}
a {color:#333; text-decoration:none;}
h3 {font-size:16px;   font-weight: 600;}
p, ul, ol {font-size:14px; font-weight:300; line-height:1.6em;}
i,u {font-family:inherit; color: inherit;}
ul {padding:0; /*padding-left: 1.2em;*/}
ul li {text-decoration: none; list-style: none;}

.row {
    margin-bottom: 10px;
}

.editable li {padding:5px; border-radius:3px; background-color: #ddd; font-size:16px; display:inline-block; cursor:pointer; margin-bottom: 5px;}
.editable li:hover {background-color: #ccc;}
.editable li.active {background-color:rgba(0,82,191,1.00); color:white;}
.editable li .btn {font-size:10px; width:36px; border-radius:3px; height:auto; line-height:1.6em;}

header {background-color:#333;}
header [class*="col-"] {padding:0 0 0 20px; margin:0;}
header p {color:white; padding:0; margin:0; line-height:30px;}

.form input {font-weight:300;}
.form input[type=text], .form textarea, .form input[type=number] {width:100%; padding:8px; border-radius:5px; border:1px solid #333;}
.form input[type=submit] {padding:4px 8px; border-radius:5px; background-color:rgba(0,188,32,1.00); border:1px solid #333;}
.form input[type=submit]:hover {background-color:rgba(0,127,21,1.00);}
.form select {font-weight:300; padding:8px; border-radius:5px; border:1px solid #333; height: 40px;}
.form textarea {height:100px;}

.form input.blockInput {background-color:#ccc;}

.order-list li {font-weight:500; width:100%; margin-bottom:10px; border:1px solid #333; background-color:white; padding:8px; border-radius:3px; display:block;}

[class*="col-"] {background-color:transparent; border:none;}

.sidebar {width:400px; position:fixed; top:30px; height:calc(100% - 30px); background-color:#ddd; z-index:2; padding:20px; overflow-y: scroll;}
#sidebar-left {left:-400px;}
#sidebar-right {left:-400px; background-color:#eee;}

.btn {background-color:rgba(0,188,32,1.00); border-color:#333; border-width:1px;}
.btn:hover {background-color:rgba(0,127,21,1.00); color:white;}
.btn.action {width:32px; height:32px; border-radius:16px; line-height:28px; vertical-align: middle; text-align: center; padding:0; font-size:10px; margin:-10px 0;}

.btn.action.close {width:30px; height:30px; line-height:25px; border-radius:15px; background-color: #333; color:white; border:2px solid white; opacity:1; position: absolute; right: 20px; z-index:10;}
.btn.action.close:hover {background-color:#666;}
.btn.action.close:before {content: 'X';}

.btn.action.delete {font-size:10px; width:auto; border-radius:3px; height:auto; line-height:1.6em; background-color: rgba(125,0,0,1.00); color:white;}
.btn.action.delete:hover {background-color: rgba(92,0,0,1.00);}

@media (max-width: 1200px) {
	
}

@media (max-width: 991px) {
	
	
}

@media (max-width: 768px) {
	
    .sidebar {width:300px;}
    #sidebar-left {left:-300px;}
    #sidebar-right {right:-300px;}
	
}

@media (max-width: 699px) {
	
	
}

@media (max-width: 499px) {
	
    .sidebar {width:100%; display:none;}
    #sidebar-left {left:0;}
    #sidebar-right {right:0;}
	
}