*{
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1em;
    vertical-align: baseline;
    text-decoration: none;
    outline: 0;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #231F20;
    cursor: default;
    box-sizing: border-box;
}
.void{
    height: 100px;
}
.clear{
    clear: both;
}
.left{
    float: left;
}
.bold{
    font-weight: bold;
}
.clickable{
    cursor: pointer;
}
.title_load{
    cursor: progress;
}
input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=file]),
select{
    border: 1px solid #0095DA;
    height: 35px;
    width: 193px;
    padding: 0 0 0 10px;
}
input[type=submit]{
    cursor: pointer;
    background-color: #0095DA;
    border: 1px solid #231F20;
    height: 35px;
    width: 248px;
}
/*---------------------------------LAYOUT-------------------------------------*/
/*=================================HEADER=====================================*/
header{
    height: 80px;
    text-align: center;
    background-image: url('img/logoDorcel.png');
    background-repeat: no-repeat;
    background-position: 20px;
}
header span{
    line-height: 70px;
    font-size: 3em;
    font-weight: bold;
    color: #231F20;
}
#header_bar{
    background-color: #0095DA;
    height: 20px;
    text-align: center;
}
#header_bar span{
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    right: 95px;
    left: 95px;
    line-height: 20px;
}
#header_bar>a{
    float: right;
    line-height: 20px;
    cursor: pointer;
    padding: 0 15px 0 0;
    color: #fbdf81;
}
/*=================================HEADER=====================================*/
/*===============================DEBUG INFO===================================*/
#debug_info{
    position: fixed;
    padding: 18px 20px;
    background-color: #D9D9D9;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    height: 70px;
}
#debug_info span{
    font-weight: bold;
    font-size: 2em;
}
/*===============================DEBUG INFO===================================*/
/*============================PAGE/NAV/CONTENT================================*/
#page{
    padding: 20px 0 0 5px;
}
#page>nav{
    border: 1px solid #0095DA;
    height: 600px;
    width: 10%;
    float: left;
    max-width: 190px;
    min-width: 145px;
}
#page>nav>ul{
    height: 100%;
    display: flex;
    flex-direction: column;
}
#page>nav>ul>li{
    border-bottom: 1px solid #0095DA;
}
#page>nav>ul>li>a{
    display: inline-block;
    width: 100%;
    line-height: 30px;
    cursor: pointer;
    padding: 0 0 0 10px;
}
#page>nav>ul>li>a:hover{
    background-color: #231F20;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFFFFF;
}
#page>nav>ul>li>a.selected{
    background-color: #231F20;
    font-weight: bold;
    font-size: 0.9em;
    color: #FFFFFF;
}
#page>#content{
    float: left;
    width: 89%;
    margin: 0 0 0 1%;
}
#page>#content:not(.logged){
    width: 100%;
    margin: 0;
}
/*============================PAGE/NAV/CONTENT================================*/
/*=================================FOOTER=====================================*/
footer{
    text-align: center;
    font-size: 0.85em;
    padding: 30px 0 0 0;
}
footer>span{
    vertical-align: super;
}
footer img{
    vertical-align: sub;
    height: 35px;
    cursor: pointer;
}
footer>span#text{
    display: inline-block;
    padding: 10px 0 0 0; 
}
/*=================================FOOTER=====================================*/
/*================================KRSINFO=====================================*/
#KRS_info{
    margin: 20px 0 0 0;
    padding: 15px 0;
    text-align: center;
    background-color: #696969;
}
#KRS_info>span{
    color: #FFFFFF;
    font-size: 0.8em;
}
/*================================KRSINFO=====================================*/
/*================================POLITYKA====================================*/
#polityka{
    text-align: center;
    padding: 0 0 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #696969;
    border-top: 1px solid #0095DA;
}
.polityka_closed{
    display: none;
}
#polityka span{
    font-size: 0.8em;
    color: #FFFFFF;
}
#polityka a{
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
}
#polityka #polityka_input{
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 20px 0 0;
}
#polityka #polityka_input span{
    font-size: 1.25em;
}
#polityka #polityka_input span.polityka_close{
    cursor: pointer;
}
/*================================POLITYKA====================================*/
/*===============================STATEMENT====================================*/
#screen_blockade{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
}
#screen_blockade>#statement{
    border: 1px solid #000000;
    width: 450px;
    height: 230px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #CDD0D8;
}
#screen_blockade>#statement>#statement_title{
    text-align: center;
    border-bottom: 1px solid #000000;
    line-height: 25px;
}
#screen_blockade>#statement>#statement_text>#statement_content{
    height: 160px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    justify-content: center;
}
#screen_blockade>#statement>#statement_text{
    overflow: auto;
    padding: 0 10px;
}
#screen_blockade>#statement>#statement_close{
    text-align: center;
}
#screen_blockade>#statement>#statement_close>span{
    display: inline-block;
    width: 100px;
    border: 1px solid #000000;
    line-height: 25px;
}
/*===============================STATEMENT====================================*/
/*---------------------------------LAYOUT-------------------------------------*/

