// ***************************  LMD functions **************************


.align(@align:center) {
	text-align:@align;
}

.bg(@type:cover){
  -webkit-background-size: @type !important;
  -moz-background-size: @type !important;
  -o-background-size: @type !important;
  background-size: @type !important;
}

.border-radius(@radius:4px){
	-webkit-border-radius: 	@radius;
	-moz-border-radius: 	@radius;
	border-radius: 			@radius;
}

.border-radius(@top_left:4px,@top_right:4px) {
	-webkit-border-top-left-radius: @top_left;
	-webkit-border-top-right-radius: @top_right;
	-moz-border-radius-topleft: @top_left;
	-moz-border-radius-topright: @top_right;
	border-top-left-radius: @top_left;
	border-top-right-radius: @top_right;
}

.border-radius(@top_left:4px,@top_right:4px,@bottom_right:4px){
	-webkit-border-top-left-radius: @top_left;
	-webkit-border-top-right-radius: @top_right;
	-webkit-border-bottom-right-radius: @bottom_right;
	-moz-border-radius-topleft: @top_left;
	-moz-border-radius-topright: @top_right;
	-moz-border-radius-bottomright: @bottom_right;
	border-top-left-radius: @top_left;
	border-top-right-radius: @top_right;
	border-bottom-right-radius: @bottom_right;
}

.border-radius(@top_left:4px,@top_right:4px,@bottom_right:4px,@bottom_left:4px){
	-webkit-border-top-left-radius: @top_left;
	-webkit-border-top-right-radius: @top_right;
	-webkit-border-bottom-right-radius: @bottom_right;
	-webkit-border-bottom-left-radius: @bottom_left;
	-moz-border-radius-topleft: @top_left;
	-moz-border-radius-topright: @top_right;
	-moz-border-radius-bottomright: @bottom_right;
	-moz-border-radius-bottomleft: @bottom_left;
	border-top-left-radius: @top_left;
	border-top-right-radius: @top_right;
	border-bottom-right-radius: @bottom_right;
	border-bottom-left-radius: @bottom_left;
}

.box-shadow(@horizontal: 0px, @vertical: 0px, @blur: 5px, @spread: 0px, @r:0, @g:0, @b:0, @a: 0.5){
	-webkit-box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
	-moz-box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
	box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
}

.box-sizing(@type:border-box){
	-webkit-box-sizing: @type;
	-moz-box-sizing: @type;
	box-sizing: @type;
}

.cell(@vertical-align: middle) {
	display:table-cell;
	vertical-align:@vertical-align;
}

.clear(@clear:both){
	clear:@clear;
}
.cclear(@clear:both){
	clear:@clear;
}
.cclear{clear:both;}

.columns(@count){
	-webkit-column-count: @count;
    -moz-column-count: @count;
    column-count: @count;
	break-before: column; 
	break-inside: avoid-column; 
	break-after: avoid-column;
}

.columns-gap(@gap){
	-webkit-column-gap: @gap;
	-moz-column-gap: @gap;
	column-gap: @gap;
}

.columns-rule(@rule:solid){
	-webkit-column-rule-style: @rule;
	-moz-column-rule-style: @rule; 
	column-rule-style: @rule;
}

.columns-rule-color(@color:#000){
	-webkit-column-rule-color: @color; 
	-moz-column-rule-color: @color;
	column-rule-color: @color;
}

