@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
.jobtable{
width:98%;
}
#header{background: #ffffff !important;}
#rightsidediv{
margin-left: 1%;
margin-right: 1%;
margin-bottom: 1%;
margin-top:0%;
float:right;
width:auto;
float:right;  
min-width:65%; 
min-height:75px; 
padding:5px;
}
 @media (max-width: 480px) {
 .jobtable{
    float: none; 
    width: 100%; 
    }
  }
.jobtable th{
    background-color:#555;   
    font-weight: 200;
    letter-spacing: 1px;
    padding: 3px;
    color:#fff;
}
.jobtable tr
{
    border-bottom: 2px dotted #ddd;
    cursor: pointer;
       
}

.jobtable tr:hover
{
    background-color: #fafafa;
    border-bottom: 2px dotted #d6486e;
}


.jobtable td
{
    font-size: 85%;
    padding: 3px;    
    color: #555;
    min-height: 130px;
    
}
.jobtable .jobname td
{
color:#039BE5;

}

.selbox{
    /*border: 1px solid #039BE5;*/
    color: #fff;
    padding:2px;
    border-radius: 5px;
    min-width: 60px;
    margin: 3px;
    display: block;
    text-align: center;
    word-wrap: normal;
    font-size: 90%;
    font-weight: 200;
    text-transform: uppercase;
    background-color: #d6486e;
}
.selbox.ltprple
{
    background-color: #d6486e;
}
.selbox.prple
{
     background-color: #d6486e;
    
}

.selbox.ltrprple{
     background-color: #d6486e;
}
.selbox.mltrprple{
     background-color: #03c1e5;
    color: #ffffff;
}

.selbox.bluprple
{
     background-color: #0000ff;
     color: #400080;
}


.capt{
    color: #da4c6b;
    font-size: 20px;
}
.jobtitle
{
    font-size: 15px;
    font-weight: 600;
    
}
@media only screen and (max-device-width: 480px) {
.jobtabledetails
{
color:red; 
width:100%;
clear:both;
}
}
.jobtabletitle{
padding:5px; 
margin:2px; 
display:block; 
width:100%; 
font-size:30px;
}
.jobtabledetails
{
color:#888; 
margin-right:2%;
width:auto;
padding:5px;
}

.jobtabledetails i{
margin-right: 8px;
}

.jobtabletypebutton{ float:right;
/*color:#888; 
width: auto; 
float:left;
margin: 5px;
padding: 5px;
margin-left: 0px;*/
}

.jobtabletypebutton span{
	padding: 5px;
}

.applicanttable thead
{
    background-color: #555;
    color:#fff;
}
.applicanttable tbody
{
    font-size: 85%;
}
.applicanttable tr
{
    border-bottom: 1px solid #aaa;
    
}

.applicanttable td
{
    padding: 5px;
}

.styled-button-save
{
    background: #039BE5!important;
    text-shadow: none !important;
    font-family: inherit;
    border-left: 0px;
    color:#fff !important;
    font-size: 12px;
    height: auto;
    font-weight:normal !important;
    text-decoration: none;
    box-shadow: none;   
    text-transform: uppercase;
}


.jobdetails
{
    font-size: 70%;
    color:#555;
    text-transform: capitalize;
    float: right;
   
}

a.styled-link {    
    background-color:#e5032a; 
    color:#fff !important;
    text-decoration:none;
    min-height: 34px;
    padding: 12px;
    border-radius:100px; 
    
    text-transform: uppercase;
}

a.styled-link:hover{
    background-color: #555;
    color: #fff;
}

.iconstyle{
font-size:90%; 
background-color: #a3a3a3;
margin-right:5px;
padding:5px; 
min-width:200px; 
border-radius:3px;
color:#fff; 
height:auto;
}

#displaydetails{
    background-color:#fff0f2 ; 
    letter-spacing:1px; 
    border:2px solid #cccccc; 
    border-radius:10px; 
    box-shadow: 2px 2px 4px #cfcfcf;
    padding:10px;
    width:35%; 
    float:left;
}

.styled-button
{
    background: #039BE5 !important;
    text-shadow: none !important;
    font-family: inherit;
    border-left: 0px;
    color:#fff !important;
    font-size: 14px;
    height: auto;
    font-weight:normal !important;
    text-decoration: none;
    box-shadow: none;   
    text-transform: uppercase;
}

.styled-button:hover{
    
    background: #555 !important; 
    box-shadow: none !important;
     
}
.frndemail{
    border-right: 0px;
}

