/* Here I start my own customization */
html, body {
    height: 100%;
}


div.wrapper {
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -90px;
}

div.push {
	height: 90px;
	clear: both;
}

div#footer-bottom {
	padding-top: 41px; /*90px - 46px The height of the content = 34px;*/
	padding-bottom: 3px;
}
 @media (max-width: 767px) {
        div#footer-bottom {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

object, embed, a,select, input, .sonata-bc .btn:focus, .sonata-bc .btn:hover, .sonata-bc .btn  { 
  outline: 0;
  outline-offset: 0;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.sonata-bc select:focus,.sonata-bc input[type="file"]:focus,.sonata-bc input[type="radio"]:focus,.sonata-bc input[type="checkbox"]:focus{
	outline: 0;
}

a, a:link, a:visited {
    color: #447BC4;
    text-decoration: none;
}

a:hover {
    color: rgb(0, 63, 129);
}

a:focus {
	outline: none;
}
/*
.bottom-border {
	border-bottom: 1px dotted #DDDDDD;
}

.bottom-right {
	border-right: 1px dotted #DDDDDD;
}

.negritas {
	font-weight: bold;
}*/

body {

	background: url("../images/page-background.png") repeat-x scroll 50% 0 #FFFFFF;
    color: #6D7581;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin: 0px;
}


.sonata-bc h1,  h1 {
    font-size: 170%;
}
.sonata-bc h2,  h2 {
    font-size: 150%;
}
.sonata-bc h3,  h3 {
    font-size: 130%;
}
.sonata-bc h4,  h4 {
    font-size: 110%;
}
.sonata-bc h5,  h5 {
    font-size: 90%;
}
.sonata-bc h6,  h6 {
    font-size: 82%;
}

h1, h2, h3, h4, h5, h6, .sonata-bc h1, .sonata-bc h2, .sonata-bc h3, .sonata-bc h4, .sonata-bc h5, .sonata-bc h6 {
    color: #4F5F7F;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.2;
    font-weight: normal;
}


.clear {
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0;
	content: ".";
	height: 0;
}
    

.doc, .container {
	margin: 0 auto;
    text-align: left;
    max-width: 960px;
    width: auto;
    z-index: 1;
}
div#footer-bottom .container {
	width: 960px;
	margin: 0 auto;
}

.negritas {
	font-weight: bold;
}

.wide-bar {
	background-color: #ecf5fe;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    height: 22px;
}




div.wide-bar span#username_welcome {
	text-align: left;
    line-height: 20px;
    font-size: 13px;
    color: #828ea7;
}


#company-logo {
	position: absolute;
	bottom: 5px;
	right: 20px;
	z-index: 2000;
}


div#footer-bottom {
	width: 100%;
	color: #6D7581;
	min-width: 1000px;
}

div#footer-bottom div.wide-bar {
	position: relative;
}

/*color: #828ea7; nice color */

#footer-copyright {
	height: 32px;
	text-align: right;
}
#footer-copyright span{
	padding-right: 81px;
}






#username_welcome {
	line-height:22px;
}


/*#footer-bottom .wide-bar .a-submit {
	position: absolute;
	top: -5px;
	left: 35px;
}*/


#footer-bottom-text {
    line-height: 23px;
	font-size: 11px;
	text-align: center;
}









/*header*/
#header {
    margin: 0 10px;
    position:relative;
}

#header:after {  /*this allows the header to have an auto adjusted height, cause the content has all 0 px height and without this its height would also be 0 */
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}
#navbar-astricom.navbar {
	margin: 0;
}

#navbar-astricom.navbar div.navbar-inner {
	-moz-border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	border-radius: 0 0 8px 8px;
	border-top: none;
	min-height: 36px;
}
#navbar-astricom.navbar .nav > li > a {
	padding: 9px 15px 8px;
	color: #2f2f2f;
}
#navbar-astricom.navbar .nav > li {
	line-height: 19px;
}
#navbar-astricom.navbar .nav > li.divider-vertical {
	height: 35px;
	margin: 0px;
}

