/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */




/* fonts */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);


/***************************
************** Global Styles
****************************/

html,
body {
    height: 100%;
	color: #333;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 300;
    letter-spacing: 0.06em;
}

/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color: #CCC;
}


/* Custom widht for classic migration sites */
@media (min-width: 1200px) {
    .container{
        max-width: 950px;
    }
}


.page-header {
    border-bottom: 1px solid #eee;
    margin: 10px 10px 30px;
    padding-bottom: 9px;
}


/* content of this box will be centered horizontally */
.boxH
{

  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* content of this box will be centered vertically */
.boxV
{

  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* content of this box will be centered horizontally and vertically */
 .boxM
{
  background-color: #ededed;
  padding: 2em 4em;
  border-radius: 0.5em;
}



/****************** buttons ******************/


.btn-primary {border: none}



/***** Style Modal Login ******/
#modalloginsouth .modal-content{
    max-width:340px;
    margin-left: auto;
    margin-right: auto;
}
#modalloginsouth #user, #modalloginsouth #password{
    width: 100%;
}
#modalloginsouth .modal-content label{
    width: 100px;
}
#modalloginsouth .modal-content .form-inline{
    text-align: center;
}
#modalloginsouth .modal-content .input-group-addon{
    /*background-color: #888;*/
}
.modal-header h4{
     color:#000;
}
#modalloginsouth .modal-header,
#modalloginsouth .modal-body,
#modalloginsouth .modal-footer{
    color:#000;
    padding: 10px;
}
#modalloginsouth .modal-footer{
    border: 0;
}
#modalloginsouth .modal-footer{
    text-align: center;
}
#modalloginsouth .modal-title{
    font-size:1.5em;
}
#modalloginsouth .close{
    /*color: #ff3333;*/
    font-size: 3em;
    opacity: 1;
    margin-top: -12px;
}
#modalloginsouth .modal-title{
    text-align: center;
}
#modalloginsouth .modal-footer .btn {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
	width: 100%;
    height: 45px;
}
#modalloginsouth .well{
    padding: 10px;
    margin-bottom: 10px;
}
#modalloginsouth .well.pw{
   background: none;
}
#modalloginsouth .left{
    float:left;
}
#modalloginsouth .right{
    float:right;
}
#modalloginsouth .extra-info{
    padding: 10px 20px 10px;
    float: left;
}
#modalloginsouth .extra-info  a{
    /*color:red;*/
}
#modalloginsouth .btn-default {
     border-color: #ffcc00;
     color: #222;
	 background-: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
	 background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
	 background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
	 background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
	 background-image: -o-linear-gradient(top, #ffd65e, #febf04);
	 background-image: linear-gradient(to bottom, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
	}

#modalloginsouth .btn-default:hover {
	 border-color: #ffcc00;
     color: #222;
	 background: #ffcc00; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#fb9d23));
    background-image: -webkit-linear-gradient(top, #ffcc00, #fb9d23);
    background-image: -moz-linear-gradient(top, #ffcc00, #fb9d23);
    background-image: -ms-linear-gradient(top, #ffcc00, #fb9d23);
    background-image: -o-linear-gradient(top, #ffcc00, #fb9d23);
    background-image: linear-gradient(to bottom, #ffcc00, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffcc00, endColorstr=#fb9d23);
}
#modalloginsouth #user, #modalloginsouth #password {
    width: 100%;
}
#modalloginsouth .extra-info {
    padding: 10px 20px 10px;
    float: left;
}
#modalloginsouth .extra-info {
    width: 100%;
    padding: 10px 20px;
    display: block;
    margin: 0px;
}
#modalloginsouth .modal-header, #modalloginsouth .modal-body, #modalloginsouth .modal-footer {
    color: #000;
    padding: 10px;
}
#modalloginsouth #btnEntrar {
    color: white;
    border: none;
    background: rgb(242,71,25);
    background: -moz-linear-gradient(top, rgba(242,71,25,1) 0%, rgba(190,56,20,1) 100%);
    background: -webkit-linear-gradient(top, rgba(242,71,25,1) 0%,rgba(190,56,20,1) 100%);
    background: linear-gradient(to bottom, rgba(242,71,25,1) 0%,rgba(190,56,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24719', endColorstr='#be3814',GradientType=0 );
}
/******* fin style Modal Login ********/