@font-face{
    font-family: 'Orbitron';
    src: url('/font/Orbitron.ttf');
}
@font-face{
    font-family: 'Roboto';
    src: url('/font/Roboto.ttf');
}
html {
    scroll-behavior: smooth;
}
body{
    margin: 0;
    background: #eee;
    font-family: 'Roboto', sans-serif;
}
hr{
    border: 1px solid #ddd;
}
*{
    box-sizing: border-box;
}
.icon-eye:hover{color: #0a0; }
.icon-income:hover{color: rgb(255, 139, 6); }
.iconsbar .icon-box:hover{color: #c00; }
.canvas{
    border: 2px dashed #f00;
}
.nolink{
    text-decoration: none;
    color: inherit;
}
.lime_text{
    color: rgb(162,196,0)!important;
}
.text_center{
    text-align: center;
}
.gray_text{
    color: rgb(83, 83, 83);
}
.ltgray_text{
    color: rgb(168, 168, 168);
}
.green_text{
    color: #0a0;
}
.red_text{
    color: #c00;
}
#wholer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.centralizer{
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lvt{
    color: rgba(255, 255, 255, 0.4)!important;
    font-size: 14px;
}
.dpb{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.jdpb{
    display: block!important;
    width: 100%;
    clear: both;
    float: none;
    text-align: center;
}
.nolink{
    text-decoration: none;
    color: inherit;
}
.gst{
    font-size: 12px;
    color: #ccc;
    line-height: 0;
}
.swam,
.formswam{
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.wswam{
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto; 
}
.tswam{
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; 
}
.formswam{
    max-width: 920px;
    padding-left: 10px;
    padding-right: 10px;
}
.fwider{
    width: 100%;
}
.textcenter{
    text-align: center;
}
.redtext{
    color: #f00!important;
}

/*   TopBar   */
#topbar,
#adminbar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    border-bottom: 2px solid rgb(162,196,0);
    font-weight: bold;
    z-index: 100;
}
#tb_logo,
#lb_logo{
    width: 200px;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    line-height: 70px;
    font-family: 'Orbitron', sans-serif;
    float: left;
}
#lb_logo{
    width: 100%;
}
#tb_rest{
    width: calc(100% - 200px);
    float: left;
    line-height: 70px;
}
.tb_rest_option{
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    transition: color 0.2s;
    cursor: pointer;
    color: rgb(83,83,83);
}
.tb_rest_option:hover{
    color: rgb(162,196,0);
}
#tb_switch{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 101;
}
.tb_switch_ico{
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    padding: 10px;
    transition: 0.2s;
}
#tb_cover{
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    display: none;
    z-index: 102;
    text-align: center;
    font-size: 24px;
    line-height: 150%;
    padding-top: 20px;
}
@media only screen and (max-width: 750px) {
    .tb_rest_option,
    #ab_rest{
        display: none;
    }
    .ab_rest_option{
        width: 100%;
        margin-bottom: 20px;
        font-size: 22px;
    }
    .ab_rest_option > i{
        font-size: 30px;
        line-height: 130%;
    }
    #tb_switch{
        display: block;
    }
}



/*   Guest Page   */
#status{
    margin-top: 70px;
    width: 100%;
    height: 500px;
    background: rgba(0,0,0,1);
    background-position: center center, top center;
    background-size: cover, cover;
    position: relative;
}
.bi_bar:nth-child(2){
    background-position: -2600px 0px;
}
.bi_bar{
    width: 100%;
    height: 50%;
    background: url("/img/biggal.jpg");
    background-size: auto 300px;
    background-position: 0px 0px;
    transition: 0.3s;
    transition-timing-function: linear;
    z-index: 1;
}
#bi_cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 2;
}
#bi_content{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
}
#bi_header{
    font-size: 42px;
    font-weight: 900;
    line-height: 70px;
    font-family: 'Orbitron', sans-serif;
}
.bi_paragraph{
    color: #fff;
    font-size: 20px;
}
#bi_search{
    width: 100%;
    max-width: 500px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: 110px;
}
#bi_search_input{
    width: 100%;
    height: 50px;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #888;
    text-align: center;
}
#bi_search_submit{
    height: 50px;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
    background: rgb(162,196,0);
    border: 0;
    border-radius: 5px;
}
#map{
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
#map_frame{
    position: absolute;
    top: -130px;
    width: 100%;
    height: 640px;
    border: 0;
}
#mapground{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: url("/img/gui/gradient.png");
    background-position: bottom center;
    background-repeat: repeat-x;
}

