/* CSS Document 
@import url("/css/font-awesome.min.css");
@import url("/css/960.css");
@import url("/css/bootstrap.min.css");
@import url("/css/bootstrap-submenu.min.css");
@import url("/css/jquery-ui.min.css");
@import url("/css/jquery.datetimepicker.css");
@import url("/css/turbotabs/animate.min.css");
@import url("/css/turbotabs/turbotabs.css");
*/

.bubble-left, .bubble-right
{
position: relative;
width: 100%;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #7F7F7F solid 4px;
}

.bubble-left:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 19px 8px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -19px;
top: 10px;
}

.bubble-left:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 22px 11px 0;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 0;
left: -26px;
top: 7px;
}

.bubble-right:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 0 8px 19px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -19px;
top: 10px;
}

.bubble-right:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 0 11px 22px;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 0;
right: -26px;
top: 7px;
}

.badge
{
	background-color:#00F;
}

#dropzone {
    margin-bottom: 3rem !important;
}

.dropzone {
    border: 5px dashed #0087F7 !important;
    border-radius: 5px !important;
    background: white !important;
	margin:50px;
}

.dropzone .dz-message {
	font-size: 24px !important;
    font-weight: 400 !important;
}

.dropzone .dz-message .note {
    font-size: 18px !important;
    font-weight: 200 !important;
    display: block !important;
    margin-top: 1.4rem !important;
}

.ignore-readonly, .ignore-click, .ignore-disable
{
}

#controls
{
	background-color:#fff;
	border-bottom:#eee 1px solid;
	z-index:999;
}

nav
{
	margin:0 auto;
	z-index:1000;
}

nav li
{
	cursor:pointer;
}

h1 a
{
	color:#000;
}

h1
{
	background-color:#ccc;
	color:#000;
	padding-left:20px;
	padding:15px;
	margin:0px;
	font-size:20px;
}

p
{
	margin:10px;
}

pre.nostyle
{
	 border:none;
	 font-family:Arial, Helvetica, sans-serif;
	 padding:0px;
}

.h1_hack
{
	margin:0px;
}

hr
{
	position:relative;
	top:10px;
}

#content, .content
{
	background-color:rgba(255, 255, 255, 1.0);
	border-top:#F00 5px solid;
	padding-bottom:30px;
}

body
{
	margin:0px;
	background-size:cover;
	background-attachment:fixed;
	background-image:url(/img/background-1024.jpg);
	background-repeat:no-repeat;
	color:#000;
}

#header
{
	line-height:50px;
	height:50px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	background-color: rgba(0,0,0,0.5);
}

#header a, #footer a
{
	color:#fff;
}

#header span
{
	padding-right:20px;
}

#header label
{
	position:relative;
	left:10px;
	float:left;
}

#footer
{
	line-height:50px;
	height:50px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	background-color: rgba(0,0,0,0.5);
}

#footer span
{
	padding-left:20px;
}

.col-center
{
	text-align:center !important;
}

.col-right
{
	text-align:right !important;
}

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

button.btn-edit
{
	height: 32px;
	background:#F00;
	border: 1px solid #aaa;
	border-radius: 5px;
	color:#FFF;
}

.col
{
	text-align:center;
}

.col-btn
{
	width:100px;
}

table
{
	margin-top:0px;
}

table 
{
    table-layout: fixed;
}

tr.table-row:hover
{
	background-color:#FFC;
}

tr.selected
{
	background-color:#FF3;
}

th
{
	border-bottom:#FC3 solid 3px;
	height:40px;
}

/* input fields */
label
{
	cursor:pointer;
}

.toggle-all
{
	cursor:pointer;
}

button.btn-submit
{
	margin-top:10px;
	margin-bottom:10px;
	height: 32px;
	width:250px;
	background:#F00;
	border: 1px solid #aaa;
	border-radius: 5px;
	color:#FFF;
}

/* bootstrap css supporting styles */
.pad-top-15
{
	padding-top:15px;
}

.mgr-btm-15
{
	margin-bottom:15px;
}

input[type=date].icon, input[type=datetime-local].icon, input[type=time].icon 
{
	text-indent:10px;
}

input[type=text].icon, input[type=email].icon, input[type=number].icon, input.icon, textarea.icon
{
	text-indent:25px;
}

.form-group .fa, .row .fa
{ 
  position: absolute;
  top: 10px;
  left: 25px;
}

fieldset
{
	width:100%;
	margin:auto;
	border-top:1px solid #eee;
}

legend
{
	text-align:center;
	width:auto; /* Or auto */
	margin:0px;
    padding:0px; /* To give a bit of padding on the left and right */
	border-bottom:0px;
	/*
    border-radius: 5px;
	border: 1px solid #eee !important;
	*/
}
/* bootstrap css supporting styles */

.field input
{
	text-indent:32px;
	margin-top:5px;
	margin-bottom:5px;
	//margin:5px;
	color:#000;
	//font-size:12px;
}

.field .fa { 
  position: absolute;
  top: 14px;
  left: 10px;
}

