.hover-cursor:hover {
	cursor: pointer;
}

.nice-border {
	padding: 4px;
	border-width: 1px;
	border-color: #ddd;
	border-radius: 4px;
	border-style: solid;
	box-shadow: none;
}

/*
.form-group { margin-bottom:0px !important; }
*/

.scroll {width: 500px;
 height: 400px;overflow: scroll;overflow:auto; }


select option[disabled]:first-child {
	display: none;
}

.fontBold {
	font-weight: bold;
}

.red {
	color:#C73733;
}

.green {
	color: #339933;
}

.yellow {
	color:#f0ad4e;
}

/*
.overflow-container {
	overflow-x: scroll;
	width: 100%;
}

.overflow-container table {
	table-layout:fixed;
}

.padding-left-zero {
	padding-left:0px;
}

.padding-right-zero{
	padding-right: 0px;
}
*/

/* .form-group {margin-bottom:2px; margin-top:2px;} */

/*
.col-md-1, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12
{padding-left: 4px; padding-right: 4px;} 
*/

.ptop-7px {padding-top:7px;}

.ptop-1px {padding-top:1px;}
.ptop-2px {padding-top:2px;}

.float-right {float: right;}

.table-column-10px {width:10px;}

.table-column-20px {width:20px;}

.table-column-30px {width:30px;}

.table-column-40px {width:40px;}

.table-column-50px {width:50px;}

.table-column-60px {width:60px;}

.table-column-70px {width:70px;}

.table-column-80px {width:80px;}

.table-column-90px {width:90px;}

.table-column-100px {width:100px;}

.table-column-110px {width:110px;}

.table-column-120px {width:120px;}

.table-column-130px {width:130px;}

.table-column-140px{width:140px;}

.table-column-150px{width:150px;}

.table-column-160px{width:160px;}

.table-column-170px{width:170px;}

.table-column-180px{width:180px;}

.table-column-190px{width:190px;}

.table-column-200px{width:200px;}

.table-column-220px{width:220px;}

.table-column-250px{width:250px;}

.table-column-300px{width:300px;}

.table-column-380px{width:380px;}

.modal-body {
    max-height: 800px;
}


.pinned-table{
position:absolute;
z-index:1;
padding:0px;
}

.pinned-table th, td{
background-color:white;
}

.scroll-table {
  overflow-x:scroll;
  overflow-y:visible;
  position:absolute;
  z-index:0;
}
.hide-me{
 visibility:hidden;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.strikethrough {
	text-decoration:line-through;
}

th.sm-width {
	width: 80px;
}

th.md-width {
	width: 140px;
}

th.lg-width {
	width: 200px;
}

.modal-xlg {
	width: 90%;
}

.top-layer {
   top: 0;
   left: 0;
   position:absolute;
   background-color: rgba(255,255,255,0.1);
   width: 100%;
   height: 100%;
   z-index: 10;
}

.center-msg {
	position: fixed;
	top:50%;
	left:50%;
	padding: 10px;

	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
}

.blur, .blur-add.blur-add-active {
/*
   -webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-ms-filter: blur(20px);
	-o-filter: blur(20px);
	filter: blur(20px);
*/
	opacity:0;
}

.blur-remove.blur-remove-active {
   
}

.blur-remove {
	-webkit-transition:all linear 0.1s;
 	-moz-transition:all linear 0.1s;
 	-o-transition:all linear 0.1s;
 	transition:all linear 0.1s;
}

textarea {
	resize: vertical;
}

/****************** Login Section *****************/
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
	/* To center vertically */
	width: 100%;
    display: table-cell;
	vertical-align: middle;
    pointer-events:none;
}
.modal-contentXXX {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	max-width: 500px;
	min-width: 300px;
	width:auto;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.special-login {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
}

.myreka-content {
	position: relative;
	margin-top: 12%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	max-height: 1000px;
	color: white;
	overflow-y: scroll;
}

#login-msg {
	/*	
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);

	position: fixed;
	width: 300px;
	top:30%;
	left:50%;
	padding: 10px;

	-ms-transform: translate(-50%, -30%);
	-webkit-transform: translate(-50%, -30%);
	-moz-transform: translate(-50%, -30%);
	-o-transform: translate(-50%, -30%);
	transform: translate(-50%, -30%);
	*/
}

#login-msg ul {
	padding-left: 40px;
	text-indent: 2px;
	list-style: none;
	list-style-position: outside;
}

#login-msg ul li {
	font-size: large;
	padding-top: 20px;
}

#login-msg ul li:before {
	content: "✓";
	margin-left: -1em;
	margin-right: .100em;
}

#login-msg .login-error {
	border: 2px solid;
	border-radius: 12px;
	border-color: #b62020;
	background-color: #b62020;
	color: white;
}

img.wallpaper {
	position: fixed; 
  	top: 0; 
  	left: 0; 
	
 	/* Preserve aspet ratio */
 	min-width: 100%;
  	min-height: 100%;
}

/************** login section end ****************/

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/* ECN New Changes */
.ecn-no{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
}