#about_desc{
    color: #888;
    text-align: center;
    max-width: 1002px;
    padding-bottom: 40px;
}
@media only screen and (max-width: 1062px) {
    #about_desc{
        max-width: 668px;
    }
}
@media only screen and (max-width: 700px) {
    #about_desc{
        max-width: 334px;
    }
}
#about_header{
    color: #888;
    font-size: 32px;
    text-align: center;
    padding-top: 40px;
    letter-spacing: 1px;
    padding-bottom: 20px;
}
.about_frame{
    width: 100%;
    max-width: 314px;
    margin: 10px;
    float: left;
    overflow: hidden;
}
.af_statebox{
    width: 314px;
    overflow: hidden;
    margin-bottom: 20px;
    max-height: 200px;
    border-radius: 15px;
    box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.75);
    border: 1px solid rgba(0,0,0,0.75);
    border-bottom: 0;
}
.sg_img{
    width: 100%;
    transition: 0.7s;
    max-height: 400px;
}
.sg_img:hover{
    transform: scale(1.1);
    transition: 0.3s;
}
#kontakt{
    background: rgb(248,249,250);
    padding-top: 20px;
    padding-bottom: 20px;
}
#conhead{
    font-size: 18px;
}
#conhead > table{
    width: 100%;
    text-align: center;
}
#conhead i{
    font-size: 26px;
    color: rgb(122, 196, 25);
}


#footer{
    color: #fff;
    background: rgb(30,36,46);
    padding-top: 20px;
}
.footer_quat{
    width: 150px;
    height: 100%;
    min-height: 00px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 175%;
}
.footer_twenty{
    width: calc(100% - 300px);
    height: 100%;
    min-height: 200px;
    line-height: 200px;
    text-align: center;
    font-size: 48px;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    float: left;
}
@media only screen and (max-width: 600px) {
    .footer_twenty,
    .footer_quat{
        width: 100%;
        clear: both;
        text-align: center!important;
    }
    #right_quad{
        margin-bottom: 40px;
    }
}
#right_quad{
    text-align: right;
}
.fheader{
    font-size: 18px;
    font-weight: bold;
}
#fcopy{
    padding-top: 5px;
    padding-bottom: 15px;
}


/*          NOWA REKLAMACJA         */
.nh1{
    font-size: 28px;
    color: #888;
    text-align: center;
    padding-top: 40px;
    
}
.nh2{
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 40px;
    text-align: center;
    color: #888;
}
.nh3{
    font-size: 18px;
    color: #555;
    padding-top: 15px;
    padding-bottom: 5px;
}
.wai_pick{
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    float: left;
}
.wai_picktwo{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
.wai_picktwo p{
    font-size: 12px;
}
.wai_inner{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border:  2px solid #ccc;
    color: #000;
    background: #ffffff;
    transition: 0.3s;
    border-radius: 10px;
    cursor: pointer;
}

.textarea{
    width: 100%;
    border:  2px solid #ccc;
    color: #000;
    background: #ffffff;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    padding: 10px;
    max-width: 100%;
    min-width: 100%;
}
#wai_market{
    padding-bottom: 11px;
    padding-top: 11px;
}
#wai_marketzone{
    opacity: 0;
    display: none;
    transition: 0.3s;
}
.nheader{
    font-size: 14px;
    font-weight: bold;
    line-height: 200%;
    text-indent: 4px;
}
.icon-income{
    font-weight: bold;
}
.icon-close:hover{
    color: rgb(122, 196, 25);
}
.nh3{
    padding-left: 40px;
}
#individual_form,

#market_form,
#wai_warranty{
    display: none;
    opacity: 0;
    transition: 0.3s;
}
#wai_proofer,
#productinfo{
    transition: 0.5s;
}
#productinfo{
    margin-top: 10px;
}
#wai_postalcode,
#company_postal,
#product_enterance,
#repair_cost_input,
#repair_time_input,
#customer_postalcode{
    width: 90px;
}
.coster{
    text-align: right;
}
#wai_cityname,
#company_city{
    width: calc(100% - 94px);
}
#wai_file{
    padding-bottom: 8px;
    padding-top: 8px;
}
#last_step{
    border: 2px rgb(122, 196, 25);
    background: rgba(162,196,0, 0.8);
    color: #fff;

}
#hlrepnum{
    font-size: 42px;
    color: #f00;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .nh3{
        padding-left: 10px;
    }
    .wai_pick,
    .wai_picktwo{
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
        clear: both;
        float: none;
    }
}