/*==========================LOGOWANIE/REJESTRACJA=============================*/
#index{
    width: 300px;
    margin: 0 auto;
}
#index>div{
    margin: 10px 0 0 0;
}
#index>#logowanie{
    padding: 10px;
    border: 1px solid #0095DA;
    width: 100%;
    height: 350px;
}
#index>#logowanie>span{
    font-size: 1.5em;
    line-height: 25px;
}
#index>#logowanie>#form{
    padding: 50px 15px;
}
#index>#logowanie>#form div{
    height: 55px;
}
#index>#logowanie>#form div>label{
    display: inline-block;
    width: 55px;
}
#index>#logowanie>#lost_pass{
    text-align: center;
}
#index>#logowanie>#lost_pass span{
    text-decoration: underline;
}
#index>#rejestracja{
    border: 1px solid #0095DA;
    width: 100%;
    height: 40px;
}
#index>#rejestracja>span{
    font-size: 1.5em;
    line-height: 35px;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0 10px;
}
#index>#rejestracja>span:hover{
    color: #FD60FD;
}
#index>#wersja{
    text-align: center;
    padding: 40px 0 0 0;
}
/*==========================LOGOWANIE/REJESTRACJA=============================*/

/*================================GŁÓWNA======================================*/
#glowna{
    height: 500px;
    padding: 50px 10% 0 0;
    text-align: center;
}
#glowna>#app_functions{
    padding: 50px 0 100px 0;
    text-align: left;
    width: 415px;
    margin: 0 auto;
}
#glowna>#app_functions>#title>span{
    font-weight: bold;
}
#glowna>#app_functions>#app_function_list{
    padding: 0 0 0 20px;
}
/*================================GŁÓWNA======================================*/

/*================================USTAWIENIA==================================*/
#setup #change_pass{
    text-align: center;
    padding: 40px 12% 0 0;
}
#setup #change_pass>#pass_expired{
    padding: 0 0 20px 0;
}
#setup #change_pass>form>div{
    height: 45px;
}
#setup #change_pass>form>div>label{
    display: inline-block;
    width: 120px;
}
#setup #change_pass>form>div>input[type=submit]{
    width: 80px;
}
/*================================USTAWIENIA==================================*/

/*==================================ZGODY=====================================*/
#consent{
    text-align: center;
    padding: 20px 0 0 0;
}
#consent>#info{
    padding: 0 12% 0 0;
}
#consent .consent_count{
    padding: 5px 0;
}
#consent .consent_count>input{
    margin: 0 10px;
    vertical-align: middle;
}
#consent .consent_count>label{
    display: inline-block;
    border: 1px solid #0095DA;
    border-radius: 10px;
    background-color: #CBE3AC;
    padding: 7px;
    width: 85%;
    text-align: left;
    vertical-align: middle;
}
#consent .consent_count #a_klauzula{
    color: #339;
    text-decoration: underline;
    cursor: pointer;
}
#consent .consent_count>span{
    border: 1px solid #0095DA;
    border-radius: 10px;
    background-color: #CBE3AC;
    padding: 7px;
    margin: 5px 10px;
    width: 170px;
    float: left;
    text-align: center;
}
#consent #div_button{
    padding: 10px 12% 50px 0;
}
#consent #div_button>input{
    width: 90px;
}
/*==================================ZGODY=====================================*/

