/* HTML basic layers */
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 0.7em;
  background-color: #ffffff;
}

#wrapper {
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#header {
  height: 50px;
  border-bottom: 1px solid #fff;
  box-shadow: -2px 2px 5px #bbb;
}
/* Inicio - Header / Footer CSS */
#header_title {
  text-align: center;
  font-size: 23px;
  color: navy;
  font-family: Verdana;
  height: 60px;

background: rgba(168,172,189,1);
background: -moz-linear-gradient(left, rgba(168,172,189,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(168,172,189,1)), color-stop(50%, rgba(224,224,224,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(168,172,189,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(168,172,189,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(168,172,189,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(168,172,189,1) 0%, rgba(224,224,224,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8acbd', endColorstr='#ffffff', GradientType=1 );
}
#header_logo {
  position: absolute;
  top: -8px;
    left: 20px;
    width: 145px;
    height: 60px;
  background: url(../images/spro-top.png) no-repeat top left;
  z-index: 10;
  cursor: pointer;
}
#header_env {
  position: absolute;
  left: 160px;
  top: 7px;
  background-color: crimson;
  padding: 0px 7px;
  border-radius: 3px;
  box-shadow: -2px 2px 3px #aaa;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: bold;
  text-shadow: -1px 1px 3px #999;
  color: snow;
}
#header_env:first-letter {
  font-size: 1.2em;
}

#sap_partner {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 83px;
  height: 50px;
  background: url(../images/sap-partner-83x50-alpha.png) no-repeat top left;
  box-shadow: 0 0 10 0 #ccc;
  z-index: 10;
  display: none;
}

#content {
  margin: 10px;
  min-height: 350px;
  /*padding-bottom: 75px;*/
}
#footer {
  height: 75px;
  width: 100%;
  /*position: absolute;
  bottom: 0px;*/
}

/* Navigation */

#menu {
  height: 35px; /* Altura do menu + espaçamento */
  padding-left: 20px;
  position: absolute;
  top: 15px;
  left: 250px;
  right: 0px;
  border-top-left-radius: 21px;
  background-color: #a8acbd;
}
#header_uname {
  line-height: 36px;
  font-size: 0.9em;
  margin-right: 20px;
  float: right;
  color: #efefef;
  text-shadow: -1px 1px 1px #333;
  font-family: Segoe UI;
}
#sp-login-box {
background: #F7F7F7;
background: url(../images/spro-watermark.png) no-repeat 240px 0px, -moz-linear-gradient(90deg, #eee, white);

border: 1px solid #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 15px #ccc;
-moz-box-shadow: 0 0 15px #ccc;
-webkit-box-shadow: 0 0 15px #ccc;
padding: 20px;
position: absolute;
left: 50%;
margin-left: -221px;
top: 175px;
}
.caixa { /* Utilizado por: Permission_Denied, Change_Password, Default_Task_Values, Filters */
  margin: 40px auto;
  padding: 20px;
  background-color: #EEEEEE;
  font-family: Verdana;
  color: #555555;
  border-radius: 20px;
  border-radius: 5px;
  box-shadow: -2px 2px 10px #CCC;
  border: 1px solid #CCC;
}
.caixa .sprox-form, #sp-login-box .sprox-form {
  min-width: 0;
}
.caixa fieldset, #sp-login-box fieldset {
  background-color: transparent;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.caixa fieldset .row_button, #sp-login-box fieldset .row_button {
  padding: 0px;
  margin: 0;
  margin-bottom: 0px;
}
.button_center {
  text-align: center;
}
.resultado_error {
  color: red;
  margin: auto;
  text-align: center;
  padding: 20px 0px;
  background-color: #EEEEEE;
  font-family: Verdana;
  font-size: 10px;
}
.resultado_success {
  color: green;
  margin: auto;
  text-align: center;
  padding: 20px 0px;
  background-color: #EEEEEE;
  font-family: Verdana;
  font-size: 10px;
}
.resultado_warning {
  color: orange;
  margin: auto;
  text-align: center;
  padding: 20px 0px;
  background-color: #EEEEEE;
  font-family: Verdana;
  font-size: 10px;
}

#sub_title {
  text-align: center;
  font-weight: bold;
  color: #331177;
  font-size: 20px;
  float: right;
}

