body{
    font-family: 'Open Sans', sans-serif;
    background-color: #FAFAFA;
}
.mr-15{
    margin-right: 15px;
}
.in-flex{
    display: inline-flex;
}
.starter-template {
    padding: 40px 15px 150px 15px;
    text-align: center;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.login-container .form-control{
  margin-bottom: 20px;
}

.form-center{
  width: 60%;
}

.padding-20 {
    padding: 20px 0px;
}

.grey-block {
    -webkit-box-shadow: 3px 6px 26px -12px rgba(0,0,0,0.66);
    -moz-box-shadow: 3px 6px 26px -12px rgba(0,0,0,0.66);
    box-shadow: 3px 6px 26px -12px rgba(0,0,0,0.66);
    padding: 40px 10px;
    background-color: #ffffff;
    margin-top: 40px;
}
.custom-nav {
    background-color: #ffffff !important;
    border: 0 !important;
    height: 80px;
}
.custom-nav a {
    color: #000000 !important;
    text-transform: uppercase;
}

span.export{
    margin-top: 0px;
    color:#000000;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top:5px;
    padding-bottom:5px;
}

.custom-window-header span{
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    display: block;
}
.logo {
    width: 130px;
}
.navbar-right{
    position: absolute;
    right: 15px;
}
#navbar ul{
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}
#navbar li{
    padding-right: 65px;
}
#navbar li:last-child{
    padding-right: 0;
}
#navbar a.active{
padding-bottom: 26px;
border-bottom: 5px solid #000000;
}
.subtitle {
    font-size: 75%;
}
.container-text span{
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
    display: block;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 7px;
}
.container-text p{
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 130%;
}
.form-group{
    margin-top: 15px;
}