/*==================================MAILING===================================*/
#mailing #list>#empty{
    padding: 40px 12% 0 0;
    text-align: center;
}
#mailing #list>table{
    width: 100%;
    border-collapse: collapse;
}
#mailing #list>table tr>th,
#mailing #list>table tr>td{
    border-bottom: 1px solid black;
    text-align: center;
    height: 30px;
    vertical-align: middle;
}
#mailing #list>table tr>td.td_1{
    width: 50px;
}
#mailing #list>table tr>td.td_2{
    width: 75px;
}

#mailing #add{
    text-align: center;
    padding: 20px 12% 0 0;
}
#mailing #add>form>div{
    height: 45px;
}
#mailing #add>form>div>label{
    display: inline-block;
    width: 120px;
}
#mailing #add>form>div>input{
    width: 285px;
}
#mailing #add>form>div>input[type=submit]{
    width: 80px;
}

#mailing #edit{
    padding: 20px;
}
#mailing #edit>#empty{
    padding: 40px 12% 0 0;
    text-align: center;
}
#mailing #edit>form>table{
    width: 100%;
    border-collapse: collapse;
}
#mailing #edit>form>table tr>th,
#mailing #edit>form>table tr>td{
    text-align: center;
    height: 30px;
    vertical-align: middle;
}
#mailing #edit>form>table tr>td.td_1{
    width: 50px;
}
#mailing #edit>form>table tr>td.td_2{
    width: 75px;
}
#mailing #edit>form>table tr>td>input:not([type=checkbox]){
    width: 90%;
    height: 29px;
}
#mailing #edit>form>.div_button{
    padding: 30px 0 0 0;
    text-align: center;
}
#mailing #edit>form>.div_button>input{
    width: 120px;
}
/*==================================MAILING===================================*/

/*===============================COMPANY_LIST=================================*/
#company_list>#tab{
    padding: 15px 0 0 0;
}
#company_list>#tab>table{
    width: 100%;
    border-collapse: collapse;
}
#company_list>#tab>table tr>th{
    height: 30px;
    border-bottom: 1px solid #0095DA;
    vertical-align: middle;
}
#company_list>#tab>table tr>td{
    height: 25px;
    vertical-align: middle;
}
#company_list>#tab>table tr:nth-child(odd) td{
    background-color: #F0F0F0;
}
#company_list>#tab>table tr>td.td_1{
    width: 30px;
    text-align: center;
}
#company_list>#tab>table tr>td.td_2{
    width: 55px;
    text-align: center;
}
#company_list>#tab>table tr>td.td_3{
    padding: 2px 10px;
    text-decoration: underline;
    font-weight: bold;
}
#company_list>#tab>table tr>td.td_3>*{
    cursor: pointer;
}
#company_list>#tab>table tr>td.td_4{
    width: 110px;
    text-align: center;
}
#company_list>#tab>table tr>td.td_5{
    width: 240px;
    padding: 0 10px;
}
#company_list>#tab>table tr>td.td_6{
    width: 180px;
    padding: 0 10px;
}
#company_list>#link_generator_div{
    padding: 20px 12% 0 0;
}
/*==================================SEARCH====================================*/
#company_list>#search>span:not(#active_filter){
    display: inline-block;
    line-height: 25px;
    border: 1px solid #231F20;
    width: 120px;
    background-color: #0095DA;
    text-align: center;
}
#company_list>#search>span#active_filter{
    display: inline-block;
    line-height: 25px;
    border: 1px solid #C00000;
    width: 25px;
    background-color: #C00000;
    color: #FFFFFF;
    text-align: center;
}
#search_form>#title{
    background-color: #0095DA;
    text-align: center;
}
#search_form>#title>span{
    line-height: 25px;
}
#search_form>#form{
    width: 355px;
    margin: 10px auto;
}
#search_form>#form>form>div{
    line-height: 35px;
}
#search_form>#form>form>div>label{
    display: inline-block;
    width: 140px;
}
#search_form>#form>form>div>input:not([type=submit]){
    height: 25px;
}
#search_form>#form>form>div>input[type=submit]{
    width: 90px;
}
#search_form>#form>form>#status_padding{
    padding: 0 0 0 15px;
}
#search_form>#form>form>#status_padding>div{
    line-height: 30px;
}
#search_form>#form>form>#status_padding>div>label{
    display: inline-block;
    width: 125px;
}
#search_form>#form>form>.div_button{
    padding: 15px 0 0 0;
    text-align: center;
}
/*==================================SEARCH====================================*/

