html,body{
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Open Sans",Helvetica,Arial,"Lucida Grande",sans-serif !important;
    margin:0;
    padding:0;
    height:100%;
}
.page{
    min-height:100%;
    position:relative;
}
.body{
    padding-bottom: 100px;
}
.footer-bottom{
    position:absolute;
    bottom:0;
    width:100%;
    /*height:60px;    Height of the footer */
}
.bg-shade{
	background-image: url('../img/gray-shade.png');
	background-repeat: no-repeat;
}
.bottom-line{
	border-bottom: 1px solid black;
	max-width: 450px;
}
.padding-1{
    padding: 1px;
}

.padding-5{
    padding: 5px;
}

.top-10{
	margin-top: 10px;
}

.top-5{
	margin-top: 5px;
}

.bold{
	font-weight:bold;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left !important;
}

.no-radius{
	border-radius: 0px;
}

.padding-top-7{
    padding-top: 7px !important;
}

.margin-0{
	margin: 0px !important;
}
.margin-bottom-30{
    margin-bottom: 30px;
}

.margin-left-10{
	margin-left: 10px;
}
.padding-0{
	padding: 0px;
}
.padding-right-15{
    padding-right: 15px;
}
.padding-top-10{
	padding-top: 10px;
}

.padding-top-30{
    padding-top: 30px;
}

.padding-top-40{
    padding-top: 40px;
}

.display-none{
	display: none;
	visibility: hidden;
}

.padding-right-0{
    padding-right: 0;
}

.margin-right-0{
    margin-left: 0;
}

.margin-left-0{
    margin-left: 0;
}

.padding-left-0{
    padding-left: 0;
}

.padding-left-20{
	padding-left: 20px;
}

.height-300{
    height: 300px;
}
.full-width{
	width: 100%;
}

.width-1024{
	max-width: 1024px;
}

.font-normal{
	font-weight: normal;
}

.font-size-10{
    font-size: 10px;
}

.font-size-13{
    font-size: 13px;
}
.margin-top-20{
	margin-top: 20px;
}

.margin-top-50p{
    margin-top: 50px;
}

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

.search-loading-img{
	display: inline;
    margin-left: 40%;
}

.top-bg{
	height: 40px;
	background-image: url('../img/tile.dark-min.jpg');
	background-size: 20px;
	background-repeat: repeat;
    /*background-color: #000;*/
}

.top-title{
    color: #bcbcbc!important;
    line-height: 1.7!important;
    font-size: 15px!important;
    padding-top: 5px;
}

.header-main {
    border-bottom: 2px solid #000;
}

.site-branding {
    margin: 10px 0;
    padding: 0;
}

.logo {
    margin: 10px 0;
    width: 122px;
}

.navbar{
    margin-bottom: 0 !important;
    margin-top: 30px !important;
}

.border-bottom-black{
    border-bottom: 2px solid #000;
}

.display-inline-block{
	display: inline-block;
}

.centering{
	float: none;
	margin: 0 auto
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.min-width-1200{
    min-width: 1200px;
}

.max-width-450{
	max-width: 450px;
}

.color-white{
    color: #fff;
}

.transparent{
    background-color: transparent;
}

.navbar-transparent{
    background-color: transparent;
    color: #000;
}

/*.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: transparent !important;
    color: #FF0000 !important;
}

.nav > li > a{
    background: none !important;
    border: none !important;
    color: #000 !important;
    /*font-size: 16px !important;
    text-transform: uppercase !important;
}*/

.page-header{
    text-transform: uppercase;
}

.background-red{
   background-color:#FF0000;
}

.card-container.card {
    /*max-width: 450px;*/
    padding: 40px 40px;
}

/*.btn {
    height: 40px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    padding: 0;
    font-weight: bold;
    margin-bottom: 10px;
}*/

.page-header{
    padding-bottom: 9px;
    border-bottom: 1px solid #EEE;
    margin: 0 !important;
    margin-bottom: 40px !important;
}

.height-34{
    height: 34px;
}


/*
 * Card component
 */
.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inputEmail, .inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.btn-signin {
    /*background-color: #4d90fe; */
    background-color: rgb(104, 145, 162);
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
}

.forgot-password {
    color: rgb(104, 145, 162);
}

/*SIDE BAR*/

.sidebar{
    width: 220px;
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #000;
    border-right: 1px solid #eee;
}

.nav-sidebar > li > a {
    padding: 8px 15px;
}

./*nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus,
.nav-sidebar > a:hover,
.nav-sidebar > a:hover,
.nav-sidebar > a:focus  {
    margin: 5px;
    color: #fff;
    background-color: #428bca;
    border: 1px solid #428bca;
    border-radius: 4px;
}*/

.top-fixed{
    position: fixed;
    display: block;
    top: 0;
    width:100%;
    z-index: 1000;
}

.main-container{
    margin-left: 220px;
    margin-top: 40px;
}

#result-table{
    width: 100% !important;
}

/*---- FOOTER ----- */
.footer{
    position:absolute;
    bottom:0;
    /*width: 100%;*/
}

.border-top-gray{
    border-top: 2px solid #393939;
}
.border-bottom-eee{
    border-bottom: 1px solid #eee;
}
.download-item{
    margin-bottom: 10px;
    float: left;
}
.copyright {
    margin-top: 10px;
    /*float: right;*/
    /*text-align: right;*/
}

.colophon {
    padding: 0 0 10px;
    background-color: #1a1a1a;
    margin-top: 20px;
}

.site-info {
    color: #999;
    font-size: 12px;
}

.footer-bar {
    border-top: 1px solid #ccc;
    background-color: #1a1a1a;
}

.btn-flag {
    width: 58px;
    height: 28px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.btn-ca {
    background-image: url(../img/flag-ca-min.jpg);
}

.btn-us {
    background-image: url(../img/flag-us-min.jpg);
}

/* --- OVER RIDDING BOOTSTRAP --- */
.row {
     margin-right: 0 !important;
     margin-left: 0 !important;
}

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* ---- HEADER ---- */
.htools-copy-text {
    color: #bcbcbc!important;
    line-height: 1.7!important;
    font-size: 15px!important;
}

.video-wrap	{
	cursor: pointer;
}

.video-wrap a {
	cursor: pointer;
}

@media screen and (max-width: 1230px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

    .navbar-nav > li{
        display: inline-block !important;
        float: right !important;
        clear: both !important;
    }

    .navbar-nav > li > a{
        display: inline-block !important;
        float: left !important;
        clear: right !important;
    }
}