@media (max-width: 767px) {
  .main-header .logo{
	  display:none;
  }
}
@media (min-width: 768px) {
  .main-header .logo{
	  display:block;
  }
}
.popover{ z-index: 1010;}
.btn-tabs > .btn{
	padding: 6px;
	width: 11.1%;
	max-width: 13.4%;
}
.btn-tabs > .btn-default{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
}
.btn-tabs > button.btn-default:hover,.btn-tabs > button.btn-default:focus{
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 3;
}
.btn-tabs > .btn span{
    margin-left: 6px;
    margin-top: 3px;	
}
.btn-tabs > .btn.btn-primary span{
	background-color: #dd4b39 !important;
	color: #fff !important;
}
.loading{
  background-color:#ECF0F5;
  padding:0;
  display: contents;
}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
.perpage-container > .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    height: 24px;
    padding: 1px 10px;
}
.perpage-container .select2-container .select2-selection--single .select2-selection__rendered{
	width:25px;
}
.perpage-container > .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    right: 1px;
}

.input-group .input-group-addon{
	width:auto;
}
.modal-header a.btn{
	margin-right:15px;
}
.fc-event.fc-call{
    background-color: #3c8dbc !important;
    border: 1px solid #3c8dbc;	
}
.fc-event.fc-meeting{
    background-color: #f39c12 !important;
    border: 1px solid #f39c12;	
}
.fc-event,.fc-event.fc-schedule{
    background-color: #00a7d0 !important;
    border: 1px solid #00a7d0;	
}
.fc-event.fc-pr-high{
    background-color: #dd4b39 !important;
    border: 1px solid #dd4b39;	
}.fc-event.fc-pr-medium{
    background-color: #ff851b !important;
    border: 1px solid #ff851b;	
}
.form-group .intl-tel-input, .form-group .iti{
	display:block;
}
.form-group.overflow-wrap, .description .form-group{
	overflow-wrap: break-word;
}

.content-header .btn.pull-right{
	margin-left:7px;
}
.content-header .pull-right .dropdown-menu a{
	margin:0;
}
.table-header-rotated th.row-header{
  width: auto;
}

.table-header-rotated thead td{
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated tbody td{
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  vertical-align: middle;
}

.table-header-rotated th.rotate-45{
  height: 60px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}
.table-header-rotated th.rotate-45.long{
  height: 150px;
}

.table-header-rotated th.rotate-90{
  height: 150px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 30px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45.long > div{ 
  left: 75px;  
}

.table-header-rotated th.rotate-90 > div{
  position: relative;
  top: 0px;
  left: 30px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-89deg,0deg);
  -moz-transform:skew(-89deg,0deg);
  -webkit-transform:skew(-89deg,0deg);
  -o-transform:skew(-89deg,0deg);
  transform:skew(-89deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  /* white-space: nowrap; *//*whether to display in one line or not*/
}
.table-header-rotated th.rotate-90 span {
  -ms-transform:skew(90deg,0deg) rotate(270deg);
  -moz-transform:skew(90deg,0deg) rotate(270deg);
  -webkit-transform:skew(90deg,0deg) rotate(270deg);
  -o-transform:skew(90deg,0deg) rotate(270deg);
  transform:skew(90deg,0deg) rotate(270deg);
  position: absolute;
  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  /* white-space: nowrap; *//*whether to display in one line or not*/
}
.table-header-rotated thead>tr>th{
	border: 0;
}

.padding-bottom-10{
	padding-bottom:10px;
} 
.margin-bottom-10{
	margin-bottom:10px;
} 
.with-border{
	border-bottom: 1px solid #f4f4f4;
}
#radiobtn.btn-group .btn.active{
	color:red;
	background-color:#fff;
	border-color:#3c8dbc;
}
.stars
{
    font-size: 24px;
    color: #ff851b;
}
.ratingstars
{
    font-size: 14px;
    color: #ff851b;
	margin:0 10px;
}
.ratingstars i.fa{
	margin-right: 2px !important;
}
.hashtag-text{
    color: #000;
	background-color:#DEF0F9 !important;
	padding:0px 3px;
	border-radius:5px;
}
.form-footer{
	border-top: 1px solid #f4f4f4;
    padding: 10px;
}
.mtop50{
	margin-top:50px !important;
}
.m-l-20{
	margin-left:20px !important;
}
.m-r-10{
	margin-right:10px !important;
}
.m-r-5,.margin-r-5{
	margin-right:5px !important;
}
.m-r-20{
	margin-right:20px !important;
}
.m-r-30{
	margin-right:30px !important;
}
.collapseddiv { 
	/* overflow: hidden; */
	clear: both; 
	position: initial;
}
.collapseddiv .bootstrap-tagsinput{
	overflow: inherit; 
	margin-bottom:1px;
}
.keyhighlight{
    border-bottom: 1px solid #F3B812;
    background-color: #FBFCBD;
	color:#333;
}
#srchistory tbody,#appliedfilters tbody{font-size: 12px;}
#srchistory tbody td,#appliedfilters tbody td{line-height: 1.8em;}
#srchistory .tag,#appliedfilters .tag{margin-left:3px;}
.info-box-description{
	overflow: hidden;
    white-space: nowrap;
    display: block;
}
p.paragraph{
	margin-left:25px;
}
.ats.invoice{
	padding:40px 50px;
}
.charcounts{
	padding: 5px 10px;
	background-color:#f5f5f5;
	border: 1px solid #e3e3e3;
    border-radius: 0px;
}
.placeholder{
	cursor:pointer;
}
table thead th,.whitespacenowrap{white-space:nowrap;} table .minwth200{min-width:200px !important;}.minwth300{min-width:300px !important;}table .minwth500{min-width:500px !important;}
.input-group.todoitems{
	width:84%;
}
#form-todo input#todoitem{
	width:60%
}#form-todo input#duedate{
	width:30%
}
.showhtmlresume .form-group.underline-broad{
	margin-top:0;
	padding:5px 0 0 20px;
	border-top: 2px solid #3c8dbc;
}
.tab-pane.active .loading{
	min-width:98%;
	min-height:97%;
	opacity:1;
	background-color:#fff !important;
	margin-left: 5px;
}
.nav-tabs-default .tab-footer{
	padding:10px;
	border-top: 1px solid #ddd;
	border-collapse: collapse;
	position: relative;
}