#sp-login-box {
  width: 400px;
}
#login_table {
  margin: auto;
}
/*  default_task_value.php CSS  */
#alterar_valores_default_div {
  width: 450px;
  margin: 20px auto;
}
/*  change_password.php CSS  */
#alterar_senha_div {
  width: 350px;
  margin: 20px auto;
}
/*  register_administrative_refund_filter.php CSS  */
#register_administrative_refund_filter_div {
  width: 450px;
  margin: 20px auto;
}
/*  register_benefits_refund_filter.php CSS  */
#register_benefits_refund_filter_div {
  width: 450px;
  margin: 20px auto;
}
/*  register_benefits_refund_filter.php CSS  */
#register_tasks_filter_div {
  width: 450px;
  margin: 20px auto;
}
/*  tasks_approval_filter.php CSS  */
#tasks_approval_filter_div {
  width: 450px;
  margin: 20px auto;
}

/*  tasks_approval_filter.php CSS  */
#register_activity_tax_filter_div {
  width: 450px;
  margin: 20px auto;
}
/* Fim -  Main CSS */

#div_resultado_login {
  text-align: center;
  font-family: Verdana;
  font-size: 10px;
  color: #555555;
}
#footer .content {
  padding: 15px;
  box-shadow: 0px 0px 15px #ccc;
  background: #F7F7F7;
  background: -moz-linear-gradient(90deg, #eee, #ddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  border: 1px solid #ccc;
}
#footer .company-name {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 7px;
  text-shadow: 1px 1px 3px #999;
}
#footer .company-telephone {
  text-align: center;
  font-size: 13px;
}
#footer .copyright {
  text-align: center;
  font-family: Verdana;
  font-size: 9px;
}
/* Fim - Header / Footer CSS */

#crud_table {
  background-color: #A3A3D0;
  border-radius: 5px;
  box-shadow: 5px 5px 2px #DDDDDD;
  margin: 10px 0;
}

.td_save_error {
  background-color: red;
}
/*
.input {
  border-radius: 5px;
  box-shadow: 0;
}
*/

#content h1 {
  font-size: 1.3em;
  color: darkGoldenrod;
  text-shadow: -1px 1px 3px #CCC;
  margin: 10px;
  font-family: Segoe UI;
  font-weight: normal;
}

#content .sprox-form h1 {
  color: #333;
  font-size: 1.1em;
  text-shadow: -1px 1px 3px #CCC;
  margin: 0px 7px 15px;
  padding: 4px 0;
  border-bottom: 1px dotted #ccc;
}
.sprox-form .ui-tabs {
  margin: 7px;
}

.sprox-form .ui-widget-header {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #ddd;
  background: none;
}

/* INICIO -  Fieldset */
form .form_title {
/*  text-shadow: 1px 1px 2px #999;
  font-size: 1.1em;
  font-weight: bold;
  color: #1B2B4B;
  margin-left: 7px;
  line-height: 24px;*/
}

fieldset {
  padding: 7px 7px 0 7px;
  background-color: #fff;
  border: 0px solid #e5e5e5;
}
fieldset legend {
  font-weight: bold;
  display: none;
}
fieldset .info_message {
  margin: 15px 7px;
}
fieldset .row div {
  display: inline-block;
}
fieldset .row {
  padding: 2px;
  /*border-bottom: 1px dotted #e5e5e5;*/
  margin-bottom: 4px;
}
.fancybox-inner fieldset .row {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1em;
}
.fancybox-inner fieldset .row.noLabel {
  border-bottom: 0px;
}
.fancybox-inner fieldset .row div, .fancybox-inner fieldset .row.noLabel div {
  line-height: 1em;
  vertical-align: text-bottom;
}
.fancybox-inner fieldset .row div label {
  line-height: 1em;
  display: block;
  /*padding-bottom: 5px;*/
}
.fancybox-inner fieldset .row div label.error {
  display: inline-block;
  font-size: 0.9em;
}

fieldset .row_button, .fancybox-inner fieldset .row_button {
  text-align:right;
  border-bottom: 0px;
  padding: 7px 0;
}
fieldset .row_button .info {
  float: left;
  font-size: 0.9em;
  color: #999;
  line-height: 25px;
}
.sprox-form .row_control {
  text-align:right;
  border-bottom: 0px;
  padding: 2px 7px 7px 7px;
}