/*===============================COMPANY_LIST=================================*/

/*===============================COMPANY_DATA=================================*/
#company_data>form>#page_1{
    float: left;
    width: 50%;
    padding: 10px;
}
#company_data>form>#page_1 div{
    line-height: 24px;
}
#company_data>form>#page_1 div>label{
    display: inline-block;
    width: 200px;
    line-height: 18px;
    border-bottom: 1px solid #0095DA;
    font-size: 0.8em;
    background-color: #F0F0F0;
    padding: 0 10px 0 0;
    text-align: right;
}
#company_data>form>#page_1 div>a{
    display: inline-block;
    width: 200px;
    line-height: 18px;
    border-bottom: 1px solid #0095DA;
    font-size: 0.8em;
    background-color: #CBE3AC;
    text-decoration: underline;
    color: #0000ee;
    padding: 0 10px 0 0;
    text-align: right;
}
#company_data>form>#page_1 div>label.oneline,
#company_data>form>#page_1 div>a{
    line-height: 20px;
}
#company_data>form>#page_1 div#contact_person{
    padding: 4px 0 0 0;
}
#company_data>form>#page_1 div#contact_person>label{
    line-height: 89px;
}
#company_data>form>#page_1 div#contact_person>span{
    font-size: 0.8em;
}
#company_data>form>#page_1 div#contact_person>input{
    margin: 2px 0 0 0;
}
#company_data>form>#page_1 div>input,
#company_data>form>#page_1 div>select{
    width: 50%;
    height: 20px;
    font-size: 0.8em;
}
#company_data>form>#page_1 div>select{    
    position: relative;
    left: -4px;
}
#company_data>form>#page_1 div>input[type=date]{
    height: 21px;
}
#company_data>form>#page_2{
    float: right;
    width: 50%;
    padding: 10px;
}
#company_data>form>#page_2 div{
    line-height: 25px;
}
#company_data>form>#page_2 div>span{
    display: inline-block;
    width: 300px;
    line-height: 20px;
    border-bottom: 1px solid #0095DA;
    vertical-align: text-bottom;
    font-size: 0.8em;
    background-color: #CBE3AC;
    text-decoration: underline;
    color: #0000ee;
    padding: 0 10px 0 0;
    text-align: right;
}
#company_data>form>#page_2 div>label{
    display: inline-block;
    width: 300px;
    line-height: 74px;
    border-bottom: 1px solid #0095DA;
    vertical-align: text-bottom;
    font-size: 0.8em;
    background-color: #F0F0F0;
    padding: 0 10px 0 0;
    text-align: right;
}
#company_data>form>#page_2 div>textarea{
    width: 50%;
    height: 75px;
    border: 1px solid #0095DA;
    vertical-align: text-bottom;
    padding: 10px;
    resize: none;
    font-size: 0.8em;
}
#company_data>form>#page_2 div>input[type=file]{
    vertical-align: text-bottom;
    width: 48%;
    font-size: 0.8em;
}
#company_data>form>#div_button{
    text-align: center;
    padding: 15px 12% 0 0;
}
#company_data>form>#div_button input{
    width: 120px;
    background-color: #0095DA;
}
/*===========================CERTYFIKATY/REFERENCJE===========================*/
#certificate_list #title,
#reference_list #title{
    text-align: center;
    background-color: #0095DA;
}
#certificate_list #title span,
#reference_list #title span{
    line-height: 30px;
    font-size: 1.2em;
}
#certificate_list #files,
#reference_list #files{
    padding: 20px 0 0 0;
    text-align: center;
}
#certificate_list #files .scan,
#reference_list #files .scan{
    display: inline-block;
    height: 120px;
    padding: 20px;
}
#certificate_list #files .scan a,
#reference_list #files .scan a{
    display: block;
    height: 100%;
    width: 100%;
    line-height: 80px;
}
/*===========================CERTYFIKATY/REFERENCJE===========================*/