.nav-tabs-custom .tab-footer{
	margin-top:10px;
	padding-top:10px;
	border-top: 1px solid #f4f4f4;
	border-collapse: collapse;
	position: relative;
}

#result .nav-tabs-custom .tab-footer{
	margin-top:0px;
	padding:10px;
	border-top: 1px solid #f4f4f4;
	border-collapse: collapse;
	position: relative;
}
.nav-tabs-custom>.nav-tabs>li.publishli  {
    border-top-color: #3c8dbc;
}
.tab-pane .col-md-12.resumeview{
    padding: 0 5px;
}
	
.tab-footer span, .tab-footer a{margin-left:10px;}
.tab-footer span:first-child,.tab-footer a:first-child{margin-left:0;}
.tab-footer i{margin-right:5px;}

.tab-footer>a>.label,.pipeline-info>a>.label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.modal .form-group.underline-broad {
	line-height: 2;
}
.underline-broad a.btntogglefield {
    display: inline-block;
    margin-left: 15px;
}
.result-count {
    background-color: transparent;
    font-size: 24px;
    border-bottom: 1px solid #000;
    border-radius: 0;
	padding:.2em .4em .3em;
}
.result-count-sm {
    background-color: transparent;
    font-size: 18px;
    border-bottom: 1px solid #000;
    border-radius: 0;
	padding:.2em .4em .2em;
}

.input-group-addon:only-child, .input-group-addon:only-child:hover{
    border: 1px solid #ccc !important;
}

