#main_cointainer{
     background:url(/templates/chromachecker/login/img/raster.png) repeat;
}
 #file_list_body {
     width:1180px;
     float:left;
     clear:left;
     overflow: hidden;
}
 #file_list_body table {
     width:100%;
     margin:0px;
     padding:0px;
     float:left;
     border:none;
     border-collapse:collapse;
     font-size:11px;
     margin-bottom:10px;
}
 #file_list_body table a {
     color:#000;
}
 .checkboxes {
     margin-bottom:10px;
}
 #file_list_body table th {
     border:none;
     vertical-align:middle;
     padding:0px;
     margin:0px;
     font-weight:normal;
     height:38px;
     background:#5d5d5c;
     border:1px solid #999;
     color:#fff;
     -webkit-print-color-adjust: exact;
}
 #buttons {
     table-layout:fixed;
     width:100%;
     margin-bottom:0px;
}
 #buttons td {
     padding:5px;
     cursor:pointer;
     text-align: center;
     color:#fff;
}
 #hide_show_timeline_tooltip {
     position:absolute;
     top:20px;
   
  left: 50%;
transform: translateX(-50%);
  
     font-size:10px;

     display:block;
     color:#999;
}
 #hide_show_timeline_tooltip img {
     margin-right:5px;
     vertical-align: middle;
     height:16px;
     width:16px;
}
 #file_list_body table td {
     height:30px;
     border:none;
     vertical-align:middle;
     text-align:center;
     padding:0px;
     margin:0px;
     border:1px solid #e6e6e6;
     -webkit-print-color-adjust: exact;
}
 #file_list_body table td .mp_icon {
     float:right;
     margin-top:0px;
     position:absolute;
     right:5px;
     top:8px;
     color:#fff !important;
}
 #file_list_body table th.ok_sheet_desc {
     padding-left:10px;
     width:150px;
}
 #file_list_body table tr.current_ok_sheet td {
     background:#8f0787 !important;
     color:#fff !important;
}
 #file_list_body table tr th:nth-child(2) {
     text-align: left;
     padding-left:10px;
}
 #file_list_body table tr td:nth-child(2) {
     text-align: left;
     padding-left:10px;
     padding-right:38px;
     position:relative;
     word-break: break-all;
}
 #file_list_body table tr:nth-child(even) td{
     background:#f7f7f7;
}
 #file_list_body table tr td:nth-child(4), #file_list_body table tr th:nth-child(4) {
     width:110px;
     text-align: center;
}
 #file_list_body table tr td:nth-child(3), #file_list_body table tr th:nth-child(3) {
     width:45px;
     text-align: center;
}
 #file_list_body table tr.event td, #file_list_body table tr.event td a{
     background:#e1cddc !important;
     color:#000 !important;
}
 #file_list_body table tr.event td:nth-child(2){
     font-weight:bold;
}
 #file_list_body table tr td:nth-child(4) {
     color:#999;
     font-size:10px;
}
 #file_list_body table input[type="checkbox"], .inkzones_table input[type="checkbox"]{
     display:none;
}
 #file_list_body table input[type="checkbox"] + label span, .inkzones_table input[type="checkbox"] + label span{
     display:inline-block;
     width:14px;
     height:14px;
     border:1px solid #fff;
     margin:7px;
     vertical-align:middle;
     background:#e6e6e6;
     cursor:pointer;
}
 #file_list_body table label {
     margin:0px;
}
 #file_list_body table input[type="checkbox"]:checked + label span {
     background:#000 -14px top no-repeat;
}
 #file_list_body table th.easy_mode_col, #file_list_body table td.easy_mode_col {
     text-align: center;
     width:34px;
     height:34px;
     vertical-align: middle;
}
 #file_list_body table th.easy_mode_col img{
     height:34px;
     width:34px;
     display:inline;
     vertical-align:middle;
     padding:0px;
     margin:0px;
}
 #file_list_body table td.easy_mode_col img {
     height:30px;
     width:30px;
     display:inline;
     vertical-align:middle;
     padding:0px;
     margin:0px;
}
 #file_list_body table td.easy_mode_last {
     text-align: center;
     width:34px;
     height:34px;
     vertical-align: middle;
}
 #file_list_body table tr td.ok_sheet {
     padding:0px;
}
 #file_list_body table tr td.ok_sheet img{
     width:34px;
     height:34px;
}
 #file_list_body table td.easy_mode_last img {
     height:34px;
     width:34px;
     vertical-align:middle;
}
 #file_list_body table td.easy_mode_col img {
     height:16px;
     width:16px;
}
 #file_list_body table tfoot td {
     color:#999;
}
 h1 {
     line-height:30px;
}
 h1 img {
     vertical-align: middle;
     margin-right:5px;
}
 h2 {
     font-size:18px;
     border:none;
}
 .submit_box input[type="submit"]{
     width:30px;
     margin-top:17px;
     height:30px;
     font-size: 0;
     line-height: 0;
     background:url('/include/img/PI/ICO/reload_30.png');
}
 .submit_box input[type="submit"]:hover{
     background:url('/include/img/PI/ICO/reload_up_30.png');
}
 .setup_fieldset {
     padding:10px;
     border:1px solid #eee;
     background:#fafafa;
}
 .select_box {
     width:220px;
     float:left;
}
 .select_box select {
     width:200px;
}
 .select_box input[type=text] {
     width:190px;
}
 label {
     display:block;
}
 .flag_block {
     float: left;
     margin-right: 15px;
     font-size: 9px;
     position: relative;
     height: 14px;
     width: 120px;
     margin-bottom: 5px;
}
 .flag_block p {
     margin: 0px;
     float: left;
}
 .flag_block input {
     float: left;
}
 .flags_label {
     margin-bottom: 7px;
     color: #666;
     display:block;
}
 .flag_block div {
     float: left;
     margin-left: 3px;
     margin-right: 3px;
}
 .flag {
     width: 14px;
     height: 14px;
     margin: 0 auto;
     display: inline-block;
     border-radius: 7px;
}
 #hide_show_timeline {
     clear:both;
    padding-top:10px;
}
 #hide_show_timeline_button {
     padding:0px;
     margin:0px;
     padding-top: 5px;
     font-size:24px;
     line-height:30px;
     width:30px;
     height:30px;
     text-align: center;
     color:#999;
     float:right;
     background:none;
     
 }