/*===============================COMPANY_DATA=================================*/

/*=================================REGISTER===================================*/
#register>#title{
    text-align: center;
    background-color: #0095DA;
}
#register>#title>span{
    line-height: 30px;
}
#register>#info{
    padding: 20px;
    border: 1px solid #000000;
    width: 75%;
    margin: 20px auto;
}
#register>form>#page_1{
    float: left;
    width: 50%;
    padding: 10px;
}
#register>form>#page_1 div{
    line-height: 24px;
}
#register>form>#page_1 div>label{
    display: inline-block;
    width: 200px;
    line-height: 18px;
    border-bottom: 1px solid #0095DA;
    font-size: 0.8em;
    background-color: #F0F0F0;
    padding: 0 10px 0 0;
    text-align: right;
}
#register>form>#page_1 div>label.oneline{
    line-height: 20px;
}
#register>form>#page_1 div#contact_person{
    padding: 4px 0 0 0;
}
#register>form>#page_1 div#contact_person>label{
    line-height: 89px;
}
#register>form>#page_1 div#contact_person>span{
    font-size: 0.8em;
}
#register>form>#page_1 div#contact_person>input{
    margin: 2px 0 0 0;
}
#register>form>#page_1 div>input,
#register>form>#page_1 div>select{
    width: 50%;
    height: 20px;
    font-size: 0.8em;
}
#register>form>#page_1 div>select{    
    position: relative;
    left: -4px;
}
#register>form>#page_1 div>input[type=date]{
    height: 21px;
}
#register>form>#page_2{
    float: right;
    width: 50%;
    padding: 10px;
}
#register>form>#page_2 div{
    line-height: 25px;
}
#register>form>#page_2 div>label{
    display: inline-block;
    width: 300px;
    line-height: 74px;
    border-bottom: 1px solid #0095DA;
    vertical-align: text-bottom;
    font-size: 0.8em;
    background-color: #F0F0F0;
    padding: 0 10px 0 0;
    text-align: right;
}
#register>form>#page_2 div>label.oneline{
    display: inline-block;
    width: 300px;
    line-height: 21px;
    border-bottom: 1px solid #0095DA;
    vertical-align: text-bottom;
    font-size: 0.8em;
    padding: 0 10px 0 0;
    text-align: right;
}
#register>form>#page_2 div>textarea{
    width: 50%;
    height: 75px;
    border: 1px solid #0095DA;
    vertical-align: text-bottom;
    padding: 10px;
    resize: none;
    font-size: 0.8em;
}
#register>form>#page_2 div>input[type=file]{
    vertical-align: top;
    width: 48%;
    font-size: 0.8em;
}
#register>form>#page_2 div>input{
    width: 50%;
    height: 20px;
    font-size: 0.8em;
    vertical-align: text-bottom;
}
#register>form>#div_button{
    text-align: center;
    padding: 20px 0;
}
#register>form>#div_button input{
    width: 120px;
    background-color: #0095DA;
}
/*=================================REGISTER===================================*/

/*=============================PASSWORD_RESET=================================*/
#lost_pass_form>#title{
    background-color: #0095DA;
    text-align: center;
}
#lost_pass_form>#title>span{
    line-height: 30px;
}
#lost_pass_form>#info{
    padding: 30px 0 0 0;
    text-align: center;
}
#lost_pass_form>#form{
    padding: 35px 0 0 0;
    text-align: center;
}
#lost_pass_form>#form>form>div{
    height: 40px;
}
#lost_pass_form>#form>form>div>label{
    display: inline-block;
    width: 125px;
}
#lost_pass_form>#form>form>div#div_button{
    padding: 30px 0 0 0;
}
#lost_pass_form>#form>form>div#div_button>input{
    width: 90px;
}
/*=============================PASSWORD_RESET=================================*/

