/* * **************************************************************************
 *
 *  FILE NAME:  npcenroll.css
 *
 *  DESCRIPTION:
 *    The file contains styles for the enrollment forms.
 *
 *  NOTES:
 *    Developed by BrainWebs Online Services LLC    www.brainwebs.com
 *    05/10/2013.
 *
 *  Copyright (C) National Payment Card.
 *
 *  All rights reserved. This module contains proprietary information of
 *  National payment Card and is confidential.
 *
 * ************************************************************************** */

.no-border {
    border: none;
}

.no-wrap {
    white-space: nowrap;
}
#KitPlace {
    width: auto;
    height: auto;
    border: none;
    padding: 5px;
}

.NPCAContent {
    position: relative;
    max-width: 828px;
    height: auto;
    min-height: 445px;
    font-family: Arial,Helvetica,Geneva,san-serif;
}

.input_error {
    border-color: red;
    color: red;
}

.modal-backdrop {
    background-color: #777777;
}

.tooltip-inner {
    max-width: 300px;
    font-size: 12px;
    font-weight: 600;
    background-color: #eeeeee;
    color: #000000;
    border: 1px solid #b2b2b2;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #b2b2b2;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #b2b2b2;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #b2b2b2;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #b2b2b2;
}

textarea {
    resize: none;
    text-wrap: normal;
}

#Agreement pre {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    background-color: #ffffff;
    border: none;
}

a:focus, input:focus, select:focus, textarea:focus, .btn:focus {
    outline: none !important;
    text-decoration: none !important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*
 * Bootstrap customization
 */
.container {
    max-width: 828px;
}

.col-sm-1,.col-md-1,.col-sm-2,.col-md-2,.col-sm-3,.col-md-3,.col-sm-4,.col-md-4,
.col-sm-5,.col-md-5,.col-sm-6,.col-md-6,.col-sm-7,.col-md-7,.col-sm-8,.col-md-8,
.col-sm-9,.col-md-9,.col-sm-10,.col-md-10,.col-sm-11,.col-md-11,.col-sm-11,
.col-md-12,.form-group,.form-control {
    padding-right: 6px;
    padding-left: 6px;
    min-height: 30px !important;
}

a:focus {
    outline: none;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.form-group, .form-inline {
    margin-bottom: 8px;
}

.btn {
    font-weight: 600;
    white-space: normal;
}


/*
 * Navbar correction.
 */
.navbar-header {
    float: none;
}

.navbar-toggle {
    display: block;
}

.navbar-collapse.collapse {
    display: none!important;
}

.navbar-nav {
    float: none!important;
}

.navbar-nav>li {
    float: none;
}

.navbar-collapse.collapse.in{
    display:block !important;
}

.navbar-collapse.collapsing
{
    position: absolute !important;
    z-index: 100;
    width: 100%;
    top: 50px;
}

.navbar-collapse.collapse.in {
    display: block;
    position: absolute;
    z-index: 20;
    width: 100%;
    top: 50px;
}

.navbar-collapse
{
    max-height: none !important;
    border: solid 1px;
}

.nav>li>a {
    padding: 8px 10px;
    border-top: solid 1px #dedede;
}

.nav>li>a:hover, .nav>li>a:active {
    outline: none !important;
    text-decoration: none !important;    
}
/*
**  Added so that button on anchors (e.g. used in bootbox plugin)
**  don't appear selected by default
*/
a.btn-primary:focus {
    background-position: 0; 
    outline: none !important;
}
/*
**  Added to enhance responsive behaviour
*/
fieldset {
    padding: 5px !important;
}

@media (max-width: 768px) {
    #siteseal { 
        display:none !important;    
    }
}

@media (max-width: 720px){
	#HeaderMobile{
		margin-right: 0px !important;
	}
	.EnrollKit iframe {
		min-height: 1105px !important;
	}
}

@media (max-width: 400px){
    #Step2 table td[class*="col-"] {
        display: inline-block !important;
        width: 100% !important;
        margin-top:10px; 
    }
}

.btn-primary {
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  background: #77a30f;
  padding: 5px 10px 5px 10px;
  border: solid #89bf0a 4px;
  text-decoration: none;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:disabled,.btn-primary[disabled] {
  background: #668f06 !important;
  text-decoration: none;
}
/*
@media (max-width: 768px) {
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 0;
    }
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        margin-bottom: 8px !important;
    }
}
@media (max-width: 360px) {
    #MenuBrand{
        width: 100px !important;
    }
}
*/