#navbar-astricom.navbar .nav li.dropdown.open > .dropdown-toggle {
	background-color: rgb(204, 209, 227);
	background-image: -moz-linear-gradient(center top , rgb(253, 248, 241), rgb(218, 231, 237));
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgb(253, 248, 241)),to(rgb(218, 231, 237)));
    background-image: -o-linear-gradient(rgb(253, 248, 241), rgb(218, 231, 237));	
    background-image: -ms-linear-gradient(rgb(253, 248, 241), rgb(218, 231, 237));	
    background-image: linear-gradient(rgb(253, 248, 241), rgb(218, 231, 237));
}



#salir_generar {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 26px;
	padding-top: 3px;	
	z-index: 500;
}

#fecha_hora {
	position: absolute;
	top: 9px;
	right: 80px;
	height: 18px;
	line-height: 17px;
	z-index: 500;
	font-size: 13px;
	color: rgb(68, 123, 196);
	text-shadow: 0px 1px 0px rgb(255, 255, 255);
	background-color: #fff;
	border-radius: 5px;
	padding: 0 5px;
	/*opacity:0.6;
	filter:alpha(opacity=60);*/
	text-align: center;
	width: auto;
}

#page-header {
    position: relative;
}

.title-green-upper {
    color: #759E1A;
    padding: 0 10px 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Arial,Helvetica,sans-serif;
    
}


/* login */


div.box-border  {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #DDDDDD;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);*/
	background: -moz-linear-gradient(#fff, #EAEAEA) repeat scroll 0 0 #EAEAEA;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EAEAEA),color-stop(1, #fff));
    background: -webkit-linear-gradient(#fff, #EAEAEA);    
    background: -o-linear-gradient(#fff, #EAEAEA);	
    background: -ms-linear-gradient(#fff, #EAEAEA);	
    background: linear-gradient(#fff, #EAEAEA);
}

div.plain-box-centered {
	width: 600px;
	margin: 45px auto 0;
	padding-top: 20px;
}

div.form-title {
	padding: 4px 17px;
	line-height: 17px;
	background-color: rgba(30, 30, 50, 0.1);
	border: none;
	color: rgb(109, 117, 129);
	font-size: 16px;
	border-radius: 0px 25px 25px 0px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	margin: 15px 0 25px;
}

div.form_body {
	margin: 0px 20px;
}

div.form_actions {
	margin: 18px 0px 0px;
	padding: 17px 20px 18px;
	background: none repeat scroll 0px 0px rgb(245, 245, 245);
	border-top: 1px solid rgb(221, 221, 221);
	border-radius: 0px 0px 6px 6px;
}

div.form_actions input.btn[type=submit], input#btnEntrar.btn.primary, div.btn_spacer  {
	float: left;
}

div.btn_spacer {
	padding-left: 5px;
}

div.form_errors, div.form_message {
	border: 1px solid rgb(255, 255, 255);
	background-color: rgba(30, 30, 50, 0.05);
	margin: 0px 0px 0px 160px;
	border-radius: 20px 20px 20px 20px;
	padding: 4px 17px;
	line-height: 17px;
	width: auto;
	color: #ff0000;
	font-size: 14px;
}

div.form_message {
	color: rgb(20,190, 40);
}

div.form_message.one_button, div.form_errors.one_button {
	margin-left: 160px;
}

div.form_message.two_buttons, div.form_errors.two_buttons {
	margin-left: 205px;
}

div.form_errors ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

div.form_errors ul li {
	color: #ff0000;
	font-size: 14px;
	line-height: 17px;
	margin:0;
	padding:0;
}

.text_color {
	color: rgb(20, 80, 80);
}



form#f-signin {
    margin-bottom: 0px;
    padding: 23px 20px 0;
}


div#w-signin {
	float: right;
	margin: 95px 10px 0 0;
	width: 460px;
}

.clearfix {
	margin: 9px 0 10px;
}


div.clearfix label {
	line-height: 20px;
	display: block;
	width: auto;
}
	
form#f-signin input.big {
	height: 35px;
	font-size: 18px;
	width: 400px;
}

form#f-signin div.actions {
    margin: 18px -20px 0;
    padding: 17px 20px 18px;
    background: none repeat scroll 0px 0px rgb(245, 245, 245);
    border-top: 1px solid rgb(221,221,221);
    border-radius: 0px 0px 6px 6px;
}

