body {
    padding-top: 50px;
    padding-left: 30px;
  }


.navbar-brand img {
    height:27px;
}

.navbar h3 {
	margin-left:47%; 
	margin-top:10px;
}

.top-nav{
	margin-left:0px; 
	margin-top:23px; 
	width:100%; 
	background-color:#337ab7;
}

.dropdown-toggle:link{
	text-decoration:none;
}

.dropdown-toggle:hover{
	text-decoration:none;
}

.dropdown-toggle:visited{
	text-decoration:none;
}

.dropdown-toggle:active{
	text-decoration:none;
}


.btn-group {
	margin-left:0px; 
	height:45px;
}

#page-wrapper{
	background-color: #f8f8f8;
}

.hide-sidebar{
	background-color:#337ab7; 
	width:25px; 
	height:2px; 
	margin-left:-20px;
}

.hide-sidebar a{
	width:25px; 
	height:8px; 
	padding: 0px; 
	border-radius: 3px;
}


.panel-default{
	border: none;
	min-width: 280px;
}

.footer{
	margin-top:30px;
}

.footer-text{
	font-size:11px; 
	color:#777777; 
	margin-left: 55%;
}

.list-group a{
	border-left: none; 
	border-right:none; 
	border-bottom:none;
}

.navbar.navbar-inverse{
	background-color:#337ab7; 
	border:none;
}

.container-fluid{
	border:none;
	margin-left:0px;
	padding-left:0px;
}

.collapse.navbar-collapse{
	background-color:#337ab7; 
	border: none;
	margin-left:none;
	padding-left:none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color:#286090;
}

.navbar-toggle{
	border:none;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #286090;
}

.navbar-inverse .navbar-nav>li>a{
	color:#ffffff;
	padding-right:25px;
	padding-left:25px;
}

.navbar-nav>li:hover{
	background-color:#286090;
}

.navbar-collapse{
	margin-left:0px;
	padding-left:0px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border:none;
}

.navbar{
	margin-bottom:0px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	background-color: #286090;
}

.twitter-typeahead {
	width: 100%;
	margin-top: 4px;
}


.jqstooltip { box-sizing: content-box;}


.dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

@media screen and (min-width: 768px) {
    #adv-search {
        width: 475px;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 476px;
    }
}

.navbar-inverse .navbar-toggle {
	background-color:#337ab7;
}

@media (min-width: 768px) {
	.col-lg-12.right-align {
		margin-left:15%;
	}
	.col-lg-11.right-align {
		margin-left:15%;
	}
	.col-lg-10.right-align {
		margin-left:15%;
	}
	.col-lg-9.right-align {
		margin-left:15%;
	}
	.col-lg-8.right-align {
		margin-left:15%;
	}
	.col-lg-7.right-align {
		margin-left:15%;
	}
	.col-lg-6.right-align {
		margin-left:15%;
	}
	.col-lg-5.right-align {
		margin-left:15%;
	}
	.col-lg-4.right-align {
		margin-left:15%;
	}
	.col-lg-3.right-align {
		margin-left:15%;
	}
	.col-lg-2.right-align {
		margin-left:15%;
	}
	.col-lg-1.right-align {
		margin-left:15%;
	}
}



/*DatePicker Style*/

.ui-datepicker {
	padding: 0;
	background: #ffffff;
}

.ui-datepicker-header {
	border: none;
	font-size: 50%;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e0e8ec; /* layer fill content */
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
}

.ui-datepicker-title {
	color: #000000; /* text color */
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,.8); /* drop shadow */
	text-align:center;
	vertical-align: text-top;
}

.ui-icon-circle-triangle-e {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -32px -16px;
	
}

.ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -96px -16px;
}

#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
	width: 165px;
}


.ui-datepicker-prev,
.ui-datepicker-next {
	border-color: black;
	color: transparent; 
}

.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
	text-decoration: none;
	color: transparent; 
}


.ui-state-default {
	background: transparent;
	border: none;
	color: #2b2b2b;
	font-family: "Myriad Pro";
	font-weight: normal;
	text-align: center;
}

