@import url("/css/reset.css");
@import url("/css/style-common.css");

@font-face {
    font-family: 'NewCicleFina';
    src:  url('/css/NewCicleFina-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    src:  url('/css/Montserrat-Regular.ttf') format('truetype');
}

/*@font-face {
    font-family: 'Montserrat-bold';
    src:  url('/css/Montserrat-Bold.ttf') format('truetype');
}
*/

/*  Main site layout  */
BODY, HTML, TABLE, TD, DIV {
  /*font-family: "Montserrat",sans-serif;*/
  /*font-size: 13px;*/
  /*background-color: #404040;*/
  /*color:#CCC;*/
  margin:0;
  padding:0;
}

BODY {
  font-family: "Montserrat",sans-serif;
  font-size: 13px;
  background-color: silver url(/images/bg-pattern.jpg);
  color:gray;
  width:100%;
}

/*#background_container {
  position:relative;
}

#bodyouter {
  background: no-repeat fixed 50% 50% / cover;
  max-height:1500px;
  min-width:100%;
  position:absolute;
}

#bodyinner {
  background: no-repeat fixed 50% 50% / cover;
  max-height:1500px;
  min-width:100%;
  position:absolute;
}*/

/*a:active {
  color:yellow;
}*/

h1, h2, h3 {
  font-family: "Montserrat",sans-serif;
  color:#686968;
  font-weight: bold;
  line-height: 30px;
}

h1 a, h2 a {
  text-decoration: none;
}

/*h1 a:hover, h2 a:hover {
  opacity:0.8;
}*/

h1 {
  font-size: 18pt;
}

h2 {
  font-size: 14pt;
}

a {
  color:#FFF;
  text-decoration:none;
  background-color:#333;
  padding:3px 8px;
  margin:0 5px;
  font-size: 12pt;
  border-radius:6px;
}

a:hover {
  color: #FFF;
  text-decoration:none;
  background-color:#DC3522;
}

#content {
  position:relative;
  max-width:974px;
  width:98%;
  min-height:500px;
  margin:0 auto 20px auto;
  padding:0;
  z-index: 1;
}

#content #sidebar .secondary {
 float:left;
}

#content #sidebar .sidebar_box {
  border:1px solid black;
  border-radius: 10px;
  margin:5px;
}

#header_container {
  width: 100%;
}

#header {
  width:98%;
  max-width: 974px;
  /*max-height: 100px;*/
  margin: 0 auto;
  padding-bottom: 10px;
}
#header a {
  background-color:inherit;
}

#header .css_logo {
  font-family: "NewCicleFina";
  font-size:26pt;
  font-weight:bold;
  text-shadow: 1px 1px 4px black;
  margin-bottom:5px;
  padding-top:5px;
}

#header .css_logo a {
  text-decoration:none;
}

.slogan {
  font-weight:bold;
  color:gray;
  /*text-shadow: 1px 1px 4px black;*/
}

#header_share {
  float:right;
  /*padding:10px;*/
  /*margin-left:10px;*/
  /*margin-right:10px;*/
}

#header_share a {
  margin-top:12px;
}

#header_share form input[type="text"]:focus {
  width: 180px;
  background-color: #232326;
  border-color: #232326;
  right:5px;
}


#header_share form input[type="text"] {
  color: #4E85AB;
  display:inline;
  position:relative;
  right:0px;
  width: 10px;
  background: url("/images/small_icons.png") no-repeat scroll transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition-duration: 400ms;
  transition-property: width, #2C2C2C;
  transition-timing-function: ease;
  box-shadow: none !important;
  border-radius: 3px;
  cursor: pointer;
  background-position: -8px -2509px;
  margin: 3px 0px 0px;
  padding: 8px 0px 8px 30px;
}

