body{
	min-width: 320px;
	font-size:1em;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.modal{
  top: 50px !important;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.iphone-dialog{
    margin-bottom:90px;
}

.theme-border-bottom-2{
  border-bottom: 2px solid #ccc;
}

.bg-white{
  background-color: #fff !important;
}

.theme-btn-danger{
  background-color: #F25F5C !important;
  color:#fff;
  border:none !important;
  box-shadow:none !important;
}

.theme-btn-danger:active, .theme-btn-danger:focus, .theme-btn-danger:active,{
  background-color: #fff !important;
  color:#F25F5C;
  border-color: 1px solid #F25F5C !important;
}

.theme-btn-light{
  background-color: #D8DBE2 !important;
  color:#fff;
  border:none !important;
  box-shadow:none !important;
}

.btn-theme-color-light, .theme-color-light{
  background-color: #D8DBE2 !important;
  color: #fff;
}

.theme-border-light{
  border-color: #D8DBE2 !important;
}

.theme-btn-medium{
  background-color: #A9BCD0 !important;
  color:#fff;
  border:none !important;
  box-shadow:none !important;
}

.btn-theme-color-medium, .theme-color-medium{
  background-color: #A9BCD0 !important;
  color: #fff;
}

.theme-border-medium{
  border-color: #A9BCD0 !important;
}

.theme-btn-sky-blue{
  background-color: #58A4B0 !important;
  color:#fff;
  border:none !important;
  box-shadow:none !important;
}


.btn-theme-color-sky-blue, .theme-color-sky-blue{
  background-color: #58A4B0 !important;
  color: #fff;
}

.theme-border-sky-blue{
  border-color: #58A4B0 !important;
}

.theme-btn-dark-blue{
  background-color: #373F51 !important;
  color:#fff;
  border:none !important;
  box-shadow:none !important;
}

.theme-color-dark-blue{
  background-color: #373F51 !important;
  color: #fff;
}

.btn-theme-outline-color-dark-blue{
  background-color: #fff !important;
  color: #373F51;
  border: 1px solid #373F51 !important;
}

.theme-border-dark-blue{
  border-color: #373F51  !important;
}

.checkbox-dark-blue:checked{
  background-color: #373F51  !important;
}

.theme-color{
  color: #58A4B0 !important;
}

/* -- Sidebar Nav -- */
.wrapp-navbar-toggler{
	padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.select2{
  width:100% !important;
}

li.select2-results__option[role=group]:hover {
  background-color: #fc8;
}

.sidenav {
  	height: 100%;
  	width: 0;
  	position: fixed;
  	z-index: 1000;
  	top: 0;
  	left: 0;
  	overflow-x: hidden;
  	transition: 0.5s;
  	padding-top: 60px;
}

.sidenav a {
  	padding: 8px 8px 8px 32px;
  	margin-left:20px;
  	text-decoration: none;
  	color: #818181;
  	display: block;
  	transition: 0.3s;
}

.sidenav li:hover, .sidenav li.active, .sidenav li.active a{
	background-color: #373F51 !important;
  color:#fff !important;
}

.sidenav .closebtn {
  	position: absolute;
  	top: 0;
  	right: 25px;
  	font-size: 36px;
  	margin-left: 50px;
}


.wrapp-brand{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
/*End of Nav Bar*/

/*Content */
.wrapp-body-details{
	/*height: 35vh;*/
}

.fix-btn-width{
	width: 21vw;
}

.fix-btn-width-stocks{
	width: 35vw;
}

.wrapp-item-nav a:hover, .swiper-pagination-bullet:hover{
	color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

#search_by{
	background-color: inherit;
}

.cursor-point{
	cursor: pointer;
}

.wrapp-body-details span, .wrapp-body-summary span, .wrapp-body-summary label, .wrapp-body-summary select, .wrapp-body-summary input, .wrapp-body-summary button{
	/*font-size:3vw;*/
}
/*End of content*/

/*Job Details*/
.swiper-container {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

  .swiper-pagination-bullet-active {
    color:#fff;
    background: #007aff;
  }

  .edit-box{
  	margin-top: -5px;
  	box-shadow: 0 -5px 5px -5px rgba(0,0,0,.075);
  }

.swiper-pagination-bullet {
	border-radius: 0;
	width: 100px;
	height: 55px;
	text-align: center;
	font-size: 12px;
  opacity:1;
}

.pagination-label{
	background-color: inherit;
	color: inherit;
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet-active .pagination-label, .pagination-label:hover, .swiper-pagination-bullet:hover {
	color: #fff !important;
  background-color: #58A4B0 !important;
}

#pagination_container {
  	-ms-overflow-style: none;  /* Internet Explorer 10+ */
  	scrollbar-width: none;  /* Firefox */
}
#pagination_container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
/*End of Job Details*/

@media screen and (max-height: 450px) {
  	.sidenav {padding-top: 15px;}
  	.sidenav a {font-size: 18px;}
  	.wrapp-item-nav a{font-size:3vw;}
}

@media screen and (max-width: 426px) {
  	.wrapp-item-nav a{font-size:3vw;}
}

/************************************************
 *Override Styles
 ***********************************************/
.navbar-light .navbar-toggler-icon{
    
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAj0lEQVRoge3WMQ6AIBSD4cbTcf8jwEF0wcThGdDBV+L/JcaFknSiEoCniqQmaR98tZ91yIbqxGXXSx2yofPwm3NZWW0TwSVQxA1F3FDETVSk9f/oUbqezc6GiuZe2buZkZEFvsSMT8yGmPGZKOKGIm4o4oYZL2Y8/osZn5gNMeMzUcQNRdxQxA0zXsx4YCkHXjOetWAgsm0AAAAASUVORK5CYII=) !important;
    filter: invert(100%) !important;
    
}

.sidenav{
    background-color: #d8dbe2 !important;
}

ul.navbar-nav li {
    font-size: 18px !important;
}

.sidenav .closebtn {
    right: 10px !important;
    margin-left: 80px !important;
    margin-top: -5px !important;
}

.dashboard-header-option{
    text-align: center;
}

.badge-success {
    color: #58a4b0 !important;
    background-color: transparent !important;
}

.badge .fas,
.badge .far {
    font-size: 30px !important;
}

.ml-4, .mx-4 {
    margin-left: 2.7rem!important;
}

.badge{
	font-size: 16px !important;
}

.btn{
    height: 50px !important;
}

.theme-btn-dark-blue {
    background-color: #58a4b0!important;
}

a.btn {
    padding: 20px !important;
    height: auto !important;
    border-right: 1px #fff solid;
}

.swiper-pagination-bullet {
    border-radius: 0;
    width: 100px !important;
    height: 70px !important;
    font-size: 16px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.swiper-pagination-bullet {
    border-right: 1px #ccc solid;
}
.swiper-pagination {
    background: rgba(0,0,0,0.3);
}

.badge .fa {
    font-size: 20px;
}
.module-btn{
    width: 50% !important;
    float: left;
    margin-left: 20px;
}

div#job-details-cont .badge {
    display: none;
}

div#job-details-cont .ml-4 {
    margin-left: 0px !important;
}

div#job-details-cont p {
    margin-bottom: 20px !important;
}

div#job-details-cont span.font-weight-bold {
    color: #58a4b0;
}
/******************
*comment paragraph
******************/
.comment-paragraph{
  white-space: pre-line;
  text-align: justify;
}

/* textarea[name="comment"]{
  text-align: justify;
} */