.logoandtext
{
	background-image: url("../images/logowithtext2.svg");
		 
}
@media (min-width: 900px) { 
  .logoandtext {
		width:450px;
		height:250px; 
  }}
h1{
color:midnightblue;
}

 #password{
 width:380px;
 height: 50px;
  padding: 20px;
  position:relative;
  top:55 px;
  left: 10px;
  border-radius:10px;
   
  border:0;
  background: transparent;
  outline: 0;
  border-bottom: 2px solid midnightblue;
  border-width: 0 0 2px
   
 }
 #username{
 width:380px;
 height: 50px;
 padding: 20px;
 position:relative;
top:55 px;
left: 10px;
border-radius:10px;
   
border:0;
 background: transparent;
outline: 0;
  border-bottom: 2px solid midnightblue;
  border-width: 0 0 2px
   
 }
 #confirmpassword{
 width:380px;
 height: 50px;
  padding: 20px;
	position:relative;
    top:55 px;
    left: 10px;
    border-radius:10px;
   
  border:0;
   background: transparent;
   outline: 0;
  border-bottom: 2px solid midnightblue;
  border-width: 0 0 2px
   
 }
/*
input[type="password"]::placeholder {  
                  
                
                text-align: center; 
                color: black;
                opacity: 1;
                 font-size: 15px;           
                 }
                
                
 input[type="text"]::placeholder {  
                  
                color: black;
                opacity: 1;
                 font-size: 13px;
                text-align: center; 
                        }
                
*/
#formContent{

position:relative;
  top:50px;
 }
.h1 {
  color: midnightblue;
  font-family: serif;
  font-size: 40px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

body {
  /*font-family: "Lato", sans-serif;*/
}

.search_form{
padding-top:5%;
background-color:whitesmoke !important;
}

.txt{
padding-left:1%;
width:400px;
}
.btnn{
padding-left:100px;
}
#hospital{
margin-top:19px;
color:whitesmoke !important;
background-color:	midnightblue!important;
border-color: 	black !important;
padding: 3 15 !important;
font-size: 13px !important;
}
#skill{
margin-top:13px;
}
.dange{
 margin-top: 1.4rem;
 margin-left: 41px;
 padding: 3 15 !important;
}
    tr:nth-child(even){ 

        background-color: #f4f4f4 !important;
  
}



.circular-chart, .circular-chart-value {

  /* margin: 20px auto; */
  /*max-width: 80%;*/
  /* max-height: 250px; */
}

.circle {
  stroke: #2f92e5;
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.jdtextbox{
    margin-left: 5px;
    }
.textlabel{
text-align:left;
}

.form-horizontal .control-label {
text-align:left !important;
        font-size: 13px;
        padding-left:20px !important;
}
.search_form{
padding-left: 2% !important;
width:70% !important;
padding-top: 3rem;
}
.addbtn{
padding-left:46px;
color:midnightblue;
}
.withinbtn{
margin-left:20px;
}
.nava{
color:whitesmoke;
font-size:17px;
}

.resume{
margin-top: 3px;
color:whitesmoke !important;
background-color:	midnightblue!important;
border-color: 	black !important;
padding: 3 15 !important;
font-size: 13px !important;
}

.title{
font-size:28px;
}
.candsearch{
padding-top:35px;
}
.cand_search{
padding-top:20rem;
}


/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
 
}
/*
input {
  background-color: white;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: white;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}*/
input[type=text], input[type=search] {
  border: 1px solid #ced4da;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
#resultstable th{
	background-color:#40497f; color: #ffffff; padding-right: 10px;
}
table#resultstable.table-bordered.dataTable tbody td{vertical-align: middle;}
.text-white{color: #fff !important;}
.filter_section label{color: #000;font-size: 18px;}
.skill_section li{
    border: 1px solid #a9abac;
    padding: 3px 11px;
    background: lightgrey;
    border-radius: 14px;
    font-size: 12px;
    line-height: 17px;
}
.btn_primary{background: #29cb97 !important;color: #fff !important;}
.cardTitle{font-size: 16px;color: #31394d;font-weight: 500 !important;word-break: break-all;}
.cardText{color: #2f2960;font-size:14px;}
.skill_name{font-size: 12px;color: #2f2960;}
.recent_jobs_list h6{font-size: 13px;font-weight: 700;color: #4d4f5c;}
.recent_jobs_list p{font-size: 11px;color: #2f2960;}
li{list-style: none;}
.FooterBar small{color :#898989;}
.FooterBar{padding:15px;}
.recent_jobs_list li{border: 1px solid transparent;/* border-bottom-color: #e3e4e8; */}
.recent_jobs_list li:hover{background-color: #f9fafe;border-color:#e3e4e8;}
.grid-col3 .btn{white-space: nowrap;font-size: 15px;}
.match_rate .rating{color: #000;font-size: 18px;}
.match_rate h5, .matched_skills h5{color: #2f2960;font-size: 12px;margin-bottom: 7px !important;}
.search_result h4{color: #31394d !important;font-weight: bold !important;margin-bottom: 2px;}
.search_heading p{color: #2f2960;font-size: 16px;clear: both;}
.search_heading .company{color:#2f2960;}
.search_heading .job_title{color:#2A2A4D;}
p.compare_btn{font-size: 16px;}