/*
#------------------------------------------------------------------------
# BlueArt Design (for XHTML 1.0 Transitional)
# Copyright (C) BlueArt Design. All Rights Reserved.
# Website: https://www.facebook.com/pages/BlueArt-Design/169126966464849?ref=hl
# Support: mikael_blue@yahoo.com 
#------------------------------------------------------------------------ 
*/


html {height:100%;}

body{margin:0px; padding:0px; width:100%; height:100%; color:#000; font-family:'Raleway', sans-serif; font-size:13px;
    font-style:normal; font-weight:normal; line-height:1.5; background-size:contain;}

*{margin:0; padding:0; text-decoration:none; box-sizing:border-box;}

img {margin:0px; padding:0px; border:none; vertical-align:middle; width:100%;}

h3 {font-size:14px;}

h4 {margin-bottom:15px; font-size:12px;}

#left_column {background:#12161E; float:left; position:fixed; width:20%; height:100%; box-shadow:0 1px 15px -5px #282828; top:0;}

#page_container {width:80%; float:left; position:relative; min-height:650px; margin:0; left:20%;}

#page_content {margin:35px;}

#header_container {float:left; width: 100%; height: 90px; position:fixed; box-shadow:0 1px 15px -5px #282828; z-index:9999; top:0;}

#header {float:left; width:100%; margin:0; padding:0; height:180px;} 

#header_top{width:100%; height:150px; margin:0; padding:0;}

#logo_bg {width:100%; top:35px; height:90px; position:relative; float:none; margin:0 auto; padding:0;}

#logo {background:url('../img/logo.png') no-repeat center center; background-size:contain; font-size:3em !important; font-weight:bold !important; 
	text-align:left; text-transform:none !important; z-index:9999; display:block; float:none; margin:0 auto; position:relative; width:85%;}	

#logo a {display:block; height:50px; text-indent:-9999em; width:275px;}	

#white_space {background:#fff; width:100%; height:4px;}