fieldset .answers {}
fieldset .answer-rows {
  border: 0;
  padding: 0;
  margin-bottom: 4px;
}
fieldset .answers .row div {
  display: inline-block;
  vertical-align: top;
}
fieldset .answer-rows label.error, fieldset label.error.geral {
  padding: 5px;
}
fieldset .answer-rows .answer-del {}
fieldset label.form_label {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  padding: 5px;
}
fieldset label.field-answers {
  display: block;
  padding: 5px;
}
fieldset label.error {
  color: crimson;
  /*vertical-align: middle;
  padding: 3px 10px;*/
  padding: 4px;
  position: fixed;
  background-color: paleGoldenrod;
  margin: -1px 24px;
  border-radius: 2px;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
}
/* FIM -  Fieldset */
.colorA {
  background-color: lightgreen;
}
.colorB {
  background-color: lightblue;
}

.sprox-form {
  min-width: 650px;
}

/* INICIO -  Mensagens */
#sprox-msgbox {
  z-index: 10000;
  position: absolute;
  margin: auto;
  padding: 10px;
  top: 0;
  left: 0;
  width: 98%;
  text-align: center;
  cursor: default;
  pointer-events: none;
}
.hidden_div {
  display: none;
}
#sprox-msgbox .msg {
  margin: 15px auto;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  opacity: 0.9;
  display: inline-block;
  min-width: 500px;
  max-width: 80%;
  cursor: default;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  pointer-events: visible;
}

#sprox-msgbox .msg.error {
  border: 1px solid #E7B5B5;
  color: darkred;
  background-color: #F6D0D0;
}
#sprox-msgbox .msg.success {
  background-color: #B9F0C4;
  border: 1px solid green;
  color: darkgreen;
}
relatorio_error, .relatorio_error, .msg_error {
  margin: auto;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  opacity: 0.7;
  border: 1px solid #E7B5B5;
  color: darkred;
  background-color: #F6D0D0;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.sprox-form .msg_error {
  margin: 10px;
}

relatorio_success, .relatorio_success, .msg_success {
  margin: auto;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  opacity: 0.7;
  border: 1px solid green;
  color: darkgreen;
  background-color: #B9F0C4;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.relatorio_error, .relatorio_success {
  margin: 15px 7px;
}
relatorio_warning {
  color: orange;
}

/* FIM -  Mensagens */

.sprox-grid-filter {
  width: 600px;
}

/* Tabela padrão 'grid' de registros */
#sprox-grid .top_control, #sprox-grid .bottom_control {
  height: 30px;
}
#sprox-grid .top_control {
  margin-bottom: 10px;
}
#sprox-grid .top_control div {
  line-height: 30px;
}
#sprox-grid .top_control .ui-combobox {
  margin-right: 30px;
}
#sprox-grid .top_control a {
  margin-right: 7px;
}
#sprox-grid .fc_control .cl1 {
  float: left;
}
#sprox-grid .fc_control .cl2 {
  margin-left: 340px;
  padding-top: 4px;
}

#sprox-grid .bottom_control {
  border-top: 1px solid #ccc;
}
#sprox-grid .bottom_control .dataTables_info {
  font-size: 0.9em;
}

