/* Layout defaults */
body {
  margin:0px;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  overflow-x: hidden;
}
input,
button,
select,
optgroup,
textarea {

  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.backpanel{
	  background-color: #D0D0D0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
}
.loadingImage{
	background: url("/javax.faces.resource/images/loading.png.xhtml?ln=default&v=1_0&m=1749789630000") no-repeat center ;
	background-color:#F0F3F7;
	height:280px;
	width:280px;
}
.loadingContent{
background-color:#F0F3F7;
    border-radius: 4px;
    left: 0;
    overflow: auto;
    top: 0;
    height:280px;
	width:280px;
	 border: 1px solid #C4C0B9;
}    
 .brand {
  position: relative;
  margin: 18px 0 9px 0;
  display: block;
  overflow: hidden;
  width: 130px;
  height: 45px;
  background: url("/javax.faces.resource/images/1place_logo.png.xhtml?ln=default&v=1_0&m=1749789630000") no-repeat scroll 0 0 transparent;
  text-indent: -9999px;
}

 .brand-alt {
  position: relative;
  margin: 18px 0 9px 0;
  display: block;
  overflow: hidden;
  width: 145px;
  height: 47px;
  background: url("/javax.faces.resource/images/1place_logo.jpg.xhtml?ln=default&v=1_0&m=1749789630000") no-repeat scroll 0 0 transparent;
  text-indent: -9999px;
}

.clientbrand {
    margin-top: 10px;
}

.nav-tabs .nav-link, .nav-tabs  .nav-item .nav-link {
  color: #333333;
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
}
.nav-tabs .nav-link.active, .nav-tabs  .nav-item.show .nav-link {
  color:#fff;
  background-color: #00307d;
  border: 1px solid #00307d; 
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link {
    border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-link > a{
 color:#333;

}

.newnav {
    background: #00307d;
    margin-bottom: 5px;
    box-shadow: 0px 4px 4px #cccccc;
}

.logos-bar{
    justify-content: space-between;
}
.client-logo{
    text-align: right;
}

.menu-bar {
    /*background: #00307d;*/
}

.menu_ {
    padding: 0px 50px 0px 50px;
    background: #F4F5FA;
    display: flex;
    justify-content: center;
}

.square-row [class^=border] {
    display: inline-block;
    width: 14rem;
    height: 9rem;
   
    background-color: #f5f5f5;
}

.dashboard-row [class^=rounded] {
    display: inline-block;
    width: 14rem;
    height: 3rem;
    margin: .25rem;
   
}
.square{
	width: 15rem;
    height: 4rem;
}
.master-head {
    color: #333333;
    background-color: #F4F5FA;
    background-image: -moz-linear-gradient(top, #f4f5fa, #ededed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f5fa), to(#ededed));
    background-image: -webkit-linear-gradient(top, #f4f5fa, #ededed);
    background-image: -o-linear-gradient(top, #f4f5fa, #ededed);
    background-image: linear-gradient(to bottom, #f4f5fa, #ededed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

#topbar{
  background: #001B3F;
  border-bottom: 1px solid #000000;
}
#topbar {
  margin-top:0px;
}
#topbar  a {
  color:#749ACC;
}
#topbar  .dropdown-menu a {
  color:#333;
}
#topbar .dropdown-menu .dropdown-item:hover,
#topbar .dropdown-menu .dropdown-item:focus {
    background-color: #ffffff;
    color:#fff;
}

#main-nav .nav-link.active, #main-nav  .nav-item.show .nav-link {
    color:#fff;
    text-decoration: none;
    background-color: #F48120;
    background-image: -moz-linear-gradient(top, #F48120, #E13459);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F48120), to(#E13459));
    background-image: -webkit-linear-gradient(top, #F48120, #E13459);
    background-image: -o-linear-gradient(top, #F48120, #E13459);
    background-image: linear-gradient(to right, #ff1d4e, #ff623f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F48120', endColorstr='#E13459', GradientType=0);
    border: 1px solid #ff1d4e;
    border-radius: 35px;
    padding: 5px 20px;
    -webkit-box-shadow:  0px 4px 4px #cccccc;
    -moz-box-shadow:  0px 4px 4px #cccccc;
    box-shadow:  0px 4px 4px #cccccc;
}

#main-nav .menu-item-disabled {
    color: lightgray !important;
    /*pointer-events: none;*/
}

#main-nav .nav-link {
    display: inline;
    color:#00377C;
    font-weight: bold;
    text-decoration: none;
    background-color: #F4F5FA;
    border: 1px solid #F4F5FA;
    border-radius: 35px;
    padding: 5px 20px;
    font-size: 18px;
}

#main-nav .nav-link-hover:hover {
    color:#ff1d4e;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #ff1d4e;
    border-radius: 35px;
    -webkit-box-shadow:  0 1px 0 #000000;
    -moz-box-shadow:  0 1px 0 #000000;
    box-shadow:  0px 4px 4px #cccccc;
}

#main-nav .nav-item {
    padding-bottom: 20px;
    margin-right: 5px;
    white-space: nowrap;
}

#main-nav .nav-item .nav-link i{
    margin-right: 5px;
}

#main-nav #homepage-nav .nav-link i{
  margin-left: -10px;
  margin-right: -20px;
  padding: 5px 20px;
}

