/*FREEPORT website custom admin CSS - Use this stylesheet to override the Bootstrap CSS. Do not modify the bootstrap.css, bootstrap-theme.css files
*/
pre{
  margin:10px;
}

.container-admin{
  margin-top:15px;
}

.langspan{
	width:25px;
	padding:2px;
	font-size:14px;
	display: inline-block;
}

.langspan_warning{
	width:20px;
	padding:2px;
	font-size:14px;
	display: inline-block;
	color:#dd0000;
}

.preview-height{
	height:100px;
	width:auto;

}

.logomax{
	max-width:300px;
}

.upload-hide{
	display: none;

}

.blue{
	background-color:#1a5e7e;

}

.freeportred{
  color:#ED1C24;
}

.white{
  color:#fff;
}

.nopadding{
  padding:0px;
}

.li-selected{
  font-weight:bold;
}

.addfaq{
  float:left;
  margin:0 10px !important;
  margin-bottom:12px !important;
  border:1px solid #990000;
}

/* LAYOUT */
[class="panel-heading"]{
  background-color: rgb(54,54,54) !important;
}

.panel-title{
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}

.pageordering ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.pageordering li{
  padding: 5px;
  margin:2px;
}

.pageordering li.highlight{
  background: #efefef url("/assets/img/yellow.png") 10% 10% repeat-x;
}


#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.last-modified{
  font-size:85%;
  line-height:105%;
  margin-bottom:20px;
}

.last-modified span{
  margin-bottom:15px;
  margin-right:5px;
  float:left;
}

.last-modified span.daywarning{
  float:none;
  margin-left:10px;
}

.tab-container{
  margin-top:50px;
  padding:0 0 0 30px;
}

.resume-text{
  font-size:16px;
}

.last-modified-text{
  font-size:12px;
}

.pototal{
  padding-top:20px;
  font-weight:bold;
}

.category_bold{
	font-weight:600 !important;
}

.label-arrow {
	position: relative;
}

.label-arrow-right {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    margin-right:10px;
}

.label-arrow-right:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
    border-left-color:#999;
	border-width: 10px;
    border-bottom-width: 9px;
	margin-top: -10px;

}

.label-arrow-left {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-left:10px;
}

.label-arrow-left:before {
    right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
    border-right-color:#999;
	border-width: 10px;
    border-bottom-width: 9px;
	margin-top: -10px;

}

.label-primary.label-arrow:after {
    border-left-color:#4D90FD;
}
.label-primary.label-arrow:before {
    border-right-color:#4D90FD;
}
.label-primary.banner-left:before,.label-primary.banner-right:after {
    border-color:#4D90FD;
}

.label-success.label-arrow:after {
    border-left-color:#5cb85c;
}
.label-success.label-arrow:before {
    border-right-color:#5cb85c;
}

.label-warning.label-arrow:after {
    border-left-color:#f0ad4e;
}
.label-warning.label-arrow:before {
    border-right-color:#f0ad4e;
}

.label-danger.label-arrow:after {
    border-left-color:#d9534f;
}
.label-danger.label-arrow:before {
    border-right-color:#d9534f;
}

.label-info.label-arrow:after {
    border-left-color:#5bc0de;
}
.label-info.label-arrow:before {
    border-right-color:#5bc0de;
}

.banner-left:before {
  border: 10px solid #999;
  border-left: 10px solid transparent !important;
  border-bottom-width: 9px;
  left:-18px;
  position: absolute;
  top: 0;
  height:0;
  content: " ";
}

.banner-right:after {
  border: 10px solid #999;
  border-right: 10px solid transparent !important;
  border-bottom-width: 9px;
  right:-18px;
  position: absolute;
  top: 0;
  height:0;
  content: " ";
}

h1 .label-arrow-right {
    margin-right:22px;
}
h1 .label-arrow-left {
    margin-left:22px;
}
h1 .label-arrow-right:after, h1 .label-arrow-left:before {
	border-width: 22px;
	margin-top: -22px;
}
h1 .banner-left:before {
    border-width: 24px;
	  /* border-left-width:24px; */
    /* right:-10px; */
    border-bottom-width:21px;
}

.po_ticket_update{

}
.po_ticket_update.off{
  color:#cccccc;
}

.po_ticket_update.on{
  color:#60C060;
}
.po_ticket_remove{

}
.po_ticket_remove.off{
  color:#cccccc;
}

.po_ticket_remove.on{
  color:#60C060;
}


.add-resume.off{
}
.add-resume.on{
  color:#60C060;
}


.po_ticket_override_update{

}
.po_ticket_override_update.off{
  color:#cccccc;
}

.po_ticket_override_update.on{
  color:#60C060;
}

.po_ticket_override_remove{

}
.po_ticket_override_remove.off{
  color:#cccccc;
}

.po_ticket_override_remove.on{
  color:#60C060;
}


a.po_permission_update{
  color:#60C060;

}
.po_permission_update{
  color:#60C060;

}
.po_permission_update.off{
  color:#cccccc;
}

.po_permission_update.on{
  color:#60C060;
}

.po_permission_remove{
}
.po_permission_remove.off{
  color:#cccccc;
}

