@import url('https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext');


body  { font-family: "Roboto" !important; }
.button { font-family: "Roboto" !important; }
.tooltip { font-family: "Roboto" !important; }
.popover { font-family: "Roboto" !important; }
.mce-reset { font-family: "Roboto" !important; }

/* wyświetlanie tabel */

.table-bordered td{ vertical-align: middle!important; text-align:center; }
.table-bordered thead td{ font-weight: bold;}
.table tbody td{ text-align:left; }
.table tbody td.colRowNo{ text-align:center; }
.table tbody td.colOperations{ text-align:center; }
.table .tableTitle { font-weight: bold;}

.table button, .table a.btn  { height:28px; width:28px; margin: 0 0 5px; padding: 5px 0; }
.table a.btn.long  { height: auto; width: auto; margin: 0 0 5px; padding: 2px 5px; } 
.table button .glyphicon, .table a.btn .glyphicon { margin: 0; }
.td-operacje {min-width: 120px;}

/* formularze */ 
.date_input { width: 120px; display:inline-block; }
.price_input { width: 120px; text-align: right; display:inline-block;}
.date_input { width: 120px; display:inline-block;}
.price_input_label { width:300px; position: absolute; top:0; left: 150px; z-index: 1; }
.check_input_label {  width:450px; position: absolute; top:0; left: 40px; z-index: 1; }
.form-group .showdata_label { font-weight: bold;  }
.form-group .info_label { font-style: italic;  }

.formHidden { display: none;}
.form-group p.bg-danger, .form-group p.bg-info { border-radius: 4px; padding: 3px 6px; margin: 0;}
.form-group h3 { text-align: left;}
.form-group { border:0;}

.inlineFrom { display: inline-block; vertical-align: bottom; margin-right: 10px; }
.inlineFrom label { white-space: nowrap; line-height: 33px; margin: 0; display: block; }
.inlineFrom #formsubmit, .inlineFrom #formreset {margin-bottom: 4px;}


.dropzone { border: 1px gray dashed; }
.dropzone.small { min-height: 50px; padding: 0; }                

/* paginacja */
.pagination_inside { text-align: center; margin:20px 0;}
.pagination_sum { padding:10px; text-align:right;}

.pagination { margin: 0;}
.pagination a { background-color: #706F6F; color: #fff; display: inline-block; margin: 2px; padding: 5px; height: 30px; line-height: 16px !important; text-align:center; }
.pagination a.active { background-color: #2D2D2D; } 


/* placeholder */
*::-webkit-input-placeholder { color: #D3D3D3 !important; } 
*:-moz-placeholder { /* FF 4-18 */ color: #D3D3D3 !important; }
*::-moz-placeholder { /* FF 19+ */ color: #D3D3D3  !important; }
*:-ms-input-placeholder { /* IE 10+ */ color: #D3D3D3 !important; }


/* sortowanie tabel */

body.dragging, body.dragging * { cursor: move !important; }
.dragged { position: absolute; opacity: 0.5; z-index: 2000; }

ol.vertical, ol.vertical ol { display: block; margin: 0 0; padding: 0; min-height: 10px; }
ol.vertical ol { margin: 0 0 0 40px; }
ol.vertical li { display: block;  }
ol.vertical li div.oTable { display: table; width: 100%;  }
ol.vertical li div.oRow { display: table-row; }
ol.vertical li div.oCell{ display: table-cell; padding: 5px; background: #F9F9F9; border: 1px solid #DDDDDD;}
ol.vertical a.btn  { height:28px; width:28px; margin: 0 5px 5px 0; padding: 5px 0 0 8px; } 
ol.vertical li.placeholder { position: relative; margin: 0; padding: 0; border: none;}
ol.vertical li.placeholder:before { position: absolute; content: ""; width: 0; height: 0;
  margin-top: -5px; left: -5px; top: -4px; border: 5px solid transparent;
  border-left-color: #ff0000; border-right: none; }
ol.vertical li.empty {display: none;}

.olMenu .oTable div.oCell:nth-child(1) { width: 25%; }
.olMenu .oTable div.oCell:nth-child(2) { width: 25%; }
.olMenu .oTable div.oCell:nth-child(3) { width: 35%; }
.olMenu .oTable div.oCell:nth-child(4) { width: 15%; }


/* inne */
.clearBoth { clear: both;}
.nolink { cursor: not-allowed;}
.divider { border-bottom: 1px solid #808080; margin-bottom: 5px;}

abbr[title], abbr[data-original-title] { border-bottom: 0; display: inline-block;}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.page-header { margin: 20px 0; }

#myDropzone { background: #999; }
#myDropzone .dz-message { color: #fff; text-transform: uppercase; font-size: 20px; }


.klocki .alert { text-align: center }
.klocki .alert .veryBig { font-weight: bold; font-size: 30px; }
.klocki .alert .big { font-weight: bold; font-size: 16px; }

td.sort .glyphicon { margin-left: 10px;}

.iconRed { color: red; text-shadow: 1px 1px #fff; }
.showColor { display: inline-block; width: 50px; height: 20px; border: 1px #000 dashed; }


@media (max-width: 767px){
  #hideMenuButton {display: none;}
}

.chosen-container-single .chosen-single { padding: 4px 0 0 8px !important; height: 35px !important;
    background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.chosen-container-single .chosen-single div { top: 4px !important; }

.currencySpan { display: inline-block; width: 40px; text-align: left; }