.input-group .input-group-addon .dropdown-menu{
	left:auto;
}
/* loader */

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1s infinite ease-in-out;
  animation: load7 1s infinite ease-in-out;
}
.loader {
  color: #8e8c8c78;
  font-size: 10px;
  margin: 40px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader.loader-xl{
  margin: 40px auto 80px;
}
.loader.loader-md{
  margin: 20px auto 40px;
  font-size: 8px;
}
.loader.loader-sm{
  margin: 10px auto 20px;
  font-size: 8px;
  top: -20px;  
}
.loader.loader-xs{
  margin: 5px auto 10px;
  font-size: 5px;
  top: -5px;  
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.nav-tabs-custom>.nav-tabs>li>a.link{
	display: inline;
    padding: 5px 10px;
    font-size: 16px;
    color: #3c8dbc;
    border: 0;
	cursor: pointer;
}
.nav-tabs-custom>.nav-tabs>li.header{
    font-size: 16px;
}
.nav-tabs-custom>.nav-tabs>li.header.header-link {
	padding: 5px 10px 0 10px;
}
.nav-tabs-custom > .nav-tabs > li.disqualified {
  border-top-color: #dd4b39 !important;
}
.nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle{
	border-color: transparent;
}
.nav-tabs-default>.nav-tabs>li>a.link{
	display: inline;
    padding: 5px 10px;
    font-size: 16px;
    color: #3c8dbc;
    border: 0;
	cursor: pointer;
}
.nav-tabs-default>.nav-tabs>li.header{
    font-size: 16px;
}
.nav-tabs-default>.nav-tabs>li.header.header-link {
	padding: 5px 10px 0 10px;
}
.nav-tabs-default > .nav-tabs > li.disqualified {
  border-top-color: #dd4b39 !important;
}
.nav-tabs-default>.nav-tabs>li>a.dropdown-toggle{
	border-color: transparent;
}
/* button outline * /
.btn-default.btn-outline {
    border-color: #e7e7e7;
    color: #e7e7e7;
    background-color: transparent;
}
.btn-primary.btn-outline {
    border-color: #367fa9;
    color: #367fa9;
    background-color: transparent;
}
.btn-success.btn-outline {
    border-color: #008d4c;
    color: #008d4c;
    background-color: transparent;
}
.btn-info.btn-outline {
    border-color: #00acd6;
    color: #00acd6;
    background-color: transparent;
}
.btn-warning.btn-outline {
    border-color: #e08e0b;
    color: #e08e0b;
    background-color: transparent;
}
.btn-danger.btn-outline {
    border-color: #d73925;
    color: #d73925;
    background-color: transparent;
}
*/
#result .timestrip,#result .timestripdiv,#result2 .timestrip{
	padding: 5px 10px;
	border-top:1px solid #eee;
}
#result .timestrip span:not(:last-child),#result .timestripdiv span:not(:last-child),#result2 .timestrip span:not(:last-child){
	float: left;
    margin: 0;
    font-size: 12px;
    padding: 3px 6px;
    vertical-align: middle;
    white-space: nowrap;
    border-right: 1px solid #f4f4f4;
}
#result .timestrip a, #result2 .timestrip a {
    font-size: 1.2em; 
	margin-left:10px;
}
#result .timestripdiv a{
    font-size: 1.2em; 
}
#result .timestripdiv a small{
    width: 100%; 
	display: inline-grid;
}
.showhtmlresume {
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
}
#pipelinegrid .grid-stack-item .box-footer a:not(:first-child){
	margin-left: 25px;
}
#statusmaster{
	margin-bottom:20px;
}
.list2columns li{
    width: 49%;
    float: left;
    margin-right: 10px;	
}

@media (max-width: 767px) {
	.list2columns li{
		width: 100%;
		float: none;
		margin-right: unset;	
	}
}

.box-filters h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.box-filters {
    margin-bottom: 0px;
}
.box-filters .box-header.with-border{
	border-top: 1px solid #f4f4f4;
	background: #f6f6f6;
}
.box-filters {
    border-radius: 0;
}
.application-count{
    background-color: transparent;
    font-size: 18px;
    border: 0;
    border-radius: 0;
    padding: .2em .4em;
}
.pipeline-pagination{
	margin-bottom: 15px;
}
.pipeline-pagination .toolbar{
	display:inline-block;
}
.pipeline-pagination.affix{
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    background-color: #ecf0f5;
    z-index: 1036;
    margin-right: 1px;
    margin-left: 25%;
    margin-top: 0;
}
.result-pagination.affix {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    background-color: #ecf0f5;
    z-index: 1036;
    margin-right: 1px;
    /* margin-left: 25%; */
    margin-top: 0;
	padding:0;
}
@media (max-width:991px){
	.pipeline-pagination.col-sm-12.affix {
		margin-left: 1px;
	}
}
.pipeline-pagination.affix .pagination, .pipeline-pagination.affix  .toolbar,.result-pagination.affix .pagination, .result-pagination.affix  .toolbar{
	margin: 5px 0;
}
#pipeline_filters label,#pipeline_filters .badge{
	font-weight: normal;
}
.p-0{
	padding:0 !important;
}
.m-10{
	margin:10px !important;
}
.m-l-10{
	margin-left:10px !important;
}
.p-l-0{
	padding-left:0px !important;
}
.p-t-0{
	padding-top:0px !important;
}
.m-t-0{
	margin-top: 0px !important;
}
.m-t-10{
	margin-top:10px !important;
}
.m-t-20{
	margin-top:20px !important;
}
.m-t-30{
	margin-top:30px !important;
}
.m-b-0{
	margin-bottom: 0px !important;
}
.m-b-5{
	margin-bottom: 0px !important;
}
.m-b-10{
	margin-bottom:10px !important;
}
.m-b-20{
	margin-bottom:20px !important;
}
.m-b-30{
	margin-bottom:30px !important;
}