/*==============================COMPANY_CARD==================================*/
#company_card>#company_name{
    text-align: center;
    padding: 10px 12% 20px 0;
    font-weight: bold;
}
#company_card #data{
    padding: 10px;
}
#company_card #data>div{
    height: 20px;
    border-bottom: 1px solid #45B3E6;
}
#company_card #data>div>span{
    font-size: 0.8em;
    height: 16px;
}
#company_card #data>div>span.col_1{
    display: inline-block;
    width: 230px;
    text-align: right;
    padding: 0 10px;
    background-color: #F0F0F0;
}
#company_card #data>div>span.col_1>a{
    color: #0000ee;
    text-decoration: underline;
}
#company_card #data>div>span.col_2{
    padding: 0 0 0 10px;
}
#company_card #data>div#contact{
    height: 51px;
    margin-top: 3px;
}
#company_card #data>div#contact>span.col_1{
    float: left;
    height: 50px;
    padding: 16px 10px;
}
#company_card #data>div#contact>span.col_2{
    float: left;
}
#company_card #data>div#polisa{
    height: 66px;
    margin-top: 3px;
}
#company_card #data>div#polisa.larger{
    height: 80px;
}
#company_card #data>div#polisa>span.col_1{
    float: left;
    height: 65px;
    padding: 25px 10px;
}
#company_card #data>div#polisa.larger>span.col_1{
    height: 79px;
}
#company_card #data>div#polisa>span.col_2{
    float: left;
    width: 140px;
    padding: 0 10px;
}
#company_card #data>div#polisa>span.col_3.link{
    text-decoration: underline;
}
#company_card #data>div#polisa>span.col_3.link a{
    color: #0000ee;
}
#company_card #data>div#polisa>span.col_3{
    float: left;
}
#company_card #data>div#other{
    height: 113px;
    margin-top: 3px;
}
#company_card #data>div#other>span.col_1{
    float: left;
    height: 112px;
    padding: 48px 10px;
}
#company_card #data>div#other>span.col_2{
    float: left;
    width: 300px;
    padding: 0 10px;
}
#company_card #data>div#other>span.col_3{
    float: left;
}
#company_card #activity{
    padding: 20px 0 0 50px;
}
#company_card #certificates{
    padding: 20px 0 0 50px;
}
#company_card #certificates>#certificates_list>#list{
    padding: 0 0 20px 20px;
}
#company_card #certificates>#attachment>#files>.scan{
    display: inline-block;
    height: 120px;
    padding: 20px;
    text-align: center;
}
#company_card #certificates>#attachment>#files>.scan a{
    display: block;
    height: 100%;
    width: 100%;
    line-height: 80px;
}
#company_card #references{
    padding: 20px 0 0 50px;
}
#company_card #references>#references_list>#list{
    padding: 0 0 20px 20px;
}
#company_card #references>#attachment>#files>.scan{
    display: inline-block;
    height: 120px;
    padding: 20px;
    text-align: center;
}
#company_card #references>#attachment>#files>.scan a{
    display: block;
    height: 100%;
    width: 100%;
    line-height: 80px;
}
#company_card #membership{
    padding: 20px 0 0 50px;
}
#company_card #flota{
    padding: 20px 0 0 50px;
}
#company_card #title{
    padding: 20px 0 0 0;
}
#company_card #notes>#title{
    padding: 20px 0 0 20px;
}
#company_card #notes>#list{
    padding: 20px 0 0 0;
}
#company_card #notes>#list table{
    border-collapse: collapse;
    width: 100%;
}
#company_card #notes>#list table tr td,
#company_card #notes>#list table tr th{
    height: 25px;
}
#company_card #notes>#list table tr th:not(:first-child):not(:last-child){
    text-align: left;
}
#company_card #notes>#list table tr td:first-child{
    width: 50px;
    text-align: center;
}
#company_card #notes>#list table tr td:last-child{
    width: 170px;
    text-align: center;
}
#company_card #notes>#add_new>span{
    color: #0000ee;
    text-decoration: underline;
}
#company_card #notes>#add_new{
    text-align: center;
    padding: 20px 12% 0 0;
}
#preview_note{
    padding: 25px 20px;
}
#new_note{
    padding: 10px 0 0 0;
    text-align: center;
}
#new_note textarea{
    width: 100%;
    border: 1px solid #0095DA;
    height: 250px;
    resize: none;
    background-color: rgba(110, 110, 110, 0.09);
    padding: 10px;
}
#new_note #div_button{
    padding: 25px 0 0 0;
}
#accept{
    text-align: center;
    padding: 20px 12% 0 0;
}
#accept>#form{
    padding: 20px 0 0 0;
    height: 210px;
}
#accept>#form>form>#div_button{
    padding: 25px 0 0 0;
}
#accept>#form>form>div{
    height: 30px;
}
#accept>#form>form>#div_button>input{
    width: 100px;
}
#accept>#history_accept_button>span{
    text-decoration: underline;
    color: #0000ee;
    font-weight: bold;
}
#accept_history>#title{
    text-align: center;
    background-color: #0095DA;
}
#accept_history>#title>span{
    font-weight: bold;
    line-height: 30px;
    font-size: 1.2em;
}
#accept_history>#history{
    padding:  30px 0 0 0;
}
#accept_history>#history>table{
    width: 100%;
}
#accept_history>#history>table tr .td_1{
    width: 50px;
    text-align: center;
}
#accept_history>#history>table tr .td_3{
    width: 110px;
    text-align: center;
}
#accept_history>#history>table tr .td_4{
    width: 110px;
    text-align: center;
}
/*==============================COMPANY_CARD==================================*/