#header_menu {
  margin: 0;
  width:100%;
  /*height:31px;*/
  color: #4E85AB;
  /*border-bottom:1px solid silver;*/
}
#header_menu:after {
  content: ".";
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
}
#header_menu #menu_inner {
  padding-top:5px;
  background: transparent;
  max-width: 974px;
  margin: 0 auto;
  position: relative;
  top:-5px;
  /*display:block;*/
  /*max-height:40px;*/
}


#header_menu #menu_inner li {
  float:left;
  position: relative;
  top:-5px;
  /*max-height:40px;*/
  text-transform: uppercase;
  border-top:5px solid transparent;
  margin:0;
  /*z-index:0;*/
  list-style:none;
}

#header_menu #menu_inner a {
  display: block;
  /*border-right: 1px solid #CED1D6;*/
  /*max-height:20px;*/
  padding: 8px 20px 6px 20px;
  margin:0;
  text-decoration:none;
}

#header_menu #menu_inner li:hover {
  /*padding: 15px 20px 15px 20px;*/
  border-top:5px solid #B6CCB6;
  background-color: #FFF;
  z-index:2;
}

#header_menu #menu_inner a.selected_menu {
  /*padding: 15px 20px 15px 20px;*/
  /*border-top:5px solid transparent;*/
  background-color: #FFF;
}


#header_menu #menu_inner #home_link {
  width:50px;
}

#header_menu #menu_inner #home_link a {
  background-position: 50% 50%;
  background-image: url(/images/icon_home.png);
  background-repeat: no-repeat;
}

#header_menu_link {
  display:none;
  text-align:center;
  margin:5px 0;
  /*width: 50px;*/
  background: #ff723b url(/images/menu.png) no-repeat 15px 17px;
  cursor:pointer;
  width:50px;
  box-shadow/*\**/: 1px 1px 1px #000000\9;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  border-radius: 3px;
  -webkit-transition:all ease-in-out .2s;
  -moz-transition:all ease-in-out .2s;
  -o-transition:all ease-in-out .2s;
  transition:all ease-in-out .2s;
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  line-height: normal;
  padding: 12px 14px 12px 38px;
  margin: 10px auto 0 auto;
}

#header_menu_link:hover {
  background-color: #4B4B4B;
}

/*@media (min-width:800px) {
  #header_menu {
    display:block;
  }
}*/
@media (max-width:800px) {
  .hide_small_width {
    display:none;
  }
  #header_menu_link {
    display:block;
  }
  #header_menu {
    display:none;
    max-height:none;
  }
  #header_menu #menu_inner {
    max-height:none;
  }
  #header_menu #menu_inner li {
    display:block;
    width:100%;
  }
  #header_menu #menu_inner #home_link {
    display:block;
    width:100%;
  }
  #header_menu #menu_inner #home_link a {
    padding-left:30px;
  }

  #header_menu #menu_inner #home_link a:after {
    content:'HOME';
  }
  #header_menu:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
  }
}


#sub_nav_menu {

}

#sub_nav_menu a {
  float: right;
}

#background_container {
  position:absolute;
  top:92px;
  max-height:600px;
  max-width:100%;
  width:100%;
}

#bodyouter {
  background: no-repeat fixed ;
  background-size: 100% 600px;
  position:absolute;
  min-width:100%;
  width:100%;
}

#bodyinner {
  background: no-repeat fixed  ;
  background-size: 100% 600px;
  position:absolute;
  min-width:100%;
  width:100%;
}

#footer {
  line-height:18px;
  font-size:10pt;
  z-index:0;
  position: baseline;
  width: 100%;
}

#footer #footer_inner {
  max-width: 974px;
  margin: 0 auto;
  position: relative;
  padding: 0;
}

#footer #footer_inner a {
  margin-right:10px;
}


#footer .left_column {
    float: left;
    width: 60%;
    margin-right: 9%;
    margin-left:20px;
}

#footer .right_column {
    float: right;
    max-width: 30%;
}


#footer .copyright {
  color: gray;
  border-top: 1px solid rgba(59, 60, 62, 0.8);
  padding: 0px;
  text-transform: uppercase;
}