.p-x-10,.p-h-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.p-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.p-5 {
    padding: 5px; 
}
.p-10 {
    padding: 10px; 
}
.no-application,.no-schedule,.empty-result{
	border: 2px dashed #a2a2a2;
	padding: 60px 0;
}
.empty-result.small{
	padding: 10px 0;
}

.no-application-content,.no-schedule-content,.empty-result-content{
	text-align:center !important;
	vertical-align: middle;
	color: #a2a2a2;
}
.info-group{
	margin: 5px 0;
}
.pipeline-info {
    font-size: 14px;
    line-height: 35px;
    padding: 5px 10px;
    color: #666;
    border-top: 0 !important;
}
.btn-inline {
    background-color: transparent;
    color: #444;
    border: 0;
    border-radius: 0;
}
.btn-group.open .btn-inline.dropdown-toggle {
    -webkit-box-shadow: none;
	box-shadow: none;
}
.scrollbar{ 
	height: auto;
    max-height: 200px;
    overflow-x:hidden;
    overflow-y:scroll; 
    min-width: 200px;
	max-width:350px;
    margin-top: 0px; 
}
.scrollbar::-webkit-scrollbar { width:5px;background-color:#f4f4f4; } 
.scrollbar::-webkit-scrollbar-thumb { background-color:#cccccc;border-radius:5px; }
.popover-content ul{
	padding-left:10px;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}
/*Dynamic Job Pipeline Classes */
#pipelinegrid{margin:15px 0;}
#pipelinegrid .box-header,#pipelinegrid .box-footer{padding:5px 10px;} 
#pipelinegrid .box-body{padding: 0 3px;}
#pipelinegrid .box-body .box-title{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block; 
	margin: 5px auto; 
	text-transform: uppercase; 
	color: #666; 
	text-align: center;
}

.content-pipeline{
	position: relative;
    padding: 15px 15px 0 15px;
	background:transparent;
}
.content-pipeline.affix {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    background-color: #ecf0f5;
    z-index: 1036;
    margin-right: 1px;
    margin-top: 0;
	padding-top:0;
}
/* Manage Jobs Stages */
.pipe-stages ul {
    display: table;
    width: 100%;
    table-layout: fixed;
	list-style-type:none;
	margin:0;
	padding:0;
}
.pipe-stages li{
	text-align:center;
	font-size:14px;
	float:left;
	border-left: 1px solid #ddd;
	/*border-bottom: 1px solid #ddd;*/
	width:14%;
	padding: 10px 0;
}
.pipe-stages li:first-child{
	border-left: 0;
}
.pipe-stages .col-cs-7 li,.pipe-stages .col-cs-14 li{
	width:14%;
}
.pipe-stages .col-cs-8 li,.pipe-stages .col-cs-16 li{
	width:12.5%;
}
.pipe-stages .col-cs-9 li,.pipe-stages .col-cs-18 li{
	width:11.1%;
}
.pipe-stages .col-cs-10 li,.pipe-stages .col-cs-20 li{
	width:10%;
}
.pipe-stages .col-cs-11 li,.pipe-stages .col-cs-22 li{
	width:9%;
}
.pipe-stages .col-cs-12 li,.pipe-stages .col-cs-24 li{
	width:8.33%;
}
.pipe-stages li .stageinner{
	max-width: 100%;
	white-space:nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	display: block;
}
.pipe-stages li .stagename{
	max-width: 100%;
	white-space:nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	display: block;
}
.pipe-stages li a.stage .counter{
	margin-right: 3px;
	font-weight:700;
	font-size:18px;
	text-align:center;
}

/* Pipeline Stages */
.stages{
    background-color: #f6f6f6;
    border: 1px solid #f4f4f4;
    border-width: 1px 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.05);
}
.stages ul {
    display: table;
    width: 100%;
    table-layout: fixed;
	list-style-type:none;
	margin:0;
	padding:0;
}
.stages li{
	text-align:center;
	font-size:14px;
	float:left;
	border-left: 1px solid #d2d6de;
	width:8.33%;
}
.stages li:first-child{
	border: 0;
}
.stages li a{
	padding: 5px 3px;
	color: #666;	
	display:inline-block;
}
.stages li.active{
    background-color: #fff;	
}
.stages li.active a{
	color: #337ab7;	
}
.stages li .stageinner{
	max-width: 100%;
	white-space:nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	display: block;
}
.stages li a.stage .counter{
	margin-right: 3px;
	font-weight:700;
}
.stages .col-cs-7 li,.stages .col-cs-14 li{
	width:14%;
}
.stages .col-cs-8 li,.stages .col-cs-16 li{
	width:12.5%;
}
.stages .col-cs-9 li,.stages .col-cs-18 li{
	width:11.1%;
}
.stages .col-cs-10 li,.stages .col-cs-20 li{
	width:10%;
}
.stages .col-cs-11 li,.stages .col-cs-22 li{
	width:9%;
}
.stages .col-cs-12 li,.stages .col-cs-24 li{
	width:8.33%;
}
a.link{
    color: #337ab7;
    text-decoration: none;
}
#resumehtmlview pre{
    color: #333333;
    font-size: 12px;
    line-height: 19px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: Roboto,sans-serif;
    margin: 0;
    width: 100%;
    display: inline-block;
}
.modal-warning .popover,.modal-danger .popover {
	color: #333 !important;
}
.table.compress>tbody>tr>td,.table.compress>tbody>tr>th{
	padding:4px;
}
.invoice .page-header {
    height: 80px;
}
.invoice .logoimage{
	width:250px;
	height:80px;
	display:inline-block;
	background-repeat: no-repeat;
}
@media (min-width:1200px){
	.modal-lg{width:1100px}
}
@media (min-width:1200px){
	.modal-full{min-width: 100%; margin-top:0; }
	.modal-full .modal-content {min-height: 100vh;}
}
@media (min-width:992px){
	.modal-full{min-width: 100%; margin-top:0;}
	.modal-full .modal-content {min-height: 100vh;}
}
.info-box-buttons{
	background: transparent;
	border: none;
	box-shadow:none;
}
.content-part {
    min-height: 100px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.remotecontent .box-remote {
	box-shadow:none;
	margin-bottom: 0;
	border-radius: 0;
}
.remotecontent .box-remote .box-header{
	padding-bottom: 10px !important;
}

.remotecontent ul,.list-common,.list-checkbox{
    display: table;
    width: 100%;
    table-layout: fixed;
	list-style-type:none;
	margin:0;
	padding:0;
}
.list-common,.list-common{
	margin-bottom: 10px;
}
.remotecontent li,.list-common li,.list-checkbox li{
	border-top: 1px solid #f2f2f2;
	margin : 5px 0;
	padding: 10px 0;
}
.list-checkbox li{
	margin :  0;
	padding: 7px 0;
}
.remotecontent li:last-child,.list-common li:last-child{
	border-bottom: 1px solid #f2f2f2;
}
.remotecontent .item-icon,.list-common .item-icon{
	float:left;
	font-size: 24px;
}
.remotecontent .item-icon img.snap,.list-common .item-icon img.snap{
	height:30px;
}
.remotecontent .item-header,.list-common .item-header{
	font-weight: 600;
} 
.list-common .item-header{
	border-top: 0;
}
.remotecontent .item-header i,.list-common .item-header i{
	font-size: 22px;
	color: #777;
	margin-right:20px;
}

.remotecontent .item-text,.list-common .item-text{
	font-size: 12px;
	padding-left: 40px;
} 
.remotecontent span.select2-container{
	margin-left: 0px;
}
.list-common li a.action{
	font-size: 16px;
	padding: 5px;
	opacity: 0;
}
.list-common li a i.fa{
	margin: 5px;
}
.list-common li:hover a.action{
	opacity: 1;
}
.list-common .span-tags{
	margin:3px 0;
}
.list-common .span-tags span{
	padding: 0 5px;
	border-right: 1px solid #777;
}
.list-common .span-tags span:first-child{
	padding: 0;
}
.list-common .span-tags span:last-child{
	border-right: 0px;
}

.list-common li.no-result, .list-checkbox li.no-result {
    position: relative;
    padding: 10px;
    background: #d2d6de;
    color: #000000;
    border-radius: 4px;
    list-style-type: none;
    margin-bottom: 10px;
	border-bottom: 0;
}

#result-pagination{
    display: flow-root;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
#result-pagination.affix {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    background-color: #ecf0f5;
    z-index: 1036;
    margin-right: 1px;
    margin-top: 0;
	padding-top:0;
}
#result-pagination.affix>a.btn{
	display:none;
}