.ui-datepicker-header .ui-state-hover {
	background: #bdc5c9;
}

.ui-datepicker table {
	margin: 0;
}

.ui-datepicker th {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	-moz-border-radius: 216px 0 0 0 / 0 0 0 0;
	-webkit-border-radius: 216px 0 0 0 / 0 0 0 0;
	border-radius: 216px 0 0 0 / 0 0 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(0,0,0,.08);

}

.ui-datepicker th:first-child {
	color: #bdc5c9;
}
.ui-datepicker td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);

}

.ui-datepicker td:last-child {
	border-right: none;
}

.ui-datepicker td span, 
.ui-datepicker td a {
	padding: .7em 0;
	color: #6a747a;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial;
	text-decoration: none;
}
/* END DATEPICKER*/
.input-with-100 {
	width: 100%;
}

/* JJV DEVELOPMENT */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding : 0px;
    margin-left: 0px;
    display: inline;
    border: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px;
}  
  
@media (min-width: 1400px) {
  .modal-slg {
    width: 1400px;
  }
}


.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.twitter-typeahead {
	width: 100%;
	margin-top: 4px;
}

.withborder{
	border: thin solid #ddd;
}

.panel-default>.panel-heading {
	border: none; 
	background-color:#ffffff;
}

.login-panel.panel.panel-default{
	border:1px solid #ddd;
}

.forgotpassword-panel.panel.panel-default{
	border:1px solid #ddd;
	margin-bottom: 0px;
}


.backgroundMetric {
	position:fixed;
	height: 100%;
	width:  100%;
	overflow: auto;
	background-image: url("/sso/images/Login_background.jpg");
 	background-size: cover;
    background-repeat: no-repeat;
} 

.navbar-logo{
	background-color: #008ac9;
	border-bottom : 1px solid black;
	height: 50px;
	
}

.navbar-logo{
	background-color: #008ac9;
	border-bottom : 1px solid black;
	height: 50px;
	
}
.navbar-logo-metric {
  float: left !important;
  padding: 8px 8px 8px 20px;
}

.login-modal-header{
	padding: 0px;
}

/*Used because if not an horizontal Scroll is shown in all windows*/
.row { margin: 0; padding: 0 }

/* END JJV DEVELOPMENT */

 .ff-datatable-padding {
	 padding-top: 10px;
	 padding-bottom: 10px;
 }

 /*
Following classes are bootstrap classes - we are overriding them mainly for the primary color change
*/
 .bg-primary {
	 background-color: rgb(51,122,183) !important;
 }

 .form-error {
	 color: red;
 }

.login-panel {
    padding: 1rem;
	  box-shadow: 1px 1px 10px 1px RGB(23, 59, 107, .1);
}

.login-modal-header{
	  margin-bottom: 1.5rem;
}

.logo-container {
    min-width: 250px;
}

.logo-container img {
    width: 250px;
}

.small-text {
    font-size: .7rem;
    line-height: 10px;
}

.medium-text {
    font-size: 1rem;
}

.small-text, .medium-text {
    text-align: center;
}

@media (max-width: 1200px) {
    .login-panel {
        padding: 1.5rem 1rem;
        margin: 15% 0;
    }

    .backgroundMetric {
        background-image: none;
        background-color: #F7F7F7;
    }
}

@media (orientation: landscape) and (max-height: 992px) {
    .login-panel {
        margin-top: 15%;
    }
}

@media (orientation: landscape) and (max-width: 992px) {
    .login-panel {
        padding: .5rem;
        margin: 1% 0;
    }

    .login-panel .card-body {
        padding: 1rem;
    }

    .logo-container {
        min-width: 200px;
    }

    .logo-container img {
        width: 200px;
    }

    .form-group {
        margin-bottom: 0.5rem;
    }

    .login-modal-header{
        margin-bottom: 1.2rem;
    }

    p {
        margin-bottom: .5rem;
    }

    .medium-text {
        margin-top: .5rem;
    }
}