Current File : /home/users/barii/public_html/finansenl.com.pl/wodki/admin/css/style.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext);
body{font-family: 'Open Sans', sans-serif;font-size:12px}
a {text-decoration:none;color:#333}

.open{cursor:pointer}

#infor{border:1px solid #3366CC;background:url(../images/infor.png) repeat-x #E0F0FF;padding:12px 60px;color: #0066CC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#success{border:1px solid #78A735;background:url(../images/success.png) repeat-x #D1E6A4;padding:12px 60px;color: green;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#success a{color: #005000;font-weight:bold;text-decoration:none;}
#error{border:1px solid #D00000;background:url(../images/error.png) repeat-x #feeecd;padding:12px 60px;color: #E00000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#error a{color:#C00000;font-weight:bold;text-decoration:none;}

.overwhite{background:white;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2000;opacity: 0.8;}
.informacyjnypopup{border:5px solid #eee;padding:20px;opacity: 0;width:70%;height:90%;position:fixed;;top:2%;left:15%;margin:auto 0px;z-index:1000000;background:white;}
 .informacyjnypopup img{width:100%}
 .informacyjnypopup > div{width:100% !important;height:100% !important}
 .informacyjnypopup>span.akcept,.popup3 .akcept{display:block;height:48px;width:48px;background:url(/img/Close.png)no-repeat;position:absolute;right:-25px;top:-20px;z-index:1000000}

 
.loading5{
  position:absolute;
  top:50%;left:50%;
  z-index:1000000;
  width: 40px;
  height: 40px;
  transform:rotate(45deg);
  animation:loading5-ani1 2s ease-in-out infinite;
}
.loading5 i{
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  position:absolute;

}
.loading5 i:nth-child(1){
  background: #ff5954;
  transform:translate(0,50px);
  animation:loading5-ani2 2s ease-in-out infinite;
}
.loading5 i:nth-child(2){
  background: #1f4c59;
  transform:rotate(90deg) translate(0,50px);
  animation:loading5-ani3 2s ease-in-out infinite;
}
.loading5 i:nth-child(3){
  background: #00b39f;
  transform:rotate(180deg) translate(0,50px);
  animation:loading5-ani4 2s ease-in-out infinite;
}
.loading5 i:nth-child(4){
  background: #ffb364;
  transform:rotate(270deg) translate(0,50px);
  animation:loading5-ani5 2s ease-in-out infinite;
}
@keyframes loading5-ani1{
  25%{
    transform:rotate(135deg);
  }
  50%{
    transform:rotate(225deg);
  }
  75%{
    transform:rotate(315deg);
  }
  100%{
    transform:rotate(405deg);
  }
}
@keyframes loading5-ani2{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
    transform:translate(0,50px);
  }
  12.5%,37.5%,62.5%,87.5%{
    transform:translate(0,35px);
  }
}
@keyframes loading5-ani3{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
    transform:rotate(90deg) translate(0,50px);
  }
  12.5%,37.5%,62.5%,87.5%{
    transform:rotate(90deg) translate(0,35px);
  }
}
@keyframes loading5-ani4{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
    transform:rotate(180deg) translate(0,50px);
  }
  12.5%,37.5%,62.5%,87.5%{
    transform:rotate(180deg) translate(0,35px);
  }
}
@keyframes loading5-ani5{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
    transform:rotate(270deg) translate(0,50px);
  }
  12.5%,37.5%,62.5%,87.5%{
    transform:rotate(270deg) translate(0,35px);
  }
}