#hide_show_timeline_button:hover{
    color:#666;
}
 #file_list_body table tr td:nth-child(2) span {
     margin-right:5px;
     color:#aaa;
     font-weight:normal;
}
 #file_list_body table td.group a{
     font-weight:bold;
     color:#A2359E ;
}
 .buttons .button, .buttons .button_red {
     width:120px;
}
 td.border-left, th.border-left{
     border-left-width:4px !important;
}
 td.border-right, th.border-right {
     border-right-width:4px !important;
}
 img.error_img{
     height:15px;
     margin-right:5px;
     vertical-align: middle;
     float:left;
}
 td.overall_efactor {
     font-weight:bold;
}
 .efactor_error {
     color:#f00 !important;
}
 #timeline, .timeline{
     height:400px;
     width:1180px;
     margin-bottom:10px;
}
 #track_info ul {
     list-style:none;
     padding:0px;
     margin:0px;
     margin-bottom:10px;
     position:relative;
}
 #track_info ul li {
     display:block;
     float:left;
     width:218px;
     height:45px;
     margin:5px;
     border:1px solid #eee;
     padding:5px;
     background:#f5f5f5;
}
 #track_info ul li label {
     display:block;
     font-size:9px;
     color:#999;
     padding:0px;
     margin-bottom:2px;
}
 #track_info ul li select {
     width:218px;
     margin-bottom:0px;
}
 #track_info ul li p:first-child{
     font-size:9px;
     color:#999;
     padding:0px;
     margin-bottom:2px;
}
 #track_info ul li p:last-child{
     font-size:11px;
     color:#000;
     display:block;
     width:100%;
     height:15px;
     padding:0px;
     margin-bottom:2px;
}
 .dahsboard_upload_container {
     float:right;
     height:30px;
     width:30px;
     margin-left:10px;
}
 .upload_icon {
     float:right;
     margin:0px;
     clear:none;
     background:url(/templates/chromachecker/img/upload_26.png);
}
 .upload_icon:hover{
     background:url(/templates/chromachecker/img/upload_26.png);
}
 .upload_icon30 {
     float:right;
     margin:0px;
     clear:none;
     background:url(/templates/chromachecker/img/upload_30.png);
}
 .upload_icon30:hover{
     background:url(/templates/chromachecker/img/upload_30.png);
}
 table.patch_list {
     width:100%;
     border-collapse:collapse;
     margin-bottom:10px;
}
 table.patch_list th {
     padding:3px;
     text-align:center;
     font-size:10px;
     background:#666;
     color:#fff;
     font-weight:normal;
     border:1px solid #eee;
}
 table.patch_list td {
     padding:3px;
     text-align:center;
     font-size:10px;
     border:1px solid #eee;
}
 table.patch_list tr:nth-child(even) td {
     background:#f5f5f5;
}
 .ok_sheet_patch_list {
     width:100%;
     border-collapse:collapse;
     margin-bottom:10px;
}
 .ok_sheet_patch_list td , .ok_sheet_patch_list th {
     padding:5px;
     text-align:center;
     border:1px solid #eee;
}
 .ok_sheet_patch_list th {
     color:#fff;
     background:#666;
     font-weight:normal;
}
 .ok_sheet_patch_list td.square_cell, .ok_sheet_patch_list th.square_cell {
     height:30px;
     width:30px;
     padding:0px;
}
 input.edit_baseline_field {
     width:80px !important;
     height:18px !important;
     font-size:10px;
     padding:0px !important;
     padding-left:5px !important;
     margin-bottom:0px !important;
}
 .ov_track_setup_icon, .ov_save_icon {
     float:right;
     margin:0px;
     height:30px;
     width:30px;
     color:#fff;
     text-align:center;
     font-family: 'icomoon';
     line-height:30px;
     font-size:26px;
     background:#aa00aa;
}
 .ov_save_icon {
     background:#18cb2d ;
}
 .ov_track_setup_icon:hover, .ov_save_icon:hover {
     background:#666;
     color:#fff;
}
 .ov_track_setup_icon:after{
     content:"\00E6";
}
 .ov_save_icon:after{
     content:"\00E5";
}
 #file_list_body table td.easy_mode_pass_total {
     padding:0px;
}
 #file_list_body table td.easy_mode_pass_total img {
     height:32px;
     width:32px;
}
 #track_section {
     background:#fafafa;
     border:1px solid #eee;
     padding:10px;
     margin-bottom:10px;
}
 .gray_text {
     color:#8f0787;
     text-transform: uppercase;
}
 #track_preferece_section {
     float:left;
     width: 388px;
     background:#fafafa;
     clear:left;
     height:480px;
     border:1px solid #eee;
     padding:10px;
     margin-bottom:10px;
}
 #search_section{
     float:right;
     width: 728px;
     height:480px;
     background:#fafafa;
     border:1px solid #eee;
     clear:none;
     padding:10px;
     margin-bottom:10px;
}
 #efactor_section {
     float:right;
     width: 250px;
     padding:0px;
     text-align:right;
}
 .efactor_logo_in_section {
     float:right;
     margin-right:10px;
     height:60px;
     width:60px;
}
 .total_efactor_value {
     font-size:40px;
     line-height:60px;
     float:right;
     margin-bottom:0px;
     vertical-align:bottom;
     margin-right:10px;
}
 .total_efactor_goal {
     font-size:20px;
     color:#999;
     margin-top:20px;
     float:right;
}
 #track_preferece_section hr, #search_section hr {
     border-color:#ccc;
     clear:both;
}
 #track_preferece_section h3, #search_section h3 {
     font-size:12px;
     text-transform: uppercase;
     font-weight:normal;
     margin-bottom:5px;
     color:#8f0787;
}
 .preference_field {
     float:left;
     width:180px;
}

 input:disabled{
     -webkit-text-fill-color:#880000;
    /* Override iOS / Android font color change */
     -webkit-opacity:1;
    /* Override iOS opacity change affecting text & background color */
     color:#880000;
    /* Override IE font color change */
}
 .text_green {
     color:#18cb2d !important;
}
 .text_red {
     color:rgb(218,30, 34) !important;
}
 .text_yellow {
     color:#e8c316 !important;
}
 .pagination {
     float:right;
     text-align:left;
     margin-top:10px;
     line-height:20px;
}
 .pagination_span {
     cursor:pointer;
     border-left:1px solid #ccc;
     padding:0px 5px;
     display:inline-block;
}
 .narrower {
     float:right;
     color:#ff6500;
     margin-top:10px;
     line-height:20px;
     margin-right:5px;
}
 .highlighted {
     color:#8f0787;
     font-weight:bold;
}
 .pivi_easy_toggle {
     position:relative;
     margin-left:5px;
}
 .pivi_easy_toggle a.right img {
     width:36px;
     height:36px;
}
 .toggle {
     width:202px;
     padding:15px;
     position:absolute;
     top:15px;
     background:#444;
     z-index:9999999999;
     right:15px;
}
 .toggle a {
     display:block;
     color:#ccc;
     padding:3px;
     line-height:inherit;
     float:left;
     clear:left;
}
 .toggle a:hover{
     color:#fff;
     background:none;
}
 .toggle img{
     height:20px;
     float:left;
     margin:0px;
     vertical-align:middle;
     display:inline;
}
 .toggle h3{
     color: #07a1e2;
     text-transform:uppercase;
     font-size:12px;
     font-weight:600;
     margin:0px;
     clear:both;
     padding-bottom:8px;
}
 .fonticon-autoshared {
     margin-top: 0px;
     position: absolute;
     right: 35px;
     color:#00B4C8 !important;
     top: 8px;
     font-size:20px !important;
}
/* New styles*/
 #easy_mode_nav .nav_easy_mode_info {
     border-color:#d0d0d0 !important;
}
 #track_pref_section {
     background:#d0d0d0;
     border-radius:0px;
     padding:10px;
     position:fixed;
     top:150px;
     width:1180px;
     z-index:9499;
}
 #track_preferece_section_form {
     display:none;
     margin-top:10px;
}
.preference_field select, .preference_field input[type=text] {
     width:170px;
     margin:0px;
     height:30px;
      box-sizing: border-box;
}
#track_preferece_section_form .preference_field select , #track_preferece_section_form.preference_field input[type=text] {
      width:200px;
}
 #track_preferece_section_form .preference_field {
     margin-right:25px;
     width:200px;
}
 #track_preferece_section_form {
     background:#ccc;
     border-top:2px solid #666;
     padding:10px;
}
#track_preferece_section_form input[type=submit] {
    padding:10px;
    background:#006CFF;
}
#track_preferece_section_form  h3 {
    color:#000;
}
#track_preferece_section_form hr {
    border-color: #666;
    margin-top:10px;
}
#track_preferece_section_form input[type=submit]:hover{
    background:#666;
}
 #edit_track_preferences {
     float:right;
     height:20px;
     margin:0px;
     margin-top:2px;
     cursor:pointer;
     font-size:12px;
     line-height:20px;

     border-radius:12px;
     color:#333;
}
 #edit_track_preferences:after {
     content:'\0101';
     font-size:20px;
     float:right;
     margin-left:5px;
     font-family:'icomoon';
}
 #edit_track_preferences:hover{
     color:#666;
}
 .track_desc_field {
     float:left;
     line-height:24px;
     font-size:12px;
     color:#666;
}
 .separator {
     width: 2px;
    /* średnica kółka */
     height: 10px;
     float:left;
     background: #999;
    /* kolor kółka */
     display: inline-block;
    /* żeby działało w linii jako separator */
     margin: 7px 25px;
    /* odstęp od tekstu lub innych elementów */
}
 .separator after {
}
 .track_desc_field_val {
     color:#000;
     font-weight:bold;
}
 #search_button {
     float:left;
     margin-top:17px;
     height:30px;
     background:#006CFF;
     width:30px;
     text-align: center;
     line-height:30px;
     font-size:20px;
     font-family:'icomoon';
 
     padding:0px !important;
}
 #new_search_section {
     background:#fff;
     padding:10px;
     margin-bottom:0px;
}
 #advanced_search_dropdown {
     color:#999;
    margin-bottom: 0px;
    line-height: 30px;


    margin-right: 0px;
    width: 30px;
    margin-top:17px;

    display:block;
    text-align: center;
    font-size:26px;
    height:30px;
 
    float:right;
}
#advanced_search_dropdown:after{
    content:'\E692';
        font-family:'icomoon'
}
#advanced_search_dropdown:hover {
    color:#666;
background:none;
}

 #search_button:hover{
     background:#666;
}
 #advanced_search {
     display:none;
}
section.main_sections {
    border-radius:0 !important;
    margin-bottom:10px;
    padding:10px;
} 
#advanced_search h3 {
   padding-top:10px;
}
.advanced_search_left {
    float:left;
    margin-bottom:10px;
}
.hide_icon, .show_icon {
    font-family: 'icomoon'
}
.hide_icon:after {
    content: '\E68A';
}
.show_icon:after {
    content: '\E689';
}