/*!
 * 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: #ccc;
	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: #000;
}


/* 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 ******/
#modalLogin .modal-content{
    max-width:340px;
    margin-left: auto;
    margin-right: auto;
}
#modalLogin #user, #modalLogin #password{
    width: 100%;
}
#modalLogin .modal-content label{
    width: 100px;
}
#modalLogin .modal-content .form-inline{
    text-align: center;
}
#modalLogin .modal-content .input-group-addon{
    /*background-color: #888;*/
}
.modal-header h4{
     color:#000;
}
#modalLogin .modal-header,
#modalLogin .modal-body,
#modalLogin .modal-footer{
    color:#888;
    padding: 10px;
	background: #333;
	border-radius: 4px;
}
#modalLogin .modal-footer{
    border: 0;
}
#modalLogin .modal-footer{
    text-align: center;
}
#modalLogin .modal-title{
    font-size:1.5em;
}
#modalLogin .close{
    /*color: #ff3333;*/
    font-size: 3em;
    opacity: 1;
    margin-top: -12px;
}
#modalLogin .modal-title{
    text-align: center;
}
#modalLogin .modal-footer .btn {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
	width: 100%;
    height: 45px;
}
#modalLogin .well{
    padding: 10px;
    margin-bottom: 10px;
}
#modalLogin .well.pw{
   background: none;
}
#modalLogin .left{
    float:left;
}
#modalLogin .right{
    float:right;
}
#modalLogin .extra-info{
    padding: 10px 20px 10px;
    float: left;
}
#modalLogin .extra-info  a{
    /*color:red;*/
}
#modalLogin .btn-default {
     border: none;
     color: #ccc;
	 background: #000 !important;
	}

#modalLogin .btn-default:hover {
	 border: none;
     color: #ccc;
	 background: #1B8ADA;
}

.loginError{
  display: none;
}

.loginError label{
  text-align: center;
  color: red;
  font-weight: 300;
  width: 100% !important;
}
/******* fin style Modal Login ********/