body{
  font-family: 'Open Sans', sans-seri;
  background-color: #fff;
}
.btn{margin-bottom: 4px;}
.sw-theme-arrows .step-content{
	padding: 15px;
}
.fileinput{
	display: inline-block;
}
.fileinput .thumbnail[data-trigger="fileinput"] {
    cursor: pointer;
}
.fileinput .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}
.fileinput .thumbnail:before, .fileinput .thumbnail:after {
    content: " ";
    display: table;
}
.fileinput .thumbnail > img {
    max-height: 100%;
    display: block;
}
.fileinput .thumbnail:after {
    clear: both;
}
.fileinput .thumbnail:before, .fileinput .thumbnail:after {
    content: " ";
    display: table;
}
.fileinput .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.btn-white {
    color: #303641;
    background-color: #FFF;
    border-color: #FFF;
    border-color: #ebebeb !important;
}
.btn {
    outline: 0 !important;
}
.fileinput .btn {
    vertical-align: middle;
}
.btn-white {
    color: #303641;
    background-color: #FFF;
    border-color: #FFF;
    border-color: #ebebeb !important;
}
.btn-orange {
    color: #FFF;
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}
input[type="file"] {
    display: block;
}
.fade.in {
    opacity: 1;
}
/*loading*/
#res_loader{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1051;
	display: table;
	display: none;
	background-color: rgba(255,255,255, .7);
}
.l_center{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#view_employee_get > .table td, #view_employee_get > .table th{
  border: 0 none;
  padding: 0;
}
#view_employee_get p{
  margin: 0 0 15px;
}
#view_employee_get p.pra_under{
  display: inline-block;
  text-decoration: underline;
  white-space: nowrap;
}
.select2-container--default .select2-selection--single {
    border-radius: 4px;
    height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    text-align: left;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 35px;
}
.fr-box.fr-basic .fr-element {
    min-height: 200px;
}
::placeholder{
  font-size: 80%;
}
.list-group-item.active{
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.applicant-tabs.nav-tabs .nav-link{
  font-size: 13px;
  padding: 10px 13px;
}
.modal{
  background: rgba(0,0,0,.5);
}
@media (min-width: 992px){
#edit_employee_modal .modal-lg, #showEmployeeId .modal-lg, #add_quiz_modal .modal-lg{
    max-width: 100%;
    padding: 0 15px;
}
}
.required{
  color: red;
  font-size: 18px;
}