#sprox-grid .bottom_control div, #sprox-grid .bottom_control .optbtn {
  line-height: 30px;
}
#sprox-grid .bottom_control .optbtn {
  height: 30px;
  vertical-align: middle;
  float: left;
}
#sprox-grid .bottom_control .optbtn span {
  margin: 0 15px 0 0;
}
#sprox-grid .bottom_control .optbtn input[type=checkbox] {
  vertical-align:text-bottom;
}
#sprox-grid .bottom_control .optbtn select {
  padding: 1px;
  font-size: 0.9em;
}
#sprox-grid .bottom_control .optbtn label {
  height: 30px;
  line-height: 30px;
  margin-left: 4px;
  vertical-align: bottom;
  font-size: 0.9em;
}
#sprox-grid .control {
  float: left;
  margin-right: 20px;
}
#sprox-grid .grid-table {
}
#sprox-grid .grid-table td {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.fancybox-outer .fancybox-nav.fancybox-prev {
  left: -10%;
}
.fancybox-outer .fancybox-nav.fancybox-next {
  right: -10%;
}
.fancybox-outer .fancybox-nav {
  width: 10%;
}
.fancybox-outer .fancybox-nav.fancybox-next span {
  background-image: url('../images/arrow-next.png') !important;
  width:35px;
  height: 45px;
  opacity: 0.3;
  background-position: initial;
  background-position-x: 0px;
  background-position-y: 0px;
  background-color: transparent;
}
.fancybox-outer .fancybox-nav.fancybox-prev span {
  background-image: url('../images/arrow-prev.png') !important;
  width:35px;
  height: 45px;
  opacity: 0.3;
  background-position: initial;
  background-position-x: 0px;
  background-position-y: 0px;
  background-color: transparent;
}
.fancybox-skin .fancybox-close {
  top: 6px;
  right: 6px;
  width: 16px;
  height: 16px;
  background: url(../images/icons/cross.png) 0 0;
}

/* Form elements */
input[type=text], input[type=password], textarea, select, .ui-widget.ui-combobox-input, .form_fields iframe {
  border-radius: 2px;
  border: 1px solid #bbb;
  padding: 3px;
  font-size: 1.0em;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  background: white;
} 

/**************************************************************************************************/
/* Ajustes sobre o jQuery-UI */

.ui-widget {
  font-size: 1.0em;
}
.ui-dialog .ui-dialog-content {
  padding: 1.5em;
}
/* Fundo semi-transparente das jQuery-UI Dialog, pra deixar igual ao da fancybox */
.ui-widget-overlay {
  background-image: none;
  background-color: #000000;
  opacity: 0.6;
}
#sprox-grid .control .ui-widget .ui-button-text {
  /*font-size: 0.95em;*/
  /*padding: 2px 5px;*/
}
#sprox-grid .ui-widget .ui-button-text {
  /*padding: 3px 10px;*/
}
#sprox-grid .grid-table .ui-widget .ui-button-text,
#sprox-grid .dataTables_paginate .ui-widget.ui-button-text {
  font-size: 0.85em;
}
#sprox-grid .grid-table .ui-widget.ui-button, 
#sprox-grid .grid-table .ui-widget.ui-button .ui-button-text,
#sprox-grid .dataTables_paginate .ui-widget.ui-button, 
#sprox-grid .dataTables_paginate .ui-widget.ui-button.ui-button-text {
  color: steelBlue;
}
#sprox-grid .dataTables_paginate .ui-widget.ui-button.ui-button-text.paginate_active {
  /*background-color: #D5D5D5;
  background-image: -webkit-linear-gradient(top,#DBDBDB,#D5D5D5);
  background-image: -moz-linear-gradient(top,#DBDBDB,#D5D5D5);
  background-image: -ms-linear-gradient(top,#DBDBDB,#D5D5D5);
  background-image: -o-linear-gradient(top,#DBDBDB,#D5D5D5);
  background-image: linear-gradient(top,#DBDBDB,#D5D5D5);
  color: #333;*/
}
#sprox-grid .dataTable th select {
  word-wrap: normal;
}