.styled-textarea{
    width: 240px;
    font-size: 110%;
    margin-bottom: 5px;  
}
.styled-input{
    height: 27px;
    width: 240px;
    font-size: 110%;
    margin-bottom: 5px;  
}
.styled-link{
    text-decoration: none;
    font-size: 130%;
    color:#fff;
    font-size: 14px;
    background: #039BE5;
    padding:5px;
    min-height: 34px;
    border-radius: 5px;
    margin: 5px;


}
.styled-input-form{
    height: 34px;
    width: 240px;
    font-size: 110%;
    text-transform:capitalize;
    margin-bottom: 5px;
    width:62%;
    
}
.styled-input-form-desc{
    height: 34px;
    width: 240px;
    margin-bottom: 5px;
    width:62%;
    
}
.styled-select.slate {
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */    
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 27px;
   width: 240px;
    margin-bottom: 5px;
    border: 1px #ccc solid;

}

.popup
{
    display:none; 
    z-index:10000; 
    position:fixed; 
    top:25%; 
    left:30%;      
    background-color:#fff;  
    border:5px solid #eae6e6; 
    border-radius:5px; 
   	height:auto; 
    min-width:300px;
}
.jobtabletitle { color: #d74a6b; }
.popup h4
{
margin-top:0px; 
margin-bottom:0px; 
min-height:80px; 
background-color:#f0606c !important; 
text-align:center; 
font-size:120%; 
padding:2%; 
font-weight:300; 
color:#FFFFFF !important;
}
.popup p
{
    margin-left: 4px;
    text-align: left;
    color: aqua;
}
.confirmbuttonyes
{
    margin:2px;
    padding:8px; 
    border-radius:5px;     
    text-shadow: none !important;
    background:#51cc51 !important;
    font-family: inherit !important;
    border-left: 0px;
    color:#fff !important;
    font-size: 15px;
    height: auto;
    font-weight:normal !important;
    text-decoration: none;
    box-shadow: none;
    text-transform: uppercase;
}

.confirmbuttonno
{
    margin:5px;
    padding:8px; 
    border-radius:5px;     
    text-shadow: none !important;
    background:#ec0000 !important;
    font-family: inherit !important;
    border-left: 0px;
    color:#fff !important;
    font-size: 15px;
    height: auto;
    font-weight:normal !important;
    text-decoration: none;
    box-shadow: none;
    text-transform: uppercase;
   
}
.popup span
{
float:right !important;


}

/*arun css*/
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #9CA0A9;
    font-size: 12px;
    font-weight: normal;
}
.panel-heading .accordion-toggle.collapsed:after {
    content:"\e080";
}
.panel-heading label{
    width: 100%;
    margin-bottom: 0px;
}
.panel-heading label a{
    color: #A2A3A7;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
}
.custom_accordion{
    background-color: #fff !important;
    border-color: #E9ECF2 !important;
}
.custom_accordion >.panel-heading{
    background-color: #fff;
    border-radius: 0px;
    padding: 20px 30px;
}
.panel-group .panel.panel-default.custom_accordion{
    border-radius: 0px;
}
.panel-collapse input {
    margin: auto;
    width: 80% !important;
    border-radius: 0px;
    margin-bottom: 15px;
}
.panel-collapse select {
    margin: auto;
    width: 80% !important;
    border-radius: 0px;
    margin-bottom: 15px;
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
    appearance: menulist-button;
}
.panel-group .panel + .panel{
    margin-top: 0px;
}
.job_btn{
    padding: 5px 25px !important;
    border-radius: 3px;
}
.jobtable td{
    background-color: #fff;
    border: 1px solid #E9ECF2;
    padding: 20px;
}
.jobtable tr{
    border-bottom: none;
    transition-duration: 0.5s;
}
.jobtable tr:hover{
    border-bottom:none;
    box-shadow: 4px 20px 20px 0 rgba(17, 41, 76, 0.1);
}
.jobtabletitle{
    color: #353A40;
    font-size: 25px;
}
.jobtabledetails_com{
    font-size: 20px;
    color: #E1506C;
}
.jobtabledetails_key{
    font-size: 14px;
    color: #353A40;
}
.job_btn2{
    background-color: #FFFFFF;
    border: 1px solid #CCD0D9;
    padding: 15px 25px !important;
    color: #E1506C;
    transition-duration: 0.5s;
    border-radius: 3px;
}
.job_btn2:hover{
    background-color: #FFFFFF;
    color: #E1506C;
    border:none;
}
.mb-20{
    margin-bottom: 20px;
}
.panel-collapse select{
        
}
@media (min-width: 320px) and (max-width: 480px) {
    .custom_accordion >.panel-collapse{
        padding: 10px;
    }
    .panel-heading .accordion-toggle:after{
         content:"\2212";
    }
    .panel-heading .accordion-toggle.collapsed:after {
        content:"\2b";
    }
}
@media (min-width: 1440px) and (max-width: 2560px){
    .panel-collapse input{
        width: 100% !important;
    }
}