.popup2{z-index:1000;display:none;width:380px;height:310px;position:fixed;top:50%;left:50%;margin:-150px -200px;background:#F1F1F1;padding:10px;text-align:center;box-shadow:0px 0px 10px #333}
.popup55{    z-index: 1000;
    display: none;
    width: 380px;
    height: 200px;
    position: fixed;
    /* display: flex; */
    top: 50%;
    left: 50%;
    margin: -100px -200px;
    background: #F1F1F1;
    padding: 10px;
    text-align: center;
    box-shadow: 0px 0px 10px #333;}

.imp {padding:5px;margin:5px;border-radius:4px}

.popup{z-index:1000;display:none;width:380px;height:310px;position:fixed;top:50%;left:50%;margin:-150px -200px;background:#fff;padding:10px;box-shadow:0px 0px 10px #333}
.popup3{z-index:1000;display:none;width:900px;height:700px;position:fixed;top:50%;left:50%;margin:-350px -450px;background:#fff;padding:10px;box-shadow:0px 0px 10px #333}
.popup .akcept,.popup2 .akcept,.popup3 .akcept{position:absolute;top:-10px;right:-10px;cursor:pointer}
.popup .akcept i,.popup2 .akcept i,.popup3 .akcept i{font-size:20px;}
.popup input{width:100%}
.popup input.w50{width:45%}
.popup input.w33{width:30%}
.popup input.w25{width:24%}
p.wyslijjj span{margin:5px 0px;cursor:pointer;padding:10px 0px;background:#ddd;border:1px solid gray;border-radius:5px}
.popup input.w20{width:19%;padding:5px 0px;border:1px solid gray;border-radius:5px}

.w80{width:79%;vertical-align:top;display:inline-block;text-align:left;}
.w20{width:19%;vertical-align:top;display:inline-block;text-align:center;background:#F0F0F0;padding:20px 0px}
.w50{width:49%;vertical-align:top;display:inline-block;text-align:left;}
.w30{width:29%;vertical-align:top;display:inline-block;text-align:left;}
.w70{width:69%;vertical-align:top;display:inline-block;text-align:left;}
.tabs-content textarea{border:0px;font-size:13px;min-height:120px;font-family:"Courier New", Courier, monospace}
#content1>div{display:none;}
 #tabs{position:relative;top:0px;margin-top:0px;border-radius:0px;border:0px;background:none;}
 #tabs ul{margin:0px -10px;padding:0px;width:100%;overflow:hidden;background:#fff;font-size:12px;border:0px;border-radius:0px;border-bottom:1px solid #CCCCCC;}
 #tabs.w50 li{width:136px !important;}
 #tabs ul li{display:inline-block;text-align:center;top:5px;background:#FFF;margin:0px -5px 0px 5px;}
 #tabs ul li a{padding:15px 6px;color:#333;font-weight:bold;font-family:calibri;font-size:13px;display:inline-block;min-width:64px;border-bottom:3px solid #FFF}
 #tabs ul li.active a{border-bottom:3px solid #00BD5E}                                                                                                            
 #tabs .wgrajzdjecie {background:#F6F3EF;padding:15px;margin:0px -10px;border-bottom:1px solid #D3D3D3;text-align:center}                                                                                                          
 #tabs .wgrajzdjecie input{width:100%}                                                                                                                     
 #tabs select:hover, a.texttadd:hover{background:#F1EEEA;border-bottom:1px solid #C4C4C4;color:#000;box-shadow:0px 3px 5px #aaa}

span.exporttxt,a.exporttxt{width:100px;border-top:1px solid silver;font-size:10px;position:fixed;top:0px;right:0px;padding:10px;background:#333;color:#fff;cursor:pointer}
span.exporttxt.paczkomat{top:35px}
a.exporttxt.negatywy{top:70px}
i.szukaj{cursor:pointer}

table tr th{vertical-align:top}   
table {width:100%}  
table tr th select{width:100%}
.result table tr td h3{margin:15px 5px 0px;position:relative;}

.selectadmin{width:200px;height:70px;position:absolute;top:10px;left:10px}

#menu {margin:0px auto;text-align:center;background:#eee;margin:-10px;padding:10px}
#menu li{display:inline-block;background: #F5F1E9;border-radius:3px;border:1px solid #fff;padding:5px 10px;margin:5px 2px;box-shadow:1px 0px 5px #aaa}
.ajax{border:2px solid silver;border-radius:10px;padding:20px;margin:20px auto;width:1200px;}
.sendemail{border:2px solid #fff;box-shadow:1px 0px 10px #eee;border-radius:10px;cursor:pointer;background:#CCCC33;padding:20px;position:absolute;top:20px;color:#fff;left:50%;}

span.stat1,span.stat2,span.stat0,span.stat3,span.stat4{padding:6px 10px;display:inline-block;border-radius:5px;margin:5px;box-shadow:1px 1px 5px #999;cursor:pointer;}
span.stat1:hover,span.stat2:hover,span.stat0:hover,span.stat3:hover,span.stat4:hover{padding:6px 10px;display:inline-block;border-radius:5px;margin:5px;box-shadow:1px 1px 5px #333;cursor:pointer;}

.result table tr td{border-bottom:1px dashed silver;cursor:default;}
.result table tr td.open{cursor:pointer;}
table tr.stat1 td,span.stat1{background:#FFFFCC}
table tr.stat2 td,span.stat2{background:#FFFF66}
table tr.stat3 td,span.stat3{background:#CCFF99}
table tr.stat4 td,span.stat4{background:#99CC66}
table tr.stat0 td,span.stat0{background:#FFE0E0}
table tr.stat10 td,span.stat10{background:#F04000}
div.podglad {display:inline-block;margin:5px 10px}
div.podglad img{max-width:180px;max-height:150px;}


#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);height:calc(100vh);position:fixed;top:0px;left:0px;;width:100%;}
#colorbox{outline:0;z-index:10000}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:3px;}
        #cboxLoadingGraphic{background:url(http://www.fotoobraz.kreatordruku-prolabel.pl/images/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url(http://www.fotoobraz.kreatordruku-prolabel.pl/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

.numeryprzesylek {
  padding: 30px 0 !important;
}
    .fv_content {
             border: 5px #337ab7 solid !important;
    }
    .utworz-fakture-container {
      display: none;
       position: absolute;
    right: 15px;
    bottom: -90px;
    }
    .utworz-fakture-container.faktura-show {
      display: block;
    }
    .utworz-fakture-button {
      background: #337ab7 !important;
      color:#fff;


    }
.utworz-fakture {
      background: #fff  !important;
    border: 0 !important;
    width: 100%;
background: #fff;
padding: 5px;

    }
.data-utworzenia-faktury {
    font-size: 10px;
    line-height: 1;
  }

#overlay{ 
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}


#overlay{ 
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}
.przesylka-row {
  width: 100%;
  margin-bottom: 5px;
}

#fakturaModal .input-group .input-group-addon {
  background-color: #eee !important;
}

.modal-dialog {
  width: 800px;
}
.modal-content {
  border-radius: 10px !important;
}

.utworz-fakture2 {
    display: inline-block;
    padding: 7px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #959595 !important;
    border: 0 !important;
    width: auto;
    background: #fff;
    color: #fff;
    margin-right: 5px;
    /* padding: 4px 12px; */
    border-radius: 3px;
}
.order-item-data {
  width: 100%;
  display: block;
}
.badge-primary {
  background-color: #7366FF;
}

.badge-secondary {
  background-color: #FF3364;
}

.badge-success {
  background-color: #54BA4A;
}

.badge-danger {
  background-color: #FC4438;
}

.badge-info {
  background-color: #16C7F9;
}

.badge-light {
  background-color: #f4f4f4;
}

.badge-dark {
  background-color: #2c323f;
}

.badge-warning {
  background-color: #FFAA05;
}


/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #7366FF !important;
  color: #fff;
}

.bg-light-primary {
  background-color: rgba(115, 102, 255, 0.1) !important;
  color: #fff;
}

.bg-secondary {
  background-color: #FF3364 !important;
  color: #fff;
}

.bg-light-secondary {
  background-color: rgba(255, 51, 100, 0.1) !important;
  color: #fff;
}

.bg-success {
  background-color: #54BA4A !important;
  color: #fff;
}

.bg-light-success {
  background-color: rgba(84, 186, 74, 0.1) !important;
  color: #fff;
}

.bg-danger {
  background-color: #FC4438 !important;
  color: #fff;
}

.bg-light-danger {
  background-color: rgba(252, 68, 56, 0.1) !important;
  color: #fff;
}

.bg-info {
  background-color: #16C7F9 !important;
  color: #fff;
}

.bg-light-info {
  background-color: rgba(22, 199, 249, 0.1) !important;
  color: #fff;
}

.bg-light {
  background-color: #f4f4f4 !important;
  color: #fff;
}

.bg-light-light {
  background-color: rgba(244, 244, 244, 0.1) !important;
  color: #fff;
}

.bg-dark {
  background-color: #2c323f !important;
  color: #fff;
}

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff;
}

.bg-warning {
  background-color: #FFAA05 !important;
  color: #fff;
}

.bg-light-warning {
  background-color: rgba(255, 170, 5, 0.1) !important;
  color: #fff;
}


/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #7366FF !important;
}

.txt-secondary {
  color: #FF3364 !important;
}

.txt-success {
  color: #54BA4A !important;
}

.txt-danger {
  color: #FC4438 !important;
}

.txt-info {
  color: #16C7F9 !important;
}

.txt-light {
  color: #f4f4f4 !important;
}

.txt-dark {
  color: #2c323f !important;
}

.txt-warning {
  color: #FFAA05 !important;
}

.txt-google-plus {
  color: #c64e40 !important;
}

.txt-twitter {
  color: #6fa2d8 !important;
}

.txt-linkedin {
  color: #0077B5 !important;
}

.txt-fb {
  color: #50598e !important;
}

.badge {
      border-radius: 4px !important;
}
.label-pending {
  background: #434343 !important;
  color: #fff !important;
}
.label-intransit {
  color: #181818 !important;
    background-color: #c8ff1f !important;
}
.label-releasedfordelivery {
    color: #181818 !important;
    background-color: #3bffc9 !important;
}
.label-availableforpickup {
    color: #181818 !important;
    background-color: #eebaff !important;
  }

.label-delivered {
    background: #2ec563 !important;
  color: #fff !important;
}
.label-returned {
  background: #df4e4e !important;
  color: #fff !important;

}
.label-issue {
    color: #181818 !important;
    background-color: #ffd53b !important;
}
.label-default {
  background: #434343 !important;
  color: #fff !important;
}
.info-message {
    width: 100%;
    display: flex;
    justify-content: left;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px 15px;
    flex-wrap: wrap;
}
.info-message-value {
  width: 100%;
    display: flex;
    background: #fff;
    min-height: 42px;
    padding: 10px;

}
.imienniki {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin:0 !important;
  padding: 0 !important;
  gap: 5px;
  margin-bottom: 15px !important;
}
.imienniki li {
  width: 15%;
  display: inline-flex;
}
.imienniki li img {
  width: 100%;
  height: auto;
    border-radius: 4px;
    border: 2px transparent solid;
}
.imienniki li img.active {
  border:2px green solid;
  border-radius: 4px;
}
#tab_8 button {
  margin-top: 10px;

}
#tab_8 input {
  margin:10px 0;
}
.imienniki li span {
  display: none !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo {

        padding: 0 !important;
                background: #eee !important;
      }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 125px !important;
}
.bootstrap-select button {
  border-radius: 4px;
  background: transparent;
  border: 0 !important;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.miniaturki-container {
     display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    margin-top: 15px;
        width: 640px;
}
div.podglad {
    display: inline-flex;
    flex-wrap: wrap;
    background: #f7f7f7;
    padding: 5px;
    border-radius: 4px;
    margin: 0 !important;
    height: 10;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 5px;
    align-content: flex-end;
}
div.podglad img {
    max-width: 140px;
    max-height: 150px;
}
div.podglad input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 99;
    width: 20px;
    height: 20px;
}
.masowe-generowanie-button {
      color: #fff;
    background-color: #2ec563 !important;
    border: 0;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 600;

    margin-top: 5px;
}
.masowe-generowanie-button:hover {
      background-color: #29af58 !important;
}
.zmien-wymiar-button {
      cursor: pointer;
    border-radius: 5px;
    background: #00CC00;
    color: #fff;
    font-weight: 600;
    padding: 5px 8px;
}
.zaznacz-wszystkie-button {
    color: #fff;
    background-color: #000 !important;
    border: 0;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 600;
    margin-top: 5px;
    margin-left: 10px !important;

}
.usunzbuforu-button {
      color: #fff;
    background-color: red;
    border: 0;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 600;
    margin-top: 5px;
    margin-left: 10px !important;
}
.akcept .material-icons {
    font-size: 32px;
}
.akcept {
position: absolute;
    right: -10px;
    top: -10px;
}
.popup55 .wymiar {
      width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
.popup55 > p {
  text-align: center;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}   
.popup55 a {
      background: #000;
    color: #fff;
    padding: 12px 10px;
    border-radius: 5px;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
}
.akcept:hover {
  cursor: pointer;
}
.zmien-wymiar-button {
  display: none !important;
}

.wygenerowana-skladka-row {
  background: #f7ffde !important;
}


#produkty input[type="checkbox"] {
  position: absolute;
        left: 32px;
    z-index: 9;
    top: 7px;

}
.input-group .input-group-addon:first-child {
  padding-right: 28px;
}