/*================================KLAUZULA====================================*/
#klauzula{
    width: 70%;
    margin: 0 auto;
}
#klauzula>#title{
    text-align: center;
}
#klauzula>.section,
#klauzula>#zalacznik{
    padding: 40px 0 0 0;
}
#klauzula>.section p{
    text-align: justify;
}
#klauzula>.section>.center{
    text-align: center;
}
#klauzula>#zalacznik a{
    color: #339;
    text-decoration: underline;
    cursor: pointer;
}
#klauzula>.section ol[type=a]{
    padding: 0 0 0 20px;
}
/*================================KLAUZULA====================================*/









@media all AND (max-width: 1680px){
    #register>form>#page_1{
        width: 42%;
    }
    #register>form>#page_2{
        width: 58%;
    }
}
@media all AND (max-width: 1460px){
    #page>#content{
        float: right;
        width: 87%;
        margin: 0;
    }
    #company_data>form>#page_1{
        width: 47%;
    }
    #company_data>form>#page_2{
        width: 53%;
    }
    #register>form>#page_1{
        float: none;
        width: 100%;
    }
    #register>form>#page_1 div>label{
        width: 30%;
        min-width: 300px;
    }
    #register>form>#page_1 div>input,
    #register>form>#page_1 div>select{
        width: 65%;
    }
    #register>form>#page_2{
        float: none;
        width: 100%;
    }
    #register>form>#page_2 div>label{
        width: 30%;
        min-width: 300px;
    }
    #register>form>#page_2 div>textarea,
    #register>form>#page_2 div>input{
        width: 65%;
    }
}
@media all AND (max-width: 1350px){
    #company_data>form>#page_1{
        width: 42%;
    }
    #company_data>form>#page_2{
        width: 58%;
    }
}
@media all AND (max-width: 1280px){
    #polityka #polityka_input{
        position: relative;
        padding: 5px 0 0 0;
    }
    #register>form>#page_1 div>input,
    #register>form>#page_1 div>select{
        width: 60%;
    }
    #register>form>#page_2 div>textarea,
    #register>form>#page_2 div>input{
        width: 60%;
    }
}
@media all AND (max-width: 1250px){
    #company_data>form>#page_1{
        float: none;
        width: 100%;
    }
    #company_data>form>#page_1 div>label,
    #company_data>form>#page_1 div>a{
        width: 300px;
    }
    #company_data>form>#page_2{
        float: none;
        width: 100%;
    }
}
@media all AND (max-width: 1160px){
    #page>#content{
        float: right;
        width: 83%;
        margin: 0;
    }
    #register>form>#page_1 div>input,
    #register>form>#page_1 div>select{
        width: 50%;
    }
    #register>form>#page_2 div>textarea,
    #register>form>#page_2 div>input{
        width: 50%;
    }
}
@media all AND (max-width: 900px){
    body{
        width: 900px;
    }
    #register{
        width: 630px;
    }
}