body { font-family: Segoe UI; background: #FFFFFF; margin: 0px; -webkit-text-size-adjust: none; font-family: arial; font-size: 12px; color: #000000; }
select, input, textarea { font-family: Tahoma; font-size: 12px; color: #000000; }
input { border: 1px solid #afafaf; padding: 2px; border-radius: 3px; } 
input.error { padding: 3px;  border: 1px solid #a30000; font-size: 11px;  background: #d87777; }
a { color: #7b0000; text-decoration: none; }
a:hover { color: #b53838; text-decoration: none; }
a.active
{
    color:white;
    background:green;
}
a.pages
{
    cursor:pointer;
}
img { border: none; }
hr { border: 1px dashed #d9d9d9; border-top-width: 0px; }
.error_button { background: #ebd4d4; border: 1px solid #ac5c5c;}
.ramka_green { background: #c4e1b2; border: 1px solid #568f34; text-align: center; color: #568f34; padding: 1%; border-radius: 3px; float: left; }
.ramka_red { background: #ebd4d4; border: 1px solid #ac5c5c; text-align: center; color: #ac5c5c; padding: 1%; border-radius: 3px; float: left; }
.ramka_blue { background: #c6dfea; border: 1px solid #326d89; text-align: center; color: #326d89; padding: 1%; border-radius: 3px; float: left; }


table { border-collapse: collapse; }
.table th { background: #F1F1F1; border: 1px solid #d0d0d0; font-size: 12px; font-weight: bold; text-shadow: 0 1px white; color: #3e3e3e; text-align: left;}
.table td { border: 1px solid #d0d0d0;  }
.table tr:nth-child(even) { background: #fbfbfb; }
.table tr:nth-child(odd) { background: #ffffff; }


#top { width: 100%; height: 95px; background: #F1F1F1; border: 1px solid #d0d0d0; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; }
#top div.menu  { width: 960px; margin: 0 auto; }
#top_bar { background: url("../img/top_bar.png") repeat-x; color: #fff; font-size: 11px; height: 25px; padding: 0 2% 0 2%; }
#top_bar div.menu  { width: 960px; margin: 0 auto; border-left: 1px solid #3a3a3a; border-right: 1px solid #1a1a1a; }
#top_bar div.menu a { background: url(../img/top_bar_btn.png) repeat-x left 100px; color: #d9d9d9; display: inline-block; line-height: 25px; text-decoration: none; padding-top: 2px; padding: 0 15px; height: 25px; border-left: 1px solid #1a1a1a; border-right: 1px solid #3a3a3a; float: left;}
#top_bar div.menu a:hover { color: #ffffff; background: url(../img/top_bar_btn_hover.png) repeat-x; }


#all_menu { width: 960px; background: #ffffff; margin: 0 auto; }
#menu_left { width: 18%; margin-top: 10px; padding: 3px;  float: left; }
#menu_left div.department { margin: 10px 0 10px 0; border: 1px solid #d0d0d0; border-left-width: 0px; border-top-width: 0px; }
#menu_right { width: 90%; margin-top: 10px; float: left;}
#menu_right  div.all { margin-left: 5px; }
.menu_link { font-size: 14px; color: #616161; margin: 5px 5px 5px 0; padding: 5px 0 5px 20px; cursor: pointer;}
.menu_link:hover { font-size: 14px; background: #2e2d2e; color: #ffffff; margin-top: 5px; padding: 5px 0 5px 20px; cursor: pointer; }
.menu_link_hover { font-size: 14px; background: #930000; color: #ffffff; margin: 5px 5px 5px 0; padding: 5px 0 5px 20px; cursor: pointer; }


.bg_notice_top { width: 98%; padding: 1%; background: #F1F1F1; border: 1px solid #d0d0d0; border-bottom-width: 0px; font-size: 12px; font-weight: bold; text-shadow: 0 1px white; color: #3e3e3e; float: left;}
.bg_notice_bottom { width: 98%; padding: 1%; border: 1px solid #d0d0d0; font-size: 12px; font-weight: normal; text-shadow: 0 1px #f1f1f1; color: #3e3e3e; float: left;}

.button { background: #F5F5F5; border: 1px solid #d0d0d0; color: #454545; font-weight: bold; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer; float: left; margin: 2px 2px 2px 2px; }
.button:hover { background: #F1F1F1; border: 1px solid #999999; color: #454545; }
.button_active { background: #930000; border: 1px solid #930000; color: #ffffff; font-weight: bold; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer; float: left; margin: 2px 2px 2px 2px;}
.button_shadow { background: #f9f9f9; border: 1px solid #dfdfdf; color: #454545; font-weight: bold; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer; float: left; margin: 2px 2px 2px 2px;}
.button_disabled { background: #F5F5F5; border: 1px solid #d0d0d0; color: #F5F5F5; font-weight: bold; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer; float: left; margin: 2px 2px 2px 2px; }


#foot { width: 100%; background: #F1F1F1; margin-top: 10px; padding: 5px 0 5px 0; border: 1px solid #d0d0d0; border-left-width: 0px; border-right-width: 0px; float: left; }
#foot div.all { width: 940px; margin: 0 auto; }
#foot div.text { padding: 8px 8px 0 0; color: #505050; float: left; }



#all { width: 340px; margin: 50px auto 5px; }
#login_form {  width: 340px;  background: #F1F1F1; border: 1px solid #e5e5e5; border-radius: 5px; float: left; }
#inapp_form { margin: 0px 0px 0px 10px; }
#form_with_table { margin: 0px; }
.input { padding: 5px; color: #3d3d3d; font-size: 11px;  border-radius: 2px; border: 1px solid #e5e5e5; float: left; }

.input_puste { padding: 2px; background: #ffffff; color: #3d3d3d; text-align: left; border: 0; float: left; display: block;}
select { padding: 5px; color: #3d3d3d; font-size: 11px;  border-radius: 2px; border: 1px solid #e5e5e5; } 
textarea { padding: 5px; border-radius: 2px; border: 1px solid #e5e5e5; float: left; }
.top_form { font-size: 14px; font-weight: bold; color:#3d3d3d;  float: left; padding: 5px 4px 5px 4px; margin-right: 15px; }
.super { vertical-align: super; }



.bg_error{ width: 812px; background: #f3dddd; border: 2px solid #940000; margin-bottom: 10px; padding: 7px 0 7px 0; text-align: center; font-size: 12px; font-weight: bold; color: #940000; }


#acc_base { margin-top: 20px; }
#acc_base select { width: 300px; }
#acc_login { margin: 5px 0 0 55px; float: left; }
#acc_login input { width: 155px; color: #3d3d3d; font-size: 11px; border: 1px solid #e5e5e5; }
#acc_pass {margin: 5px 0 0 55px; float: left; }
#acc_pass input { width: 155px; color: #3d3d3d; font-size: 11px; border: 1px solid #e5e5e5; }
#submit { margin: 10px 0px 10px 200px; float: left;}
#submit input { background: #880000; color: #ffffff;  border: 1px solid #880000; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer; }
#submit input:hover { background: #880000; color: #ffffff; border: 1px solid #590606; }
#ver { margin-right: 5px; font-size: 10px; color: #4b4b4b; width: 330px; text-align: right; }

.menu_top { font-size: 22px; color: #930000; margin: 10px 0 10px 20px;}


#welcome { float: left; }
#logout { float: right; }



.button_red { background: #930000; color: #ffffff; font-size: 11px; margin: 2px; padding: 2px 4px 2px 4px; border-radius: 2px; float: right; }
.button_green { background: #3e7e1f; color: #ffffff; font-size: 11px; margin: 2px; padding: 2px 4px 2px 4px; border-radius: 2px; float: right; }

div.pagination { padding: 5px 0 0 0; margin: 1px; font-weight: bold; float: left; }

div.pagination a { padding: 5px 8px 5px 8px; background: #F5F5F5; border: 1px solid #d9d9d9; border-radius: 5px; margin: 2px; text-decoration: none; /* no underline */ color: #505050; font-weight: bold; }
div.pagination a:hover, div.pagination a:active {
    background: #F1F1F1; 
    border: 1px solid #999999;
    border-radius: 5px;
    color: #505050;
    font-weight: bold;
}
div.pagination span.current {
    padding: 5px 8px 5px 8px;
    margin: 2px;
    border: 1px solid #880000;
    border-radius: 5px;
    font-weight: bold;
    background-color: #880000;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 5px 8px 5px 8px;
    margin: 2px;
    border: 1px solid #ababab;
    border-radius: 5px;
    color: #ababab;
    font-weight: bold;
}

.paginate_disabled_previous {}
.dataTables_length { width: 50%; float: left; margin-bottom: 10px; }
.dataTables_filter { width: 50%; text-align: right; line-height: 34px; float: left; margin-bottom: 10px; }
.dataTables_info { width: 50%; float: left; margin-top: 10px; background: green; }
.dataTables_paginate { width: 50%; margin: 15px 0 5px 0; text-align: right; line-height: 34px; float: left; }
.button_pagination { background: #F5F5F5; border: 1px solid #d0d0d0; color: #454545; font-weight: bold; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer;  margin: 2px 2px 2px 2px; }
.button_pagination:hover { background: #F1F1F1; border: 1px solid #999999; color: #454545; }
.button_pagination_disabled { background: #F5F5F5; border: 1px solid #d0d0d0; color: #F5F5F5; font-weight: bold; border-radius: 2px; padding: 5px 8px 5px 8px; cursor: pointer; margin: 2px 2px 2px 2px; }
#menu_top {
    width: 100%;
    float: left;
}
#menu_top .department {
    width: auto;
    float: left;
}
#menu_top .department a {
    float: left;
}
nav.navbar {
    width: 99%;
    margin: 0 auto;
}
.clear_both {
    float: none;
    clear: both;
    width: 100%;
}
.input2 {
    float: left; 
    line-height: 24px; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin: 2px 20px 2px 0px; 
    width: 190px;
}
select.input2 {
    padding: 7px 8px;
}
.center {
    float: none;
    clear: both;
    margin: 5px auto;
}
#company_selector>form>input {
    float: right;
    border-color: #d87777;
    background-color: #b53838;
    color: white;
    font-family: sans-serif;
    font-weight: normal;
    border-radius: 5px;
    margin-top: -2px;
}
/*#company_selector {*/
    /*width: 615px;*/
    /*float: right;*/
/*}*/
#company_selector .select2-container {
    min-width: 150px;
    max-width: 350px;
}
/*#company_selector .select2-container a.select2-choice {*/
    /*font-size: 24px;*/
    /*padding: 7px 10px;*/
    /*height: 40px;*/
    /*background-image: none;*/
    /*border-color: #d87777;*/
    /*background-color: #b53838;*/
    /*color: white;*/
/*}*/
/*#company_selector .select2-results .select2-result-label {*/
    /*font-size: 24px;*/
    /*padding: 7px 10px;*/
    /*height: 40px;*/
/*}*/
#dialogAddService {
    width: 735px;
    height: 180px;
}
input[type=file] {
    float: left;
    margin: 8px 8px 0 0;
    border: none;
}
.form-control {
    width: 21%;
    float: left;
    margin-right: 10px;
}
/*#records .select2-drop:first-of-type {
    background-image: none;
    border-color: #d87777;
    background-color: #b53838;
    color: white;
}
#records select2-no-results:first-of-type {
    background-color: #b53838;
}
#records .select2-results .select2-highlighted:first-of-type {
    background-color: #590606;
    color: #fff;
}
#records .select2-container .select2-choice .select2-arrow:first-of-type {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #fff;
    border-radius: 0 4px 4px 0;
    background: #fff;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee)) #ccc;
    background: -webkit-linear-gradient(center bottom,#ccc 0,#eee 60%) #ccc;
    background: -moz-linear-gradient(center bottom,#ccc 0,#eee 60%) #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    background: linear-gradient(to top,#E72F2F 0,#AD1616 60%) #620B0B;
}*/

tr.bold td,a {
    font-weight: bold; 
}
.przelicz {
    float: none;
    width: 220px;
    margin: 0 auto;
}
.w100 {
    float: none;
    clear: both;
    text-align: center;
}

#employee-form input[type=text] {
    float: none;
    width: 300px;
    margin-bottom: 10px;
}

#employee-form input[type=password] {
    float: none;
    width: 300px;
    margin-bottom: 10px;
}

#employee-form label {
    float: none;
}