.content-box() {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.display(@type: block){
	display:@type;
}

.float(@position: left) {
	float:@position;
}

.font(@size) {
	font-size:~"@{size}px";
}

.font-family(@family:~"'Open Sans',Arial"){
	font-family: @family;
}

.height(@height:100%){
	height:@height;
}

.max-width(@max-width:100%){
	max-width:@max-width;
}

.none(){
	display:none;
}

.position(@position:relative){
	position:@position;
}

.row(){
	display:table-row;
}

.table(@table-layout:auto){ // options: auto, fixed, initial, inherit
    display:table;
    table-layout:@table-layout;
}

.transform(@type){
	-webkit-transform: @type;   
	-ms-transform: @type;  
	transform: @type;
}

.transition(@time-value:300){
	@time:~"@{time-value}ms";
	-webkit-transition: all @time ease-in-out;
	-moz-transition: all @time ease-in-out;
	-ms-transition: all @time ease-in-out;
	-o-transition: all @time ease-in-out;
	transition: all @time ease-in-out;
}

.width(@width:100%) {
	width:@width;
}


// ****************************** style ******************************

.color_000 {color:#000;}
.color_111 {color:#111;}
.color_222 {color:#222;}
.color_333 {color:#333;}
.color_444 {color:#444;}
.color_555 {color:#555;}
.color_666 {color:#666;}
.color_777 {color:#777;}
.color_888 {color:#888;}
.color_999 {color:#999;}
.color_AAA {color:#AAA;}
.color_BBB {color:#BBB;}
.color_CCC {color:#CCC;}
.color_DDD {color:#DDD;}
.color_EEE {color:#EEE;}
.color_FFF {color:#FFF;}



// custom based on bootstrap 4



@media screen and (max-width: 767px){
	.text-xs-left 					{text-align:left;}
	.text-xs-center 				{text-align:center;}
	.text-xs-right 					{text-align:right;}
}
@media screen and (min-width: 768px){
	.text-sm-left 					{text-align:left;}
	.text-sm-center 				{text-align:center;}
	.text-sm-right 					{text-align:right;}
}
@media screen and (min-width: 992px){
	.text-md-left 					{text-align:left;}
	.text-md-center 				{text-align:center;}
	.text-md-right 					{text-align:right;}
}
@media screen and (min-width: 1200px){
	.text-lg-left 					{text-align:left;}
	.text-lg-center 				{text-align:center;}
	.text-lg-right 					{text-align:right;}
}


.hidden-xs-up {
  display: none !important;
}

@media (max-width: 767px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg-up {
    display: none !important;
  }
}




.display-block 					{display:block;}
.margin-0 						{margin:0 !important;}
.margin-bottom-0 				{margin-bottom:0 !important;}
.padding-0 						{padding:0 !important;}
.padding-top-0 					{padding-top:0 !important;}
.overflow-hidden				{overflow:hidden;}

.page_login_logo 				{.float();.width();.align();margin:0 0 40px;}
.page_login_logo img			{.display(inline-block);max-width:80%;width:128px;}

.page_register_logo 			{.display();.width();.align();margin:0 auto 20px auto;max-width:300px;}
.page_register_logo img			{.display(inline-block);max-width:40%;}



.ibox.widget 					{
								    border-radius: 5px;
								    padding: 15px 20px;
								    margin-bottom: 10px;
								    margin-top: 10px;
								    box-shadow:none;
								}

.widget.dashboard_btn 			{display:block;}
.widget.dashboard_btn:hover 	{color:#FFF;background:#23c6c8 !important;}
.widget.dashboard_btn .h3 		{font-weight:normal;}

@media (max-width: 767px) {
	body .widget.dashboard_btn .fa-2x	{font-size:18px;}
	body .widget.dashboard_btn .h3	{font-size:18px;}
}


.menu_logo_shape_w 				{.width();.align();}
.menu_logo_shape 				{.display(inline-block);width:52px;}

.navbar_logo_w					{height:60px;width:160px;.display(block);.transition();opacity:1;overflow:hidden;}
.navbar_logo_ct					{.display(table);height:100%;}
.navbar_logo_ct_c				{.cell();padding:5px 10px;color:#FFF;line-height:1;font-weight:bold;}
.navbar_logo_ct_c a				{.display(inline-block);vertical-align:middle;padding:3px 5px;}
.navbar_logo_ct_c img			{.display(inline-block);vertical-align:middle;padding-right:10px;max-width:52px;}



body.mini-navbar .navbar_logo_w 			{opacity:0;width:1px;}
@media screen and (max-width:399px){
	body .navbar_logo_w 		{opacity:0;width:1px;}
	body .navbar_logo_w .navbar_logo_ct_c	{padding:5px 0;}
}


.user_profile_img 							{max-width:32px;max-height:32px;}
body.before_logged #page-wrapper 			{margin:0;}
.register_row 								{margin:0 auto;max-width:1200px;}

@media screen and (min-width:100px){
	body #page-wrapper.disable_min_height 	{min-height:0 !important;}
}



.pwd_l .progress 		{margin-bottom:0;}
body .modal-body 		{padding:30px;}
.buser_table td			{vertical-align:middle !important;}
.buser_action 			{.align(right);width:160px;}

.bg-white 				{background:#FFF;}
.color-red				{color:#ed5565;}
.color-blue 			{color:#1c84c6;}

.project-files-2 li a 	{font-size: 14px;color: #676a6c;margin-left: 0px;line-height: 22px;}
.project-files-2 li i 	{margin-right:4px;}

td[aria-describedby="table_list_2_procent_wykonania"] 			{vertical-align:middle !important}
td[aria-describedby="table_list_2_procent_wykonania"] .peity 	{vertical-align:middle !important}




a.data_verify_btn	 	{color:#FFF !important;font-size:11px;}
a.data_verify_btn:hover	{background:#009d98;}

.tfile_action 			{width:20%;.align(right);}
.tfile_size 			{width:20%;.align(right);}


.modal .wizard > .content > .body 								{width:100%;}
.modal .summernote .wizard > .content 							{border: 1px solid #eee;background: #FFF;}

.wizard.page_register_wizard  > .content > .body 				{width:100%;}
.wizard.page_register_wizard  > .steps > ul > li  				{width:33.33%;}

@media screen and (max-width:767px){
	body .wizard.page_register_wizard  > .steps > ul > li  		{width:100%;}
	body .page_register_ibox-conent 							{padding:15px 10px 10px 10px;}
}


.no_wrap 				{white-space: nowrap;}




body.md-skin .nav-header 				{background: #2C415B url('patterns/header-profile-skin-2.png') no-repeat;}

body.md-skin .navbar-fixed-top, 
body.md-skin .navbar-static-top 		{background-color: #2C415B !important;}

























.img_table_w							{.clear();.width();height:260px;background:#F2F2F2;border:1px solid #e5e6e7;}
.img_table_w .table-responsive			{.position();z-index:1;}
.img_table								{.clear();.width();background:#FFF;.table();.position();z-index:1;}
.img_table td 							{vertical-align:middle;padding:15px;.position();}
.img_table tr td:first-child 			{width:130px;border-right:1px solid #e5e6e7;}
.img_table tr td:nth-child(2) 			{width:50px;border-right:1px solid #e5e6e7;}
.img_table tr:not(:last-child) td 		{border-bottom:1px solid #e5e6e7;}
.img_table .img_table_photo_ct 			{.table();.float();vertical-align:middle;width:100px;height:100px;}
.img_table .img_table_photo_ct_c 		{.cell();}
.img_table .img_table_photo_ct_c img	{.display(inline-block);max-width:100%;max-height:100px;margin:0 auto;}

.img_table tr:hover	td					{background:#EEE;.transition();cursor:pointer;}

.img_table label 						{.display();.position(absolute);z-index:2;top:0;left:0;.height(0px);.width(0px);margin:0;padding:0;}



.selected_img 							{.clear();.width();}
.selected_img_ct 						{.table(fixed);.float();.width();}
.selected_img_ct_l 						{.cell();width:130px;}
.selected_img_ct_r 						{.cell();}

.selected_img_ct_ct 					{.table();.float();vertical-align:middle;width:100px;height:100px;}
.selected_img_ct_ct_c 					{.cell();}
.selected_img_ct_ct_c img				{.display(inline-block);max-width:100%;max-height:100px;margin:0 auto;}
































// jQGrid FIXES

//Following code wraps row data

.ui-jqgrid tr.jqgrow td
    {           
        word-wrap: break-word; /* IE 5.5+ and CSS3 */
        white-space: pre-wrap; /* CSS3 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: normal !important;
        height: auto;
        vertical-align: text-top;
        padding-top: 2px;
        padding-bottom: 3px;
    }

//Following code wraps table header data    
.ui-jqgrid .ui-jqgrid-htable th div
    {
      word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
    padding-bottom: 3px;
    }

   .jqGrid_wrapper {
	clear: both;
	width: 100%;
}
/*
.jqGrid_wrapper > .ui-jqgrid,
.jqGrid_wrapper > .ui-jqgrid > div,
.jqGrid_wrapper > .ui-jqgrid > div > div,
.jqGrid_wrapper > .ui-jqgrid > div > div > div,
.jqGrid_wrapper > .ui-jqgrid .ui-jqgrid-htable
{
	clear: both;
	width: 100% !important;
	padding-right:0;
}*/