.user_need {
font-size: 16px;
font-weight: 700;
}

#user_tabs {
    overflow: hidden; 
    position: relative;
}

#user_tabs ul {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
border-bottom: 1px solid #DEDEDE;
color: #222222;
font-weight: 700;
	
}

#user_tabs ul:before,
#user_tabs ul:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
#user_tabs ul:after {
	clear: both;
}

#user_tabs ul li {
border: 1px solid #DEDEDE;
color: #212121;
background: #F9F9F9;
font-weight: 100;
border-bottom-width: 0px;
float: left;
list-style: none;
margin: 1px 5px 0px 1px;
padding: 0px;
position: relative;
white-space: nowrap;
/* border-top-right-radius: 4px;
border-top-left-radius: 4px; */
line-height: 1.4;
}

#user_tabs ul li.active,
#user_tabs ul li:hover {
margin-bottom: -1px;
padding-bottom: 1px;
background: linear-gradient(to bottom, #FCFCFC, #FFFFFF, #FFFFFF) #FFFFFF;
border-top-color: #168DE2;
}

#user_tabs ul li:first-child {
    margin-left: 0px;
}

#user_tabs ul li:last-child {
    float: right;
    margin-right: 0px;
}

#user_tabs ul li a {
padding: 5px 10px;
text-decoration: none;
color: #333;
display: block;
font-weight: 700;
}

#user_tabs ul li.active a,
#user_tabs ul li:hover a {
	color: #375E93;
}
 


/* ******************************************* */

#user_tabs_status ul {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
border-bottom: 1px solid #DEDEDE;
color: #222222;
font-weight: 700;
	
}

#user_tabs_status ul:before,
#user_tabs_status ul:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
#user_tabs_status ul:after {
	clear: both;
}

#user_tabs_status ul li {
border: 1px solid #DEDEDE;
color: #212121;
background: #F9F9F9;
font-weight: 100;
border-bottom-width: 0px;
float: left;
list-style: none;
margin: 1px 5px 0px 0px;
padding: 0px;
position: relative;
white-space: nowrap;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
line-height: 1.4;
}

#user_tabs_status ul li.step_status {
border: none;
background: #FFF;
}

#user_tabs_status ul li.step_status span {
padding-top: 9px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 0px;
}

#user_tabs_status ul li.step_status span:before {
content: "";
width: 12px;
height: 15px;
background: url(../../img/arr_step_status.png) 0px 0px no-repeat;
display: inline-block;
vertical-align: middle; 
}

#user_tabs_status ul li.step_status span.active:before {
background: url(../../img/arr_step_status.png) 0px -15px no-repeat;
}




#user_tabs_status ul li.active {
margin-bottom: -1px;
padding-bottom: 1px;
background: green !important;
border-color: green !important;
}

#user_tabs_status ul li.active span{
color: #FFF !important;
}

#user_tabs_status ul li span {
padding: 5px 10px;
text-decoration: none;
color: #212121;
display: block;
text-align: center;
}

#user_tabs_status ul li i {
text-align: center;
display: block;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 4px;
padding-top: 4px;
background: #FFFFFF;
border-top: 1px solid #DEDEDE;
}

#user_tabs_status ul li.active i{
border-color: green !important;
}

#user_forms_content {
    padding: 15px 0px;
}

/* ******************************************* */
 
.user_content_before {
padding-left: 20px;
padding-right: 20px;
}

.user_content_before h3 {
padding-left: 10px;
padding-right: 10px;
padding-top: 16px;
padding-bottom: 16px;
color: #375E93;
font-size: 20px;
line-height: 24px;
font-weight: 400;
}

.user_content {
background: rgba(255, 255, 255, 0.494);
padding: 10px;
border-radius: 10px;
}

.headline_slide_info b {
color: #375E93;
text-align: center;
display: block;
font-size: 12px;
}

.headline_slide_info_but button {
text-align: center;
display: block;
width: 99%;
cursor: pointer;
border: 1px solid #CCCCCC;
font-size: 12px;
font-weight: 400;
color: #ff9900;
background: #FFFFFF;
padding: 1px 4px; 
margin-top: 3px;
}

.headline_slide_info_but button:hover {
color: rgba(255, 0, 0, 0.7);
background: #F9F9F9;
}

.headline_slide_info_but button:before {
content: "";
width: 20px;
height: 14px;
background: url(../../img/arr_but_slide.png) 0px -14px no-repeat;
display: inline-block;
vertical-align: middle; 
}

.headline_slide_info_but button.u_arr:before {
background-position: 0px 0px;
}



.user_order_status_text {
vertical-align: middle; 
line-height: 22px; 
font-size: 12px; 
padding: 1px; 
padding-left: 5px; 
padding-right: 5px; 
border-radius: 4px; 
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.506);
font-weight: 700;

border: 1px solid #BCE8F1;
background-color: #D9EDF7;
color: #3A87AD;
}



.user_order_status_text_otmena {
border: 1px solid #EED3D7; 
background-color: #F2DEDE;
color: #B94A48;  
}

.date_status_cat {
display: block;
font-size: 12px; 
font-weight: 400;
color: #000;
padding: 2px 5px;
background-color: #fff;
} 


.user_order_table { 
background: rgba(255, 255, 255, 0.600);
width: 100%;
}
.user_order_table tbody tr:nth-child(2n+1) { 
background-color: #FBFBFB;
}
.user_order_table td, 
.user_order_table th { 
border: 1px solid #EEEEEE;
padding: 5px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}

.user_order_table td img.view_order_product_img, 
.user_order_table th img.view_order_product_img { 
width: 48px;
}

.user_order_table td {
   width: 60px; 
   max-width: 60px; 
}

.user_order_table td.title {
   width: 250px; 
   max-width: 250px; 
   text-align: left;
}

.user_order_table td.table_number_column {
   width: 30px; 
   max-width: 30px; 
}

.user_order_table td.img {
   width: 65px; 
   max-width: 65px; 
}