/* SSO url link 
----------------------------------------------------------*/
	.cti-sso-link {
	font-weight: bold;
    font-size: 22px;
}

/*Custom Styling*/



/* navbar glyphicon color */ 
.navbar-dark .navbar-nav .nav-item .nav-link {
	color: white;
}

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

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

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

/* Hide the toggler button */ 

.navbar .navbar-toggler {
	display: none !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: 60px; 
 
}

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

    .cti-red-bar {
       z-index: 1001;
	    border-bottom: 4px solid #57068C;
	    position: fixed; 
	    top: 81px;    
	    left: 0;    
	    width: 100%;	
    }

    .action-bar {    
	    z-index: 1001;
	    background-color: #57068C;
	    border-color: red;
	    border-width: 1px;
	    color: #57068C;
	    font-size: 1em;
	    height: 40px;
	    width: 100%;
	    position: fixed; 
	    top: 95px;    
	    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: 45px !important;
    }

    .cti-well-margin-main-no-action-bar {
	    padding-top: 70px !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-invoice 
    {
    font-size: 35px; 
    margin-top: -10px; 
    }
	
	footer {    
	z-index: 1001;
	background-color: #222222;
	border-color: #080808;
	color: #999999;
	font-size: 1em;
	height: 28px;
	width: 100%;
	position: fixed;
	bottom: 0;    
	padding: 4px 0 6px 4px;
	left: 0;
	clear: both;
}
}

@media only screen and (max-width: 767px) {
    /* navbar brand-image height*/
    #brand-image {

    height: 57px;

    }

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


    .cti-red-bar {
        z-index: 1001;
	    border-bottom: 4px solid #57068C;
	    position: fixed; 
	    top: 125px;    
	    left: 0;    
	    width: 100%;	

    }

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

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

    .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-invoice 

{

    font-size: 22px; 

    margin-top: -5px; 

        padding-left: 8px; 

        padding-right: 8px; 

    }
	
	footer {    
	z-index: 1001;
	background-color: #222222;
	border-color: #080808;
	color: #999999;
	font-size: .70em;
	height: 45px;
	width: 100%;
	position: fixed;
	bottom: 0;    
	padding: 4px 0 6px 0;
	left: 0;
	clear: both;
}
	
}