body {
    background: #fafafa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    padding-top: 65px; 
    min-width: fit-content;
    width:100%;
}

/* ==========================================================================
Hide ng-cloak on page load, https://docs.angularjs.org/api/ng/directive/ngCloak
========================================================================== */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/* ==========================================================================
Development Ribbon
========================================================================== */
.ribbon {
    background-color: #a00;
    box-shadow: 0 0 10px #888;
    left: -3.5em;
    moz-box-shadow: 0 0 10px #888;
    moz-transform: rotate(-45deg);
    ms-transform: rotate(-45deg);
    o-transform: rotate(-45deg);
    overflow: hidden;
    position: absolute;
    top: 40px;
    transform: rotate(-45deg);
    webkit-box-shadow: 0 0 10px #888;
    webkit-transform: rotate(-45deg);
    white-space: nowrap;
    width: 15em;
    z-index: 9999;
    pointer-events: none;
}

.ribbon a {
    border: 1px solid #faa;
    color: #fff;
    display: block;
    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
    pointer-events: none;
}

/* ==========================================================================
Version number in navbar
========================================================================== */
.navbar-version {
    font-size: 10px;
    color: #ccc
}
.container {
width:100% !important;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
Logo styles
========================================================================== */
.navbar-header {
padding-bottom:3px;
}
.navbar-brand.logo {
    padding:2px 9px 5px;
    margin-left:80px !important;
}

.logo .logo-img {
    height: 48px;
    display: inline-block;
}
/* ==========================================================================
Main page styles
========================================================================== */
.hero-unit {
    margin: 50px auto 0 auto;
    width: 300px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    background-color: #eee;
    border-radius: 6px;
    padding: 60px;
}

.hero-unit h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}

.hipster {
    display: inline-block;
    width: 347px;
    height: 497px;
    background: url("../images/hipster.png") no-repeat center top;
    background-size: contain;
}

/* wait autoprefixer update to allow simple generation of high pixel density media query */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .hipster {
        background: url("../images/hipster2x.png") no-repeat center top;
        background-size: contain;
    }
}

/* ==========================================================================
Generic styles
========================================================================== */
.error {
    color: white;
    background-color: red;
}

.pad {
    padding: 10px;
}

.break {
    white-space: normal;
    word-break:break-all;
}

.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

.readonly {
    background-color: #eee;
    opacity: 1;
}

/* ==========================================================================
make sure browsers use the pointer cursor for anchors, even with no href
========================================================================== */
a:hover, .hand, [jh-sort-by] {
    cursor: pointer;
}

/* ==========================================================================
Metrics and Health styles
========================================================================== */
#threadDump .popover, #healthCheck .popover {
    top: inherit;
    display: block;
    font-size: 10px;
    max-width: 1024px;
}

#healthCheck .popover {
    margin-left: -50px;
}

.health-details {
    min-width: 400px;
}

/* ==========================================================================
start Password strength bar style
========================================================================== */
ul#strengthBar {
    display:inline;
    list-style:none;
    margin:0;
    margin-left:15px;
    padding:0;
    vertical-align:2px;
}

.point:last {
    margin:0 !important;
}
.point {
    background:#DDD;
    border-radius:2px;
    display:inline-block;
    height:5px;
    margin-right:1px;
    width:20px;
}

/* ==========================================================================
Custom alerts for notification
========================================================================== */
.alerts .alert{
    text-overflow: ellipsis;
}
.alert pre{
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
}

.alert .popover pre {
    font-size: 10px;
}

.alerts .toast {
    position: fixed;
    width: 100%;
}

.alerts .toast.left {
    left: 5px;
}

.alerts .toast.right {
    right: 5px;
}

.alerts .toast.top {
    top: 55px;
}

.alerts .toast.bottom {
    bottom: 55px;
}

@media screen and (min-width: 480px) {
    .alerts .toast {
        width: 50%;
    }
}

/* ==========================================================================
entity tables helpers
========================================================================== */
/* Remove Bootstrap padding from the element
   http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding { padding: 0 !important; }

/* bootstrap 3 input-group 100% width
   http://stackoverflow.com/questions/23436430/bootstrap-3-input-group-100-width */
.width-min { width: 1% !important; }

/* Makes toolbar not wrap on smaller screens
 http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#right */
.flex-btn-group-container {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
}

.jh-table > tbody > tr > td {
    /* Align text in td vertically (top aligned by Bootstrap) */
    vertical-align: middle;
}

