/****************************** 
	 * Login Form                 *
	 *                            *
	 ******************************
	/                            */
		.loginout-holder{
			font-size: 90%;
		}
		.loginout-holder h2{
			font-size: 100%;
			text-transform: uppercase;
			margin-top: 0;
			margin-bottom: 2px;
		}
		.loginout-holder #loginoutform{
			background:#C61E3C;
		}
		.loginout-holder .form-group{
  		margin-top: 5px;
  		margin-bottom: 5px;
		}
		.loginout-holder .form-control{
  		height: 1.5em;
  		line-height: 1.5em;
  		padding-top: 0px;
  		padding-bottom: 0px;
  		font-size: 12px;
		}
		.loginout-holder .btn-xs{
		  padding-top: 0px;
		  padding-bottom: 0px;
  		height: 1.5em
		}
		.loginout-holder .input-group-btn .btn-default{
  		border: 1px solid #FFF;
		}
		
    #loginoutform{
      display:table;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 2px;
      padding-bottom: 2px;
    }
    #loginoutform .row{
        height: 100%;
        display: table-row;
    }
    #loginoutform .col-md-8,
    #loginoutform .col-md-4{
        float: none;
        vertical-align: bottom;
        display: table-cell;
    }
    
    .alpha { padding-left: 0; }
    .omega { padding-right: 0; }
		
		
		.login-error{
  		font-weight: bold;
  		margin: 5px 0;
		}
		
		
		.loginout-modal .loginout-holder #loginoutform{
  		background: transparent;
		}
		.loginout-modal #loginoutform{
		  display: block;
		}
		.loginout-modal #loginoutform .row{
		  display: block;
		}
    .loginout-modal #loginoutform .col-md-8,
    .loginout-modal #loginoutform .col-md-4{
        display: block;
        width: 100%;
    }
    .loginout-modal #loginoutform .col-md-4{
        text-align: right;
    }

@media screen and (min-width: 768px){
  .loginout-modal .modal-dialog{
		max-width: 350px;
	}
}