.ui-widget.ui-button {
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #dcdcdc;
  /*border: 1px solid rgba(0,0,0,0.1);*/
  color: #444;
}
.ui-widget.ui-button .ui-button-text, .ui-widget.ui-button.ui-button-text {
  color: #444;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.ui-widget.ui-button.ui-state-hover {
  background-color: #f8f8f8;
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  border: 1px solid #c6c6c6;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  color: #333;
}
.ui-widget.ui-button.ui-state-hover .ui-button-text{
  color: #333;
}
.ui-widget.ui-button.ui-state-hover.ui-state-active {
  -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
}
.ui-widget.ui-button.sp-save-button {
  background: #4285f4;
  background: -webkit-linear-gradient(top,#4387fd,#4683ea);
  background: linear-gradient(top,#4387fd,#4683ea);
  color: white;
  border: 1px solid rgba(0,0,0,0.1);
}
.ui-widget.ui-button.sp-save-button .ui-button-icon-primary.ui-icon.ui-icon-check,
.ui-widget.ui-button.sp-save-button.ui-state-hover .ui-button-icon-primary.ui-icon.ui-icon-check {
  background-image: url(../js/jquery-ui-1.8.20.custom/css/ui-lightness/images/ui-icons_ffffff_256x240.png);
}

.ui-widget.ui-button.sp-save-button.ui-state-hover {
  background: #4285f4;
  background: -webkit-linear-gradient(top,#4387fd,#4683ea);
  background: linear-gradient(top,#4387fd,#4683ea);
  color: white;
  border: 1px solid rgba(0,0,0,0.1);
}
.ui-widget.ui-button.sp-save-button .ui-button-text, .ui-widget.ui-button.sp-save-button.ui-button-text {
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.ui-widget-header.ui-dialog-titlebar {
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 0;
}
.ui-widget-header.ui-dialog-titlebar .ui-dialog-title {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  font-size: 1.1em;
  font-weight: bold;
  color: #1B2B4B;
  margin-left: 7px;
  line-height: 24px;
}

.ui-widget-content {
  border: 1px solid #e5e5e5;
}
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: default;
}

#sprox-grid .grid-table .field_edit {
  white-space: nowrap;
}

#sprox-grid .grid-table tr.info-parent td {
  border-top: 1px solid #ccc;
}
#sprox-grid .grid-table tr.info-parent td:first-child, 
#sprox-grid .grid-table tr.info-child td:first-child {
  border-left: 1px solid #ccc;
}
#sprox-grid .grid-table tr.info-parent td:last-child, 
#sprox-grid .grid-table tr.info-child td:last-child {
  border-right: 1px solid #ccc;
}
#sprox-grid .grid-table tr.info-child td {
  border-bottom: 1px solid #ccc;
}

.sp-info-content {
  padding-bottom: 10px;
  font-size: 0.9em;
}
.sp-info-content .sp-info {
  display: inline-block;
  margin: 10px 20px 10px 10px;
  vertical-align: top;
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  min-width: 250px;
}
.sp-info-content .sp-info p {
  padding: 7px 15px 0;
}
.sp-info-content .sp-info p label {
  min-width: 175px;
  display: inline-block;
  border-bottom: 1px dotted #ccc;
}
.sp-info-content .sp-info table.display thead th {
  text-align: initial;
}

#sprox-grid .grid-table td .sp-info-content .sp-info table tbody td {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  cursor: text;
}

.ui-datepicker-trigger {
  vertical-align: text-bottom;
  line-height: 23px;
  padding-left: 3px;
  cursor: pointer;
}

.ui-combobox {
  position: relative;
  display: inline-block;
}
.ui-combobox-toggle, .ui-combobox-toggle.ui-state-hover, .ui-button.ui-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
  text-align: initial;
  /* adjust styles for IE 6/7 */
  *height: 1.7em;
  *top: 0.1em;
}
.ui-combobox-input {
  margin: 0;
  padding: 0.3em;
}

form .counter{
  /*position:absolute;
  right:0;
  top:0;
  font-size:20px;
  font-weight:bold;*/
  display: block;
  color:#999;
}
form .warning{color:#600;}
form .exceeded{color:#e00;}

table.credentials th {
  font-size: 0.9em;
  color: #666;
}
table.credentials .toggler {
  float: right;
}
table.credentials th, table.credentials td {
  text-align: left;
  padding: 3px 5px;
  margin: 2px;
}
table.credentials td.context, table.credentials th.context {
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  vertical-align: top;
  font-size: 0.9em;
}
table.credentials td.description {
  font-size: 0.9em;
  color: #666;
}

#sprox-grid .ui-progressbar.ui-widget-content { 
  height: 1em;
  border: 1px solid rgb(189, 189, 189);
}

#sprox-grid .fc td.ui-widget-content {
  background: none;
  background-color: rgba(245, 245, 245, 0.20);
}
#sprox-grid .fc .ui-state-highlight, #sprox-grid .fc .ui-widget-content .ui-state-highlight, #sprox-grid .fc .ui-widget-header .ui-state-highlight, #sprox-grid .fc .ui-widget-content.ui-state-highlight {
  background: none;
  background-color: lightGoldenrodYellow;
}
#sprox-grid .fc .ui-widget-header {
  border-color: rgba(0, 0, 0, 0.1);
  background: #EFEFEF;
}

