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

form {
	margin: 0 !important;
}

a {
	text-decoration: none;
	color: #1155CC;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

/*******/
.body-wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -15px;
	padding: 0 0 15px;
}

.devmode {
	border-top: 3px solid #c00;
}

/*******/
.content-wrap {
	padding-bottom: 20px;
}

/*******/
.module-title {
	font-weight: bold;
	font-size: 20px;
	margin: 10px 0;
	color: #222222;
}

/*******/
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.pad5 { padding-top: 5px; }
.pad7 { padding-top: 7px; }

/*******/
.ui-datepicker { font-size: 12px; }
.ui-dialog { font-size: 12px; }
.datepicker { width: 100px !important; }
.isTime { width: 100px !important; }
.isTime3 { width: 100px !important; }
.ui-dialog-titlebar-close {display: none; }

/*******/
.footer {
	height: 15px;
	font-size: 10px;
	color: #AAA;
	border-top: 1px solid #CCC;
	padding: 0px 2px;
}
.footer a { color: #000000; }

/*******/
.table tbody > tr > th, .table  tbody > tr > td {
	border-top: 0;
	border-bottom: 1px solid #DDDDDD;
}

.table thead > tr > th {
	border-bottom: 0;
}

.table-header thead tr:first-child th {
	background: #00AEF0 !important;
	color: #FFFFFF;
}

.table-header > tbody > tr th {
    background: #F8F8F8 !important;
}

.table-header > tfoot > tr th {
    background: #F8F8F8 !important;
}

.table-footer tr:last-child th {
	background: #00AEF0;
	color: #FFFFFF;
}

.table tr.deleted td, .table tr.deleted td a {
	color: #DDDDDD;	
}

/******* bootstrap  - overwrite *******/
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #FFFFCC;
}

.table tbody tr.completed td {
	background-color: #dff0d8;
}

.navbar-nav > li > a:hover {
	color: #00AEF0 !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: #00AEF0;
}  
/******* *******/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loadingMask {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('../images/spinner_squares_circle.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our modal element will be visible */
body.loading .loadingMask {
    display: block;
}

.info-created-updated {
    font-size: 10px;
    margin-top: 10px;
}

.emp-pop {
    cursor: pointer;
}

.select2-container {
	font-size: 14px
}

.select2-selection--single {
	height: 34px!important
}

.select2-selection__rendered {
	line-height: 33px!important;
}

.select2-selection__arrow {
	height: 32px!important
}

.select2-selection--single {
	border: 1px solid #ccc !important;
}