input, select {font-family:arial; font-size:12px; font-weight:700; color:#304669; height:25px; line-height:25px; padding-left:10px; width:100%; border:1px solid #ccc;}

input:disabled {background: #f0f0f0; border:0; border-bottom:1px solid #000;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s;    
}

input:-webkit-autofill {-webkit-text-fill-color: #fff;}

input:-webkit-autofill:focus {-webkit-text-fill-color: #fff;}

#judet, #vin, #numar, #motor {text-transform:uppercase;}

.clr {clear:both; font-size:0; line-height:0;}

.page-break	{display:none;}


/* Table style */

.date_filter {position:absolute; left:295px; z-index:9999;}

.table_rows {background:url('../img/select.png') no-repeat right center; background-size:contain; color:#8a9ab0; width:75px; border:1px solid #ccc; font-size:12px; height:35px;
-moz-appearance:none ;-webkit-appearance:none; outline:none; cursor:pointer; transition:all .4s ease-in-out; padding-left:5px; -webkit-padding-start:9px; -webkit-padding-before:1px;}

.table_rows:hover {box-shadow:0 0 4px rgb(204, 204, 204); border:1px solid #ccc;}

.table_rows:focus {box-shadow:0 0 4px rgb(204, 204, 204); border:1px solid #007bfa; background:url('../img/select_focus.png') no-repeat right center; background-size:contain;}

.table_rows option {height:25px; padding-left:10px;}

#start_date, #stop_date {background:url('../img/date.png') no-repeat right center; background-size:contain; width:180px; height:35px; transition:all .4s ease-in-out; float:left;}

#stop_date {margin-left:10px;}

#start_date:focus, #stop_date:focus {border:1px solid #007bfa; box-shadow:0 0 4px rgb(204, 204, 204);}

#refresh {background:url('../img/refresh.png') no-repeat left center; background-size:contain; width:105px; height:35px; float:left; text-align:center; cursor:pointer; 
    background-color:#043572; color:#fff; border:0; font-size:12px; margin-left:10px; font-weight:300; transition:all .4s ease-in-out;}
    
#refresh:hover {background-color:#011e43; box-shadow:0 0 4px rgb(204, 204, 204);}

.search_field {background:url('../img/search.png') no-repeat right center; background-size:contain; width:250px; height:35px; transition:all .4s ease-in-out;
    margin-right:10px; margin-bottom:15px;}

.search_field:focus {border:1px solid #007bfa; box-shadow:0 0 4px rgb(204, 204, 204);}

.tab_first {background:url('../img/link.png') no-repeat left center; background-size:contain; padding-left:35px !important;}

.tab_date {background:url('../img/tab_date.png') no-repeat left center; background-size:contain; padding-left:30px !important;}

.tab_client {background:url('../img/tab_client.png') no-repeat left center; background-size:contain; padding-left:30px !important; font-weight:700 !important;}

.tab_vin, .tab_numar {text-transform:uppercase;}

/* End of table style */


/* Form style */

.comanda_defecte textarea {width: 100%; height: 80px; border:1px solid #ccc; padding:5px;}

.buttons {width:50%; float:left; position:relative;}

.print_value {display:none;}

#ext_parts {margin-bottom:10px;}

.container_desc {width:100%; float:left;}

.check_parts {width:80%; float:left;}

.out_part_check {width:95%; float:left; text-align:right; font-weight:700; font-style:italic;}

.container_checkbox {cursor:pointer; width:5%; float:left; height:20px;}

.container_checkbox input {position:absolute; opacity:0; width:1px; height:1px; left:0; bottom:0;}

.checkmark {position:absolute; top:7px; margin-left:10px; height:15px; width:15px; background:#fff; border:3px solid #e43636; border-radius:2px;}

.container_checkbox:hover input ~ .checkmark {background:#fff; border:5px solid #e43636;}

.container_checkbox input:checked ~ .checkmark {background-color:#e43636; border:2px solid #e43636;}

.checkmark:after {content: ""; position:absolute; display:none;}

.container_checkbox input:checked ~ .checkmark:after {display:block;}

.container_checkbox .checkmark:after {left:2px; top:-2px; width:5px; height:9px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.input_row {height:25px; width:100%; float:left;}

#form_container {background:#f0f0f0; margin:35px 50px; font-family:calibri; float:left;}

#date {background:transparent; float:left; border:0; padding:0 0 0 10px; width:100%;}

.date_wrapper {width:12%; float:left; height:27px; line-height:27px; position:relative; font-size:12pt; font-weight:700;}

.date_wrapper input {font-size:14px;}
    
#form_header {width:100%; float:left; position:relative; display:none;}

#print_logo {width:270px; height:57px; float:right; display:none;}

.deviz_company {width:100%; float:left; position:relative;}

#deviz_title_wrapper {width:100%; margin:0 auto; padding-top:10px; height:47px; border: 1px solid #ccc;}

#deviz_title {width:55%; float:left; font-size:14px; font-weight:700; text-align:right; height:25px; line-height:25px; font-family:arial;}

#antet_deviz {font-size:10pt; font-weight:700; line-height:15px; float:left; width:55%;}

#form_content {width:100%; margin-top:5px;}

#content_wrapper {display:none;}

.left {width:50%; float:left;}

.left_narrow {width:35%; float:left;}

.right{width:50%; float:left;}

.right_wide {width:65%; float:left;}

.left_large {width:49.8%; float:left; border: 1px solid #ccc; padding:10px 15px 5px 15px;}

.right_large {width:49.8%; float:left; border: 1px solid #ccc; padding:10px 15px 5px 15px;}

.row, .row_border {height:32px; line-height:32px;}

.detail_container {border: 1px solid #ccc; padding:5px 15px; float:left; position:relative; width:100%; font-size:12px;}

#detail_container_print {display:none;}

.number {width:5%; float:left; line-height:25px;}

.number_desc {width:5%; float:left;}

.code, .code_desc {width:15%; float:left;}

.description, .description_desc {width:50%; float:left;}

.quantity, .quantity_desc {width:10%; float:left;}

.first_price, .first_price_desc {width:10%; float:left;}

.last_price_desc {width:10%; float:left;}

.last_price {width:10%; float:left; font-weight:700; font-size:12px; color:#304669; padding-left:10px; height:25px; line-height:25px; font-family:arial;
    border:1px solid #ccc; background:#fff;}

#sum, #sum_man {width:8%; float:left;}

.currency {width:4%; float:left; text-align:right;}

.rezultat {width:88%; float:left; text-align:right;}

.total {width:100%; float:left; height:30px; font-weight:700; font-size:14px; color:#304669; text-align:right; line-height:30px;}

.notes {display:none;}

#sum_total {width:8%; float:left; text-align:right;}

.numar_man {width:5%; float:left; line-height:25px;}

.numar_man_desc {width:5%; float:left;}

.descriere_man, .descriere_man_desc {width:65%; float:left;}

.norma_man, .norma_man_desc {width:10%; float:left;}

.tarif_man, .tarif_man_desc {width:10%; float:left;}

.cantitate_man {width:10%; float:left;}

.price_man_desc {width:10%; float:left;}

.price_man {width:10%; float:left; font-weight:700; font-size:12px; color:#304669; padding-left:10px; height:25px; line-height:25px; font-family:arial;
    border:1px solid #ccc; background:#fff;}

#show_btn_2, #show_btn_3, #show_btn_4, #show_btn_5, #show_btn_6, #show_btn_7, #show_btn_8, #show_btn_9, #show_btn_10, #show_btn_11, #show_btn_12, 
#show_btn_13, #show_btn_14, #show_btn_15 {cursor:pointer; color:#007bfa; width:150px; float:left;}

#hide_btn_3, #hide_btn_4, #hide_btn_5, #hide_btn_6, #hide_btn_7, #hide_btn_8, #hide_btn_9, #hide_btn_10, #hide_btn_11, #hide_btn_12,
#hide_btn_13, #hide_btn_14, #hide_btn_15, #hide_btn_16 {cursor:pointer; color:#cc0000; width:150px; float:left;}

#hide_btn_man_3, #hide_btn_man_4, #hide_btn_man_5, #hide_btn_man_6, #hide_btn_man_7, #hide_btn_man_8, #hide_btn_man_9, #hide_btn_man_10, #hide_btn_man_11, #hide_btn_man_12,
#hide_btn_man_13, #hide_btn_man_14, #hide_btn_man_15, #hide_btn_man_16 {cursor:pointer; color:#cc0000; width:150px; float:left;}

#show_btn_man_2, #show_btn_man_3, #show_btn_man_4, #show_btn_man_5, #show_btn_man_6, #show_btn_man_7, #show_btn_man_8, #show_btn_man_9, #show_btn_man_10, #show_btn_man_11,
#show_btn_man_12, #show_btn_man_13, #show_btn_man_14, #show_btn_man_15 {cursor:pointer; color:#007bfa; width:150px; float:left;}

.total_general {font-weight:700 !important; font-size:16px !important; color:#304669 !important;}

.stripes {display:none;}

#button_print {background:url('../img/print.png') no-repeat left center; background-size:contain; background-color:#007bfa; color:#fff; width:150px; height:35px;
    cursor:pointer; border:0; float:left; font-size:12px;}

#button_print:hover {background-color:#0267d0;}

#submit {background:url('../img/add.png') no-repeat left center; background-size:contain; width:150px; height:35px; background-color:#00285a; color:#fff; cursor:pointer; 
    border:0; float:left; font-size:12px; margin-left:10px; font-weight:300;}

#submit:hover {background-color:#011e43;}

.buttons_wrapper {width:100%; padding:30px 0; float:left; background:#fff;}

.white_space_h {width:100%; height:5px; float:left; background:#fff;}

.white_space_v {width:0.4%; min-height:209px; float:left; background:#fff;}

/* End of form style */


/* End of form style */



/* Nav menu */

#menu_wrapper {float:left; position:absolute; width:100%; height:60px; margin:0; padding:0;}

.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:1px;}

.logo a{color:#6DDB07;}

nav{position:relative; width:100%; margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0; list-style:none; float:left; line-height:0; display:block; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; width:100%;}

#cssmenu:after,#cssmenu > ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

#cssmenu #head-mobile{display:none;}

#cssmenu {background:transparent; margin:50px 0 0 0;}

#cssmenu > ul > li{float:left;}

#cssmenu > ul > li > a{padding:6% 0 0 6%; font-size:10pt; letter-spacing:1px; text-decoration:none; color:#889ab7; font-weight:300; height:60px; line-height:25px; width:80%;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {background:#232B38!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:29px;right:11px;width:8px;height:2px;display:block;background:#FFFFFF;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute; top:26px; right:14px; display:block; width:2px;height:8px;background:#FFFFFF;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

#cssmenu ul ul{position:absolute;left:-9999px}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#232B38;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.acasa, .fisa, .deviz, .istoric {width:20px; height:20px; margin:7% 0 0 11%; float:left;}

.acasa {background:url('../img/acasa.png') no-repeat center center; background-size:contain;}

#cssmenu > ul > li:hover .acasa {background:url('../img/acasa_hover.png') no-repeat center center; background-size:contain;}

.fisa {background:url('../img/fisa.png') no-repeat center center; background-size:contain;}

#cssmenu > ul > li:hover .fisa {background:url('../img/fisa_hover.png') no-repeat center center; background-size:contain;}

.deviz {background:url('../img/deviz.png') no-repeat center center; background-size:contain;}

#cssmenu > ul > li:hover .deviz {background:url('../img/deviz_hover.png') no-repeat center center; background-size:contain;}

.istoric {background:url('../img/istoric.png') no-repeat center center; background-size:contain;}

#cssmenu > ul > li:hover .istoric {background:url('../img/istoric_hover.png') no-repeat center center; background-size:contain;}




/* Login style */

.user_menu {font-size:10px; font-weight:700; color:#fff; margin-top:35px; padding-left:10%;}

.user_menu_icon {background:url('../img/account.png') no-repeat center center; background-size:contain; width:20px; height:20px; float:left;}

.user_menu_links {float:left; width:150px; margin-left:10px;}

.user_menu a, .user_menu a:visited {color:#fff;}

.login_wrapper {background:url('../img/login_bg.png') no-repeat center center #060d14;; background-size:contain; width:100%; height:100%;}

.login_content {width:350px; margin:0 auto; padding-top:100px;}

.login_logo {background:url('../img/logo.png') no-repeat center center; background-size:contain; width:350px; height:75px; margin-bottom:50px;}

#login {width:100%;}

.login_wrapper h2 {color:#fff; font-size:24px; padding:20px 0 20px 0; font-weight:300; font-family:calibri;	text-transform:uppercase;} 

#login form {display:flex; flex-wrap:wrap; justify-content:center; padding-top:20px;}

#login label {display:block; height:25px; line-height:25px; color:#ffffff;}

#login input[type="password"], #login input[type="text"] {width:350px; height:35px; border:2px solid #3e7fc0; color:#fff; margin-bottom:20px; padding:0 15px;
  	background:transparent; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);}

#login input[type="password"]:focus, #login input[type="text"]:focus {border:2px solid #cc0000; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3); 
   background:transparent;}
   
#login input[type="password"]:-webkit-autofill, #login input[type="text"]:-webkit-autofill {background:transparent !important;}

#login input[type="submit"] {
  	width: 100%;
 	margin-top: 20px;
  	background-color: #3274d6;
  	border: 0;
  	height:50px;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	transition: background-color 0.3s;
}

#login input[type="submit"]:hover {background-color:#064bb2; transition:background-color 0.3s;}

.help-block {color:#ff63a2;}

/* End of login style */