#footer h3 {
    border: medium none;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    padding: 0px;
    /*margin-bottom: 20px;*/
}



.fancy_box {
  background: url(/images/transpWhite80.png);
  padding:5px;
  border-radius:2px;
}

.fancy_box1 {
  background: url(/images/transpBlack80.png);
  color:rgba(255, 255, 255, 0.6);
  padding:5px;
  box-shadow: 0 0 2px #444A44;
  border-radius:2px;
  line-height: 28px;
}

.fancy_box1 h1, .fancy_box1 h2 {
  color:rgba(255, 255, 255, 0.8);
}


.fancy_link {
  text-decoration: none;
}

.fancy_link:hover {
  opacity: 0.8;
  text-shadow: 1px 1px 4px black;
}

.fancy_box_header {
  font-size: 14pt;
  font-weight: bold;
  background:#EFEFF0 url(/images/fancy_box_header_bg.png);
  height:29px;
  padding:11px 5px 2px 5px;
  border-radius: 8px 8px 0 0;
  border-right: 1px solid #CFCAFF;
  border-left: 1px solid #CFCAFF;
  text-align: center;
}

.fancy_box_header a {
  /*color:#333;*/
  text-decoration: none;
}

.fancy_box_content {
  background:#F7F7FE url(/images/fancy_box_content_bg.png) no-repeat;
  position: relative;
  color:black;
  padding:10px;
  height: 220px;
  max-height: 220px;
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid #CFCAFF;
  border-right: 1px solid #CFCAFF;
  border-left: 1px solid #CFCAFF;
}

.fancy_button {
  display: inline-block;
  position: relative;
  margin:0 auto 0 auto;
  bottom:5px;
  padding: 2px 5px 2px 5px;
  background: #B4B5FD;
  line-height: 16px;
  border-radius: 4px;
  border-bottom: 1px solid #CFCAFF;
  border-right: 1px solid #CFCAFF;
  border-left: 1px solid #CFCAFF;
}

.fancy_button:hover {
  background: #CFCAFF;
}

a.fancy_button , a.fancy_button:visited {
  color:black;
  font-size: 10pt;
  text-decoration: none;
}

.transBlue50 {
  background: white url(/images/transpBlue50.png);
}

.listing {
  font-weight:bold;
  font-size:13px;
  max-width:640px;
  margin-bottom:30px;
}


.listing .listing_info {
  float:right;
  max-width:300px;
  width:99%;
}
.listing .listing_image {
  float:left;
  max-width:320px;
  width:99%;
}
.listing .listing_image img {
  max-width:320px;
  /*max-height:180px;*/
  width:99%;
}

.listing h1 {
  line-height:30px;
  font-size:16px;
  color: #4E85AB;
  /*margin:0 5px;*/
}

.listing .listing_row {
  position:relative;
  /*display:block;*/
  margin-top:10px;
  padding:2px 5px 2px 50px;
  /*border:1px dotted lime;*/
}

.listing .listing_row .listing_label {
  font-weight:normal;
  font-size:11px;
}

.listing .listing_row img {
  position:absolute;
  top:-5px;
  left:5px;
}

.plain_link {
  background:none;
  color:grey;
  font-size:10pt;
}


#search_customers_form select {
  height:200px;
}

/*#print_button {
  color: #FFF;
  text-decoration: none;
  background-color: #333 !important;
  padding: 3px 8px;
  margin: 0 5px;
  font-size: 12pt;
  border-radius: 6px;
}*/

/*#content form[action='/pages/submit_application'] input[type=submit] {
  color:red !important;
  font-weight:bold !important;
  border:1px solid red !important;
}
*/
#refine_search_box {position:absolute;right:25px;min-width:700px;background-color:white;padding:10px;border:1px solid black;}


.customer_status_table table, .customer_status_table th, .customer_status_table td {
  border: 1px solid black;
}

.customer_status_table th, .customer_status_table td {
  padding: 5px;
}