.field textarea
{
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	
	width: 250px;
	height: 100px;
	
	background: #fcfcfc;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

.field input[type=text], .field input[type=password], .field input[type=email], .field input[type=number], .field input[type=datetime]
{
	width: 250px;
	height: 32px;
	background: #fcfcfc;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

.field-readonly
{
	background: #fff !important;
	border: 1px solid #eee !important;
	border-radius: 5px !important;
	box-shadow: 0 0 0px #ccc, 0 0px 0px #ebebeb inset !important;
}

.field {
	position: relative;
}

.field-radio
{
	display:inline-block;
	margin:10px;
	position: relative;
	//color: #aaa;
	//font-size: 16px;
	//top:20px;
	//left:27px;
	//height:52px;
	//width:100px;
}

input[type="radio"]
{
	margin-left:10px;
	margin-right:10px;
}

select {
    font-size:9pt;
    letter-spacing:0.07em;
    //color:#808080;
    //background:transparent;
    border: 1px solid #aaa;
    cursor:pointer;
	width:250px;
	height:32px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

select option { padding: 1px 5px 1px 3px;}
select option[selected] { color:#303030; }
select option:nth-child(even) { background-color:#e5e5e5; }

.field-dropdown
{
	margin-top:5px;
	margin-bottom:5px;
	position: relative;
}

.text50, .text100, .text50x100, .text100x150, .text75
{
	text-indent:0px;
	background: #fcfcfc;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
	margin-bottom:10px;
	margin-top:10px;
}

.text50
{
	text-indent:0px !important;
	text-align:center !important;
	width:50px !important;
	height:32px;
}

.text75
{
	width:75px !important;
	height:32px !important;
}

.text100
{
	width:100px !important;
	height:32px !important;
}

.text50x100
{
	width:50px !important;
	height:100px !important;
}

.text250x250
{
	width:250px !important;
	height:250px !important;
}

.text-capitalize
{
	text-transform:capitalize;
}
/*
fieldset
{
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
	width:99%;
	margin-top:20px;
	padding-top:20px;
}

legend
{
	margin-top:20px;
	padding-top:20px;
}
*/
/* input fields end */

.toolbar
{
	margin:10px;
}

/* results */
h2
{
	position:relative;
	padding-left:20px;
	padding:15px;
	margin:0px;
	font-size:16px;
}

th
{
	border-top:#FC3 solid 3px;
	border-bottom:#FC3 solid 3px;
	height:40px;
}

th div
{
  position: absolute;
  background: transparent;
  color: #fff;
  padding: 9px 25px;
  top: 0;
  margin-left: -25px;
  line-height: normal;
  border-left: 1px solid #800;
}

th:first-child div
{
  border: none;
}

td
{
	padding:10px;
	font-size:12px;
}

.col_remarks
{
	text-align:left;
}

.col
{
	text-align:center;
}

.col-edit
{
	width:50px;
	text-align:right;
}

.col-date
{
	width:200px;
}

tr.toggle
{
	background-color:#FC0;
	color:#000;
}

tr.row:hover
{
	background-color:#FFC;
	color:#000;
}

.bg-color-red
{
	background-color:red;
}

/* dull orange */
.bg-color-pink
{
	background-color:#ffb9b9;
}

/* light yellow */
.bg-color-ffc
{
	background-color:#FFC;
}

.bg-color-ccc
{
	background-color:#ccc;
}

/* light blue */
.bg-color-info
{
	background-color:#5bc0de;
}

/* white */
.bg-color-fff
{
	background-color:#FFF;
}

/* orange */
.bg-color-fc0
{
	background-color:#FC0;
}

/* green */
.bg-color-0c0
{
	background-color:#0C0;
}

/* light grey*/
.bg-color-f7f7f9
{
	background-color:#f7f7f9;
}

tr.border-top, table.border-top
{
	border-top:#FC6 solid 2px;
}

tr.border-top-black, table.border-top-black, td.border-top-black, th.border-top-black
{
	border-top:#000 solid 2px !important;
}

tr.border-bottom-black, table.border-bottom-black, td.border-bottom-black, th.border-bottom-black
{
	border-bottom:#000 solid 2px !important;
}

tr.border-side-black, table.border-side-black, td.border-side-black, th.border-side-black
{
	border-left:#000 solid 2px !important;
	border-right:#000 solid 2px !important;
}

table.border-all
{
	border:#FC6 solid 2px;
}

table.border-all-black, div.border-all-black, td.border-all-black, th.border-all-black
{
	border:#000 solid 2px;
}

table.border-all-grey, div.border-all-grey
{
	border:#ccc solid 2px;
}

tr.border-bottom, table.border-bottom, td.border-bottom
{
	border-bottom:#FC6 solid 2px;
}

td.border_side, th.border_side, table.border-side, td.border-side, th.border-side
{
	border-left:#FC6 solid 2px;
	border-right:#FC6 solid 2px;
}

td.border-left-side, th.border-left-side
{
	border-left:#FC6 solid 2px;
}

td.border-left-side-black, th.border-left-side-black
{
	border-left:#000 solid 2px;
}

td.border-right-side, th.border-right-side
{
	border-right:#FC6 solid 2px;
}

td.border-right-side-black, th.border-right-side-black
{
	border-right:#000 solid 2px;
}
/* results end */

.tt_tab
{
	color:#000;
}

.font-normal
{
	font-weight:normal !important;
}

.font-12
{
	font-size:12px !important;
}

.font-14
{
	font-size:14px !important;
}

.font-16
{
	font-size:16px !important;
}

.font-20
{
	font-size:20px !important;
}

.black
{
	color:#000 !important;
}

.brown
{
	color:#9b410e !important;
}

.dark-grey
{
	color:#4b536a !important;
}

.white
{
	color:#fff !important;
}

.red
{
	color:#F00 !important;
}

.green
{
	color:#090;
}

.yellow
{
	color:#FF0;
}

.orange
{
	color:#F90;
}

.blue
{
	color:#00F;
}

.grey
{
	color:grey;
}

.light-grey
{
	color:#DDD;
}

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

.vtop
{
	vertical-align:top;
}

.vcenter
{
	vertical-align:central;
}

.vbottom
{
	vertical-align:bottom;
}

.bold
{
	font-weight:bold;
}

.text-shadow
{
	text-shadow: 0px 0px #111;
}

.cursor-pointer
{
	cursor:pointer;
}

.cursor-default
{
	cursor:default;
}

.pre 
{
	display:block;
	unicode-bidi:embed;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}