#main-nav .dropdown-item{
    font-size: 18px;
}

#main-nav .dropdown-menu .dropdown-item:hover,
#main-nav .dropdown-menu .dropdown-item:focus {
    background: #e9ecef linear-gradient(180deg, #eceff1, #e9ecef) repeat-x;
    color: #00307d;
}

#main-nav .nav-item.active {
    border-bottom: 5px solid #ff1d4e;
}

#main-nav .nav-link.active:hover{
    color: white;
}

#main-nav  {
    border-bottom:none;
    row-gap: 15px;
}

.dropdown-menu .dropdown-toggle:after{
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}
.dropdown-menu .dropdown-menu{
    margin-left:0; margin-right: 0;
}
.dropdown-menu li{
    position: relative;
}
.nav-item .submenu{
    display: none;
    position: absolute;
    left:100%; top:-7px;
}
.nav-item .submenu-left{
    right:100%; left:auto;
}
.dropdown-menu > li:hover{
    background-color: #f1f1f1;
}
.dropdown-menu > li:hover > .submenu{
    display: block;
}
.dropdown-item:hover {
    color: #00307d;
}

footer {
  background: #00307d;
  
}
footer ul {

 
   margin-bottom: 0px;
}
footer ul li {
   padding:15px 0px;
   color:#fff;
}
footer ul li a {
      color: #80A7CF;
}

.col-form {
   
    max-width: 96%;
}

.align-center {
    text-align: center !important;
}

.display-inline {
	display:inline;
}

.h1 {
     font-size: 20px;
     font-weight: 700;
     margin: 24px 0 12px 0;
     
     &:first-child {
         margin-top: 0px;
     }
 }
 
 .h2,h2 {
     font-size: 18px;
     font-weight: 700;
 }
 
 .h3,h3 {
     font-size: 16px;
     font-weight: 700;
 }
 
 .h4,h4 {
     font-size: 14px;
     font-weight: 700;
 }
 
 .lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}