.box {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #DDDDDD;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 10px 25px 5px;
    background: -moz-linear-gradient(#fff, #EAEAEA) repeat scroll 0 0 #EAEAEA;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EAEAEA),color-stop(1, #fff));
    background: -webkit-linear-gradient(#fff, #EAEAEA);    
    background: -o-linear-gradient(#fff, #EAEAEA);	
    background: -ms-linear-gradient(#fff, #EAEAEA);	
    background: linear-gradient(#fff, #EAEAEA);
}


.island, .island-gray, .island-dark-gray {
    border: 1px solid #C9DDF2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -2px 0 rgba(204, 223, 243, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 25px;
    padding: 14px 0px 25px;
}

.island-gray {
	padding-bottom: 10px;
}

.island {
	background: -moz-linear-gradient(#fff, #FCFDFE) repeat scroll 0 0 #FCFDFE;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FCFDFE),color-stop(1, #fff));
    background: -webkit-linear-gradient(#fff, #FCFDFE);    
    background: -o-linear-gradient(#fff, #FCFDFE);	
    background: -ms-linear-gradient(#fff, #FCFDFE);	
    background: linear-gradient(#fff, #FCFDFE);
}
.island-gray, .column-gradient {
	background: -moz-linear-gradient(#fff,#F4F8FC) repeat scroll 0 0 #F4F8FC;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F4F8FC),color-stop(1, #fff));
    background: -webkit-linear-gradient(#fff, #F4F8FC);    
    background: -o-linear-gradient(#fff, #F4F8FC);	
    background: -ms-linear-gradient(#fff, #F4F8FC);	
    background: linear-gradient(#fff, #F4F8FC);
}


.island-dark-gray {
	background: -moz-linear-gradient(#fff, #EAEAEA) repeat scroll 0 0 #EAEAEA;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EAEAEA),color-stop(1, #fff));
    background: -webkit-linear-gradient(#fff, #EAEAEA);    
    background: -o-linear-gradient(#fff, #EAEAEA);	
    background: -ms-linear-gradient(#fff, #EAEAEA);	
    background: linear-gradient(#fff, #EAEAEA);
}



.float-left {
	float: left;
}

.float-right {
	float: right;
}

.two-columns {
	padding: 0 10px;
}

.two-columns .column1 {
	width: 253px;
	float: left;
}

.column2 {
	/*margin-left: 260px;*/
	width: 677px;  /*column space would be 27px*/
	float: right;
	
}

.column2 div.plain-box-centered {
	margin: 0 auto;
	padding: 0px;
	width: 640px;
}

.island h3, .island-gray h3, .island-dark-gray h3 {
	padding: 4px 17px;
	line-height: 17px;
	background-color: rgba(30, 30, 50, 0.07);
    
    /*background-color: rgb(236, 245, 254);*/
    
	border: medium none;
	color: rgb(109, 117, 129);
	font-size: 16px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid rgb(255,255,255);
}

.island ul {
	margin-top: 15px;
	padding-right: 20px;
}
.island li {
list-style-type: none;
	position: relative;
	text-align: right;
}


.island a:hover, .island a.selected {
    color:  #003f81;
    text-decoration: none;
}

.uif_menuArrowRight {
    width:8px;
    height: 10px;
    background: url("../images/sprite.png") no-repeat scroll 0px -10px transparent;
    display: block;
    position: absolute;
    top: 6px;
    right: -10px;
    overflow: hidden;
    margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	vertical-align: baseline;
}




 input[type="email"],  input[type="password"],  input[type="text"],  input[type="url"], select, textarea, .sonata-bc input[type="email"], .sonata-bc  input[type="password"], .sonata-bc  input[type="text"], .sonata-bc  input[type="url"], .sonata-bc select, .sonata-bc  textarea {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-box-sizing: border-box;
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin: 0px;
    float: none;
    font-size: 16px;
    height: 30px;
    padding: 2px 0px 0px 6px;
    line-height: 30px;
    color: rgb(60, 60, 60);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}

.sonata-bc textarea {
	height: auto;
	line-height: 20px;
}

 input:hover, select:hover, textarea:hover, .sonata-bc input:hover, .sonata-bc select:hover, .sonata-bc textarea:hover {
	border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    outline: 0 none;
    display: inline-block;
  }
  
  input[type=email].error-tipsy-inner,   input[type=password].error-tipsy-inner,   input[type=text].error-tipsy-inner,  input[type=url].error-tipsy-inner,  input[type=submit].error-tipsy-inner, select.error-tipsy-inner, textarea.error-tipsy-inner {
	border-color: rgba(255, 0, 0, 0.8);
  }
  
  input[type=email].error-tipsy-inner:focus,   input[type=password].error-tipsy-inner:focus,   input[type=text].error-tipsy-inner:focus,  input[type=url].error-tipsy-inner:focus,  input[type=submit].error-tipsy-inner:focus, select.error-tipsy-inner:focus, textarea.error-tipsy-inner:focus {
	border-color: rgba(255, 0, 0, 0.8);
  }
  
  input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=checkbox]:focus, input[type=radio]:focus, select:focus, textarea:focus, .sonata-bc input[type=text]:focus, .sonata-bc input[type=password]:focus, .sonata-bc input[type=email]:focus, .sonata-bc input[type=url]:focus, .sonata-bc select:focus, .sonata-bc textarea:focus, .sonata-bc input[type=checkbox]:focus, .sonata-bc input[type=radio]:focus  {
	  border-color: rgba(82, 168, 236, 0.8);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	  outline: 0 none;
	  background-color: #fffecc;
	  display: inline-block;
  }
  
  input[type=email][disabled=disabled],   input[type=password][disabled=disabled],   input[type=text][disabled=disabled],   input[type=url][disabled=disabled],  input[type=submit][disabled=disabled], select[disabled=disabled], textarea[disabled=disabled] {
  border: 1px solid transparent;
  background: #efefef;
  border-radius: 5px;
  color: #3c3c3c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  }
  input[type=email][disabled=disabled]:hover,
  input[type=password][disabled=disabled]:hover,
  input[type=text][disabled=disabled]:hover,
  input[type=url][disabled=disabled]:hover,
  select[disabled=disabled]:hover,
  textarea[disabled=disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #3c3c3c;
  }


button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

.form-stacked span.error {
	color: #FF0000;
    float: right;
    font-size: 14px;
    line-height: 14px;
    padding-top: 6px;
    width: 320px;
}
button.submit {
	margin: 25px 0 10px;
}




div.sonata-actions {
	margin: 0;
	float:right;
}

div.sonata-actions ul {
	margin: 0;
}

.sonata-bc button.btn.primary.selected, .sonata-bc input[type="submit"].btn.primary.selected, .sonata-bc input[type="button"].selected, button.btn.primary.selected, input[type="submit"].btn.primary.selected, input[type="button"].selected, input#btnEntrar.btn.primary.selected {
	background-color: #ccd1e3;
    /*background-image: -moz-linear-gradient(center top, #f2fbff, #ccd1e3); */
    background-image: -moz-linear-gradient(center top, #FDF8F1, #C6D3D9); 
    text-shadow: 0pt 1px rgb(255, 255, 255);
    color: #6D7581;
    border: 1px solid #ccc;
	border-color: rgba(109, 117, 129, .05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.sonata-bc button.btn.primary.selected:active, .sonata-bc input[type="submit"].btn.primary.selected:active, .sonata-bc input[type="button"].selected:active, button.btn.primary.selected:active, input[type="submit"].btn.primary.selected:active, input[type="button"].selected:active, input#btnEntrar.btn.primary.selected:active { 
  background-position: 0;
  text-decoration: none;
  box-shadow: none;
}

.sonata-bc button.btn.primary.selected:focus, .sonata-bc input[type="submit"].btn.primary.selected:focus, .sonata-bc input[type="button"].selected:focus, button.btn.primary.selected:focus, input[type="submit"].btn.primary.selected:focus, input[type="button"].selected:focus, input#btnEntrar.btn.primary.selected:focus {
  background-position: 0;
  text-decoration: none;
  box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.6);
}

.sonata-bc button.btn.primary.selected:hover, .sonata-bc input[type="submit"].btn.primary.selected:hover, .sonata-bc input[type="button"].selected:hover, button.btn.primary.selected:hover, input[type="submit"].btn.primary.selected:hover,  input[type="button"].selected:hover, input#btnEntrar.btn.primary.selected:hover {
  background-position: 0;
  text-decoration: none;
  box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.6);
}


.sonata-bc .btn.primary, .sonata-bc .btn.btn-primary, .btn.primary, .btn.btn-primary {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  height: 30px;
  width: auto;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  display: inline-block;
  padding: 4px 17px 4px;
  height: 27px;
  margin: 0px;
}



.sonata-bc .btn.primary:active, .sonata-bc .btn.btn-primary:active,.btn.primary:active, .btn.btn-primary:active {
  box-shadow: none;
}

.sonata-bc .btn.primary:focus, .sonata-bc .btn.btn-primary:focus, .btn.primary:focus, .btn.btn-primary:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(193, 194, 208, 0.6);
}

.sonata-bc .btn.primary:hover, .sonata-bc .btn.btn-primary:hover, .btn.primary:hover, .btn.btn-primary:hover {
  background-position: 0 -15px;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(193, 194, 208, 0.6);
}

.page-content {
	min-height: 400px;
	margin-top: 25px;
}

.sonata-bc div.sonata-ba-list-actions label {
	width: auto;
	padding: 2px 15px 0 0;
	line-height: 25px;
}

.sonata-bc li label {
    float: none;
    text-align: left;
}
.sonata-bc label {
    font-size: 14px;
    float: left;
    text-align: right;
    color: rgb(109, 117, 129);
    
}

.sonata-bc div.actions {
	padding: 25px 20px 18px 12px;
    border-top: 1px solid rgb(221, 221, 221);
}

.sonata-bc .btn {
	padding: 4px 17px;
	line-height: 17px;
}
.sonata-bc input[type="button"], .sonata-bc input[type="reset"], .sonata-bc input[type="submit"] {
  height: 27px;
  width: auto;
}

.sonata-bc ul.breadcrumb li:first-child a:hover {
    color: #00438A;
    text-decoration: none;
}

.sonata-bc div.alert {
	float: left;
	padding: 4px 17px;
	line-height: 17px;
	width: 540px;
	margin: -20px 0 0 0px;
	background-color: rgba(30, 30, 50, 0.1);
	border: none;
	color: rgb(109,117,129);
	font-size: 15px;
	border-radius: 25px 25px 25px 25px;
}


div.sonata-ba-form-error {
	width: 495px;
	border: 1px solid rgb(255, 255, 255);
	background-color: rgba(30, 30, 50, 0.05);
	margin-bottom: 17px;
	margin-top: -12px;
	border-radius: 20px;
	padding: 8px 17px;
	color: #ff0000;
	font-size: 14px;
}

div.sonata-ba-modal  div.sonata-ba-form-error {
	border: 1px solid rgb(221, 221, 221);
	margin-top: 12px;
}

div.sonata-ba-form-error ul {
	list-style-type: none;
}

div.sonata-ba-form-error ul li {
	color: #ff0000;
	font-size: 14px;
}
.sonata-bc fieldset {
	border-color: #E4E4E4;
	border-style: solid;
	border-width: 1px 0 0;
}

.sonata-bc fieldset legend {
	padding: 0 10px;	
	width: auto;
	border: 0;
	margin: 0;
	line-height: 18px;
	font-weight: normal;
}

div.message-error {
    background-color: rgba(30, 30, 50, 0.05);
    border: 1px solid #FFFFFF;
    border-radius: 25px 25px 25px 25px;
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 14px 0px 14px 10px	;
    width: 495px;
    color: #6D7581;
}





button.a-submit {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.218s ease 0s;
    background-color: #fdf8f1;
    background-image: -moz-linear-gradient(center bottom , #fdf8f1 0%, #c6d3d9 100%);
    border-color: #b4bdcf #c3cad9 #c3cad9;
    border-left: 1px solid #c3cad9;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #c3cad9;
    border-style: solid;
    border-width: 1px;
    color: #4F5F7F;
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
    padding: 0px 15px 0px;
    line-height: 32px;
    height: 32px;
}

button.a-submit:focus {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.218s ease 0s;
    background-color: #fdf8f1;
    background-image: -moz-linear-gradient(center bottom , #fff 0%, #fdf8f1 100%);
    border-color: #b4bdcf #c3cad9 #c3cad9;
    border-left: 1px solid #c3cad9;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #c3cad9;
    border-style: solid;
    border-width: 1px;
    color: #4F5F7F;
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
    padding: 0px 15px 0px;
    line-height: 32px;
    height: 32px;
}


/* Overriding sonata's design */

.sonata-bc .breadcrumb {
    padding: 3px 14px;
    margin: 0px 10px;
    float: right;
    background: none;
}
.sonata-bc .breadcrumb .divider{padding:0 5px;color:#bfbfbf;}


.sonata-bc .breadcrumb .active{
	color:#808080;
}

.sonata-bc li {
    line-height: 18px;
    font-size: 14px;
    color: rgb(128, 128, 128);
    list-style-type: none;
}


.sonata-bc {
	/*color: #6D7581;*/
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.sonata-bc ul.breadcrumb img {
    max-width: 100%;
    vertical-align: top;
    border: 0px none;
    height: auto;
}

.sonata-bc .btn, .btn {
	#text-shadow: 0pt 1px rgb(255, 255, 255);
	#color: rgb(109, 117, 129);
	font-size: 14px;
	text-align: center;
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

.sonata-bc .btn-primary {
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}
.sonata-bc .btn:hover {
	#background-color: #ccd1e3;
    #background-image: -moz-linear-gradient(center top, #FDF8F1, #C6D3D9);
    #text-shadow: 0pt 1px rgb(255, 255, 255);
	border-color: rgba(109, 117, 129, .25);
	background-position: 0;
	text-decoration: none;
	box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.3);
}

.sonata-bc input[name="btn_create_and_create"]:hover, .sonata-bc input[name="btn_create_and_list"]:hover, a.btn.sonata-action-element:hover, .sonata-bc input[name="btn_update_and_list"]:hover {
	background-color: #ccd1e3;
    background-image: -moz-linear-gradient(center top, #FDF8F1, #C6D3D9); 
    text-shadow: 0pt 1px rgb(255, 255, 255);
}


.sonata-bc .btn.primary:hover, .sonata-bc .btn.btn-primary:hover, .btn.primary:hover, .btn.btn-primary:hover {
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  border: 1px solid #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.5);
}


.sonata-bc .well {
    border-radius: 0px;
    background-color: inherit;
    border: none;
    border-top: 1px solid rgb(231, 231, 231);
    padding: 19px;
    margin-bottom: 20px;
    box-shadow: none;
    min-height: 20px;
}



div.actions.sonata-ba-list-actions select {
	color: rgb(109, 117, 129);
	font-size: 14px;
	height: 27px;
	#margin-top: px;
}

.sonata-bc .table th {
    font-size: 13px;
}
.sonata-bc .form-horizontal .form-actions {
    padding-left: 12px;
}

.sonata-bc .form-horizontal .controls {
    margin-left: 165px;
    width: auto;
}
.sonata-bc .form-horizontal .control-group {
    margin-bottom: 9px;
}

.sonata-bc .row-fluid .span5 {
    width: 50.4255%;
}

legend + .sonata-ba-collapsed-fields {
    margin-top: 28px;
}

.sonata-bc .breadcrumb li {
    display: inline-block;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
.sonata-bc .breadcrumb {
    list-style: none outside none;
}

.sonata-bc .table th,.sonata-bc .table td{padding:3px 10px;line-height:29px; height: 29px; text-align:left;vertical-align:top;border-top:1px solid #dddddd;}

.sonata-bc .table-striped tbody tr:hover td,.sonata-bc .table-striped tbody tr:hover th{background-color:rgb(255, 254, 211);}

.sonata-bc .table-bordered {
	margin-top: 9px;
	margin-bottom: 11px;
}

div.control-group div.controls input[type="text"], div.control-group div.controls input[type="password"], div.control-group div.controls select, div.control-group div.controls input[type="url"], div.control-group div.controls input[type="email"], div.control-group div.controls textarea {
	width: 50.4255%;
	min-height: 30px;
	display: inline-block;
	min-width: 280px;
}

span.field-actions {
	margin-left: 20px;
}


.sonata-bc .plain-box-centered .alert {
	margin: -10px 0 20px;
}


 .error-tipsy-container {
	  position: relative;
	  font-size: 12px; 
	  line-height: 14px;
  }
  .error-tipsy {
	position:absolute;
	left: 5px;
	top: -18px;
    z-index: 1000;
    padding: 10px;
   /* float:left;*/
    border: 1px solid #C9DDF2;
    border: 1px solid rgb(210, 200, 200);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 1px 1px 2px rgb(238, 238, 238);*/
    box-shadow: 0px -1px 0px rgba(204, 223, 243, 0.2) inset, 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.field-container {
	position: relative;
}

.field-container  .error-tipsy-container {
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  width: 0px;
	  height: 0px;
}

.field-container .error-tipsy {
	top: 10px;
}
  

.error-tipsy .error-tipsy-inner:before, .error-tipsy .error-tipsy-inner:after {
    content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -6px;
}
.error-tipsy .error-tipsy-inner:before {
	left: -6px;
	border-left-width: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid white;
	z-index: 2000;
	
}

.error-tipsy .error-tipsy-inner:after {
	border: 6px solid transparent;
	border-left-width: 0px;
	border-right-color: rgb(255, 0, 0);
    left: -7px;
    /*margin-left: -6px;*/
}

.error-tipsy .error-tipsy-inner {
	color: rgb(59, 89, 152);
	/*003f81*/
	line-height: 14px;
	white-space: nowrap;
	padding:0;
	margin: 0;
	font-size: 13px;
}

.sonata-bc .form-horizontal .controls label.multiple_label_value {
	margin: 0px 0px 6px;
	white-space: normal;
	width: 50.4255%;
	min-height: 30px;
	display: inline-block;
	min-width: 280px;
	border: 1px solid transparent;
	background: none repeat scroll 0% 0% rgb(239, 239, 239);
	border-radius: 5px 5px 5px 5px;
	color: rgb(60, 60, 60);
	box-shadow: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	height: 30px;
	padding: 0;
	line-heigh: 1.2em;
	text-align: left;
	padding: 6px 0 0 0;
}

.sonata-bc .form-horizontal .control-label {
	width: 150px;
}

.sonata-bc .form-horizontal .controls label.multiple_label_value div {
	padding: 0 6px;
}

.sonata-bc legend.filter_legend.active, .sonata-bc tr.filter.active * {
    font-weight: normal;
    color: rgb(0, 0, 0);
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

label { 
	margin: 0;
	display: inline;
}

.sonata-bc a.btn-danger, .sonata-bc a.btn-danger:hover, .sonata-bc a.btn-danger:focus, .sonata-bc a.btn-danger:link, .sonata-bc a.btn-danger:visited, .sonata-bc a.btn-success, .sonata-bc a.btn-success:hover, .sonata-bc a.btn-success:focus, .sonata-bc a.btn-success:link, .sonata-bc a.btn-success:visited {
	color: #fff;
}

.calendar-control-panel {
	margin: 0 5px 8px;
}

#calendar-control-panel .button-bar {
	width: 100%;
	background-color: background-color: rgba(30, 30, 50, 1);
}

.nav {
	margin-bottom: 10px;
}



.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    color: rgb(0, 63, 129);
}

.sonata-bc select[name*='[date]'], .sonata-bc select[name*='[time]'] {
	width: auto;
}

.btn:focus {
	outline: none;
}


.ui-tooltip .ui-tooltip-content,
.ui-tooltip p,
.ui-tooltip ul,
.ui-tooltip li,
.ui-tooltip,
.qtip {
    font-size: 12px;
    max-width: 420px;
    min-width: 50px;
}

.fc-event {
	line-height: 15px;
}

.fc-event-closed {
	border-left-width: 1px;
	border-right-width: 1px;
	border-radius: 3px;
}

#dgRecords td {
	max-width: 200px;
	white-space: no-wrap;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
	z-index: 999999;
}
	/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
	height: 100px;
}

div.sonata-ba-form-error ul, div.sonata-ba-form-error ol {
	padding: 0;
	margin: 0;
} 


.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}

label.vertical-stacked {
	float: none;
	text-align: left;
	display: block;
}
div.form-row {
	margin-top: 3px;
}

.input-append, .input-prepend {
	margin-bottom: 0px;
}

.form-buttons {
	width: auto;
	padding: 10px 15px;
	margin-bottom: 20px;
	border-top: 1px solid rgb(229, 229, 229);
	
}

.full-height {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
}

#formContainer {
	min-height: 453px;
}

.no-margin {
	margin: 0px;
}
.no-padding {
	padding: 0px;
}

.underlined {
	text-decoration: underline;
}

input[readonly="readonly"][type="text"]{
	color:  rgb(120, 120, 120);
}