.jh-table > thead > tr > th > .glyphicon-sort, .jh-table > thead > tr > th > .glyphicon-sort-by-attributes, .jh-table > thead > tr > th > .glyphicon-sort-by-attributes-alt {
    /* less visible sorting icons */
    opacity: 0.5;
}

.jh-table > thead > tr > th > .glyphicon-sort:hover, .jh-table > thead > tr > th > .glyphicon-sort-by-attributes:hover, .jh-table > thead > tr > th > .glyphicon-sort-by-attributes-alt:hover {
    /* full visible sorting icons and pointer when mouse is over them */
    opacity: 1;
    cursor: pointer;
}
.input-group {
	margin-left: auto !important;
    margin-right: auto !important;
}
.odd {
	background-color: #f9f9f9;
}
.even {
	background-color: #fff;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#data {
    width: 100px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:left !important;
     
}

#data:hover{
    overflow: visible; 
    white-space: normal; 
    width: 500px;
    position: absolute;
    background-color:#fff;
    z-index:22;
    text-align:center !important;
    right:10%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    box-shadow: 1px 1px 1px #d7d7d7;
}
.rejected{
	background-color:red;
}
.Submitted-to-Facility {
	background-color:grey;
}

/* ==========================================================================
entity detail page css
========================================================================== */
.dl-horizontal.jh-entity-details > dd {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .dl-horizontal.jh-entity-details > dt {
        margin-bottom: 15px;
    }

    .dl-horizontal.jh-entity-details > dd {
        border-bottom: 1px solid #eee;
        padding-left: 180px;
        margin-left: 0;
    }
}

/* ==========================================================================
ui bootstrap tweaks
========================================================================== */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}
.nav {
margin-right:0px !important;
}
.nav > li > a {
padding:15px 8px;
}
.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default,
.uib-datepicker-popup  > li > div.uib-datepicker > table .btn-default {
    border: 0;
}

.datetime-picker-dropdown > li.date-picker-menu div > table:focus,
.uib-datepicker-popup  > li > div.uib-datepicker > table:focus {
    outline: none;
}


.dropdown-menu {
	max-height: 450px;
}.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #f7f7f7;
    text-decoration: none;
    background-color: #337ab7;
    transform: translate(0px, -1px);
    }
    .container-fluid .row{
    margin:0 15px
    }
    .container-fluid {
     padding-right: 0px; 
     padding-left: 0px;
     }
     .well{
     padding:0;
     margin-bottom:0 !important;
     }
     .head4 a:hover{
     color:#337ab7;
     }
     h2{
     margin:10px;
     }
.nav > li > .login-register-link {
	display: inline-block;
    padding: 10px 2px;
    font-size:18px;
}
.nav > li {
font-size:18px !important;
}
[uib-popover-template-popup].popover {
    min-width: 305px;
    left: -146px !important;
    
}

 @media screen and (max-width: 600px) {
    [uib-popover-template-popup].popover {
    	position: static;
	}
	/*.share-buttons {
	padding: 10px 10px !important;
	}*/
	.jobs-clear-button {
		float: none !important;
	}
	
	.navbar-fixed-top .navbar-collapse {
    max-height: 600px;
}
}

.popover-title {
    color: #337ab7;
    font-weight: 600;
}

.pagination {
	margin: 10px 0;
}

/* ==========================================================================
core custom styles   
========================================================================== */

/* .genie-table-container{
	background:#eff4f4;
	padding:15px 25px;
}

.genie-form-container{
	background:#eff4f4;
	border-radius:25px;
	padding-bottom:20px;
} */

 .text-center{
	text-align:center;
}
.footer-buttons{
	margin-left:20px;
}
.footer-button-left{
	margin-left:30px;
}
/*
.detail-block{
	margin:70px 0px;
}
.detail-block .detail-title {
	color: #337ab7;
	margin-bottom:38px;
}
.detail-block  .genie-table-details{
	width:50%;
	text-align:center;
	margin-left:20%;
}
.detail-block  .genie-table-details tr{
	border-top:1px solid #ddd;
	border-bottom:none;
}
.detail-block  .genie-table-details th{
	color: #337ab7;
	font-weight:600;
	text-align:right ;
	border-top:none;
	border-bottom:1px solid #ddd;
	padding-right:10%;
	
}
.detail-block  .genie-table-details td{
	border-top:none;
	border-bottom:1px solid #ddd;
	text-align:left;
	padding-left:10px;
} */