.displaynone{
	display:none;
}
.form-group-container input{font-size:13px; font-weight:700; border-bottom:0px;} 
/* Side Sub Menu */
.sidesub-menu-container{
	border-right:1px solid #e2e2e2;
}
.sidesub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidesub-menu > li {
  position: relative;
  margin: 0;
  padding: 0;

}
.sidesub-menu > li > a,
.sidesub-menu ul > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}
.sidesub-menu > li > a.stage{
  font-weight:600;
  cursor: default;
  color: #848484;
}
.sidesub-menu > li > a > .fa,
.sidesub-menu > li > a > .glyphicon,
.sidesub-menu > li > a > .ion {
  width: 20px;
}
.sidesub-menu > li .label,
.sidesub-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}
.sidesub-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
  
}
.sidesub-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}
.sidesub-menu li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidesub-menu li  > ul {
  display: block;
}
.sidesub-menu ul {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.sidesub-menu ul ul {
  padding-left: 20px;
}
.sidesub-menu ul > li {
  margin: 0;
}
.sidesub-menu ul > li > a > .fa,
.sidesub-menu ul > li > a > .glyphicon,
.sidesub-menu ul > li > a > .ion {
  width: 20px;
}
.sidesub-menu ul > li > a > .fa-angle-left,
.sidesub-menu ul > li > a > .fa-angle-down {
  width: auto;
}
.sidesub-menu,
.sidesub-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}
.sidesub-menu:hover {
  overflow: visible;
}
.sidesub-form,
.sidesub-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}
.sidesub-menu li > a {
  position: relative;
}
.sidesub-menu li > a > .pull-right {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
.sidesub-menu > li.header {
  margin-top:30px;
  font-size:14px;
  font-weight:600;
}
.sidesub-menu > li.header {
  color: #848484;
  margin-top:30px;
}
.sidesub-menu > li.header:first-child {
  margin-top:0px;
}
.sidesub-menu ul > li:hover > a,
.sidesub-menu ul > li.active > a {
  color: #000000;
  background: #e7e7e7;
}
.sidesub-menu > li.active {
  border-left-color: #3c8dbc;
}
.sidesub-menu > li.active > a {
  font-weight: 600;
}
.skin-blue-light .sidesub-menu a:hover {
  text-decoration: none;
}

.empty-container{
	padding: 60px 0;
}
.empty-container-border{
	border: 2px solid #a2a2a2;
	padding: 60px 0;
}
.empty-container-border-dashed{
	border: 2px dashed #a2a2a2;
	padding: 60px 0;
}
.empty-container-content{
	text-align:center !important;
	vertical-align: middle;
	color: #444;
}
.content-border-dashed{
	border: 2px dashed #a2a2a2;
	padding: 20px;
	margin: 30px 0;
}
.content-border{
	border: 1px solid #a2a2a2;
	padding: 20px;
	border-radius:4px;
}
.white-cards{
	border: 1px solid #a2a2a2;
	background-color:#fff;
    display: inline-block;
    margin: 40px 20px;
}
.white-cards .card-item{
	border-right: 1px solid #a2a2a2;
	padding: 20px;
	background-color:#fff;
	display:block;
	height:100%;
}
.white-cards .col-md-12:last-child .card-item{
	border-right: 0px;
}
.white-cards .col-md-8:last-child .card-item{
	border-right: 0px;
}
.white-cards .col-md-6:last-child .card-item{
	border-right: 0px;
}
.white-cards .col-md-4:last-child .card-item{
	border-right: 0px;
}
@media (max-width: 768px) {
	.white-cards .col-sm-12 .card-item{
		border-bottom: 1px solid #a2a2a2;
		border-right: 0px;
	}
	.white-cards .col-sm-12:last-child .card-item{
		border-bottom: 0px;
	}
}
.section-view, .section-edit {
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    display: block;
    clear: both;
    box-shadow: 1px 2px #e2e2e2;
    margin-bottom: 30px;
}
.section-edit input{font-size:13px; font-weight:700;} 
.section-edit .form-group-container input{font-size:13px; font-weight:700; border-bottom:0px;} 
.section-view a.action{
	font-size: 16px;
	padding: 5px;
	opacity: 0;
}
.section-view a i.fa{
	margin: 5px;
}
.section-view:hover a.action{
	opacity: 1;
}
.list-checkbox.normal label,
.list-checkbox.compress label{ font-weight: normal; margin: 0; }
.list-checkbox.compress li{ margin: 0; padding: 5px 0; }

.callout .walkins a{
 color: #000;
}
.pipeline-info.pull-right{
	padding: 5px 0px;
}
.pipeline-info.pull-right a{
	padding: 10px 5px;
}
.pipeline-info.pull-right>a>.label{
	right: 2px;
}
.pipeline-info>.badge{
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}

/*Job opening big list*/
.big-list-container{
	margin:20px 0px 45px; padding:0;
}
.big-list-container li{
	position: relative;
	padding: 10px;
	background: #d2d6de;
	color: #000000;
	border-radius: 4px;
	list-style-type: none;
	margin-bottom:10px;
}
.big-list-container.light li{
	background: #f9f9f9;
	border: 1px solid #d2d6de;
}
.option-list-container{
	margin:10px 0px; padding:0;
}
.option-list-container ul{
	padding-left:80px;
}
.option-list-container li{
	position: relative;
	padding: 10px;
	border-radius: 4px;
	list-style-type: none;
	margin-bottom:10px;
}
.big-list-container  li i.fa,.option-list-container li i.fa{
	margin-right:10px;
}
.big-list-container li a i.fa{
	margin: 0 10px;
}
.option-list-container li a i.fa{
	margin: 10px;
}
.option-list-container .form-control{
	width:80%;
}
.option-list-container li a{
	color:#dd4b39
}
.option-list-container li a.addoption{
	color:#00a65a
}
.form-control.inlineblock{
	display:inline-block;
}
.form-group.has-error label.has-float-label span{
	color:#dd4b39;
}
.has-float-label .popover{
	opacity:1 !important; color:#333;
}
/*Profile View */

.profile-user-img {
    margin: 10px auto ;
    width: 100px;
    padding: 3px;
    border: 3px solid #d2d6de;
}
.profile-username {
    font-size: 21px;
    margin-top: 5px;
}
.profile-stack{
	border-bottom:1px solid #bfbfbf;
	display: flex;
	margin-bottom:15px;
	padding-bottom: 10px;
}

.profile-stack .briefinfo i.fa{
	width: 16px; 
	height: 16px; 
	margin-right: 10px;
	text-align: center;
}

.profile-stack .briefinfo button>i.fa{
	margin-right: 0px;
}
.profile-stack .stack-head {
    font-size: 18px;
    margin-top: 0;
	text-transform:uppercase;
}

.profile-stack .stack-footer {
    padding-top: 10px;
    text-align: right;
    border-top: 1px solid #f4f4f4;
}

.profile-stack .stack-footer .btn{
    margin-right: 10px;
}
.profile-stack .stack-footer .btn:last-child{
    margin-right: 0px;
}

.profile-stack .stack-action, .profile-stack .add-new-section {
    margin-left:10px;
	float:right;
	min-width: 20px;
	text-align: center;
}
.profile-stack .stack-section:hover>.stack-action,.profile-stack .stack-section:hover>.stack-container>.stack-action, .profile-stack .stack-section-child:hover>.stack-container>.stack-action{
    display:block;
}
.profile-stack .stack-section .stack-action, .profile-stack .stack-section.childhover:hover>.stack-container>.stack-action{
    display:none;
}
.profile-stack .stack-container{
	line-height: 1.6;
}
.profile-stack .stack-section,.list-inline.underline{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee; 
}
#timeline .remotecontent{
	padding:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #f4f4f4;
	border-collapse: collapse;
	position: relative;
}