/*  Site Widgets  */
label[aria-pressed=true] span {background-color:black;color:silver} //temp hack, remove after updating ui theme

#login_welcome {}

#login_dashboard_link {padding-right: 5px;}

#site-messages {max-width:820px; margin:0 auto 0 auto; padding:5px}

#recently_visited {display:inline}
#recently_visited span {padding-right:5px}

/*  Framework Widgets  */
#recently_visited {display:inline}
#recently_visited span {padding-right:5px;display:block}

.addform_row label {
    display:inline-block;
    width:150px;
}

.crud_form_field {
	min-height:30px;
  display:block;
}


.crud_form_field label {
	font-size:9pt;
	font-weight:bold;
	width:220px;
  margin-left: 5px;
  color:navy;
}

.crud_form_field:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#captcha_container  {
  width:350px;
}

#captcha_container img {
  margin-top: 15px;
  height:35px;
  float:right;
}

#captcha_result span {
  margin-left: 5px;
  padding-bottom: 5px;
}

/* these next few are fixes we need for the jquery ui css */
.ui-icon {
	display:inline-block !important; /* jquery ui icons force line breaks w/o this */
}
input.ui-state-disabled[name=changetime],input.ui-state-disabled[name=addtime] {
  opacity:0.9;
}
.border-fix {
	margin:1px;
}

.option_buttons a {
  background-color:inherit;
  padding:0;
}



/* these next few are fixes we need for the jquery ui css */
.ui-icon {
	display:inline-block !important; /* jquery ui icons force line breaks w/o this */
}
.border-fix {
	margin:1px;
}

#sort_table td.ui-widget-content {
  padding:2px;

}

/* custom site definitions that grab this jquery ui themes * base colors and use them */
/*.ui_style label {
	font-weight:bold;
}*/

/*  Highlight button class to mimic ui_style buttons but highlighted */
.ui_style_bright, a.ui_style_bright {
	background-color: forestgreen;
	color:white;
	border: 1px solid lime;
	font-weight: bold;
	text-decoration: none;
	opacity:0.9;
	padding:0 5px 0 5px;
  border-radius: 6px 6px 6px 6px;
}

.ui_style_bright:hover {
	 opacity:1;
}

.ui_style a, a.ui_style {
	white-space:nowrap;
	font-size:10pt;
}

.ui-widget-content a {
    /* color: #333333; */
}



/* overrides for datatables */
/* make toolbars float right and left to not take up two lines*/
.data_table {
	font-size: 9pt;
	width:100%;
}

.data_table tr {
  background: url(/images/transpWhite50.png);
}

.dataTables_length   {float:left}
.dataTables_filter   {float:right}
.dataTables_info     {float:left}
.dataTables_paginate {float:right}
.DataTables_sort_wrapper {white-space:nowrap;cursor:pointer;}

/* Jquery timepicker addon to datepicker needs these to look right*/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div .ui_tpicker_hour div { padding-right: 2px; }
.ui-timepicker-div .ui_tpicker_minute div { padding-right: 6px; }
.ui-timepicker-div .ui_tpicker_second div { padding-right: 6px; }
.ui-timepicker-div td { font-size: 90%; }

.ui-datepicker-div {font-size: 90%;}
.ui-datepicker-prev, .ui-datepicker-next { background:gray; }
.ui-datepicker-calendar,.ui-datepicker-calendar a { font-size: 10pt !important ; }

.csv_download_link {margin:5px;float:right;color:black;font-size:9pt;background:transparent;}
.csv_download_link:hover {color:black;font-size:9pt;background:transparent;}

/*  fullcalendar prints day numbers in white, switch them to brown */
.fc-day-number {color:brown}

/*  ui-dialog boxes seem to be broken close icon and other s are aligned left */
.ui-dialog {font-size:11pt; border:1px solid silver}




/* style the .open_modal class that is used on links or elements that open a modal box on click  and the hidden content element for the model*/
.open_modal {cursor:pointer;}
.open_modal_content {display:none; }