#adminbar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 26px;
}
#ab_adminlogo{
    width: 250px;
    font-size: 26px;
    font-weight: 900;
    line-height: 75%;
    text-align: center;
    padding-top: 9px;
    font-family: 'Orbitron', sans-serif;
    float: left;
}
#ab_paneltext{
    font-size: 14px;
    color: #555;
}
#ab_rest{
    float: right;
}
.ab_rest_option{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    float: left;
    cursor: pointer;
    color: rgb(83,83,83);
    height: 60px;
    border-radius: 15px;
    transition: 0.2s;
    font-size: 20px;
    text-align: center;
    line-height: 50%;
    margin-right: 10px;
    padding-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
}
.ab_rest_option:hover{
    color: rgb(122, 196, 25);
}
.ab_tinytext{
    font-size: 12px;
}
#workplace{
    margin-top: 60px;
}
#filterszone{
    min-height: 150px;
}
.ls_buttons,
.ls_smalls,
.ls_tiny{
    width: 100%;
    max-width: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
}
.ls_smalls{
    max-width: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.ls_tiny{
    max-width: 110px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#ls_accepted,
.ls_accepted{
    background: rgb(162,196,0);
}
#ls_done{
    background: rgb(180, 40, 47);
}
#ls_details{
    background: rgb(0, 65, 95);
}
#ls_excel{
    background: rgb(37, 141, 54);
}
#resultstable,
#urgenttable{
    width: 100%;
    border-spacing: 0px;
    font-size: 14px;
}
#resultstable th,
#urgenttable th{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #aaa;
    font-weight: 400;
}
#resultstable td,
#urgenttable td{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: background-color 0.3s;
    cursor: pointer;
}
#resultstable td:first-child,
#urgenttable td:first-child,
#resultstable th:first-child,
#urgenttable th:first-child{
    padding-left: 5px;
}
#resultstable tr:first-child:hover,
#urgenttable tr:first-child:hover{
    background-color: #eee;
}
#resultstable tr:hover,
#urgenttable tr:hover{
    background-color: #ccc;
}
.loginbox{
    width: 100%;
    max-width: 350px;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
}
.transinput{
    border: 0;
    background: inherit;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgb(138, 138, 138);
    font-family: 'Roboto', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none; 
}
.invinput{
    opacity: 0;
    width: 0;
    height: 0;
    cursor: default;
}
.ti_number{
    width: 54px;
    text-align: center;
}
.transinput::-ms-expand { 
    display: none; 
} 
.iconsbar{
    font-size: 18px;
    color: #aaa;
}
.coverer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: none;
    opacity: 0;
    z-index: 150;
    transition: 0.2s;
}
#incomingform,
#outcomingform{
    background: #fff;
    color: #000;
    width: 100%;
    max-width: 500px;
    padding: 20px;
    text-align: center;
}
.cb_header{
    font-size: 20px;
    color: rgb(138, 138, 138);
}
#entera_finito{
    max-width: 100px;
}
#entera_numero,
#outera_numero{
    width: 0;
    height: 0;
    opacity: 0;
    cursor: default;
}
.printer_icon{
    font-size: 32px;
    padding-top: 10px;
    cursor: pointer;
    text-align: center;
}
#courier{
    text-align: left;
}
.pagebtn{
    border: 1px solid #0a0;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#genpagenum,
#urpagenum{
    padding: 8px 4px;
    border-radius: 8px;
    border: 1px solid #ccc;
    width: 50px;
    text-align: center;
}
.bigbut{
    font-size: 20px;
    color: rgb(201, 201, 201);
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.hlentout{
    padding-top: 15px;
    color: #c00;
    font-size: 26px;
    display: block;
}
.errorbox{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 200px;
    padding: 10px;
    border: 1px solid #c00;
    background: rgba(255,0,0,0.6);
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
#detailshead{
    width: 100%;
    min-height: 150px;
}
.pres,
.presb{
    font-size: 16px;
    line-height: 150%;
}
.pres i{
    color:rgb(162,196,0);
}
.presb i{
    color:rgb(180, 40, 47);
}
.colico{
    color: #555!important;
    line-height: 150%;
}
.incater{
    font-size: 14px;
}
.notebox{
    width: 100%;
    margin-top: 2px;
}
.noteheader{
    width: 100%;
    padding: 2px;

}
.filterszone{
    width: 100%;
    min-height: 220px;
}
.raport_inner{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border: 2px solid #ccc;
    color: #000;
    background: #ffffff;
    transition: 0.3s;
    border-radius: 10px;
    cursor: pointer;
}
#fz_date,
#fz_dates,
#fz_product_parameters,
#fz_client,
#fz_button{
    float: left;
    padding: 5px;
    height: 220px;
}
#fz_dates{
    width: 32%;
}
#fz_date{
    width: 18%;
}
#fz_product_parameters,
#fz_client{
    width: 20%;
}
#fz_button{
    width: 10%;
    text-align: center;
}
#fz_status,
#fz_klient,
#fz_spojnik{
    -webkit-appearance: none;
    -moz-appearance: none;
}
#fz_status::-ms-expand,
#fz_klient::-ms-expand,
#fz_spojnik::-ms-expand{
    display: none;
}
@media only screen and (max-width: 700px) {
    #fz_date,
    #fz_dates,
    #fz_product_parameters,
    #fz_client,
    #fz_button{
        float: none;
        clear: both;
        padding: 5px;
    }
}
#curier_option,
#ender_window,
#note_windw{
    opacity: 0;
    transition: 0.3s;
    display: none;
}
#curier_select{
    max-width: calc(100% - 100px);
}
#lps_count{
    max-width: 90px;
}
.parzone{
    background: #fff;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    font-size: 16px;
}
.pz_kws{
    color: #aaa;
}
.pz_paragraph{
    margin: 5px;
}
.pz_rcc{
    position: absolute;
    right: 10px;
    top: 5px;
}
.parzone td,
.parzone th{
    padding: 5px;
    border: 2px solid #eee;
}
.parzone td:first-child,
.parzone td:last-child{
    text-align: center;
}
.acczone{
    max-width: 250px;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.acc_name{
    font-weight: bold;
}
.acc_username{
    font-size: 14px;
    color: #aaa;
}
.accperms{
    text-align: left!important;
    width: 100%;
    font-size: 14px;
}