#sprox-grid .fc .fc-event .rowButtons {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
}

.sp_ticket_name {
  font-size: 1.3em;
  font-weight: bold;
  margin: 5px 0;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.ui-accordion-header {
  padding: 5px 5px 5px 25px;
}
.fc-header-right .ui-state-active {
  border: 1px solid #aaa;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #E5E5E5/*{borderColorActive}*/;
}
.sprox-accordion .ui-accordion-header {
  padding: 3px 3px 3px 25px;
  font-size: 0.9em;
}
.sprox-accordion .ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -1px;
}
fieldset .row div .ui-accordion-group {
  display: block;
}

.ui-dialog-content .rpt-b-error {
  margin-bottom: 10px;
  border-bottom: 1px solid #efefef;
}
.ui-dialog-content .rpt-b-error p {
  font-weight: bold;
}
.ui-dialog-content .rpt-b-error ul {
  list-style-type: circle; 
  list-style-position: inside; 
}
.ui-dialog-content .rpt-b-error ul li {
  padding: 4px;
}

.dataTables_scrollHead select {
  padding: 0;
  font-weight: bold;
  color: #555;
  border: 1px solid white;
}

.dataTables_scrollHead select:hover {
  border: 1px solid #bbb;
}

fieldset .row .progress {
  width: 200px;
  height: 15px;
  overflow: hidden;
}
fieldset .row .progress .bar {
  height: 15px;
}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}
@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
.progress{vertical-align:sub;height:15px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#ffffff;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);}
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);}
.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color: #73ACD1;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);}
.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}

.realupload_input {
  /*float: left;*/

  /* start of transparency styles */
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity:0);
  /* end of transparency styles */

  z-index:2; /* bring the real upload interactivity up front */
  width:1px;
}

.sprox-ajax-loader {
  vertical-align: middle;
}

fieldset .row.uploadInfo {
  border-bottom: 0;
}
fieldset .row.uploadInfo div {
  display: block;
}
fieldset .row.uploadInfo div.fUploadRow {
  display: block;
  margin-bottom: 10px;
  border: 1px solid lavender;
  background-color: cornsilk;
  border-radius: 2px;
  box-shadow: 0px 1px 2px #E5E5E5;
  padding: 5px;
}
fieldset .row.uploadInfo div.fUploadRow .fUploadCol {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  font-size: 0.9em;
}
.fUploadRow .fUploadCol .fUploadTitle {
  display: block;
  padding: 5px;
  font-weight: bold;
}
.fUploadRow .fUploadCol .fUploadFilename {
  padding: 5px;
}
.fUploadRow .fUploadCol .fUploadStatus {
  padding: 5px;
}
.fUploadRow ul {
  list-style-position: inside;
}
.fUploadRow ul li {
  list-style-image: none;
  list-style-type: none;
  min-height: 16px;
  line-height: 16px;
  padding-left: 20px;
  background-repeat: no-repeat;
  margin-bottom: 4px;
}
.fUploadRow ul li.spNfo { background-image: url(../images/icons/sp-nfo.png); }
.fUploadRow ul li.spErr { background-image: url(../images/icons/sp-err.png); }
.fUploadRow ul li.spSuc { background-image: url  +
(../images/icons/sp-suc.png); }
.fUploadRow ul li.spWng { background-image: url(../images/icons/sp-wng.png); }
.fUploadRow ul li.spXls { background-image: url(../images/icons/sp-xls.png); }