.form-group label{
    color: #607D8B;
    font-size: 20px;
    font-weight: 400;
    padding-left: 20px;
}
.container-radio{
    text-align: left;
    padding-top:13px;
}
.container-radio .form-group {
    margin-bottom: 7px;
    margin-top: 5px;
}
.container-radio .form-group label {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 15px;
}
.btn-save {
    background-color: transparent;
    color:#000;
    font-weight: 700;
    border:2px solid #000000;
    padding:7px 30px;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
    text-transform: uppercase;
    margin-top: 15px;
}
.btn-save:hover {
    border-color: #000000;
}
.btn-export{
    border-radius: 0;
    background: #ffffff;
    color:#000000;
    padding:7px 12px;
    font-weight: bold;
    border:2px solid #000000;
    text-transform: uppercase;
    font-size: 14px;
}
.btn-export.btn-export-no-price{
    margin-right: 5px;
}
.btn-save:hover, .btn-save:active,.btn-save:focus, .btn-export:hover, .btn-export:active,.btn-export:focus{
    background-color: #000000;
    color: #ffffff;
}
.alert-success{
    background-color: #00BCD4;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}
.season-container {
    display: inline-block;
    margin: 2px 5px 2px 5px;
}
.alert-fail{
    background-color: #D40056;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}
li a.active:before {
    content: "> " ;
}
.drag-drop{
    width: 100%;
    height: 280px;
    background-color: #fafafa;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    border: 7px solid #000000;
    border-style: double;
}
.drag-drop p {
    position: absolute;
    top:50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -60px;
}
.mt-150{
    margin-top: 150px;
}
.btn-header{
    float: right;
    display: inline-block;
}

.title-header{
    display: inline-block;
}
table > thead {
    background-color: #000000;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
td{
    color: #95989A;
    font-size: 14px;
    font-weight: 400;
}
.border-td{

    border-left: 1px solid rgba(149,152,154,0.4);
    box-sizing: border-box;
        padding: 8px;
}
th{
    padding: 4px!important;
}
.container-grey{
    background-color: #F2F2F2;
    width: 100%;
    height: auto;
    padding: 35px;
    display: inline-block;
}
.text-footer span{
    color: #607D8B;
    font-size: 20px;
    font-weight: 700;
}
.container-grey input{
    width: 100%;
}
p.parametro{
    color: #607D8B;
    font-size: 14px;
    font-weight: 40;
    margin:0;
}
.mt-15{
    margin-top: 15px;
}

p.text-use{
    color:#607D8B;
    font-size: 14px;
    font-weight: 400;

}
.pdl-0{
    padding-left: 0;
}
.d-table-cap{
    display: table-caption;
}
thead {
    display: table-header-group!important;
}
.table.export-table > thead > tr> th:last-child {
    background-color: #000000;
    border-bottom: #000000!important;
}
.pd-15{
    padding: 15px 15px;
}
.b-b-w-0{
    border-bottom-width:0!important;
}
.pdd-10{
    padding: 10px!important;
}
.pd-l-50{
    padding-left: 50px!important;
}
td.text-download{
  text-decoration: underline;
  color:#0097A7;

}

tr.selectable {
    cursor: pointer;
}

tr.pricebook_row {
    height: 62px;
}
tr.active td {
    background-color: #fbf6d2 !important;
}
/* progress bar */
.progress {
  width: 100%;
  height: 15px;
}

.progress-wrap {
  background: #000;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  box-sizing: border-box;
}
.progress-wrap .progress-bar {
  background: #ddd;
  left: 0;
  position: absolute;
  top: 0;
}

.content-progress{
    width: 80%;
    display: inline-table;
    box-sizing: border-box;
    vertical-align: middle;
}
.number-progress{
    width: 18%;
    display: inline-table;
    box-sizing: border-box;
    vertical-align: middle;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}
p.text-progress{
    margin-bottom: 0;
}
td.vertical-md{
    vertical-align: middle!important;
}
table.export-table{
    margin-bottom: 0;
}
.dataTables_length {
    width:40%;
    box-sizing:border-box;
    padding: 9px 30px;
}
.dataTables_length label {
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    display: block;
    text-transform: uppercase;
}
.dataTables_length select {
    padding:3px 7px;
    width: 40%!important;
    margin-left:10px;
    margin-right:10px;
    display:inline-block;
    border:1px solid #ddd;
}

#ftp_list_filter, #price_list_filter, #user_list_filter {
    padding:9px 15px;
    color: #607D8B;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}
#ftp_list_filter label, #user_list_filter label {
    margin-bottom: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    display: block;
    text-transform: uppercase;
} 
#user_list_filter label {
    text-align: right;
}
#price_list_filter label {
    margin-bottom: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    display: block;
    text-transform: uppercase;
}
#ftp_list_filter input, #price_list_filter input, #user_list_filter input {
    color: #607D8B;
    font-size: 16px;
    text-align: left;
    padding:5px 15px;
    border-radius:18px;
    border: 1px solid #ddd;
}
.drag-drop, .form-dragd {
    max-width: 300px;
    margin: 20px auto;
}
#export_form {
    padding: 30px 15px;
    text-align: left;
    display: inline-block;
    width: 100%;
    color: #95989A;
    background-color: #f5f5f5;
    margin: 20px 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#export_form strong {
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}
#export_form input{
    display:inline-block;
    min-width:21px;
}
.tabella {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
td.selector {
    width: 70px;
}
#ftp_list_wrapper .dataTables_info {
    padding-left:30px;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}
