/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*/
html{min-height:100%;position:relative;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}
body{padding-bottom:0;min-height:100%;font-family:'Arial';font-size: 12px;color:#393939;-webkit-font-smoothing:antialiased;margin: 0;background-color: #f1f1f1;}
html, body {height: 100%;}

/*** Defaults ***/
.bg-white {background-color: #FFF;}
.bg-dark-grey {background-color: #1d2939;}
.bg-grey-2 {background-color: #1d2939;}
.bg-blue {background-color: #00B8FF;}
.border-bottom-blue {border-bottom: 5px solid #42CAFF;}
.white {color: #fff;}
.grey {color: #ebebeb;}
.dark-grey {color: #34383c;}
.upper {text-transform: uppercase;}
.center {text-align: center;}
.block-center {margin: 0 auto;}
.border-right-0 {border-right: 0px;}
.line {border-bottom: 1px solid #F3F3F3;}
.box-shadown {-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.1);-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.1);box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.1);}

.mt-05 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-50 {margin-top: 50px;}
.ptb-10 {padding: 10px 0;}
.m-20 {margin: 20px;}
a:hover,a:focus {text-decoration: none;}

 /*** Botstrap owervrite ***/
.form-control:focus{border-color: #EBEBEB;-webkit-box-shadow: none;box-shadow: none;}
.container {max-width: 100%!important;}
.navbar-toggle {margin: 0; float: left;}
.navbar-toggle .icon-bar {background-color: #fff;}
#user {padding-right: 10px;}
#user a {color:#00B8FF;}
#user .dropdown > .dropdown-menu { position: absolute;top: 100%;z-index: 1000;display: none;float: left;min-width: 160px; width: 100%; padding: 5px 0; margin: -5px 0 0;font-size: 12px; list-style: none; border: 0px;border-radius: 0px; -webkit-box-shadow: none; box-shadow:none;}
#user .dropdown > .dropdown-menu > li >a {color: #fff;}
#user .open > .dropdown-menu {display: block;}
.panel {background-color: #fff;border:none;border-radius: 5px;-webkit-box-shadow: none;box-shadow: none; margin: 0px;/*box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);*/}
.panel-heading {background: white;color: #34383c;font-size: 16px;overflow: hidden;/*background: #f7f7f8*/ ;border-bottom: 1px solid #dbdee0;/* height: 40px; */margin: 0;padding: 0px 15px;line-height: 40px;}
.panel-body {margin: 0;padding: 15px;}
#content > .row {margin: 0px;} 
.alert {padding: 10px; line-height: 20px; }
.image-prew-holder {padding: 20px; border: 1px solid #EBEBEB;background-color: #F8F8F8;}
.image-prew-holder img {max-width: 100%;}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {background-image:initial; border:none; border-radius: 0;}
.nav>li>a:hover, .nav>li>a:focus,nav>li.active {text-decoration: none;background-color: #fff;color: #1d2939 !important;border-radius: 3px;}
.form-control  {border: 1px solid #ccc;}
/*** Layout ***/
.navigation {  background: none repeat scroll 0 0 #fff;color: #000;height: 50px;line-height: 50px;padding: 0;position: relative;   z-index: 12; border-bottom: 1;}
.footer {background: #34383c;color: white;height: 40px;padding: 10px 20px 20px 20px!important;margin: 0!important;position: relative;z-index: 1;}
#sidebar {padding: 0;height: 100%; width: 280px;position: absolute;}
#main {padding: 0px; margin-left: 280px;background-color: #fff /*#e4e7ea*/;min-height: 1000px;border-left: 1px solid #ddd;}
#content {margin: 0px;}
.breadcrumb {padding: 0px 25px;margin-bottom: 0px;list-style: none;border-radius: 0;line-height: 40px;border-bottom: 1px solid #d3d7db; background-color: #f1f1f1;}
.site-name {font-weight: 800; font-size: 15px;color:#1d2939; text-transform: uppercase;}
#sidebar .submenu-control {cursor: pointer;}
#sidebar > ul { width: 100%; margin: 0 auto;}
#sidebar > ul > li {line-height: 40px;list-style: none; border-bottom: 1px solid #ddd;}
#sidebar > ul > li  .submenu {list-style: none;position: relative;/* background-color: rgba(255, 255, 255, 0.25); */border-top: 1px solid rgb(224, 224, 224); display: none;}
#sidebar > ul > li  .submenu > li:after {content: "";display: block;position: absolute;width: 9px;left: 41px;margin-top: -20px;border-top: 1px solid rgba(214, 214, 214, 0.06);}
#sidebar > ul > li  .submenu > li:before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 39px;width: 0;border-left:  1px solid rgba(214, 214, 214, 0.06);}
#sidebar > ul > li  .submenu > li {line-height: 39px;padding-left: 20px;}
#sidebar > ul > li  .submenu > li > a {color:#000;}
#sidebar > ul > li > a { color: #000; padding: 0;}
#sidebar > ul > li > a > i {width: 40px; height: 40px; text-align: center; line-height: 40px;padding: 0;margin-right: 5px;}
#sidebar > ul > li > a > i:nth-child(2) {border-right: 0px; width: 20px; height: 40px; text-align: center; line-height: 40px;padding: 0;margin-right: 5px; float: right;}


#user {display: block;float: right;margin-top: 0;position: absolute;right: 0;top: 0;}
.avatar {width: 40px;height: 40px; padding: 0;margin-left: 10px;}
.profile-menu {width: 200px;}
/*** datatable  ***/
.dataTables_wrapper {
}
.datatable {border: 1px solid rgb(224, 224, 224);}
.datatable td {cursor: pointer;}
.datatable thead{ /*background-color: #eee;*/ border-top: 1px solid rgb(224, 224, 224);}
.dataTables_filter {float: left;line-height: 30px;}
.dataTables_filter > label > input {line-height: 20px; border: 1px solid #ccc;}
.dataTables_length {float: right;line-height: 30px; margin-right: 10px;}
.pagination {margin: 0;}
/*.pagination li a {background-color: #d3d3d3 !important;}*/
.dataTables_paginate {float: right;}

.sorting_asc {background: url('../img/sort_asc.png') no-repeat center right;}.sorting_desc {background: url('../img/sort_desc.png') no-repeat center right;}
.sorting {background: url('../img/sort_both.png') no-repeat center right;}
.sorting_asc_disabled {background: url('../img/sort_asc_disabled.png') no-repeat center right;}
.sorting_desc_disabled {background: url('asset/img/sort_desc_disabled.png') no-repeat center right;}
table.display thead th:active,table.display thead td:active {outline: none;}
table .short-column {width: 40px;}
table .delete-column {width: 40px;}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {vertical-align: middle}
/** Table option **/
.options-row-column .navbar-nav>li>a {margin: 0; padding: 0 10px;}

.statics-header {}
.static-panel {background-color: #eee;padding: 10px; border:  1px solid #D0D0D0; }

.inner-table {width: 100%;border: 1px solid rgb(224, 224, 224)}
.inner-table th:first-child {width: 150px;}
.inner-table td {cursor: auto;}

.statics .product-details{ width: 100%; }
.statics .product-details td{ border: 1px solid #eee;padding: 5px}
.panel-separate { border:  1px solid #D0D0D0; margin: 10px 0;}

/*** Boxes ***/

.info-boxes {padding-bottom: 20px; float:left; padding: 0;}
.info-boxes .box{ padding: 10px;color: #fff;}
.info-boxes .incoming-box{ background-color: #78B83E; }
.info-boxes .outgoing-box{ background-color: #c7254e; }
.info-boxes .balance-box { background-color: #00B8FF; }
.info-boxes .sum-text {font-size: 16px; font-weight: bold;}


/*** Price Format ***/
.price {width: 100%;text-align: right;display: inline-block;}
.price span {padding: 5px;border-radius: 3px;color: #fff;}
.price.green span{background-color: #78B83E;}
.price.red span{background-color: #FF4747;}


/*** Login box ***/
.login-box {width: 400px;}
.login-box > header {line-height: 40px;height: 40px;}

/** FORM **/
.red-border {border-color: red;}
.error-message {color: red;}
.form-control {display: inline;}
label{
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    margin-right: 10px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


.form-table{border: 1px solid #ccc;border-collapse: collapse;width: 100%;}
.form-table td{border: 1px solid #ccc; padding: 5px;}
.form-table th{padding: 5px;}
.form-table th:last-child{width: 70px;}

.multiitem {background-color: #f1f1f1;padding: 10px;border: 1px solid #ccc;}
.multiitem div {padding: 5px 0;}
.multiitem div select {height: 23px;}

.incoming-table {width:  auto !important;}
.incoming-table td {border: 1px solid #ccc;}
.incoming-table tr {border-bottom: 1px solid #ccc;}
.incoming-table tr td:first-child {width: 200px;}
.incoming-table tr td{width: 100px;}
.incoming-table tr td input{text-align: right !important; width: 100px;}
.incoming-table .total {font-weight: bold;text-align: right;}
.incoming-table tr:last-child td {font-weight: bold; font-size: 16px;}

#days-element label {float:left;padding: 5px;padding-left: 0px;}


.manufactoring-table {width:  auto !important;}
.manufactoring-table tr td input{width: 100%; padding: 0px 2px;}
.manufactoring-table tr td{width: 100px;}
.manufactoring-table tr td:last-child > input{width: 100%;}
.manufactoring-table tr input[readonly=readonly]{}

#vertical-flot div.xAxis div.tickLabel 
{    
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
    white-space: nowrap;
    top:366px !important;
    font-size: 11px;
}


.filter {line-height: 30px;text-align: center;}
.filter input[type="radio"], input[type="checkbox"] {
margin: 10px 24px 0;
margin-top: 1px \9;
line-height: normal;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) { 
#content {margin: 0px;}
#sidebar {display: none;}
.container {padding: 0px 5px;}
.row {margin-left: -5px; margin-right: -5px;}
.dataTables_wrapper {margin: 5px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
#sidebar {display: block;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

.message-form textarea {width: 100%;}
.summary-complex label{ width: 300px; float: left; overflow: hidden; white-space: nowrap;}
#products-info {width: 100%;}
#products-info tr > td {min-width: 100px;}
#products-info tr > td:first-child{ width: 200px; font-weight: bold;}
#products-info tr > td:last-child{ font-weight: bold;}
.border-bottom {border-bottom: 2px solid #eee;}
#product-filter v.radio-inline, .checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
line-height: 30px;
}
#product-filter .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{
margin-left:0;
margin-right:5px;
}


#summary-holder {margin-bottom: 70px;}

#summary-holder div.xAxis div.tickLabel 
{    
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
    white-space: nowrap;
    top:470px !important;
    font-size: 11px;
}

#summary-holder div.xAxis div.tickLabel > b {
    position: absolute;
    bottom: -12px;
    left: 0;
}

form #Schedule-label:first-child {display: none;} 
#schedule-form input[type='checkbox'] {width: 16px; height: 16px;}