.list-inline.underline{
	display: flow-root; 
}

.list-inline>li.pull-right { 
    padding-right: 10px;
    padding-left: 10px;
}
.profile-stack .stack-section-child{
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #eee; 
}
.profile-stack .stack-section:last-child,.profile-stack .stack-section-child:last-child,
.box-profile .profile-stack:last-child {
    border-bottom: 0; 
    margin-bottom: 0;
}
.profile-stack .stack-section.edit{
	padding: 20px 0; 
}
.profile-stack .stack-container .stack-caption,.profile-stack .stack-container .stack-content{
	display:inline-block;
	vertical-align: top;
}
.dt-val-top>thead>tr>th{ 
	vertical-align: top;
}
.profile-stack .stack-caption {
    font-size: 14px;
    font-weight: 600;
}
.profile-stack .stack-caption small {
    font-size: 12px;
    font-weight: normal;
}

.timeline-inverse>li>.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 20px;     /* fallback */
   max-height: 60px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.ellipsis.mini {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 20px;     /* fallback */
   max-height: 40px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.ellipsis.singleline {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
   line-height: 20px;     /* fallback */
   max-height: 40px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.list-unstyled{line-height: 1.6;}
.list-unstyled li{margin-bottom: 5px;}
.list-unstyled i{width: 16px; text-align:center; margin-right: 10px;}

.auto-suggest .twitter-typeahead {
    border: 1px solid #d2d6de;
    border-radius: 0;
    height: auto;
    min-height: 34px;
    box-sizing: border-box;
    display: inline-block;	
	background-color: white;
	vertical-align: middle;
	padding-bottom:3px;
	width:100%;
}
.auto-suggest .twitter-typeahead input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  min-width:100%;
  width: auto;
  max-width: inherit;
  min-height: 32px; 
}
.twitter-typeahead, .twitter-typeahead .tt-hint, .twitter-typeahead .tt-input, .twitter-typeahead .tt-menu { width: 100%; }
@media print {
	.timeline>.time-label>span{
		margin-left: 15px;
	}
	.timeline>.time-label,.timeline>.time-part{
		page-break-inside: avoid;
	}
	.timeline a.btn{
		display:none;
	}
	.timeline a[href]:after,.dataTable a[href]:after {
		content: none !important;
	}	
	.non-printable{
		display:none;
	} 
	@page {
	  margin: 0.5em 0; /* this affects the margin in the printer settings */
	}
}
.input-group.filter .form-control{height:32px;}
.text-blink{
	animation: blink 3s linear infinite;
}
@keyframes blink{
	0%{opacity: 0;}
	25%{opacity: .5;}
	50%{opacity: 1;}
	75%{opacity: .5;}
	100%{opacity: 0;}
}
.formatter-toolbar{
	background-color: #f0f0f0;
	font-size: 14px;
	white-space: normal;
    width: auto;
    height: auto;
    color: #333;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-align: left;
}
.formatter-toolbar .formatter-container{
	border: 1px solid #cacaca;
	border-bottom:0;	
	padding: 4px 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.formatter-toolbar .fmt-btn,.formatter-toolbar .fmt-select{
	border: 1px solid #b1b1b1;
    border-color: transparent ;
    margin: 0;
    margin-left: 2px;
    background-color: #f0f0f0;	
	padding: 4px 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    overflow: visible;
    color: #333;
	display: inline-block;
	cursor:pointer;
}
.fmt-select option{
	background:#ffffff;
}

.fmt-select option:hover,.fmt-select option:focus,.fmt-select option:focus{
	text-decoration:none;
	color:#ffffff;
	background-color:#2d8ac7;
}

.fmt-container-item .select2-container--default .select2-selection--single, .fmt-container-item .select2-selection .select2-selection--single {
    border: 0;
    background-color: #f0f0f0;
}

.fmt-container-item .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #333;
}

.fmt-container-item{
	display: inline-block;
	width:auto;
}
.fmt-container-item:not(:first-child){
	border-left: 1px solid #d9d9d9;
    padding-left: 3px;
    margin-left: 3px;
}
.fmt-container-item:last-child{
    margin-right: 3px;
}
.fmt-btn:hover,.fmt-btn:focus,.fmt-select:hover,.fmt-select:focus{color:#333;background-color:#e3e3e3;border-color:#ccc; outline-color: transparent; }

.bg-gray .dropzone{
	background-color:#ffffff;
}

.text-weight-normal {
    font-weight: normal;
}
.text-word-break{
    word-break: break-word;	
}
.box-sm .info-box-content{
	background-color:#dce8f3;
	margin-left: 60px;
	height:60px;
}
.box-sm .info-box-icon{
    height: 60px;
    width: 60px;
    font-size: 25px;
    line-height: 60px;
}
.info-box-graph{
    padding: 5px 10px; 
}

body > ngb-typeahead-window.dropdown-menu.show {
  z-index: 1051;
}
.d-block{
	display:block;
}