@charset "UTF-8";
/* CSS Document */

.user
{
	position:relative;
	top:-40px;
	right:15px;
}

.navbar-btn
{
	margin-bottom:0px;
}

.tab-content
{
	/*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	padding:15px;	*/
}

.tab-content .nested
{
/*	box-shadow: 0 0 0 rgba(0,0,0,.0)!important;*/

/*	box-shadow: none!important;
	padding:0px;	*/
}

.tab-content.nested
{
/*	padding-left:4px;
	padding-right:4px;
	*/
}

.offline 
{ 
	display:none; 
}

a
{
	cursor:pointer;
}

.hide
{
	display:none;
}

.pull-center 
{
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

/* MARGINS */
.margin-left
{
	margin-left:3px !important;
}

.margin-right
{
	margin-right:3px !important;
}

            
/* The progress container (grey background) */
.progress-container 
{
	height: 6px;
   	background: white; 
}

/* The progress bar (scroll indicator) */
.progress-bar 
{
	height: 6px;
	background: #4caf50;
}
            
                
/* scroll  */
.scroll2top 
{
	display: none; /* Hidden by default */
	position: fixed !important; /* Fixed/sticky position */				
	bottom: 58px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	background:transparent;
}
    
.scroll2top:hover 
{
/*	background-color: #555; */
}	

.scroll2bottom 
{
	display: block; /* shown by default */
	position: fixed !important; /* Fixed/sticky position */				
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	background:transparent!important;
}
.scroll2bottom div
{
	background:transparent!important;
}

.scroll2bottom:hover 
{
/*	background-color: #555; */
}	

.progress-container 
{
    width: calc(100% + 30px);
	margin-left:-15px;
    margin-right:-15px;            
    background: white; 
}

/* The progress bar (scroll indicator) */
.progress-bar 
{
    background: #4caf50;
    width: 0%;
}

/* LIST GROUPS */
/* no-border */
.list-group-item.no-border
{
	border:0px;
	padding:5px;
}


/* TEXT */
.text-wt
{
	font-size:8px;
}


.text-xs
{
	font-size:10px;
}

.text-sm
{
	font-size:12px;
}

.text-md
{
	font-size:14px;
}

.text-lg
{
	font-size:16px;
}



/* TABLE */
th
{
	position:relative;

}

.table>tbody>tr>td, .table>thead>tr>th
{
	white-space:normal;
	overflow-wrap:anywhere;
	word-wrap:anywhere;
}

th.middle, td.middle
{
	vertical-align:middle !important;
}

th.left, td.left
{
	text-align:left;
}

th.right, td.right
{
	text-align:right;
}

th.center, td.center
{
	text-align:center;
}

th.justify, td.justify
{
	text-align: justify;
}

UL.pagination
{
	margin-bottom:0px;
}

DIV.toolbar
{
	margin-bottom:3px;
}

nav.tablePaginator
{
	clear:both;

}


ol.breadcrumb
{
	background-color: whiteSmoke;
	border:0px solid lightgrey;
}


/* NAVBAR */

.navbar
{
	margin-bottom:15px;
}

.fixed-header
{
	padding-top:70px;
}

.fixed-footer
{
	padding-bottom: 70px;
}

.navbar-nested
{
	padding-left:0px;
	min-height:0px;
}

.navbar-no-margin
{
	margin-bottom: 0px;;
}


/*
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a
{
    margin-top: 1px;
    border:0px;
}
.nav-tabs > li {
    margin-bottom: 0px; 
}
.nav-tabs > li.active {
    margin-bottom: -1px;    
}
*/
/*
.nav-tabs, .nav-pills
{
	position:absolute;
}
*/

UL.nav-radio>LI
{
	margin-left:10px !important;
	color:white !important; 
	top:3px;
}
UL.nav-radio>LI:first-child
{
	margin-left:0px !important;
	color:white !important; 
	top:3px;
}


UL.nav-check>LI
{
	margin-left:10px !important;
	color:white !important; 
	top:3px;
}
UL.nav-check>LI:first-child
{
	margin-left:0px !important;
	color:white !important; 
	top:3px;
}




.btn-group .active .text
{
/*	text-decoration: underline; */
}

.nav.nav-tabs.condensed
{
	float:left;
} 

.nav.nav-pills.condensed
{
	float:left;
} 


/*
LI .radio .text
{
	color:white !important;
}

li.navbar-check
{
	margin-left:10px;
}
*/

NAV.navbar-tree
{
	margin-top:-15px;
}


/* navbar   https://stackoverflow.com/questions/18599778/decreasing-height-of-bootstrap-3-0-navbar */

/* primary */
.navbar-primary .navbar { background:#9f58b5; border-bottom:none; }

.navbar-primary .navbar .nav > li > a {color: #501762;}
.navbar-primary .navbar .nav > li > a:hover {color: #fff; background-color: #8e49a3;}
.navbar-primary .navbar .nav .active > a, .navbar-primary .navbar .nav .active > a:hover {color: #fff; background-color: #501762;}
.navbar-primary .navbar .nav li > a .caret, .navbar-primary .tnav .navbar .nav li > a:hover .caret {border-top-color: #fff;border-bottom-color: #fff;}

.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover {}
.navbar-primary .navbar .nav > li.dropdown.open > a {color: #fff;background-color: #9f58b5;border-color: #fff;}
.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover .caret, .navbar-primary .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: #fff;}

.navbar-primary .navbar .navbar-brand {color:#fff;} 
.navbar-primary .navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}

/* success */
/*.navbar-success .navbar { background:#9f58b5; border-bottom:none; }*/

.navbar-success .navbar .nav-pills > li > a {color: #5cb85c;}
.navbar-success .navbar .nav-pills > li > a:hover {color: #5cb85c; background-color: whiteSmoke;}
.navbar-success .navbar .nav-pills .active > a, .navbar-success .navbar .nav .active > a:hover {color: #fff; background-color: #5cb85c;}
.navbar-success .navbar .nav-pills li > a .caret, .navbar-success .tnav .navbar .nav li > a:hover .caret {border-top-color: white;border-bottom-color: white;}

.navbar-success .navbar .nav-pills > li.dropdown.open.active > a:hover {}
.navbar-success .navbar .nav-pills > li.dropdown.open > a {color: #fff;background-color: #5cb85c;border-color: white;}
.navbar-success .navbar .nav-pills > li.dropdown.open.active > a:hover .caret, .navbar-success .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: white;}

.navbar-success .navbar .navbar-brand {color:#fff;} 
.navbar-success .navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}


/* navbar sm */
.navbar-sm .navbar { min-height:40px; height: 40px; }
.navbar-sm .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 40px; }

.navbar-sm .navbar .nav-pills > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }
.navbar-sm .navbar .nav-tabs > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }
.navbar-sm .navbar .nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }


/* navbar xs */
.navbar-xs .navbar { min-height:28px; height: 28px; }
.navbar-xs .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 28px; }

.navbar-xs .navbar .nav-pills > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
.navbar-xs .navbar .nav-tabs > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
.navbar-xs .navbar .nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }


/* SIDEBAR */
.sidebar-wrapper
{

}

.navbar-sidebar
{
	max-height: calc(100vh - 120px);
	overflow-y:scroll;
}

.tab-content.sidebar
{
	max-height: calc(100vh - 120px);
	overflow-y:scroll;
}


/* FOOTER */

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

/*#container */
#_body
{
   min-height:100%;
   position:relative;
}


.navbar.footer
{
	margin-bottom:0px;
}

.navbar-sticky-footer
{
   	position:absolute !important;   
	bottom:0px;
}

.navbar-sticky-footer.container-fluid
{
	width:100%;
}


.footer.sticky
{
   	position:absolute;   
	bottom:0px;
}

.footer.fixed
{
    position: fixed;
    left: 0;
    bottom: 0;
}


/* BUTTON */
/*.btn ~ *:not(.dropdown-menu)
{
	margin-left:4px !important;
}*/

.btn.dialog-close
{
	border:0px;
}

div.btn-parent
{
	padding:0px;
	border:0px;
	position:relative;
}

div.btn-parent div.btn
{
	width:100%;
}


.no-borders
{
	border:0px;
}

.btn.no-borders:hover
{
	background-color:transparent;
/*	border:1px solid #ccc;*/
}

/*
div.btn-parent:not(.pull-right, .dropdown-menu) ~ * 
{
	margin-left:3px;
}

div.btn-parent.pull-right + *
{
	margin-right:3px;
}
*/

div.button
{
	width:100%;
}

.btn-margin-left
{
	margin-left:3px !important;
}
.btn-margin-right
{
	margin-right:3px !important;
}

/*
button:not(.pull-right, .dropdown-menu) ~ * 
{
	margin-left:3px;
}


button.pull-right + *
{
	margin-right:3px !important;
}

a.btn ~ * 
{
	margin-left:3px;
}

*/

/* GLYPHICON */

/* if has glyphicon after something else */
.glyphicon ~ *
{
	margin-left:5px !important;
}

.caret + span
{
	margin-left:5px !important;
}

.input-group-addon .caret + span
{
	margin-left:0px !important;
}


/* TOOLTIP */

/* Popup container - can be anything you want */
.popup {
	position: relative;
	display: inline-block;
/*	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}

/* The actual popup */
.popup .popuptext {
	visibility: hidden;
	width: auto;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
/*	padding: 4px 8px; */

	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;				
	
	position: absolute;
	z-index: 10;
	bottom: 125%;
	left: 25%;
	margin-left: -60px;
}

/* Popup arrow */
.popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
/*	display:block;*/
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}

a.list-group-item.panel-list
{
	border:0px;
/*	padding-left:5px;
	padding-right:5px;*/
}

div.panel-body.panel-list
{
	padding:0px;
}

/* DIALOG */

.vertical-alignment-helper 
{
	display:table;
	height: 100%;
	width: 100%;pointer-events:none;
}		

.vertical-align-center 
{
	display: table-cell;
	vertical-align: middle;pointer-events:none;
}

.dialog-small-top-padding
{
	padding-top:5px;
}

.modal-content 
{
	width:inherit;
	max-width:inherit;
	height:inherit;
	margin: 0 auto;pointer-events: all;
}

.modal-moveable
{
	cursor:move;
}


/* WAITER */

.loader 
{
	  border: 50px solid #f3f3f3;
	  border-radius: 50%;

	  border-top: 50px solid red;
	  border-right: 50px solid blue;
	  border-bottom: 50px solid green;
	  border-left: 50px solid pink;

	  position:relative;		  
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:300px; /* 300px */

	  width: 200px; /* 200px */
	  height: 200px; /* 200px */

	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
}

#_myWaiter_txt
{
	position:relative;
	top:20px;
	left:20px;
	font-size:40px;
}


.dialog_loader 
{
	  border: 30px solid #f3f3f3;
	  border-radius: 50%;

	  border-top: 30px solid red;
	  border-right: 30px solid blue;
	  border-bottom: 30px solid green;
	  border-left: 30px solid pink;

	  position:relative !important;		  
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:50px;
	  margin-bottom:50px;

	  width: 200px !important;
	  height: 200px !important;

	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
}


@-webkit-keyframes spin 
{
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.waitLayer
{
	display: none;
	position:fixed;
	width:100%;
	height:100%;
	
	 left: 0;
	 top: 0;
	
	background-color:black;
	opacity:0.4;
	filter:alpha(opracity=40);	
	
	z-index:200;	
	overflow: auto;

 }

/* MENU */

.-moz-context-menu 
{
	cursor:context-menu;
}

.dropdown-menu>li>a
{
	padding-left:14px;
}


.dropdown-menu
{
	min-width:30px;
	/*margin-left:-2px;*/
}

.btn-group
{
/*	margin-top:1px;*/
}

/* group divider */
/*.dropdown-menu .divider 
{
    margin: 3px 2px !important;
}*/

li.divider 
{
    margin: 3px 2px !important;
}


/* hide menu divider if first sibling 
https://stackoverflow.com/questions/2717480/css-selector-for-first-element-with-class
*/
	
	.dropdown-menu > li:first-child
	{
		display:none;	
	}

	.dropdown-menu > li:not(.divider)
	{
		display:block;		
	}
	
	.dropdown-max
	{
		max-height:300px;
		overflow-y:auto;
	}
	

/* submenu */
.dropdown-submenu 
{
	position: relative;
}
	
/*	
.dropdown-submenu .dropdown-menu 
{
	top: 0;
	left: 100%;
	margin-top: -1px;
}
*/

.dropdown-submenu > .dropdown-menu 
{
  	left: 100%;
  	/* -6px gives dropdown-menu's padding+border */
  	top: -6px;
}

/* show on mouse over */
.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu > a:focus + .dropdown-menu 
{
  	/* :focus support is incomplete - pressing Tab sets focus to submenu, but that immediately hides submenu */
  	display: block;
}
  
 .dropdown-header /* ??? */
 {
 	padding-left:10px;
 } 
  
.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
	margin-top:5px;
	margin-right: -10px;
	float:right !important;
}  

btn.dropdown-toggle
{
	width:100%;
	top:-1px;
}

/* MEGA MENU */

LI.mega-menu
{
	position:static;
}

UL.mega-menu
{
	width:100%;
	background:rgba(255, 255, 255, 0.0);
	border:0px;
	box-shadow: 0 0px 0px;
	padding:0px;

}

DIV.mega-menu
{
	border-bottom:1px solid #ccc;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	padding:10px;
	background:white;
}

INPUT.menu-search
{
    padding: 10px;
	margin-top: -5px;
    margin-bottom:2px;
    font-size:12px;
    border: 0;
    border-radius: 0;
    background: #f1f1f1;
}


/* TABLE */

TR.sub TD
{
	font-size:12px;
	
	padding-top:2px !important;
	padding-bottom:2px !important;
	background-color:ghostwhite;

/*	padding-left:12px !important; */
}

TR.sub.last
{
	border-bottom:2px solid lightgrey;
}

TR.sub TD DIV.btn-parent
{
	margin-left:1px !important;
	margin-right: 1px !important;
	padding-left:0px !important;
	padding-right:0px !important;

}

TR.sub TD DIV.btn :not(.btn-parent)
{
	font-size:12px;

	padding:1px !important;
	
	padding-top:1px !important;
	padding-bottom:1px !important;

	line-height: 1.5;

	margin-left:2px !important;
	margin-right: 2px !important;

}

TD.super
{
	cursor:pointer;
	font-weight: 700;
} 


TD.version
{
	background-color:azure;
}

TD.deleted
{
	background-color:whitesmoke !important;
}


.tableCounter
{
	font-size:12px;
	
	margin-top:3px; 
	margin-right:5px;
	margin-left:0px;
	
	float:left;
	
	position:relative;
	
	left:-3px;
}

.tableSizer
{
	position:relative;
/*	top:18px; */
	font-size:12px;
	padding-left:4px;
}

.tableSizer .btn-group
{
	margin-left:3px;
}

.tablePaginator .pagination
{
	margin: 0px;
	margin-top:10px;
}

.tablePages
{	
	font-size:12px;
	margin-right:4px;
	position:relative;
	top:5px;
	left:0px;
	padding-left:2px;
	
}

.tablePages .btn-group
{
	margin-left:3px;
}


/* TABLE MENU */

.tableMenuBody
{
	left:-4px;
	margin-top:0px
}   

.tableMenuBody.group
{
	padding-top:5px;
	padding-bottom:5px;
}

/* LANG MENU */

.langMenuTitle 
{
	padding-bottom:0px !important;
	padding-top:13px !important;
}
			
.langMenuCaret 
{
	position:relative;
	top:-8px;
	margin-left:5px;
}

.langMenuBody 
{
	left:1px;
	top:50px;
}

.langMenuFlag 
{
	position:relative;margin-right:8px;top:3px;
}

.langMenuLabel 
{
	font-size:12px;position:relative;top:-5px;
}	

/* TREE VIEW */
.nav-tree
{
	margin-bottom:1px;
}


/* CONEXT MENU */

UL.context-menu
{
	min-width:150px;
}



.img-magnifier-container 
{
  	position: relative;
}





/* STATBANK */

		.rotate 
		{ /* https://css-tricks.com/snippets/css/text-rotation/ */
		
		/* Safari */
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		
		/* Firefox */
		-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		
		/* IE */
		-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		
		/* Opera */
		-o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

		font-size:35px;

		position:relative;

	/*	top:340px;
		left:10px;
	*/	
		}

	.inner 
	{
		position: absolute;
		top: 50%;
		left: 60%;
	}

.	vcenter 
	{
		display: inline-block;
		vertical-align: middle;
		float: none;
	}							





@media (max-width: 768px) 
{

    .input-bg-heading 
	{
        margin-left:0%; 
    }
}


/* ACCORDION */

			.btn-trans
			{
				margin:0px;
				border:0px;
				position:relative;
				background-color:rgba(0, 0, 0, 0.0);
			}	
			
			.btn-tool		
			{
				position:relative;
				width:23px;
				padding:5px;
				margin:0px;
				border:0px;
				top:-2px; 
			}	
			
			.panel-pseudo-title
			{					
				width:75%;
	/*			background:rgb(66,139,209);*/
				background:#337ab7;
				border:0px;
				font-size:18px;
				cursor: pointer;
			}	
						
			.panel-number
			{					
/*				background:rgb(66,139,209);*/
				background:#337ab7;
			
				border:0px;
				font-size:18px;
				margin-right:8px;
			}	
			
			.btn-no-corners
			{					
				margin:0px;
				border:0px;
				border-radius:0px;
				z-index:100;
			}	

			.btn-no-left-corners
			{				
				margin:0px;
				border:0px;
				border-top-left-radius:0px;
				border-bottom-left-radius:0px;
				z-index:100;
			}	

			.btn-no-right-corners
			{					
				margin:0px;
				border:0px;
				border-top-right-radius:0px;
				border-bottom-right-radius:0px;
				z-index:100;
			}	

			
	/*		body .modal-dialog.large 
			{
				 width: 80%;
			}	*/
					
			.panel-body-border
			{					
				border:1px solid rgb(66,139,202);
				border-radius:3px;
				border-top-right-radius:0px;
				border-top-left-radius:0px;
			}	
		/*		
			.BSCheckboxFix
			{
				position:relative;
				padding-left:10px;
				padding-right:10px;
				top:4px;
				font-weight:300;			
			}

			.BSRadioFix
			{
				padding-left:30px;
				padding-right:10px;
				margin-bottom:3px;
			}*/
			
			.antpath
			{
				margin-bottom:15px;
			}
			
			
			/* type selector */
			
			.input-bg 
			{
				background-color:#ececec;
				margin-top:30px;
				margin-bottom:30px;
				padding-left:15px;
				padding-right:20px;
				padding-bottom:5px;
				border-radius: 10px;
				border: 1px solid #ccc;
				max-width:768px; /* Canvas width */
			}
			
			.rounded-borders 
			{
				border-radius: 10px;
				border: 1px solid #ccc;
			}

			.rounded-borders:hover 
			{
				border: 3px solid #84c47b;
				cursor:pointer;
			}
			
			.input-types 
			{
				padding-top:5px;
				padding-right:0px;
			}

			.col-md-3 
			{
				padding-left:5px;
				padding-right:0px;
			}	


		
/* STICKY ELEMENTS  */		
		div.sticky 
		{
            position: -webkit-sticky; /* Safari */
            position: sticky;
            top: 0;
        }