.po_permission_remove.on{
  color:#60C060;
}


.manage-tickets{
  height:25px;
  padding:5px;
}


th.ticket_category {
  background: #999999;
  color:#fff;
  font-style: italic;
}


ins {color:green;background:#dfd;text-decoration:none}
del {color:red;background:#fdd;text-decoration:none}
#params {margin:1em 0;font: 14px sans-serif}
.panecontainer > p {margin:0;border:1px solid #bcd;border-bottom:none;padding:1px 3px;background:#def;font:14px sans-serif}
.panecontainer > p + div {margin:0;padding:2px 0 2px 2px;border:1px solid #bcd;border-top:none}
.pane {margin:0;padding:0;border:0;width:100%;min-height:20em;overflow:auto;font:12px monospace}
#htmldiff {color:gray}
#htmldiff.onlyDeletions ins {display:none}
#htmldiff.onlyInsertions del {display:none}


.nav-tabs .left-tabs.pill-li > a.nav-link,
.nav-tabs .left-tabs.pill-li > button.nav-link {
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
}

.nav-tabs .left-tabs.pill-li.active > a.nav-link,
.nav-tabs .left-tabs.pill-li > button.nav-link.active{
  border-left: 2px solid #F68D2E !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top-width: 0px !important; /* To remove top border */
}

.nav-tabs .left-tabs.pill-li.active > a.nav-link::after,
.nav-tabs .left-tabs.pill-li > button.nav-link.active::after{
  background: none; /* To remove top border */
}

ul#period-nav {
  padding-right: 0px;
}

#period-nav li {
  width: 100%;
}

#period-invoice-tabs {
  padding-top: 0px;
  border: none;
}

#invoice-table td {
  vertical-align: top;
}

#invoice-table .table-head_outer th {
  text-align: center;
}

.left-tabs .nav-link .num-invoices,
button > span.num-invoices {
  float: right;
  display: block;
  color: white;
  background-color: #f68d2e;
  border-radius: 2px;
  text-align: center;
  width: 25%;
}

th.icon-column {
  width: 8%;
}

#modal-contractors tr {
  border-color: transparent;
}

#modal-contractors input, #modal-contractors .input-group-text, #modal-contractors select{
  height: 30px !important;
}

#modal-contractors input[type=checkbox]{
  height: 13px !important;
}

#modal-contractors input[type=radio]{
  height: 13px !important;
}

#modal-contractors .multiselect-search{
  height: 46px !important;
}

#modal-contractors .modal-footer,
#modal-approvers .modal-footer {
  display: block;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  float:right;
}

.download {
  float:right;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.remove-client, .remove-project{
  color:#fff;
}


.text-lighter{
  font-weight:lighter;
}
 
.no-border{
  border: none;
}
 
.carousel-inner.custom > .item{
    width: 100%; 
    height: 68px;
    border-bottom: 1px solid #ddd;
}

.time-entry li{
  border: 1px solid #777;
}
.time-entry .active{
  background-color: #777;
}

.carousel-indicators.bottom{
  bottom:-23px;
}

.carousel-control.custom{
  width: 2%;
  color:#FF6600; 
  background-image: none;
}

.carousel-control.custom.left{
  left:15px;
}
.carousel-control.custom.right{
  right:15px;
}

.pb-5{
  padding-bottom: 5px;
}

.transparent{
  background-color: rgb(255 255 255 / 0%);
}

.date-range{
  width: 90px;
}
  
.pt-5{
  padding-top:5px;
} 

.pr-50{
  padding-right:50px;
} 

.pl-40{
  padding-left:40px;
}

.pr-10{
  padding-right:10px;
}

#cnt-menu-parent .label.label-danger {
  padding: .2em .6em .3em;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.sorted_table tr.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
.sorted_table tr.placeholder {
  position: relative;
  /** More li styles **/
}
.sorted_table tr.placeholder:before {
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: red;
    border-right: none;
}
 
.ml10 {
    margin-left: 7px;
} 

.search input:not(#full-search):not(#full-search-tickets):not(#full-search-documents){
  visibility: hidden;
}

.columns.columns-right.btn-group.pull-right:not(#full-buttons){
  visibility: hidden;
}


.icon-caret-down:after, .icon-caret-down-hover:hover:after {
  content: "▼";
}
.icon-caret-up:after, .icon-caret-up-hover:hover:after {
  content: "▲";
}

.icon-caret:after {
  speak: none;
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: baseline;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0;
  margin-left: 2px;
}



.btn-group.btn-switch .btn-check:not(:checked) {
  background: #333333;
  color: white;
}

.btn-group.btn-switch .btn-default,
.btn-group.btn-switch .btn-default:focus {
  background: #333333;
  color: white;
  border: 2px solid #333333;
}

.btn-group.btn-switch .btn-check:checked+.btn {
  background: #5cb85c;
  color: #333333;
  border-width: 2px;
}

.btn-group.btn-switch .btn-default.last{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.invalid-feedback {
  font-size: 13px;
}

.select-height{
  height: 35px !important;
  padding-right: 2rem !important;
}