/* jhipster-needle-css-add-main JHipster will add new css style */

/* ==========================================================================
custom styles   
========================================================================== */
.modal-container{
	margin:20px;
}
.modal-container label{
	color: #337ab7;
}
.required label:before {
    content: "*";
    display: inline;
    color: #337ab7;
    /*margin-right: -4px;*/
    padding-right: 0px;
}
.modal-container .input-group-addon {
	color: #337ab7;
}
/* .container .upload{
	color: #337ab7;
} */
.modal-container .glyphicon-calendar {
	color: #337ab7;
	
}
/* .close{
	background-color: #337ab7;
	
} */
.job-title {
	margin:2px 36px;
	font-weight:bold;
	color:#337ab7;
}

.mapping-title{
	font-weight:bold;
	color:#337ab7;
	margin:20px 0;
}
.file-upload-info{
	margin:10px 0;
}

 .sign-in-button{
	width: 100%;
}

.forgot-pswd-link {
	float: right;
	font-size: 12px;
	font-weight: 600;
}

.align-buttons {
 line-height:5;
}

.genie-title {
	color:#337ab7;
}
.genie-form-container{
	/* background-color:#eff4f4; */
}
.genie-form-container label{
	color: #337ab7;
}
.genie-form-container .input-group-addon{
color: #337ab7;	
}
.genie-form-container .glyphicon-calendar{
	color: #337ab7;	
}
.register-title{
	font-weight:bold;
	color:#337ab7;
	margin-bottom:20px;
}
.button-acions{
	margin:20px 0px;
}
.login-form label{
	color: #337ab7 !important;
}
.login-link{
	color: #5bc0de !important;
}
.nav-bar-items {
 color:#007acc  !important;
}
.header-text-color {
	color:#007acc;
}



input[type=file]::-webkit-file-upload-button {
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color:#fff;
    background-color:#007acc;
}

.jobs-table  th{
	color:#337ab7;
	text-align:center !important;
	font-weight:600;
}
.jobs-table td{
	text-align:center;	
	
}
.share-buttons {
	 padding: 10px 10px 10px 10px;
	 padding-left: 25%;
}
@media (max-width:1000px) {
.share-buttons {
padding-left:13%;
}
}
/*.navbar-header {
 margin-left: 5px !important;
}*/
.fb-btn {
 length : 40px;
 background-color:  #3B5998;
 color: white;
 padding:2px 2px;
 font-size: 1vw;
}
.twitter-btn {
 background-color:  #1da1f2;
 color: white;
 padding:2px 2px;
 font-size: 1vw;
}
.linkedin-btn {
 background-color:  #0077b5;
 color: white;
 padding:2px 2px;
 font-size: 1vw;
}
.sms-btn {
 background-color:  #ffaa00;
 color: white;
 padding:2px 2px;
 font-size: 1vw;
}
.mail-btn {
 background-color:  #ff4500;
 color: white;
 padding:2px 2px;
 font-size: 1vw;
 }
.success-share-buttons {
padding: 5px,5px;
padding-top : 80px;
padding-left : 30%;
padding-bottom : 10px;

}
.fa {
 font-size:20px !important;
 padding:3px !important;
}
@media (max-width:1440px){
.fa {
 font-size:15px !important;
 padding:0 !important;
}
.share-buttons {
padding-left:3%;
padding-top:17px;
}
.navbar-brand.logo {
margin-left:0 !important;
}
.nav {
margin-right:0 !important;
}
}
.fb-btn:hover, .twitter-btn:hover, .linkedin-btn:hover, 
.sms-btn:hover, .mail-btn:hover {
transform:translate(2px, 2px);
}
.apply-job-detail {
position: intial;
left : 200px;
bottom : 185px;


}
.dnuLabelStyle {
	color: #337ab7;
}
.dnuStyle {
	border: 1px solid #ccc; 
	width: 40%; 
	height: 45px; 
	outline: none !important;
	box-shadow: 0 0 1px #2196F3;
}
.dnuSearchForm {
	border: 1px solid #c5c5c5;
	width:40%;
	margin:20px auto;
	padding:20px 0;
	border-radius: 6px;
}
.options {
	height:30px;
	line-height:30px;
}
.options1 {
	height:30px;
	line-height:30px;
}