/* Ha css file */
.employer-content .top-content .btn-showjob {
    background: #65a846 none repeat scroll 0 0;
    border: 1px solid #65a846;
    border-radius: 4px;
    box-shadow: 0 0 2px #999;
    font-size: 18px;
    color: #fff;
}

.employer-content .top-content .btn-showjob:hover, .employer-content .top-content .btn-showjob:focus {
    background: #ff8c00 none repeat scroll 0 0 !important;
    border: 1px solid #ff8c00 !important;
    color: #fff;
}

.jobs-item .actions {
    width: auto !important;
}

.jobs-item .actions .btn-group {
    margin-left: 10px;
}

.jobs-item .footer-item .footer-item-col{
    display: inline-block;
    margin-right: 20px;
}

.question-container {
    border-radius: 4px 4px 0 0;
    background: #fff;
    padding: 15px 30px;
    box-shadow: inset 0 -1px 0 0 #C9D7DF;
}

.app-form-container {
    padding: 15px 30px;
    background: #fff;
}

.app-pref-container {
	padding-top: 35px;
    border-top: 1px solid #C9D7DF;
    padding: 15px 30px;
    background: #fff;
    border-radius: 0px 0px 4px 4px;
}

.btn-add-question-container {
    background: #F0F4F7;
    border: 1px solid #C9D7DF;
    padding: 25px;
    border-radius: 4px;
	width: 100%;
    float: left;
}

.btn-add-question, .btn-add-member, .title-overlay{
    color: #4D6072;
	cursor: pointer;
    background: #fff;
    border: 1px solid #C9D7DF;
    box-shadow: 0 0px 3px 0 rgba(188, 205, 215, 0.2), 0 1px 5px 0 rgba(188, 205, 215, 0.2), 0 3px 1px -1px rgba(188, 205, 215, 0.2);
    background-image: linear-gradient(-180deg, #fff, #f5f8f9 99%);
    display: inline-block;
	padding: 10px 15px;
    border-radius: 4px;
    font-weight: bold;
}

#app-form .btn-add-question i, .btn-add-member i, .btn-invite-member i, .title-overlay i{
	padding-right: 5px;
    color: #8AA2AD;
}

.question-form{
    border: #C9D7DF 1px solid;
    border-radius: 4px;
    box-shadow: 0 0px 7px 0 rgba(188, 205, 215, 0.7), 0 4px 10px 0 rgba(188, 205, 215, 0.7), 0 3px 1px -1px rgba(188, 205, 215, 0.7);
    overflow: hidden;
}

.question-form .form-group{
    border-bottom: 1px solid #C9D7DF;
	padding: 20px;
    margin: 0px;
}

.question-form .form-group input, 
.mail-content .form-group input,
.mail-content .email-container textarea{
	background: #fff;
    border: solid 1px #BCCDD7;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 4px;
    transition: box-shadow 0.15s ease-in;
}



.question-form .question-action {
    float: right;
    padding: 20px;
}

.question-form .question-action button{
	cursor: pointer;
	padding: 8px 15px;
}

.question-form .question-action cancel-action:hover{
	color: #2E3E4D;
    background: #D5E7EF;
}

.question-form .question-action .done-action{
	border-radius:4px;
    opacity: .5;
    box-shadow: none;
	font-weight: 600;
    background: #1999E3;
    border: 1px solid #117CBA;
    box-shadow: 0 0px 3px 0 rgba(188, 205, 215, 0.6), 0 1px 5px 0 rgba(188, 205, 215, 0.6), 0 3px 1px -1px rgba(188, 205, 215, 0.6);
    color: #fff;
}

.list-questions .question-item{
	padding: 10px 0px;
    border-bottom: 1px solid #C9D7DF;
}

.list-questions .question-item .question-action i{
	margin-right:10px;
	cursor:pointer;
}

.question-form, .btn-add-question-only, .hire-pipe-content .hire-step.last-item .flow-indicator/*,
#app-form, #hire-pipeline, #team-members*/{
	display:none;
}

.list-questions{
    float: left;
    width: 100%;
}

.btn-add-question-only{
    margin-top: 15px;
    float: left;
}

.app-form-container .row{
	padding: 10px 0px;
}

.app-form-container .col-xs-6{
	padding: 0px;
}

.app-form-container .col-xs-6 .ng-binding{
	line-height: 35px;
}

.app-form-container .btn-group > .btn, 
.app-pref-container .btn-group > .btn{
    position: relative;
    float: left;
    background: none;
    margin: 0px 15px;
	padding:0px;
    color: #4D6072;
}

