/* CSS document */
*{
padding: 0;
margin:0;
}

body{
	font-family: 'Open Sans','open-sans',Arial,'Helvetica Neue',sans-serif;
	/*font-family: 'Roboto', sans-serif;*/
}

body.loginPage { 
  background-color: #fff;
  background: url(../images/bg_login.jpg) no-repeat 50% 56% fixed; 
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  /*background-size: cover;*/
}

a{color: #000000;}

.clear{
	clear: both;
}
.tabPanel,
.candidateListing{
	width: 100%;
	float: right;
}
.jobDetails{
	width: 100%;
	float: right;
	margin-top: 0px;	
}



.tabContent,
.tabContent2,
.tabContent3,
.profileblock{
	background: #ffffff;
}

.tabContent p,
.tabContent2 p,
.tabContent3 p{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

.tabContent2 p,
.tabContent3 p{
	line-height: 15px;
}

.tabContent h4{
	color: #1D86FC;
	margin: 0;
	font-weight: normal;
	font-size: 17px;
}

.tabContent .leftPanel,
.tabContent .middlePanel{
	width: 45%;
	float: left;
	margin-top: 12px;
}

.linkPanel{
	width: 90%;
	float: left;
}

.linkPanel1{
	width: 90%;
	float: right;
}

.tabContent .rightPanel{
	width: 10%;
	border-left: 1px solid #ddd;
	float: left;
	padding-left: 15px;
}

.tabContent .rightPanel p a{
	padding: 0 !important;
}

.header{
	display: block;
	background: #e2e2e2;
	/*position: fixed;*/
	min-width: 100%;
	height: 100px;
	z-index: 99;
}

.header ul{
	list-style-type: none;
}

.header ul li{
	list-style-type: none;
}

.header .menu{
	float: left;
}

ul.navigation{
	display: block;
	overflow: hidden;
}
ul.navigation li{
	float: left;
	margin-right: 5px;
}

ul.navigation li.active,
ul.navigation li:hover{
	background: #2E6F99;
}

ul.navigation li.active a,
ul.navigation li:hover a{
	color: #ffffff !important;
}

.navigation li a{
	float: left;
	padding: 10px 20px;
	text-transform: uppercase;
	color: #2E6F99;
	text-decoration: none;	
}

.navigation li a:hover{
	color: #2E6F99;
}

.header .logo{
	width: 275px;
	float: left;
	padding: 10px 10px;
}

.searchPanel p,
.searchPanel input,
.searchPanel textarea{
	float: left;
}
.searchPanel textarea
{
    width: 470px;
    height:31px;
    resize: none;
    overflow:hidden;
}
.searchPanel input,
.searchPanel textarea
{
	padding: 5px;
	border: 1px solid #ddd;
	margin-right: 10px;
}

.searchBtn{
	background: #9ccc5c;
	color: #ffffff;	
	width: 75px !important;
}
.jobSearchText{ 
    font-size: 15px;
	margin-right: 8px;
    margin-top: 6px;
}
#searchapplicants input, textarea {
    font-size: 15px;
}
.candidatesSearchText{ 
    font-size: 15px;
    margin-right: 8px;
    margin-top: -4px;
}
.job-description__open-pointer{
    display: none;
    background-color: #2E6F99;
    border: 1px solid #2E6F99;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    margin: 0 auto;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    top: -1px;
}
.list-header__resume{
    position: absolute; 
    top: 0px; 
    right: 17px;
}
.jobDetails h4{
	background: #e2e2e2;
	padding: 7px;
}

.jobDetails ul{
	padding: 25px;
}
.jobDetails ul li{
	margin-bottom: 5px;
}

.jobDesc,
.designation{
	color: #ffffff;
	background: #2E6F99;
	padding: 7px;
	margin-bottom: 15px;
}

.candidateListing{
	background: #e2e2e2;
	padding: 8px 0;
	
}

.profileblock .checkbx{
	width: 30px; 
	float: left;
	text-align: center;
}


.profileblock .profileImage{
	width: 25%; 
        text-align: center;
	float: left;
}

.profileblock .profileDesc {
    float: left;
    font-size: 10px !important;
    width: 75%;
}
.profileblock .profileDesc p {
    font-size: 14px;
	line-height: 20px;
	padding-left: 5px;
	font-weight: normal;
}
.profileblock .profileDesc h5 {
    color: #2E6F99;
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.loginPanel{
	background: #ffffff;
	padding: 30px;
	width: 250px;
	text-align: center;
	box-shadow: 1px 1px 6px 1px #BEBBBB;
	border-radius: 5px;
        
        
        position: absolute;
        left: 50%;
        top: 55%;

        transform: translate(-50%, -50%);
}

.loginPanel h4{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 10px 0;
	margin: 30px 0;
	text-transform: uppercase;
	color: #7d7d7d;
}

.loginPanel input{
	margin-bottom: 5px;
	width: 100%;
	
}

.loginPanel .fpass a{
	font-size: 12px;
	float: right;
	color: #516f97;
	text-decoration: none;
	padding: 10px 0;
}

.loginPanel input[type="email"],
.loginPanel input[type="text"],
.loginPanel input[type="password"]{
	margin-bottom: 10px;
	width: 92%;
	padding: 10px;
	background: #eaeaec;
	border: none;
	font-size: 12px;

}

.signbtn{
	border-bottom: 5px;
	padding: 10px;
	color: #ffffff;
	background: #002E60;
	border: none;
	border-radius: 5px;
}
.signbtn:hover{
	background: #001f45;
}

#aboutFirst{
	width: 33%;
	float: right;
}

.selectAll{
        font-size: 16px;
	background: #9ccc5c;
	padding: 5px 7px 6px 5px;
	color: #fff;
	border: none;
	margin: 12px 5px 8px 12px;
	cursor: pointer;
}
.composeMail{
	background: #2E6F99;
	padding: 8px 12px;
	color: #fff;
	border: none;
	cursor: pointer;
        font-size: 16px;
	padding: 5px 7px 6px 5px;
}

.panelclose{
	background: none repeat scroll 0 0 #9ccc5c;
    color: #fff;
    font-size: 15px;
    padding: 5px 7px 6px 20px;
    text-align: right;
    text-decoration: none;
}

.closeDiv{
	position: relative;
	display: block;
	text-align: right;
	margin-bottom: 10px;
}

.closeDiv:before {
   content: " ";
   background:url(../images/cross.png) no-repeat;
   padding: 2px;
   margin: 0 10px 0 0;
   position: absolute;
   height: 15px;
   width: 15px;
}

.panelclose1{
	background: none repeat scroll 0 0 #9ccc5c;
    color: #fff;
    font-size: 15px;
    padding: 5px 7px 6px 7px;
    text-align: right;
    text-decoration: none;
	text-transform: uppercase;
}

.candidateDiv{
	position: relative;
	display: block;
	text-align: right;
	margin-bottom: 10px;
}

.searchPanel input.keywordInput,
.searchPanel input.titleInput

{
	width: 84px;
}

.searchPanel input.daterangefrom,
.searchPanel input.daterangeto{
	width: 90px;
}
.searchPanel input.locationInput,
.searchPanel input.milesInput{
	width: 72px;
}
#ui-datepicker-div{
	font-family: 'Roboto', sans-serif !important;
	font-size: 10px;
}

