/*Custom Styling*/

/* navbar glyphicaon color */
.navbar-inverse .navbar-nav > li > a {
	color: black;
}

/* action bar text color */
.actionbar-title {	
	color: white;
	font-size: 1.2em;
	float: left;
	padding-left: 20px;
	padding: 0 0 0 0;
	margin-left:10px;
}

.well {
	border-collapse: collapse; 
	border-color: #8f8f8f; 
	border-style: solid; 
	border-width: thin
}

/* prevent navbar from collapsing */
.navbar-collapse.collapse {
  display: block!important;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}


@media only screen and (min-width: 767px) {
    /* navbar brand-image height*/
    #brand-image {
	    height: 55px;
	    margin-top: 6px;
    }

    /* navbar color */
    .navbar, .navbar div, .navbar-brand, .navbar-header {
	    min-height: 75px;
	    background-color: #d6ebfb !important;
	    border-color: #d6ebfb; 
    }

	/* red bar color... appears underneath navbar when there is no action-bar */
    .cti-red-bar {
	    z-index: 1001;
	    border-bottom: 40px solid #5c276f;
	    position: fixed; 
	    top: 81px;    
	    left: 0;    
	    width: 100%;
    } 

	/* action-bar color */
    .action-bar {    
	    z-index: 1001;
	    background-color: #eec533;
	    border-color:  #eec533;
	    border-width: 1px;
	    color: #080808;
	    font-size: 1em;
	    height: 36px;
	    width: 100%;
	    position: fixed; 
	    top: 85px;    
	    left: 0;
	    padding: 2px 2px 2px 2px;
	    clear: both;
    }

    /* position of the first section */
    .cti-well-margin-main {
	    padding-top: 115px;
    }

    .cti-well-margin-main-login {
	    padding-top: 115px !important;
    }

    .cti-well-margin-main-no-action-bar {
	    padding-top: 115px !important;
    }

    /* navbar glyphicon size */
    .glyphicons.glyphicons-user, .glyphicons.glyphicons-parking-meter, .glyphicons.glyphicons-ticket, 
    .glyphicons.glyphicons-shopping-cart, .glyphicons.glyphicons-user-add, .glyphicons.glyphicons-home, .glyphicons.glyphicons-trash, .glyphicons.glyphicons-invoice {
	    font-size: 35px;
	    margin-top: 4px;
    }
}

@media only screen and (max-width: 767px) {
    /* navbar brand-image height*/
    #brand-image {
	    height: 55px;
	    margin-top: 6px;
    }

    /* navbar height */
    .navbar, .navbar div, .navbar-brand, .navbar-header {
	    min-height: 65px;
	    /* background-color: #00205B !important;
	    border-color: #00205B;
            border: 0; */
    }

	/* red bar color... appears underneach navbar when there is no action-bar */
    .cti-red-bar {
	    z-index: 1001;
	    border-bottom: 40px solid #CC0C2F;
	    position: fixed; 
	    top: 135px;    
	    left: 0;    
	    width: 100%;
    }

	/* action-bar color */
    .action-bar {    
	    z-index: 1001;
	    background-color: #CC0C2F;
	    border-color: r606b2c;
	    border-width: 1px;
	    color: #080808;
	    font-size: 1em;
	    height: 36px;
	    width: 100%;
	    position: fixed; 
	    top: 145px;    
	    left: 0;
	    padding: 2px 2px 2px 2px;
	    clear: both;
    }

    /* position of the first section */
    .cti-well-margin-main {
	    padding-top: 180px;
    }

    .cti-well-margin-main-login {
	    padding-top: 180px !important;
    }

    .cti-well-margin-main-no-action-bar {
	    padding-top: 160px !important;
    }

    /* navbar glyphicon size */
    .glyphicons.glyphicons-user, .glyphicons.glyphicons-parking-meter, .glyphicons.glyphicons-ticket, 
    .glyphicons.glyphicons-shopping-cart, .glyphicons.glyphicons-user-add, .glyphicons.glyphicons-home, .glyphicons.glyphicons-trash, .glyphicons.glyphicons-invoice {
	    font-size: 22px;
	    margin-top: -5px;
		padding-left: 8px;
		padding-right: 8px;
    }
}