.spPrintBtn {
  height: 16px;
  padding-left: 20px;
  background-image: url(../images/icons/printer.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.spPrintBtn:hover {
  text-decoration: underline;
}

.spPdfBtn {
  height: 16px;
  padding-left: 20px;
  background-image: url(../images/icons/pdf.png);
  background-repeat: no-repeat;
  display: inline-block;
  color: #5a5b5b;
  text-decoration: none;
}
.spPdfBtn:hover {
  text-decoration: underline;
}


.sprox-report-container {
  /*text-align: center;*/
}
.sprox-report {
  display: inline-block;
  /*margin: 0 auto;*/
}
table.spRpt table.spInnerTable, 
table.spRpt table.spInnerTable td, 
table.spRpt table.spInnerTable th {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

table.spRpt {
  border-collapse: collapse;
  margin-bottom: 10px;
}
table.spRpt.spCenter {
  margin: 0 auto 10px;
}
table.spRpt .spTitle {
  font-size: 2.0em;
  line-height: 1.6em;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
}
table.spRpt .spLogo {
  zoom: 0.7;
  -moz-transform: scale(0.7);
  padding-top:5px;
}
table.spRpt th {
  font-weight: bold;
  background-color: #D7D8DA;
  font-size: 0.9em;
  color: #047;
}
table.spRpt th, table.spRpt td {
  border: 1px solid #a8acbd;
  padding: 3px;
}

table.spRpt.v2.header th {
  border: 0;
  border-bottom: 4px solid #ffdd00;
  padding: 3px;
  background-color: #f7f7f7;
  color: #182643;
}
table.spRpt.v2 .spTitle {
  color: #192444;
}
table.spRpt.v2 td {
  border: 1px solid #ccc;
  padding: 3px;
  color: #5a5a5a;
}
table.spRpt.v2 th {
  border: 1px solid #ccc;
  background-color: #04152f;
  color: #fff;
}


table.spRpt td.red,     table.spRpt th.red      { background-color: rgba(255, 0, 0, 0.1); }
table.spRpt td.blue,    table.spRpt th.blue     { background-color: rgba(0, 71, 255, 0.16); }
table.spRpt td.green,   table.spRpt th.green    { background-color: rgba(0, 255, 0, 0.1); }
table.spRpt td.green2,  table.spRpt th.green2   { background-color: rgb(197, 238, 191); }
table.spRpt td.yellow,  table.spRpt th.yellow   { background-color: rgba(255, 255, 0, 0.2); }
table.spRpt td.yellow2, table.spRpt th.yellow2  { background-color: rgb(243, 238, 175); }
table.spRpt td.grey,    table.spRpt th.grey     { background-color: #ededed; }

table.spRpt td.blue2,   table.spRpt th.blue2    { background-color: #d5d7fe; }


table.spRpt th a, table.spRpt td a {
  color: inherit;
  text-decoration: none;
}
table.spRpt.v2 th a, table.spRpt.v2 td a {
  color: inherit;
  text-decoration: underline;
}
table.spRpt th a:hover, table.spRpt td a:hover {
  color: inherit;
  text-decoration: underline;
}

table.spRpt th.red    { color: #8F5050; }
table.spRpt th.blue   { color: #293F83; }
table.spRpt th.green,  table.spRpt th.green2   { color: #2C683A; }
table.spRpt th.yellow, table.spRpt th.yellow2  { color: #76792C; }
table.spRpt th.grey   { color: #172540; }
table.spRpt th.blue2  { color: #192444; }

.ui-state-active.ui-state-error, 
.ui-widget-content .ui-state-active.ui-state-error, 
.ui-widget-header .ui-state-active.ui-state-error {
  border: 1px solid #CD0A0A/*{borderColorError}*/;
}

.grid-table .ui-buttonset .ui-button {
  margin-right: -1px;
}

#spcountdown{
  line-height: 36px;
  font-size: 0.9em;
  margin-right: 20px;
  float: right;
  color: #EFEFEF;
  text-shadow: -1px 1px 1px #333;
  font-family: Segoe UI;
}

.ui-widget-header .spCalHeadTotal {
  float: right;
  font-size: 0.9em;
  color: #666;
}

#sprox-grid .fc-header h2 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.6em;
  color: #4E6CA3;
  clear: both;
  text-shadow: -1px 1px 3px #ccc;
}

.fc-event.spClosedEvent {
  background-color: #6F6F7C;
}
.fc-event.spPreApprovedEvent {
  background-color: #9B9741;
}

.fc-event.spHoraExtra {
  background-color: #a52714;
}


.blockmsg {
  color: white;
  text-shadow: -1px 1px 3px black;
  font-family: Segoe UI;
  font-size: 1.3em;
}

.sprox-report h2 {
  font-family: Segoe UI;
  color: steelblue;
  font-weight: normal;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  font-size: 1.3em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}