.app-form-container .btn-group > .btn:active, 
.app-form-container .btn-group > .btn.active, 
.app-form-container .btn:focus,
.app-form-container .btn:active:focus,
.app-form-container .btn.active:focus,
.app-form-container .btn.focus,
.app-form-container .btn:active.focus,
.app-form-container .btn.active.focus,
.app-pref-container .btn-group > .btn:active, 
.app-pref-container .btn-group > .btn.active, 
.app-pref-container .btn:focus,
.app-pref-container .btn:active:focus,
.app-pref-container .btn.active:focus,
.app-pref-container .btn.focus,
.app-pref-container .btn:active.focus,
.app-pref-container .btn.active.focus{
	outline:none;
    box-shadow: none !important;
    color: #1999E3;
    font-weight: 700;
    border-bottom: 1px dotted #1999E3;
}

.hire-pipe-container{
    width: 100%;
    display: flex;
    overflow-x: auto;
    touch-action: auto;
    position: relative;
    margin-bottom: 20px;
}

#hire-pipeline, #team-members{
	padding: 15px 30px;
    background: #fff;
}

.hire-pipe-content{
	width: 100%;
    display: flex;
    border: #C9D7DF 1px solid;
    border-radius: 4px;
    margin: 0px;
}

.hire-pipe-content .hire-step{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    min-width: 15%;
    min-height: 90px;
    text-align: center;
    position: relative;
    background: #F0F4F7;
    border-right: #C9D7DF 1px solid;
}

.hire-pipe-content .hire-step .step-name{
    color: #2E3E4D;
}

.hire-pipe-content .hire-step .flow-indicator{
    position: absolute;
    right: -3px;
    top: 50%;
    background: #F0F4F7;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 50;
}

#hire-pipeline .edit-overlay {
	position: absolute;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(54, 65, 78, 0.7);
    z-index: 100;
    opacity: 0;
    border-radius: 4px;
    transition: opacity .3s ease;
    cursor: pointer;
}

.status-bar .fa-circle:before {
    padding: 0px 5px;
    font-size: 16px;
}

.status-bar .icon-a:before {
    color:#65A846;
}

.status-bar .icon-b:before {
    color:#FB0404;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 22px;
}

.switch input {display:none;}

.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: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #4fc510;
}

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

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

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

.slider.round:before {
	border-radius: 50%;
}

.slider::after {
	position: relative;
    right: -55px;
    content: "Send email confirmation";
    width: 300px;
    display: inline-block;
}
.show-message .slider::after{
    display: none;
}
.btn-invite-member {
	cursor: pointer;
    margin-left: 15px;
    padding: 10px 0px;
    border-bottom: 1px dotted #C9D7DF;
}

.list-members{
	margin-bottom: 15px;
}

.member-item{
	padding: 10px 0px;
    border-bottom: 1px solid #C9D7DF;
}

.member-item .member-info, .question-item .question-item .question-info{
	display: inline-block;
}

.member-item .del-act, .list-questions .question-item .question-action{
	display: inline-block;
    float: right;
}

.bottom-border-fields select{
	line-height:35px;
}

select.error {
    border-color: red!important;
}
.bootstrap-datetimepicker-widget{
    background: #F0F4F7;
}
.block.event-type .btn{
    padding: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.block.event-type .btn .pretty{
    margin-right: 0;
    padding: 6px 12px;
}
.event-type .pretty .state label{
    text-indent: inherit;
}
.event-type .pretty .state label:before, .event-type .pretty .state label:after{
    display: none !important;
}
.attending-recruiters .item-member{
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
}
.attending-recruiters .item-member:before {
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    text-align: center;
    content: '\F00D';
    color: #fff;
    font-size: 16px;
    font-family: "FontAwesome";
    line-height: 28px;
    background: rgba(248, 49, 67, 0.9);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.attending-recruiters .item-member:hover:before{
    opacity: 1;
}
#my-tasks .task-form{
    margin-bottom: 30px;
}
#my-tasks .task-form .inp-add-task:focus {
    box-shadow: none;
    border-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.block .dropdown-menu{
    background: #fff;
    border: none;
    border-radius: 4px;
}
.block .dropdown-menu > li{
    border: none;
    
}
.block .dropdown-menu > li a{
    color: #37474F;
}
.block .dropdown-menu > li > a:hover, .block .dropdown-menu > li > a:focus{
    background: #C9D7DF;
}