@charset "utf-8";
.navbar,.navbar,.navbar-nav,.modal-header,.modal-footer,.navbar>.container, .navbar>.container-fluid {
display:block;
}
.navbar {
padding:0
}
 .dropdown-toggle::after {
display:none
}

.input-group-btn {
display: inline-block;
margin-left: -3px;
margin-top: -2px;
}
#hrMainNav {
   /* border-left: 1px solid #bdbdbd;*/
}
.row{
 flex-wrap: wrap;
}
.btn{
font-size:14px;
padding: 6px 12px;
border-radius: 4px;
}
.btn-primary {
background-color: #337ab7;
border-color:#2e6da4;
}
/******** carousel *******/
.flexible-cards ol.carousel-indicators {
    left: 50%;
    margin-left: -30%;
}
.flexible-cards .carousel-indicators li {
width: 12px;
height: 12px;
}

/********* modal fix **********/
.modal.fade .modal-dialog{
  transform: translate(0,0);
  -ms-transform:translate(0,0);
  -webkit-transform:translate(0,0);

}
.modal-content{
width:600px;
}

.form-control {
font-size:14px
}
.flexible-cards .modal-content h1, .flexible-cards .modal-content h2,.flexible-cards .modal-content h3{
margin-top:20px
}
/******** Mobile *********/
@media screen and (max-width: 768px) {
.modal-content{
width:auto;
}
}



/*******safari fix *******/
/*******Safari (from 6.1 to 10.0)**********/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media(min-width: 576px){
        .col-sm-4 { 
         max-width: 33.2%;
        }
    }
}

/********** Safari (10.1+)********/
@media not all and (min-resolution:.001dpcm) { 
    @media (min-width: 576px){
        .col-sm-4 { 
         max-width: 33.2%;
        }
    }
}