#ftp_list_wrapper .dataTables_paginate.paging_simple_numbers{
    padding-right:15px;
    color: #607D8B!important;
    font-size: 16px;
    font-weight: 400;
    padding-bottom:5px;
    padding-top:5px;
}
#price_list_wrapper .dataTables_info {
    padding-left:30px;
    color: #607D8B;
    font-size: 16px;
    font-weight: 400;
}
#price_list_wrapper .dataTables_paginate.paging_simple_numbers{
    padding-right:30px;
    color: #607D8B!important;
    font-size: 16px;
    font-weight: 400;
    padding-bottom:5px;
    padding-top:5px;
}
/*Style Kiki*/
.new-nav {
    display: block;
    text-align:center;

    -webkit-box-shadow: 3px 6px 56px -24px rgba(0,0,0,0.81);
    -moz-box-shadow: 3px 6px 56px -24px rgba(0,0,0,0.81);
    box-shadow: 3px 6px 56px -24px rgba(0,0,0,0.81);
}
.new-nav ul {
    display: inline-table;
    text-align: center;
    margin: auto;
    float: none;
    list-style-type:none;
    padding-bottom:5px;
    height:35px;
}
.new-nav ul li {
    text-transform: uppercase;
    color: #000000;
    margin-right: 4px;
    margin-left:4px;
    display:inline;
    height: 107px;
    vertical-align:middle;
    line-height:107px;
}
.new-nav ul li a {
    font-weight: bold;
    color: #000000;
    padding:10px;
    padding-top: 25px;
    display: inline-block;
    vertical-align: middle;
}
.new-nav ul li a.logo-icon {
    padding-top:0;
}
.new-nav ul li a.logo-icon:hover {
    border:0;
    cursor: default;
}
.new-nav ul li a:hover {
    color:#666;
    background-color: transparent;
}
.no-padding {
    padding:0;
}
.custom-window-header {
    padding: 10.5px 15px;
    display: inline-table;
    width: 100%;
    text-align: left;
    /*border-bottom: 1px solid #ddd;          */
}
div.dataTables_info {
    display: none;
}
tr.row_selected td {
    background-color: #fcf8e3 !important;
}
.title-tabella {
    color: #95989A;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 0;
    margin-left: 15px;
}
#list_form input, #list_form select  {
    width:48.8%!important;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
}
.btn-header button{
    background-color: #000000;
    border: 2px solid #000000;
    height: 30px;
    color: #fff;
    margin-left: 3px;
    line-height: 22px;
    font-weight: bold;
}
.btn-header button:hover{
    background-color: #ffffff;
    border: 2px solid #000000;
    color: #000000;
}
.dataTables_paginate  {
    overflow: hidden;
    width:200px;
}
.paginate_button.current {
    background: transparent!important;
    border:2px solid #000000!important;
    color:#000000!important;
    font-weight: bold;
    padding: 3px 10px!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
    cursor: initial;
}
.paginate_button.current:hover {
    cursor: initial;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color:#000000!important;
    font-weight: bold;
    padding: 3px 10px!important;
}
.paginate_button.disabled {
    display: none!important;
}
.previous {
    text-indent: -9999px;
    background-image: url(../img/next.svg)!important;
    width:20px;
    height:20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block!important;
    transform: rotate(180deg);
    vertical-align: middle;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{
    text-indent: -9999px;
    width:20px;
    height:20px;
    border:0!important;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block!important;
    transform: rotate(180deg);
    vertical-align: middle;
}
.next {
    text-indent: -9999px;
    background-image: url(../img/next.svg)!important;
    width:20px;
    height:20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block!important;
    vertical-align: middle;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    text-indent: -9999px;
    width:20px;
    height:20px;
    border:0!important;
    background-repeat: no-repeat;
    fill: red;
    background-size: contain;
    display: inline-block!important;
    vertical-align: middle;
}
.table.export-table th {
    padding: 8px!important;
}
/*tab-vertical*/
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  border:1px solid #ddd;
  margin-top: 20px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.list-group-item {
    border:0!important;
    border-bottom: 1px solid #ddd!important;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding:10px;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #f3f3f3;
}
table.dataTable tbody tr:nth-child(odd) {
    background-color: #fafafa;
}
table.dataTable tbody tr:hover {
    background-color: #dedede;
}
table.dataTable tbody tr:hover td {
    color:#212121;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    min-width: 90px;
}
table.dataTable thead th {
    padding-top:10px!important;
    padding-bottom:10px!important;
}
table.dataTable thead th:first-child  {
    min-width: 25px;
    width:25px;
}
div.bhoechie-tab {
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}
div.list-group-item, .list-group-item:first-child, .list-group-item:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom:15px;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #000000;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #000000;
  background-image: #000000;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #000000;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
/*modal*/
.modal-content {
    border-radius: 0;
}
.modal-body {
    display: inline-block;
    width:100%;
}
.modal-title {
    display: inline-block;
    text-transform: uppercase;
    color:#ffffff;
    font-weight: bold;
}
.modal-header {
    background-color: #000000;
}
.close span{
    color:#ffffff;
}
.modal-content input, .modal-content select {
    margin-bottom: 7px;
    padding:5px;
    border: 1px solid #ddd;
}
.modal-content .btn-primary{
    border-radius: 0;
    background: #000000;
    color:#fff;
    font-weight: bold;
    border:2px solid #000000;
    text-transform: uppercase;
    font-size: 14px;
}
.modal-content .btn-secondary{
    border-radius: 0;
    background: #ffffff;
    color:#000000;
    font-weight: bold;
    border:2px solid #000000;
    text-transform: uppercase;
    font-size: 14px;
}
#debugImport {
    margin: 10px 0px;
    text-align: left;
    /*padding: 50px 0px;*/
    max-height:250px;
}
thead th {
    text-align: center !important;
}
.archive-path {
    font-size: 10px;
}
.h-hidden {
    display: none !important;
}