/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
  .col-form {
     
      max-width: 90%;
  }


 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  .col-form {
     
      max-width: 92%;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .col-form {
   
    max-width: 94%;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .col-form {
     
      max-width: 96%;
  }
}

.form-group  .ui-selectonemenu  {
	display:block;
}
label.ui-selectonemenu-label{
	padding:0px;
}
.ui-calendar  {
	display:flex;
}
.ui-calendar  .ui-inputfield{
	display:initial;
}
.ui-outputlabel-rfi {
	color: #dc3545 !important;
	
}

.float-right button,
.justify-content-end  button {
	margin-left:1em;
	    float: right !important;
}


.button-row  button {
	margin-right:1em;
}


select.form-control {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/javax.faces.resource/images/icons/bk_down.png.xhtml?ln=default&v=1_0&m=1749789630000") white no-repeat 98.5% ; /* !important used for overriding all other customisations */
    background: url("/javax.faces.resource/images/icons/bk_down.png.xhtml?ln=default&v=1_0&m=1749789630000") white no-repeat calc(100% - 10px); /* Better placement regardless of input width */
}

select.form-control:disabled, select.form-control[readonly] {
    background: url("/javax.faces.resource/images/icons/bk_down.png.xhtml?ln=default&v=1_0&m=1749789630000") #e9ecef no-repeat 98.5% ; /* !important used for overriding all other customisations */
    background: url("/javax.faces.resource/images/icons/bk_down.png.xhtml?ln=default&v=1_0&m=1749789630000") #e9ecef no-repeat calc(100% - 10px); /* Better placement regardless of input width */
}

.form-control.form-control-widget{
	padding: 0.129em 0.129em;
	
}
div.form-control-text, span.form-control-text {
	border:none;
	padding-top: calc(0.429em + 1px);
    display: block;
}
.ui-selectbooleancheckbox.form-control {
	border:none;
	background-color:transparent;
	    width: 100%;
}
.form-control-after {
	padding:0px ;
}
.form-control-inline {
	display:inline;
	
}
.nav-pills > li > a {
    margin-right: .75em;
    color: #333333;
    background-color: #eeeeee;
}

.form-check-label {
 
    margin-left: 40px;
}

/* do not make changes above this point */
.more_options {
	margin-right:1em;
	color: black;
}

.status-indicator{
	width: 95px;
	padding:5px 20px;
	border-radius: 5px;
	margin-left: 10px;
	color: white;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	display:inline;
}

.status-bar-container{
	margin-top: 10px;
	margin-bottom: 20px;
}



.status-bar{
	height:50px;
	border-radius: 50px;
	background-color:transparent;
}

.status-bar:after{
	box-shadow: inset 0 1px 4px rgba(8,9,9,.28);
}

.status{
	float:left;
	width:22.6%;
	padding-left: 2.4%;
}



.current_status_arrow{
	width:22.6%;
	padding-left: 2.4%;
	text-align: center;
	float:left;
	text-align: center;
	font-size: 1.5em;
}

.current_status_Pending_color{
	color: #f7941d !important;
}

.current_status_Open_color{
	color: #ed1c24 !important;
}

.current_status_Resolved_color{
	color: #66cc00 !important;
}

.current_status_Closed_color{
	color: #a1a1a1 !important;
}

.ticketStatusLabel { 
	color:white;
	width: 90px !important;
    display: block;   
}
.ticket_status_background-Pending{
	background-color: #f7941d !important;
}

.ticket_status_background-Open{
	background-color: #ed1c24 !important;
}

.ticket_status_background-Resolved{
	background-color: #66cc00 !important;
}

.ticket_status_background-Closed{
	background-color: #a1a1a1 !important;
}
.ticket_status_active{
	color: black !important;
	opacity: 1;
}

.ticket_status_inactive{
	color: black !important;
	opacity: 0.4;
}

.status-pending, .status-open, .status-resolved, .status-closed{
	color: white;
	height: 50px;
}

.status-current{
	color: black;
}

.status-pending{
	background-color: #f7941d;
	border-radius: 80px 0 0 80px;

}

.status-open{
	background-color: #ed1c24;
}

.status-resolved{
	background-color: #66cc00;
}

.status-closed{
	background-color: #a1a1a1;
	border-radius: 0 80px 80px 0;
}
.important{
	color: #ed1c24;
	padding-right: 5px;
}
.ticket_priority{
	color: #ed1c24;
}
.mytickets_bar_hiden_field{
	width:0;
	display: none;	
}

.mytickets_bar_color_field{
	width:0;
	display: none;	
}

.mytickets_bar_width{
	position: absolute;
	text-align: center;
	left: 4%;
}
.mytickets_action_btn {
	padding: 0.429em 0.429em;
    border: 1px solid #CBCBCB;
    border-radius: 0.25rem;
    color: #66CC00;
    width: 110px !important;
    font-weight: 500;
    text-align: center;
    display: block;
}
.ticket_progress-Pending,.ticket_progress-Open,.ticket_progress-Resolved,.ticket_progress-Closed{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
} 

.ticket_progress-Pending .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5a03b;
  background-image: -moz-linear-gradient(top, #f5a03b, #f7941d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5a03b), to(#f7941d));
  background-image: -webkit-linear-gradient(top, #f5a03b, #f7941d);
  background-image: -o-linear-gradient(top, #f5a03b, #f7941d);
  background-image: linear-gradient(to bottom, #f5a03b, #f7941d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5a03b', endColorstr='#f7941d', GradientType=0);
  border-color: #f5a03b #f5a03b #f7941d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ticket_progress-Open .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ED5359;
  background-image: -moz-linear-gradient(top, #ED5359, #ed1c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ED5359), to(#ed1c24));
  background-image: -webkit-linear-gradient(top, #ED5359, #ed1c24);
  background-image: -o-linear-gradient(top, #ED5359, #ed1c24);
  background-image: linear-gradient(to bottom, #ED5359, #ed1c24);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED5359', endColorstr='#ed1c24', GradientType=0);
  border-color: #ED5359 #ED5359 #ed1c24;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ticket_progress-Resolved .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8CD147;
  background-image: -moz-linear-gradient(top, #8CD147, #66cc00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CD147), to(#66cc00));
  background-image: -webkit-linear-gradient(top, #8CD147, #66cc00);
  background-image: -o-linear-gradient(top, #8CD147, #66cc00);
  background-image: linear-gradient(to bottom, #8CD147, #66cc00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CD147', endColorstr='#66cc00', GradientType=0);
  border-color: #8CD147 #8CD147 #66cc00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ticket_progress-Closed .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #C9C9C9;
  background-image: -moz-linear-gradient(top, #C9C9C9, #a1a1a1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C9C9C9), to(#a1a1a1));
  background-image: -webkit-linear-gradient(top, #C9C9C9, #a1a1a1);
  background-image: -o-linear-gradient(top, #C9C9C9, #a1a1a1);
  background-image: linear-gradient(to bottom, #C9C9C9, #a1a1a1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9C9C9', endColorstr='#a1a1a1', GradientType=0);
  border-color: #C9C9C9 #C9C9C9 #a1a1a1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.input-small { width:100px;}


.btn-block {
  display: block;
  width: 100%;
}


.checklist-save-panel-fixed {
    position: fixed;
    top: 0;
}

.separator{
 border-right:1px solid #fff;
 padding-right:12px;
 padding-top:8px;
 padding-bottom:8px;
 }
 .red-font {
 	color: #bd362f;
 }
 .red{
 	background-color: #bd362f;
 	color:#fff;
 }
 
 .grey{
 	background-color: #979797;
 	color:#fff;
 }
 
 .green-font {
 	color: #51a351;
 }
  .green{
 	background-color: #51a351;
 	color:#fff;
 }
.orange{
	background-color: #F7941D;
 	color:#fff;	
}
.checklist_mandatory_field,
.orange-font{
	color: #F7941D;
}
.activity-box {
    border-radius: 5px;
    padding: 10px;
  
}
.ticket-fields, .grey-background {
	    padding: 10px 0px;
	    background-color: #F7F7F7;
}
.tab-pane-header{
	
	
}
.table-striped thead th {
    border-top: 1px solid #ddd;
    color: #fff;
    border-left: 1px solid #3b73bf;
    background-image: linear-gradient(to bottom, #07418e, #04336d);
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    line-height: 20px;
}


.table-striped  tbody tr:nth-child(odd) td
{
  background-color: #F0F3F7;
}
.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
i.icon-pending{
	width:28px;
 	height: 8px;
	background: url(../../images/icon-pending.png) no-repeat !important;
	display: inline-block;
	
}
.table-checklist{width:100%;    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;}
.table-checklist thead th {
	border-top: 1px solid #ddd;
	color:#fff;
 	border-left: 1px solid  #3b73bf;
 	 background-image: linear-gradient(to bottom, #07418e, #04336d);
    background-repeat: repeat-x;
    text-align:center;
        font-weight: bold;
        padding: 8px;
    line-height: 20px;
}
.table-checklist thead th.name {
	vertical-align:top;
    text-align:left;
}
.table-checklist tbody tr.parentrow td {
background-color:#ededed;
font-weight:bold;
}
.table-checklist tbody tr.profilerow td {
background-color:#ededed;
font-weight:bold;
font-size:14px;
}
.table-checklist tbody td {
	padding: 8px;
    line-height: 20px;
    text-align:center;
    border-top: 1px solid #ddd;
}


.table-checklist tbody td.name {
	
    text-align:left;
}
.hidden{
  display:none;
  visibility:hidden;
}
.progress {
    overflow: hidden;
    height: 25px;
    margin-bottom: 25px;
    background-color: #f5f5f5;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress, .progress .bar {
    height: 22px;
    line-height: 22px;
}
.progress .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3b6c9e;
  background-image: -moz-linear-gradient(top, #4074aa, #35608c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4074aa), to(#35608c));
  background-image: -webkit-linear-gradient(top, #4074aa, #35608c);
  background-image: -o-linear-gradient(top, #4074aa, #35608c);
  background-image: linear-gradient(to bottom, #4074aa, #35608c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4074aa', endColorstr='#ff35608c', GradientType=0);
  border-color: #35608c #35608c #203a54;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.progress.progress-striped .bar {
  background-color: #4074aa;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-primary .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #88ae59;
  background-image: -moz-linear-gradient(top, #94ba65, #759c46);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#94ba65), to(#759c46));
  background-image: -webkit-linear-gradient(top, #94ba65, #759c46);
  background-image: -o-linear-gradient(top, #94ba65, #759c46);
  background-image: linear-gradient(to bottom, #94ba65, #759c46);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff94ba65', endColorstr='#ff759c46', GradientType=0);
  border-color: #759c46 #759c46 #4e672e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.progress-primary.progress-striped .bar {
  background-color: #94ba65;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-secondary .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #23809c;
  background-image: -moz-linear-gradient(top, #2790b0, #1c677e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2790b0), to(#1c677e));
  background-image: -webkit-linear-gradient(top, #2790b0, #1c677e);
  background-image: -o-linear-gradient(top, #2790b0, #1c677e);
  background-image: linear-gradient(to bottom, #2790b0, #1c677e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2790b0', endColorstr='#ff1c677e', GradientType=0);
  border-color: #1c677e #1c677e #0e343f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.progress-secondary.progress-striped .bar {
  background-color: #2790b0;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-tertiary .bar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #F89406;
  background-image: -moz-linear-gradient(top, #F89406, #D67E04);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F89406), to(#D67E04));
  background-image: -webkit-linear-gradient(top, #F89406, #D67E04);
  background-image: -o-linear-gradient(top, #F89406, #D67E04);
  background-image: linear-gradient(to bottom, #F89406, #D67E04);
  background-repeat: repeat-x;
  border-color: #D67E04 #D67E04 #F89406;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.progress-tertiary.progress-striped .bar {
  background-color: #999999;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.summary-table-left {
	width: 15%;
	float: left;
}
.summary-table-left > table {
	width: 100%;
	 border-collapse: collapse;
}
.summary-table-left td {
	line-height: 22px;
	overflow: hidden;
}
			
.summary-table-right {
	float: left;
	width: 85%;
	overflow-x: auto;
}

.summary-table-right table {
	border-collapse: collapse;
	width: 100%;
	border-left: 0;
}

.summary-table-right td {
 	min-width: 220px;
	line-height: 22px;
}

.summary-table-scroll {
	width: 1600px;
}

.summary-table .progress {
	position: relative;
	float: left;
	width: 55%;
	margin: 0 2%;
}

.summary-table .summary-table-right i, .summary-table .summary-table-right a {
	color: #999;
}




.summary-table .progress .percentage {
	position: absolute;
	left: 45%;
	text-align: center;

	color: #666;
}

.summary-table .progress .percentage.percentage-50 {
	color: #fff;
}

div.summary-table-left table tbody tr{
   white-space: nowrap;
   height:72px;
}
div.summary-table-right table tbody tr{
	height:72px;
}
div.summary-table-left table tbody tr td{
   max-width:183px;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.summary-table-left table tbody tr td span.profile-header {
    
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.summary-table-left table tbody tr td span.profile-filter {
    
    float: right;
    
}

div.summary-table-right table thead tr th{
   max-width:190px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.table-highlight.table-bordered {
    border-top: 1px solid #1C2B37;
}
.table-bordered thead tr {
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #eeeeee, #dadada);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dadada));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dadada);
  background-image: -o-linear-gradient(top, #eeeeee, #dadada);
  background-image: linear-gradient(to bottom, #eeeeee, #dadada);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdadada', GradientType=0);
}
.table-bordered thead tr th {

  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #CCC;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered thead tr th:first-child {
  border-left-color: #CCC;
}
.table-bordered thead tr th:last-child {
  border-right: none;
}
.table-bordered tbody tr:first-child td {
  border-top-color: #CCC;
}
/* .table-bordered .rf-edt-tbl tbody tr td {
  border-left: 1px solid #FFF;
  border-right: 1px solid #DDD;
  border-up: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  
  border-bottom-width: 0;
  color: #444444;

} */
.table-bordered tbody tr td:first-child {
  border-left-color: #DDD;
}
.table-bordered tbody tr td:last-child {
  border-right: none;
}
.table-bordered thead tr {
  background: #EEE;
  background: -moz-linear-gradient(top, #eeeeee 0%, #dadada 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dadada));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #eeeeee 0%, #dadada 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #eeeeee 0%, #dadada 100%);
  /* Opera11.10+ */

  background: -ms-linear-gradient(top, #eeeeee 0%, #dadada 100%);
  /* IE10+ */

  background: linear-gradient(top, #eeeeee 0%, #dadada 100%);
  /* W3C */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
}
.table-bordered thead th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #444;
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #CCC;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered thead th:first-child {
  border-left-color: #CCC;
}
.table-bordered thead th:last-child {
  border-right: none;
}
 
.table-bordered tbody td {
  border-left: 1px solid #FFF;
  border-right: 1px solid #DDD;
}
.table-bordered tbody tr td:first-child {
  border-left-color: #DDD;
}
.table-bordered tbody tr td:last-child {
  border-right: none;
}
/* for the checklist dashboard */
.table-highlight.table-bordered thead tr {
  background-color: #3B73BF;
  background-image: -moz-linear-gradient(top, #07418E, #04336D);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#07418E), to(#04336D));
  background-image: -webkit-linear-gradient(top, #07418E, #04336D);
  background-image: -o-linear-gradient(top, #07418E, #04336D);
  background-image: linear-gradient(to bottom, #07418E, #04336D);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b4e72', endColorstr='#ff1d354d', GradientType=0);
}


.table-highlight.table-bordered thead th {
  background: none repeat scroll 0 0 #00307c !important;
  color: #FFF;
  border-right: 1px solid #002658;
  border-left: 1px solid #2255AA;
  -webkit-box-shadow: inset 0 1px 0 #2255AA;
  -moz-box-shadow: inset 0 1px 0 #2255AA;
  box-shadow: inset 0 1px 0 #2255AA;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.table-highlight.table-bordered tbody tr:nth-child(odd) td,
.table-highlight.table-bordered tbody tr:nth-child(odd) th {
  background-color: #F0F3F7;
}
.table-highlight.table-bordered {
  border-top: 1px solid #1C2B37;
}

.full-width {
	width:100%;
	
}

.btntarget{
	text-transform: none;
	width: 100%;
	height:100px;
	margin-left:0px;overflow: hidden;  text-overflow: ellipsis; 
	display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
   
    border-width: 1px;
    border-style: dashed;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.ui-state-highlight{
	border: 1px solid #ffffff;
	background: #04336D;
	color: #ffffff;
}

table.checklist-group-table{
  	border-left: 1px solid #CDD8E3;
  	border-bottom: 1px solid #CDD8E3; 
  	border-radius: 5px;
  	border-collapse:separate;
  	width: 100%;
  	margin-bottom:20px;
  	border-spacing: 0px;
}
table.checklist-group-table  th{
background-color: #EDF1F4; 
	color: #768695;
	padding: 10px;
  	border-color: #CDD8E3;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
}
table.checklist-group-table tr td:first-child{
	background-color: #EDF1F4; 
	color: #768695;
	padding: 10px;
  	border-color: #CDD8E3;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: right;
    vertical-align: middle;
	
}	

table.checklist-group-table tr td{
  	padding: 10px;
  	border-color: #CDD8E3;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    min-width: 80px;
    background-color: #f8fafb;
    width:50%;
}
table.checklist-result tr td{
  	padding: 10px;
  	border-color: #CDD8E3;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    min-width: 80px;
    background-color: #f8fafb;
} 
table.checklist-group-table tr:nth-child(even) td:nth-child(odd)
{
    background-color: #e6ecf1;
}

table.checklist-group-table tr:nth-child(odd) td:nth-child(even)
{
background-color: #FFFFFF;    
}


table.checklist-group-table .title {
  	font-weight: bold;
  
}

table.checklist-group-table ul{
    text-align: center;
	margin: 10px 0 0 0px;
}
table.checklist-group-table span.warning{
    background-color:red;
    color:white;
    padding:3px;
}
table.checklist-group-table span.alert{
    background-color:#FF8000;
    color:white;
    padding:3px;
}

.checklist-stat {
	vertical-align: middle;
	color: #000;
	font-size: 36px;
	margin-top: 45px;
	line-height: 36px;
	text-align: center;
	 display: block;
}
.checklist-stat small {
    display: block;
    font-size: 12px;
    color: #000;
}

option.whiteColor{
	background: white;
	color:black;
}
option.redColor{
	background: #ED1C24;
	color:white;
}
option.purpleColor{
	background: purple;
	color:white;
}
option.pinkColor{
	background: #ED1E79;
	color:white;
}
option.orangeColor{
	background: #F7931E;
	color:white;
}
option.yellowColor{
	background: #FADB4E;
	color:black;
}
option.greenColor{
	background: #51A351;
	color:white;
}
option.blueColor{
	background: #2962B1;
	color:white;
}
option.greyColor{
	background: grey;
	color:white;
}
option.brownColor{
	background: brown;
	color:white;
}
option.blackColor{
	background: black;
	color:white;
}

/* body .ui-dialog .ui-dialog-footer button */
.dialog-footer button {
    margin: 0 0.429em 0 0;
    width: auto;
}

.btn-success {
  background-image: -moz-linear-gradient(top, #a0c277, #7da64b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0c277), to(#7da64b));
  background-image: -webkit-linear-gradient(top, #a0c277, #7da64b);
  background-image: -o-linear-gradient(top, #a0c277, #7da64b);
  background-image: linear-gradient(to bottom, #a0c277, #7da64b);
  background-color: #7da64b;
  color: #ffffff;
}

.btn-success:hover {
  background-color: #7da64b;
  color: #212121;
}

.btn-danger {
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-color: #bd362f;
  color: #ffffff;
}
.btn-danger:hover {
  background-color: #bd362f;
  color: #212121;
}
a.white {
	color:#ffffff;
}
/*reporting dashboard widgets*/
.gridster {
	overflow-x: auto !important;
	overflow-y: hidden !important;
}
.gridster ul{
	margin-left:20px !important;
}   

/*autocomplete people chips*/
.creator-people-chip{
    /*background-color: darkgrey !important;*/
}
.wf-people-chip{
    /*background-color: lightgrey !important;*/
}
.other-people-chip{
    /*we stick to blue (default)*/
}
.wf-user-chip {
	font-weight: bold;	
}
.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table td {
	border-width:0px !important;
	border-style:none  !important;
}

.markdown-output h1 {
	font-size: 32px !important;
}

.markdown-output h2 {
	font-size: 26px !important;
}

.markdown-output h3 {
	font-size: 22px !important;
}

.permission-alert{
    display: flex;
    font-size: 18px;
}

.permission-alert > i{
    color:orange;
    margin-right:5px;
    align-self: center;
}

.MuiButton-label > a{
  color: white;
}
.MuiButton-label > a.blue{
  color: #0093d0;
}
.MuiButton-label > a:hover{
  color: #212121;
}
/* fix up autocomplete */

body  .ui-autocomplete .ui-autocomplete-multiple-container{
  width: 100%;
}
.ui-autocomplete-token{
  background: #007ad9 !important;
}

.archived-people{
  text-decoration: line-through !important;
}
.inactive-people{
  text-decoration: underline line-through !important;
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token.ui-state-active {
  background: #007ad9;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
   margin: 2px;
}