/* SANKA style start*/
.hide{
    display: none !important;
}
.highlighted{
    background-color: #9ccc5c;
    color: #fff;
    padding: 2px;
}
.selected{
    background: none repeat scroll 0 0 #ccffff !important;
    border: 1px solid #2E6F99 !important;
}
.selected .candidate_click{
    background: none repeat scroll 0 0 #ccffff !important;
}
.tabPanel .disabled{
    background-color: grey;
    cursor: default;
}
.tabPanel{
    text-align: center;
}
.tabPanel input{
    widht: auto;
    margin: 0px auto;
}
.profileblock{
    color: #000;
    min-height: 120px;
}
.candidate_click{
    cursor: pointer;
    position: relative;
}
.profileDesc strong{
    font-size: 13px;
}
.candidate_ref{
    
}
.profileblock:hover{
    background-color: #F0F0F0;
}

.header{
        position: relative !important;
    }
    .board-wrapper {
        overflow: hidden;
        margin-top: 10px;
    }
    .board-canvas {
        margin-right: 0;
        position: relative;
        transition: margin 0.1s ease-in 0s;
    }
    #board {
        bottom: 0;
        left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        position: absolute;
        right: 0;
        top: 0;
    }
    .list:first-child {
        margin-left: 10px;
    }
    .candidates-upload, .jobs-views{
        right: 41%;
        width: 58%;
    }
    .candidates-upload, .jobs-views, .jobs-views__candidates, .candidate-view {
        background: none repeat scroll 0 0 #e2e4e6;
        border-radius: 3px;
        box-sizing: border-box;
        float: right;
        margin: 0 5px;
        max-height: 100%;
        position: absolute;
        bottom: 0px;
    }
    .jobs-views__candidates{
        right: 33%;
        width: 33%;
    }
    .candidate-view{
        right: 0%;
        width: 33%;
    }
    .candidates-list {
        width: 33%;
        right: 0;
    }
    .candidates-list, .jobs-list {
        background: none repeat scroll 0 0 #e2e4e6;
        border-radius: 3px;
        bottom: 0;
        box-sizing: border-box;
        margin: 0 5px;
        max-height: 100%;
        position: absolute;
    }
    .jobs-list {
        right: 0;
        width: 40%;
    }
    .opened .candidates-list{
        right: 33%;
    }
    .opened .jobs-views__candidates{
        right: 66%;
    }
    .wide .candidates-list{
        right: 50% ;
        width: 40% !important;
    }
    .wide .candidate-view{
        right: 0%;
        width: 50% !important;
    }
    .wider .jobs-views__candidates{
        display: none;
    }
    .list-header {
        min-height: 30px;
        position: relative;
        background-color: #fff;
    }
    .jobs-views .list-header{
        padding: 2px 10px;
    }
    .list-header .tabs {
        width: 100%;
        text-align: center;
        background-color: #e2e4e6;
        padding: 4px 4px 0;
    }
    .list-header .active a{
        color: #2E6F99;
    }
    .list-header .active{
        background-color: #fff;
        border-bottom: 4px solid #2E6F99;
        /*background-color: #9ccc5c;*/

    }
    .list-header .tabs .tab:hover a{
        color: #2E6F99;
    }
    .list-header .tabs .tab a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .list-header .tabs .tab:hover{
        background-color: #fff;
        border-bottom: 4px solid #2E6F99;
        /*background-color: #9ccc5c;*/
    }
    .list-header .tabs .tab {
        display: inline-block;
        font-size: 15px;
        line-height: 18px;
        margin: 0;
        min-height: 19px;
        padding: 5px;
        text-align: center;
        width: 32%;
        min-width: 100px;
        cursor: pointer;
    }
    .list-cards {
        position: relative;
        margin: 5px 5px 0px;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1;
    }
    .search-results__count{
        height: 20px; 
        padding: 1px 10px; 
        font-size: 12px; 
        font-weight: bold; 
        text-align: center; 
        
        background-color: #9ccc5c; 
        width: auto; 
        position: absolute; 
        z-index: 2;
        right: 40%;
    }
    .search-results__count-primary{
        top: 41px; 
    }
    .search-results__count-slave{
        top: 35px; 
    }
    .list-card:hover{
        background-color: #f0f0f0;
    }
    .list-card {
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #bebebe;
        margin-bottom: 4px;
        padding: 10px 10px 2px;
        box-shadow: 0 0 5px #999;
        -webkit-box-shadow: 0 0 5px #999;
        -moz-box-shadow: 0 0 5px #999;
        border: 1px solid #CCC;
        cursor: pointer;
        padding: 10px;
        position: relative;
    }
    .action-menu{
        position:absolute;
        right: 0px;
        bottom: 0px;
        padding: 2px 10px 2px 0;
    }
    .job-title{
        color: #2E6F99;
        font-size: 18px;
        margin-bottom: 5px;
        padding-left: 5px;
    }
    .job-company{
        color: #336600;
        font-size: 15px;
        font-weight: bold;
        text-align: left;
    }
    .right-info{
        float:left;
        width: 50%;
        left: 50%;
    }
    .left-info{
        float:left;
        width: 50%;
    }
    .hide-item{
        background-image: url("/assets/front/images/hearts_Sprite.png");
        background-position: 21px -105px;
        background-size: 64px 63px;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .hide-item:hover{
        background-position: -1px -105px;
    }
    .hidden-item{
        background-image: url("/assets/front/images/hearts_Sprite.png");
        background-position: -1px -105px;
        background-size: 64px 63px;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .block-item{
        background-image: url(/assets/front/images/icon-delete.png);
        display: inline-block;
        width: 20px;
        height: 20px
    }
    
    .like-job:hover{
        background-position: 62px -64px;
    }
    .like-job, .like-candidate{
        background-image: url("/assets/front/images/hearts_Sprite.png");
        background-position: 21px -64px;
        background-size: 64px 63px;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .liked-job, .liked-candidate{
        background-image: url("/assets/front/images/hearts_Sprite.png");
        background-position: 62px -64px;
        background-size: 64px 63px;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .like-company {
        background-image: url("/assets/front/images/star-birddog.png");
        background-repeat: no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .like-company:hover{
        background-image: url("/assets/front/images/star-birddog-selected.png");
    }
    .liked-company {
        background-image: url("/assets/front/images/star-birddog-selected.png");
        background-repeat: no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .like-candidate:hover{
        background-position: 62px -64px;
    }
    .candidate-item__menu{
        position: absolute;
        bottom:12px;
        right:0px;
        padding: 2px 6px;
        width:180px;
        text-align:  right;
    }
    .candidate-item__menu-lastcontacted__search{
        position: absolute; 
        right: 0px; 
        padding: 0px 5px; 
        font-size: 13px; 
        bottom: -6px;
        font-weight:bold;
    }
    .candidate-item__menu-lastcontacted__view{
        position:absolute;
        right:5px;
        top:2px;
        font-size:12px;
        font-weight:bold;
    }
    .candidate-item__pipeline-add{
        font-weight: bold; 
        color: #339900; 
        font-size: 32px; 
        margin: 0px; 
        padding: 0px;
    }
    .empty-pipeline{
        height: 40px;
        padding: 10px;
        text-align: center;
    }
    .candidate-item__pipeline-add:hover{
        color: #336600; 
    }
    .candidate-item__pipeline{
        position: absolute; 
        width: 25px; 
        text-align: center; 
        right: 2px; 
        height: 25px; 
        top: -10px;
    }
    .job-notes{
        width: 100%;
    }
    .close-button{
        display: inline-block;
        position: relative; 
        text-align: right;
    }
    .close-button:before{
        background: url("/assets/front/images/cross.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: " ";
        height: 15px;
        margin: 0 10px 0 0;
        padding: 2px;
        position: absolute;
        width: 15px;
        top: 2px;
        left: 0px;
    }
    .list-header__title{
        float: left;
        display: inline-block;
        max-width:55%;
        color: #2E6F99;
        font-size: 18px;
    }
    .list-header__menu a{
        color: #fff !important;
    }
    .list-header__menu{
        width: auto; 
        float: right;
        text-align:right;
    }
    .list-header__view{
        display: inline-block;
        position: relative;
        text-align: left;
    }
    .list-header__view a{
        background: none repeat scroll 0 0 #2E6F99;
        font-size: 14px;
        padding: 5px 7px 6px;
        text-align: right;
        text-decoration: none;
        text-transform: uppercase;
    }
    .close-button{
        background: none repeat scroll 0 0 #9ccc5c;
        color: #fff;
        font-size: 14px;
        padding: 5px 7px 6px 20px;
        text-align: right;
        text-decoration: none;
    }
    .job-description__block{
        padding: 10px 10px 20px;
        background-color: #fff;
        border: 0 solid transparent;
        border-radius: 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }
    .job-description__block-header{
        width: 100%;
        margin:2px 5px;
    }
    .job-description__block-header__title{
        display: inline-block;
        width:74%;
    }
    .job-description__block-header__id{
        display: inline-block;
        width:25%;
    }
    .job-info__block-item{
        width: 100%;
        margin:2px 5px;
    }
    .job-info__block-item__label{
        width: 30%;
        min-width:55px; 
        display: inline-block;
        vertical-align: top;
    }
    .job-company strong{
        font-size:16px;
    }
    .job-description__block-header__id h4{
        text-align: right;
    }
    .job-info__block-item__label strong{
        font-size: 13px;
    }
    .job-info__block-item__content{
        width: auto; 
        display: inline-block;
        font-size: 13px;
    }
    .job-description__block-notes{
        background: none repeat scroll 0 0 #2E6F99;
        color: #ffffff;
        padding: 7px;
        position: relative;
    }
    .job-description__block-notes__upload:hover{
        background: none repeat scroll 0 0 #669933;
    }
    .job-description__block-notes__upload{
        position:absolute;
        top:-25px;
        background: none repeat scroll 0 0 #9ccc5c;
        color: #ffffff;
        padding: 3px 10px;
        border: none;
    }
    .jobs-views .job-description__block-notes__upload{
        left:43%;
    }
    .candidate-view .job-description__block-notes__upload ,.jobs-views__candidates .job-description__block-notes__upload{
        left:36%;
    }
    .job-description__block-notes__title{
        display: inline-block;
        width: 33%;
        float:left;
    }
    .job-description__block-notes__links{
        display: inline-block;
        width: auto;
        float:right;
        text-align: right;
    }
    .job-description__block-notes__links-updates{
        color:#CDFED4;
        margin-right: 20px;
        font-weight:bold;
        text-decoration: underline;
    }
    .job-description__block-notes__links-pipeline{
        color:#00CC00;
        margin-right: 20px;
        font-weight:bold;
        text-decoration: underline;
    }
    .job-description__block-notes__links-notes{
        color:#F0F0F0;
        font-weight:bold;
        text-decoration: underline;
    }
    .job-description__block-pipeline__item{
        width: 100%;
        border: 1px solid #ccc;
        height: auto;
        background-color: #f0f0f0;
        margin:2px 0px;
        padding:4px 0px;
        position: relative;
    }
    .job-description__block-pipeline__item-remove{
         width: 10px;
         cursor: pointer;
         height: 10px;
         position: absolute;
         top:10px;
         right:10px; 
         background-repeat: no-repeat;
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA9UlEQVR4Xo2QMUtCYRSGnyNFJoFLDk5BBkFDBEE0ieAdXFyCQPoB/QJHwRs4+m9cXAQRx4aWWuoOTQ4uJnKvtyt8fefUoFsPvLyH875w4Ih7DABCoAsIuzjgSfPcJstCry5BgHenvj1rph2JH27dYaOBkc+TTiYoB9UqrNcoyXCILO6uAFyxXscolTDmc7Ov0QhAcmmSUGy1ZDGdwnIJUaSyWXeaaWcvjWOU79UKCgWYzTDKZdsp2pH3m2MAd9Zuw3jMDrUaH/0+gMjr5ZG76HRgMED51LPASaWC0Wzy1uvBy/l+6OXc/bX7c1TbO+3I8yn/evgPKp53tDAm030AAAAASUVORK5CYII=');
    }
    .job-description__block-pipeline__item-name{
        width:33%;
        display: inline-block;
        color: #2E6F99;
        font-size: 16px;
    }
    .job-description__block-pipeline__item-contact{
        width:33%;
        display: inline-block;
        color: #2E6F99;
        font-size: 16px;
    }
    .job-description__block-pipeline__item-status{
        width:auto;
        display: inline-block;
        color: #2E6F99;
        font-size: 16px;
        float:right;
    }
    .job-description__block-pipeline__item-status__added{
        font-size: 12px;
        color: #333;
        margin-top: 5px;
        text-align: right;
    }
    .job-description__block-pipeline__item-phone{
        width: auto; 
        display: inline-block;
        font-size: 13px;
        border: 1px solid #FF9933;
        background-color: #FFFF99;
        padding:3px 5px;
        color:#000;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .job-description__block-pipeline__item-email{
        font-size: 12px;
        text-decoration:underline;
    }
    .job-description__block-pipeline{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: #fff;
    }
    .job-description__block-pipeline__item-status{
        font-size: 12px;
    }
    .job-description__block-ad{
        padding: 10px;
        position: relative;
        background-color: #fff;
        border: 0 solid transparent;
        border-radius: 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }
    
    .job-description__block-key__title{
        background: none repeat scroll 0 0 #2E6F99;
        color: #ffffff;
        padding: 7px;
    }
    .job-description__block-key__content{
        padding: 10px;
        background-color: #fff;
        border: 0 solid transparent;
        border-radius: 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }
    .candidate-search__item-element{
        width: 100%;
        margin: 5px
    }
    .candidate-search__item-element__title{
        width: 25%; 
        display: inline-block;
        vertical-align: top;
    }
    .candidate-search__item-element__employer{
        max-width: 74%; 
        display: inline-block;
        font-size: 13px;
        color:#336600;
        font-weight:  bold; 
        text-align:left
    }
    .candidate-search__item-element__location{
        width: auto; 
        display: inline-block;
        font-size: 13px;
    }
    .candidate-search__item-element__email{
        width: auto; 
        display: inline-block;
        font-size: 13px;
        text-decoration:underline;
    }
    ul.radio-group .active {
        background-color: #ccc;
    }
    ul.radio-group li {
        position: relative;
        list-style: none;
        padding: 10px;
        display: inline-block;
        width: 49%;
        text-align: center;
    }
    ul.pipeline-wide li{
        width: 32% !important;
    }

    ul.radio-group input[type="radio"] {
      opacity: 0;
      position: absolute;
    }
    ul.radio-group label {
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
    }

    ul.radio-group input[type="radio"] + label > span {
      position: relative;
      border-radius: 12px;
      width: 14px;
      height: 14px;
      background-color: #FFFFFF;
      border: 1px solid #bcbcbc;
      margin: -2px 4px 0 0;
      display: inline-block;
      vertical-align: middle;
    }

    ul.radio-group input[type="radio"]:checked + label > span span {
       background: none repeat scroll 0 0 #2E6F99;
        border: medium none;
        border-radius: 4px;
        display: inline-block;
        height: 6px;
        left: 3px;
        position: absolute;
        top: 3px;
        width: 6px;;
    }
    .uploader .close-upload{
        position: absolute;
        top:5px;
        right:5px
    }
    .uploader {
        -moz-user-select: none;
        border: 2px dotted #a5a5c7;
        color: #92aab0;
        cursor: default;
        font-size: 200%;
        margin-bottom: 10px;
        padding: 20px 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        position: relative;
    }
    .uploader div.uploader-or {
        color: #c0c0c0;
        font-size: 50%;
        font-weight: bold;
        padding: 10px;
    }
    .uploader div.browser label {
        background-color: #2e6f99;
        border-radius: 2px;
        box-shadow: 2px 2px 2px #888888;
        color: white;
        cursor: pointer;
        display: block;
        font-size: 40%;
        font-weight: bold;
        margin: 10px auto 0;
        overflow: hidden;
        padding: 6px 0;
        position: relative;
        width: 300px;
    }
    .uploader div.browser span {
        cursor: pointer;
    }
    .uploader div.browser input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent;
        border-image: none;
        border-style: solid;
        border-width: 0 0 100px 200px;
        cursor: pointer;
        direction: ltr;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-300px, 0px) scale(4);
    }
    .uploader input[type="file"] {
        display: block;
    }
    .input-required{
        border: 1px solid red;
        background-color: pink;
    }
    .create-company{
        color: #2E6F99;
        font-weight: bold;
    }
    .candidate-search__item-jobprofile {
        font-size: 15px;
        font-weight: bold;
        text-align: left;
    }
    
    .attachments-list__item-close{
        position: absolute; top: -1px; right: 13px;
    }
    .attachments-list__item-size{
        font-size: 11px;
        font-weight:bold;
        color:#2e6f99;
    }
    .attachments-list__info{
        text-align:center;
        line-height:14px;
    }
    .attachments-list__image{
        text-align:center;
    }
    .attachments-list li{
        list-style: none;
        display:inline-block;
        width: 16%;
        position:relative;
        margin:10px 5px;
        vertical-align: top;
    }
    .attachments-item__added{
        position: absolute;
        background-color: rgb(51, 204, 102);
        height: 9px;
        width: 9px;
        right: 3px;
        border-radius: 50%;
        top: -8px;
    }