* { font-size: 16px; font-family: 'Open Sans', Tahoma; color: #333; }
body { background: #fff; }
a { color: #0078ca; text-decoration: none; outline: none; }
a:hover { color: #0078ca; text-decoration: underline; }
h1 { font-weight: normal; font-family: Dosis, Tahoma; font-size: 24px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; margin-top: 40px; }
h2 { font-weight: normal; font-family: Dosis, Tahoma; font-size: 16px; border-radius: 3px; padding: 3px; margin-bottom: 5px; background: #deebf0; text-indent: 5px }
h2.active { background: #557683; color: white; text-shadow: 1px 1px #000 }
.products { padding: 0px 10px; }

small { font-size: 12px; }

#login_bg{ background: #111; }

#header { height: 142px; background: #111111; position: relative; }
#logo { position: absolute; top: 20px; left: 30px; }
#modules { position: absolute; bottom: 0px; left: 30px; }

#nav {
height: 100%;
overflow: auto;
}
#nav div { text-align: center; }
#nav a { color: white; font-size: 15px; font-weight: normal; }

#modules li { float: left; margin-right: 3px; background: url(../img/menu_left.gif) top left no-repeat; }
#modules li a { display: block; padding: 0 15px; height: 30px; line-height: 30px; text-align: center; color: white; text-shadow: 1px 1px #333; font-size: 16px; background: url(../img/menu_right.gif) top right no-repeat; }
#modules li.active { background: url(../img/menu_active_left.gif) top left no-repeat; }
#modules li.active a { background: url(../img/menu_active_right.gif) top right no-repeat; color: #101d2d; text-shadow: 1px 1px #fff; }
#modules li a:hover { text-decoration: none; }

#layout { padding: 30px; }

#langs { border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; background: url(../img/th.gif) center; }
#langs a { float: left; text-transform: uppercase; text-decoration: none; color: #888; font-size: 16px; display: block; padding: 3px 5px; margin-right: 3px; }
#langs a.active { color: #000; background: url(../img/th_dark.gif) center;  }

#tree { float: left; width: 17%; margin-right: 2%; }

#nav li a { font-size: 14px; }
#nav li.active a { color: #000; text-decoration: underline; }

#content { float: right; width: 80%; }

#materials_dialog { display: none; position: absolute; margin-left: 610px; margin-top: 93px; width: 335px; background: #fff; border: 3px solid #ddd; }

#login_layout { width: 303px; margin: 15% auto; }
#login {  width: 303px; height: 115px; background: url(../img/login.jpg); }
#login * { color: white; }
#login input { border: 1px solid #fff; background: #eee; color: black; }
#login .title { background: #f5851f; text-align: center; color: white; text-shadow: 1px 1px #666; font-size: 16px; }

.small { width: 50px; color: black }

.quantity { }
.quantity input { width: 50px; text-align: center }
.need { width: 90px; text-align: center; font-weight: bold }

.shift_rent { width: 50px; text-align: center }
.shift_half_rent { width: 50px; text-align: center }
.discount_rent { width: 50px; text-align: center }

.shift_facilities { width: 50px; text-align: center }
.shift_half_facilities { width: 50px; text-align: center }
.discount_facilities { width: 50px; text-align: center }

.shift_service { width: 50px; text-align: center }
.shift_half_service { width: 50px; text-align: center }
.discount_service { width: 50px; text-align: center }

.shift_addon { width: 50px; text-align: center }
.shift_half_addon { width: 50px; text-align: center }
.discount_addon { width: 50px; text-align: center }
.cost_addon { width: 90px; text-align: center }

.shift_transport { width: 50px; text-align: center }
.shift_half_transport { width: 50px; text-align: center }
.discount_transport { width: 50px; text-align: center }

.shift_products { width: 50px; text-align: center }
.shift_half_products { width: 50px; text-align: center }
.discount_products { width: 50px; text-align: center }

.warehouse { background: #eee; }
.warehouse input { width: 50px; text-align: center }
.discount { width: 50px; text-align: center }

.price { width: 70px; text-align: center;}

.notice { background: #fcfee4; border: 1px dotted #ddd; padding: 10px; }

.f11 * { font-size: 11px; }

.selected { background: #fcfee4; }
.inactive, .inactive * { color: #aaa; }

.tabs { height: 32px; }
.tabs li { float: left; background: url(../img/submenu_bg.gif) repeat-x; text-align: center; }
.tabs li.first { height: 32px; float: left; width: 6px; background: url(../img/submenu_left.gif) no-repeat; }
.tabs li.last { height: 32px; float: left; width: 7px; background: url(../img/submenu_right.gif) top right no-repeat; }
.tabs li.sep { height: 32px; float: left; width: 2px; background: url(../img/submenu_seperator.gif) no-repeat; }
.tabs li a { font-size: 16px; color: #888; text-shadow: 1px 1px #eee; height: 32px; line-height: 32px; margin-right: 20px; display: block; width: 100%; }
.tabs li a.active { color: #000; }
.tabs li a:hover { text-decoration: none; color: #000; }

.page_name { float: left; font-size: 26px; color: #ccc; text-shadow: 1px 1px #333; }
.provisions { float: left; display: block; margin-left: 30px; line-height: 32px; height: 32px; padding-left: 40px; background: url(../img/provisions.jpg) center left no-repeat; }

.hr { background: url(../img/dotted.gif) center repeat-x; }

.label2 { width: 180px }

.label { padding: 3px 0px; width: 250px; }
select, input, textarea { box-shadow: inset 1px 1px 3px #ccc; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 3px; border-radius: 5px; }
a.button { }
.button { box-shadow: none; border-radius: 10px; color: #eee; border: none; text-shadow: 1px 1px #333; padding: 3px 10px; text-align: center; cursor: pointer; background: #7d2222; font-weight: normal; font-size: 16px; }
.smallbutton { box-shadow: none; border-radius: 5px; color: #eee; border: none; text-shadow: 1px 1px #333; padding: 0px 3px; text-align: center; cursor: pointer; background: #336699; font-weight: normal; font-size: 15px; }
.button2 { border-radius: 10px; color: #eee; border: none; text-shadow: 1px 1px #333; padding: 5px 15px; text-align: center; cursor: pointer; background: #7d2222; font-weight: normal; font-size: 18px; }
.button:hover { color: #fff; background: #ab1919; text-decoration: none; }

.warehouses span { display: inline-block; padding: 0 5px; margin-bottom: 5px; color: black; border-radius: 5px; cursor: pointer }
.warehouses span.active { background: #557683; color: white; }

.shadow {  }

.clear0 { height: 0px; font-size: 0px; clear: both }
.clear_space { height: 5px; font-size: 0px; clear: both }

.head { padding: 5px; background: #f0f0f0; }

table.info { border-collapse: collapse; border-spacing: 0px; }
table.info tr {  }
table.info tr.th { overflow: hidden; background: #666; border-radius: 5px;  }
table.info tr.th  td:first-child { border-top-left-radius: 5px; }
table.info tr.th td:last-child { border-top-right-radius: 5px; }
table.info tr.th  td:first-child { border-bottom-left-radius: 5px; }
table.info tr.th  td:last-child { border-bottom-right-radius: 5px; }
table.info tr.th * { color: #fff; }
table.info td { padding: 3px; vertical-align: middle; }

table.info2 { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-collapse: collapse; border-spacing: 0px; }
table.info2 th { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 2px; background: #f0f0f0; color: #666; }
table.info2 td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 2px; }
table.info tr.th input { color: #000; }
.reserved { background: url(../img/blue.gif) no-repeat #eef; text-indent: 10px; border: 1px solid #a0d0ff !important; }
.reserved .phone { font-size: 11px; }

.done { background: url(../img/orange.gif) no-repeat #fee; text-indent: 10px; border: 1px solid #ffd0a0 !important; }
.done .phone { font-size: 11px; }

.product_popup { color: #0078ca; cursor: pointer }
.product_popup:hover { text-decoration: underline; }

#sortable li { background: #ddd; text-indent: 10px; border-radius: 5px; margin-bottom: 2px; padding: 3px 0; border: 1px solid #ccc }
.sortable li { background: #ddd; text-indent: 10px; border-radius: 5px; margin-bottom: 2px; padding: 3px 0; border: 1px solid #ccc }

.warehousecol { width: 50px; }

.groupprice { width: 50px; text-align: center }

.required { border: 1px solid red; }
.active-row { background: #557683; color: white; display: block; border-radius: 3px; }
.active-row:hover { color: white; }

.search { padding-bottom: 10px; }
.hour { width: 32px; text-align: center; }
.date { width: 100px; text-align: center; }
.w6 { width: 60%; float: left; }
.w5 { width: 50%; float: left; }
.w4 { width: 40%; float: left; }

.l { float: left; }
.r { float: right }
.c:after { clear: both; }
.c:before,
.c:after {
  content:"";
  display:table;
}

.active_lang { background: #c7100e; border-radius: 5px; }

.rusiavimas {
cursor: pointer;
}
.sortable2 {
display: none;
}
.sortable2>li {
background-color: #B1B1B1 !important;
}
.sortable3 {
display: none;
}
.sortable3>li {
background-color: #DDD !important;
margin-left: 30px;
}
.groupui, .subgroupui {
cursor: pointer;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
background-color: green;
}
#loadingas {
position:fixed; 
width:100%; 
height: 100%; 
background-color: rgba(0, 0, 0, 0.7); 
top: 0px; 
left: 0px; 
display: none; 
z-index: 5000;
}
#imgloadingui {
position:fixed; 
top: 40%;
left: 49%;
}
.pleciamas1, .pleciamas2, .pleciamas3, .pleciamas4 {

}
.acordeonui {
cursor: pointer;
}
.popup {
overflow-y: scroll;
}
.suskleistas {
background-color: #C8D4D8;
}

.statistikos_lenta {
   border: 1px solid black;
   border-collapse: collapse;
}
.statistikos_lenta td {
   border: 1px solid black;
   padding: 3px;
   text-align: center;
}

.statistikos_lenta tr:hover {
   background-color: #CFCFCF;
}
.papilkintas {
   background-color: #CFCFCF !important;
}

.necentrinis {
   text-align: left !important;
}

.main_head {
background-color: #CFCFCF;
}

.sandelio_head {
background-color: #E6E6E6;
}

.grupes_head {
background-color: #F8F8F8;
}
.total_head {
background-color: #FFFFB8;
}
.client_head {
background-color: #919C69;
}
.acordeonuiS, .acordeonuiSS, .acordeonuiSan {
padding-left:3px;
padding-right:3px;
background-color: #00B200;
cursor: pointer;
border-radius: 3px;
}
.acordeonuiG {
padding-left:3px;
padding-right:3px;
background-color: #4DFF4D;
cursor: pointer;
border-radius: 3px;
}

.grupe, .daiktas, .sandelis, .kieno {
display: none;
}
.daiktas, .total {
background-color: white;
}

#kal_top {
width: 100%;
text-align: center;
}
.kal_lenta {
width: 100%;
aborder: 1px solid black;
border-collapse: collapse;
}
.kal_lenta td {
   border: 1px solid black;
   padding: 3px;
   text-align: center;
   border-collapse: collapse;
   margin-left: -1px;
}
.klikui {
cursor: pointer;
}
#pasirinkimas {
display: none;
position: fixed;
background-color: white;
border: 1px solid black;
border-radius: 10px;
padding: 10px;
top: 40%;
left: 40%;
z-index: 9999;
text-align: center;
}



.darbuotojai, .auto, .free, .tech, .technika {
	display: none;
}
.akordeonui {
	cursor: pointer;
}

.inactive {
	color: #b3b3b3;
}
.kal_prod {
	cursor:pointer;
}

#kal_info_l {
	display: none;
	position: absolute;
	z-index: 99999;
	padding: 5px;
	border: 1px solid black;
	background-color: white;
	border-radius: 5px;
	max-width: 300px;
}
#kal_info_f {
	display: none;
	position: fixed;
	z-index: 99999;
	padding: 5px;
	left: 30%;
	border: 1px solid black;
	background-color: white;
	border-radius: 5px;
	text-align: center;
}

.kal_eilute:hover {
	/* border-left: 4px solid red;
	border-right: 4px solid red; */
	box-shadow:inset 0px 0px 2px 1px #000;
}

#monospace {
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}