@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

*{font-family:'Open Sans', sans-serif;}

body b, body strong{font-weight:600;}

.btn.btn-success{
    background:#67c100;
    border:none;
	color:#fff;
	font-size:16px;
    font-weight:600;
    height:42px;
    line-height:30px;}
.btn.btn-danger{
    color:#fff;
    background-color:#f26d7d;
    border:none;
    border-radius:25px;
    -webkit-border-radius:25px;
    font-size:14px;
    font-weight:400;
    line-height:26px;
    min-width:125px;}

body .btn-blue,
body .btn-blue:hover,
body .btn-blue:focus{
    background-color:#009EFF;
    border-color:#009EFF;
    color:#fff;}

.ias_trigger > a{
    background: #ffc963 !important;
    color: #2d2d2d !important;
    display: inline-block;
    padding: 6px 20px !important;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-decoration: none;
    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 !important;
    border-radius: 3px !important;}
.ias_trigger > a:hover{background:#cfa953 !important;}

.row > .col{padding-bottom:20px; word-break:break-word;}

label{color:#000; font-size:13px; font-weight:600; line-height:19px;}
select,
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=email],
input[type=number],
input[type=search]{
    border:1px solid #ddd;
    border-radius:8px;
	color:#1B2438;
    font-size: 13px;
    font-weight:400;
	height:auto;
    line-height:16px;
    padding:5px 14px 6px 16px;
    width:100%;}

select{padding:4px 14px 4px 11px;}

select:disabled,
input:disabled,
textarea:disabled{
    background-color:#e9e9e9;}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
.btn:focus {
    outline: none !important;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {color:#898989;}

textarea:-moz-placeholder,
input:-moz-placeholder{color:#898989; opacity:1;}

textarea::-moz-placeholder,
input::-moz-placeholder{color:#898989; opacity:1;}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder{color:#898989;}

textarea:placeholder-shown,
input:placeholder-shown{color:#898989;}

textarea{
    border-radius:5px;
	color:#303030;
    border:1px solid #DDDDDD;
    height:auto;
	padding:6px 16px;
    width:100%;}

input[type=text].error,
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error{
    background: #FEE;
    border-color: #C00;}

.list-view .items > .item:after{
    border-bottom:1px solid #f0f0f0;
	clear:both;
	content:'';
    display:block;
    font-size:1px;
    margin:0 -24px 20px -24px;
    padding:15px 0 0 0;
    width:calc(100% + 24px + 24px);}
.list-view .items > .item:last-child:after{clear:both; content:''; display:none;}

.tags-box{margin-bottom:-7px;}
.tags-box span{color:#222222; font-size:14px; margin:0 15px 0 0;}
.tags-box a{
    background:#ebebeb;
    border-radius:3px;
	color:#202020;
	display:inline-block;
	font-size:12px;
    line-height:12px;
    margin:0 3px 7px 0;
    padding:6px 20px;}

.employer-progress{margin:20px 0;}
.employer-progress span{
    color:#bababa;
	display:inline-block;
    font-size:28px;
	margin-right:10px;}
.employer-progress span.active{color:#292929;}
.employer-progress i{
    background:url(/img/breadcrumbs-separator.png) no-repeat center center;
	display:inline-block;
    height:17px;
    margin-right:10px;
    width:23px;}
.employer-progress span.success{
    background:url(/img/employer-progress-succes.png) no-repeat center center;
	display:inline-block;
    height:23px;
    margin-right:0;
    margin-top:11px;
	vertical-align:top;
    width:23px;}

.custom-file-field{
    line-height:22px !important;
	overflow:hidden;
    padding:8px 20px !important;}
.custom-file-field input{display:none;}

.job-status {
    background-color: #9ED3A6;
    border: 1px solid #888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 2em;
    margin: 0 0 14px 0;
    padding: 5px 10px;
}

.job-status.done {
    background-position: left 0;
    padding-left: 35px;
}

.job-status.pending {
    background-position: left -39px;
    color: #909090;
    padding-left: 35px;
}

.job-status.pending.status-for-employee {
    color: #fff;
    background-color: #9ED3A6;
}

#pass-update-form {
    text-align: center;
}

#pass-update-form .errorMessage {
    color: red;
    font-size: 12px;
}

#pass-update-form input {
    height: 30px;
    margin-top: 10px;
    width: 100%;
}

#pass-updated {
    text-align: center;
}

.ui-timepicker-standard a {
    padding: 0;
    border: none;
    font-size: 14px;
}

.ui-menu .ui-menu-item {
    padding: 0;
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus{
    border: none;
    background: none;
    padding: 0;
}



.ui-menu .ui-menu-item {
    padding: 3px 0em 3px 0.4em;
    text-align: left;
}

/* Modal */
.modal{padding:0 !important; text-align:center;}
.modal:before{
    content:'';
    display:inline-block;
    height:100%;
    margin-right:-4px;
	vertical-align:middle;}
.modal .modal-dialog{display:inline-block; max-width:90%; text-align:left; vertical-align:middle;}
.modal .modal-dialog .modal-content{border-color:#fff; border-radius:6px;}
.modal .modal-dialog .modal-content .modal-header{border-color:#ededed; padding:15px 15px;}
.modal .modal-dialog .modal-content .modal-header h4{
    color:#2e2e2e;
	font-size: 16px;
    font-weight: 600;
    line-height: 22px;}
.modal .modal-dialog .modal-content .modal-header .close{outline:none;}
.modal .modal-dialog .modal-content .modal-body{padding:20px 40px 15px;}
.modal .modal-dialog .modal-content .modal-body hr{border-color:#ededed;}
.modal .modal-dialog .modal-content .modal-body>.bootbox-close-button{margin-right:-24px; outline:none;}
@media screen and (max-width:768px){
	.modal .modal-dialog .modal-content .modal-body{padding:15px;}
	.modal .modal-dialog .modal-content .modal-body>.bootbox-close-button{margin:0;}
}


.modal.modal-fullscreen .modal-dialog{width:90%;}
.modal.modal-700 .modal-dialog{width:700px;}

/*Document modal Instruction*/
.modal.modal-860 .modal-dialog{width:860px;}
.modal-document-instruction{top:50px;}
.modal-dialog.modal-lg{
    width: 20%;
}

.col.col-xs-12.col-sm-6{
    width: 100%;
}

.ui-datepicker-next{
    margin-top: 12px;
}

.ui-datepicker-prev{
    margin-top: 3px;
}


#modal_select_bonus .modal-dialog{
    width: 800px;
}