@font-face {
    font-family: 'FuturaBT';
    src: url('/styles/futura-webfont.eot');
    src: url('/styles/futura-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/futura-webfont.woff2') format('woff2'),
         url('/styles/futura-webfont.woff') format('woff'),
         url('/styles/futura-webfont.ttf') format('truetype'),
         url('/styles/futura-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {
	height:100%;
}

body {
	font-family:'FuturaBT';
	margin:0px;
}

/***************************************************************
(START) MENU
***************************************************************/
#table_menu {
}

#table_menu td {
	font-size:17px;
	color:white;
}

#table_menu td a {
	font-size:13px;
	color:white;
}

#table_menu td a[class=selected] {
	font-size:15px;
	color:yellow !important;
}

#table_menu td p {
	font-size:12px;
	color:white;
	margin:0px;
	padding-left:8px;
}
/***************************************************************
(END) MENU
***************************************************************/

/***************************************************************
(START) PAGE GENERAL
***************************************************************/
p[class=page-title] {
	font-family:"FuturaBT";
	font-size:34px;
	color:#1b1b1b;
	margin:0px;
	margin-bottom:5px;
	font-variant:small-caps;
}
p[class=page-subtitle] {
	font-family:"FuturaBT";
	font-size:20px;
	color:#1b1b1b;
	margin:0px;
	margin-bottom:5px;
	font-variant:small-caps;
}
p[class=page-comment] {
	font-size:16px;
	font-weight:bold;
	color:#1b1b1b;
	margin:0px;
	margin-bottom:15px;
}
.list-headingcell {
	font-weight:regular;
	font-size:14px;
	color:#414141;
	text-align:left;
}
.list-rowcell {
	padding-left:5px;
    font-size: 14px;
    color: #414141;
}
.field {
	font-weight:bold;
	font-size:13px;
	color:#414141;
	text-align:left;
}
input {
	font-family:'FuturaBT';
	font-size:13px;
	background-color:#f3f3f3;
	border:1px solid #a6a6a6;
	border-style:inset;
}
textarea {
	font-family:'FuturaBT';
	font-size:13px;
	background-color:#f3f3f3;
	border:1px solid #a6a6a6;
}
select {
	font-family:'FuturaBT';
	font-size:13px;
	background-color:#f3f3f3;
	border:1px solid #a6a6a6;
}
input[type=button] {
	font-size: 15px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-radius: 5px;
	padding: 4 8 4 8;
	background-color: #469ec9;
	background: linear-gradient(#469ec9,#056c9f);	
	color: white;
	cursor:pointer;
	padding:5px;
}
input[type=submit] {
	font-size: 15px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-radius: 5px;
	padding: 4 8 4 8;
	background-color: #469ec9;
	background: linear-gradient(#469ec9,#056c9f);
	color: white;
	cursor:pointer;
	padding:5px;
}
input[type=file] {
	font-size:13px;
	border:none;
}
.error {
	color:#a40001;
	font-weight:bold;
	font-size:14px;
	background-color: rgb(255, 255, 192);
	padding: 10px;
	border: 1px solid black;
}
.okay {
	color:green;
	font-weight:bold;
	font-size:15px;
	padding: 10px;
	border: 1px solid black;
	background-color: rgb(226, 255, 226);
}
a {
	font-size:14px;
}
/***************************************************************
(END) PAGE GENERAL
***************************************************************/

.bos_header {
    padding-top: 23px;
    padding-left: 20px;
    padding-bottom: 23px;
	font-family:'FuturaBT';
    font-size:35px;
    background:#d9edf8;
    background:linear-gradient(#d9edf8,#f2f9fd);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d9edf8', endColorstr='#f2f9fd');
    border-bottom:3px solid #d9d9d9;
	color:#515151;
}

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

input[type=text] {
    background-color: white;
    font-size: 15px;
    border: 2px solid #dcdcdc;
    border-radius: 3px;
    color: #565656;
    padding: 3px;
}

input[type=password] {
    background-color: white;
    font-size: 15px;
    border: 2px solid #dcdcdc;
    border-radius: 3px;
    color: #565656;
    padding: 3px;
}

/***************************************************************************************
* FJLF - List (START)
***************************************************************************************/
table.list th.list-headingcell {
  font-weight: bold;
}
/***************************************************************************************
* FJLF - List (END)
***************************************************************************************/

table.list tr.list-headingrow {
  font-size: 15px;
  background-color: #469ec9;
  background: linear-gradient(#469ec9,#056c9f);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#469ec9', endColorstr='#469ec9');
  color: white;
}
table.list tr.list-datarow td {
  font-size: 14px;
}
table.list tr.list-datarow:nth-child(even) {
  background-color: white;
}
table.list tr.list-datarow:nth-child(odd) {
  background-color: rgb(234, 234, 234);
}
table.list tr.list-datarow.deleted {
  background-color:rgb(255, 199, 199);
}
table.list tr.list-headingrow th a {
  color: white;
}
table.list tr.list-footerrow {
  /*background-color: rgb(238, 247, 252);*/
}
table.list tr.list-footerrow td {
  /*border-top: 1px solid gray;*/
  padding: 10px;
}
a.button {
  font-size: 15px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  border-radius: 5px;
  padding: 4 8 4 8;
  background-color: #469ec9;
  background: linear-gradient(#469ec9,#056c9f);
  color: white;
  cursor: pointer;
  text-decoration: none;
  padding:5px;
}
select {
  font-size: 14px;
  padding: 5px;
  font-weight: bold;
  background-color: white;
  background: linear-gradient(white,rgb(234, 234, 234));  
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#EAEAEA');
}
textarea {
  font-size: 14px;
  padding: 5px;
  font-weight: bold;
  background-color: white;
  background: linear-gradient(white,rgb(234, 234, 234));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#EAEAEA');
}
/***************************************************************************************
* FJLF - Main Divs (START)
***************************************************************************************/
div.main-left {
    float:left;
	margin-right:50px;
}
div.main-right {	
    float:left;
}
@media all and (max-width: 576px) {
	div.main-left {
	  margin-right:0px;
	}
}
/***************************************************************************************
* FJLF - Main Divs (END)
***************************************************************************************/
/***************************************************************************************
* FJLF - Widths (START)
***************************************************************************************/
.x0 {
  width: 100px;
}
.x1-5 {
  width: 322px;
}
.x2 {
  width: 400px;
}
@media all and (max-width: 576px) {
	.x1-5 {
	  width: 100%;
	}
}
/***************************************************************************************
* FJLF - Widths (END)
***************************************************************************************/
/***************************************************************************************
* FJLF - Date Picker (START)
***************************************************************************************/
.ui-widget-header {
    background-color: #469ec9 !important;
    background: linear-gradient(#469ec9,#056c9f) !important;
    border-color:#469ec9 !important;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1em !important;
}
/***************************************************************************************
* FJLF - Date Picker (END)
***************************************************************************************/
div.multi-action {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.custom-combobox-input {
	font-family:'FuturaBT';
	font-size:14px;
	color:black;
	background-color:#f3f3f3;
	margin: 0;
	padding: 5px 10px;
	border-radius: 0px !important;
}
.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	border-left:none;
	border-radius: 0px !important;
}
.ui-tooltip-content {
	font-size:14px;
}
.custom-combobox-input {
	width: 266px;
}
@media all and (max-width: 576px) {
	.custom-combobox-input {
		width: 100%;
	}
}