@import url(https://fonts.googleapis.com/css?family=Ubuntu:500);

body > .container {
  padding: 10px;
}

body {
  background-color: #F8F8F8;
  overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6 {
  color: #333;
}

.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}

:focus-visible, :focus {
	outline: none !important;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

a, .name {
  color: inherit;
}

.name {
  font-weight: bold;
}

a:hover, a:focus {
  color: inherit;
}

.alert a {
	text-decoration: underline;
}

hr {
  border-color: #E2E2E2;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.btn {
  font-weight: bold;
  border: 1px solid #D3D3D3;
  background: none repeat scroll 0% 0% #F8F8F8;
  border-bottom-color: #CCC;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  text-shadow: 0px 1px 1px #FFF;
  text-decoration: none;
  text-align: center;
  border-radius: 0;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  margin: 0 0 0 5px;
}

.btn:hover,
.btn.active {
  background-image: linear-gradient(to bottom, #FFF280, #FFE600);
  background-repeat: repeat-x;
  border:1px solid #E2E2E2 !important;
  color: #333 !important;
}

.btn-sm {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
}

.btn-sm i {
  font-size: 16px;
  line-height: 16px;
  padding-right: 2px;
}

/*
#project-header .btn {
  background: none repeat scroll 0% 0% #F4F4F4;
}
*/

.dropdown-menu {
  border-radius: 0;
}

.dropdown-menu-auto {
    left: auto !important;
    right: auto !important;
}

.dropdown-menu-left {
    left: 0 !important;
    right: auto !important;
}

.dropdown-menu-right {
    left: auto !important;
    right: 0 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active:hover > a {
  background-color: #FFe600;
  color: #333;
}

.main-navigation .navbar {
  	background-color: white;
}

.main-navigation .navbar-brand, .main-navigation .navbar-nav {
  /* height: 55px; */
  line-height: 55px;
}
  
.main-navigation.navbar > .container .navbar-brand, 
.main-navigation.navbar > .container-fluid .navbar-brand {
	direction: ltr;
	margin-left: -10px;
}

.main-navigation .navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

.main-navigation .navbar-nav > li > a {
  padding: 0 20px;
  line-height: 55px;
}

.main-navigation .navbar-brand {
  font-size: 28px;
  font-family: "Ubuntu";
  padding: 0;
}

.main-navigation.navbar .container {
  padding-top: 0;
  padding-bottom: 0;
}

.approval-response-text {
	all: unset; /* This attempts to remove all styles, reverting to browser defaults */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /* Set the font to default monospace */
	font-size: 14px;
    white-space: pre; /* Ensure white-space is preserved */
    margin: 0; /* Reset margin */
    padding: 0; /* Reset padding */
    background: none; /* Remove any background */
    border: none; /* Remove borders */
    line-height: normal; /* Reset line height to default */
    color: inherit; /* Reset color to inherit from parent */
}

.main-navigation .navbar-brand img {
  height: 45px;
  display: inline-block;
  margin: -6px 5px 0 5px;
}

/* ── Viewer mode toggle (navbar) ── */
.viewer-toggle-cell {
  height: 55px;
  display: flex !important;
  align-items: center;
  padding: 0 14px;
}
.viewer-toggle {
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
}
.viewer-toggle button {
  border: none;
  background: #f5f5f5;
  color: #777;
  font-size: 12px;
  padding: 4px 10px;
  cursor: pointer;
  line-height: 1.4;
  transition: background 0.15s, color 0.15s;
  outline: none;
}
.viewer-toggle button + button {
  border-left: 1px solid #ccc;
}
.viewer-toggle button.active {
  background: #337ab7;
  color: #fff;
  font-weight: 600;
}
.viewer-toggle button:not(.active):hover {
  background: #e8e8e8;
}

#user-menu {
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
}

#user-menu img {
  height: 24px;
  width: 24px;
  border: 1px solid #E2E2E2;
}

#project-header {
  height: 70px;
  margin-bottom: 10px;
  color: #999;
}

#project-header a {
  font-weight: bold;
}

#project-image-container {
  	width: 100%;
  	padding: 0 20px 20px 0;
  	position: absolute;
	z-index: 1;
}

#project-image {
	max-width: 175px;
	max-height: 175px;
}

#project-name a:hover {
	text-decoration: none;
}

#project-image {
  	border: 1px solid #E2E2E2;
	position: relative;
}

#project-image img{
  	border: 5px solid white;
    width: 173px;
    height: 173px;
}

#project-details {
  margin-bottom: 10px;
}

#project-details {
  display: inline-block
}

h1 {
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#project-byline {
  color: #999;
  font-size: 12px;
}

#project-byline > a {
  color: inherit;
  font-weight: bold;  
}

.seperator {
  color: #E2E2E2;
  margin: 0 5px;
}

#project-description {
  font-size: 18px;
  margin-bottom: 10px;
}


/** Stacked tabs code adapted from http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3 **/

#project-nav {
  padding-right: 0;
}

.tabs-left > .nav-tabs {
  width: 100%;
  float: left;
  border-bottom: 0;
  display:inline-block;
  vertical-align:middle;
  margin-top: 100px;
  margin-right: -10px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-left > .nav-tabs > li {
  float: none;
  margin: 0;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 10px;
  border: none;
  border-radius: 0;
  color: #999;
  width: 108%;
}

.tabs-left > .nav-tabs {
  float: left;
  border-right: 1px solid transparent;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border: none;
  background-color: inherit;
}

.tabs-left > .nav-tabs a.active,
.tabs-left > .nav-tabs a.active:hover,
.tabs-left > .nav-tabs a.active:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #E2E2E2 transparent #E2E2E2 #E2E2E2;
  border-right-color: #ffffff;
  background-color: white;
  z-index: 999;
  width: 108%;
  color: #333;
  overflow: hidden;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  text-decoration: underline;
  color: #333;
}

.tabs-left > .nav-tabs > li > a > i {
  margin-right: 6px;
}

.tabs-left > .nav-tabs > li > a > .badge {
  margin: 15px 0;
  padding: 4px 5px;
}

/** end of left-tabs css **/

/* FEEDBACK */

#oo_tab {
	background-color: #f13f3c;
	border: 2px solid #ffffff;
	display: block;
	position: fixed;
	top: 40%;
	padding: 15px 0px 15px 0px;
	_height: 30px;
	_padding: 0px;
	_top: 45%;
	width: 120px;
	z-index: 999995;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.7) 0 0 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 3px;
}

.oo_tab_right {
	right: -77px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	transition: right 1.0s;
	-moz-transition: right 1.0s;
	-webkit-transition: right 1.0s;
	-o-transition: right 1.0s;
	background-image: -webkit-linear-gradient(top, #ee5853, #c73b32);
	background-image: -moz-linear-gradient(top, #ee5853, #c73b32);
	background-image: -ms-linear-gradient(top, #ee5853, #c73b32);
	background-image: -o-linear-gradient(top, #ee5853, #c73b32);
	background-image: linear-gradient(top, #ee5853, #c73b32);
}

.oo_tab_right:hover {
	right: -5px;
}

#oo_tab div {
	position: absolute;
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

#oo_tab span {
	bottom: 6px;
	display: block;
	background: url("../img/oo_tab_icon.gif") no-repeat;
	height: 17px;
	position: absolute;
	width: 19px;
}

#oo_tab span span {
	background: none;
	top: 0px;
}

.oo_tab_right span {
	left: 7px;
}

span#oo_tab_text {
	color: white;
	position: absolute;
	top: 7px;
	left: 33px;
	background-image: none;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	line-height: 16px;
	font-size: 16px;
}

/* END FEEDBACK */


.badge {
  border-radius: 0;
  width: auto;
  font-weight: normal;
  background-color: #FFF066;
  color: #999;
}

.tabs-left > .nav-tabs > li > a:hover > .badge,
.tabs-left > .nav-tabs > li > a:focus > .badge,
.tabs-left > .nav-tabs .active .badge,
.tabs-left > .nav-tabs .active a:hover > .badge,
.tabs-left > .nav-tabs .active a:focus > .badge {
  background-color: #FFE600;
  color: #333;
}

#project-buttons, #content-buttons {
    display: inline-block;
    float: right;
	clear: both;
    margin-bottom: 10px;
}

#project-buttons {
  line-height: 35px;
}

.breadcrumb {
  padding: 0;
  background-color: inherit;
  margin-bottom: 10px;
  line-height: 30px;
  min-height: 30px;
}

.breadcrumb > .active {
  	color: #333;
	font-weight: bold;
}

.breadcrumb .bread-link .glyphicon-chevron-right:before,
.breadcrumb .bread-link .glyphicon-chevron-left:before {
	color: #ccc;
    font-size: 14px;
    font-weight: 100;
	padding: 0 5px 0 0px;
}

.breadcrumb>li+li:before {
	display: none;
}

#content-view {
  overflow: auto;
  background-color: white;
  padding: 20px;
  border: 1px solid #E2E2E2;
  z-index: 10;
  margin-bottom: 40px;
  min-height: 550px;
}

#content-header {
  margin-bottom: 20px;
  min-height: 30px;
  line-height: 30px;
}

#path {
    display: inline-block;
}

h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  vertical-align: middle;
}

h2 .breadcrumb {
  margin: 0;
}

hr {
  margin: 0 0 10px 0;
}

#latest-revision {
  box-shadow: none;
}

#latest-revision small{
  display: block;
}

.tasks-wrapper {
	padding: 6px 10px;
	font-size: 12px;
	background-color: rgba(91,192,222,0.2);
	color: rgba(91,192,222,1);
	
	border: 1px solid rgba(91,192,222,1);
	margin-bottom: 20px;
}

.tasks-wrapper a {
	text-decoration: underline;
}

.tasks-wrapper img {
	margin-right: 10px;
}

.pending-commit,
.error-box {
	padding: 6px 10px;
	font-size: 12px;
	background-color: rgba(217,83,79,0.2);;
  	color: rgba(217,83,79,1);
	
	border: 1px solid rgba(217,83,79,1);
	margin-bottom: 20px;
}

.pending-commit a {
	text-decoration: underline;
}

.panel, .panel-heading { 
  border-radius: 0 !important;
  /* border-color: rgba(91,192,222,1) !important; */
}

/*
.panel-heading {
  font-size: 12px;
  background-color: rgba(91,192,222,0.2) !important;
  color: rgba(91,192,222,1) !important;
}
*/

.panel-heading, .panel-body {
  padding: 6px 10px; 
}

.panel-footer {
  padding: 5px 10px;
  font-size: 12px;
}
  
#file-list {
  list-style-type: none;
}

h3 {
  font-size: 1em;
}

#file-grid {
  margin-left: -10px;
}

.file, .folder {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 20px;
  width: 171px;
  height: 199px;
  vertical-align: middle;
  position: relative;
}

.folder.ui-state-hover.ui-state-active {
	background: rgba(79, 101, 217, 0.2);
}

.file.ui-draggable-dragging {
	background: #fff;
	z-index: 100;
	/*
	width: 81px;
	height: 63px;
	*/
}
/*
.file.ui-draggable-dragging img {
	max-width: 81px;
}

.file.ui-draggable-dragging .caption {
	display: none;
}
*/

.thumbnail {
  position: relative;
  border-radius: 0;
  border-color: #E2E2E2;
  border-bottom-color: #CCC;
  margin: 0;
  height: 100%;
  -moz-transition-property: none;
  -webkit-transition-property: none;
  -o-transition-property: none;
    transition-property: none;
  background-color: transparent;
  z-index: 10;
  
}

.thumbnail-image {
  width: 161px;
  height: 125px !important;
}

.thumbnail-image img {
  width: 100%;
}

.folder .thumbnail-image {
  background: url("../img/folder.svg") no-repeat;
  background-position: center;
  background-size: 80px auto; 
}

.new.file .thumbnail-image,
.updated.file .thumbnail-image {
  background: url("../img/file.svg") no-repeat;
  background-position: center;
  background-size: 70px auto;
}

.updated.file .thubmnail-image {
  background: url("../img/file.svg") no-repeat;
  background-position: center;
  background-size: 70px auto;
}


.file .thumbnail, .folder .thumbnail {
  color: #999;
}

.folder-icon {
  height: 140px;
  width: 180px;
  padding: 20px 40px;
}

.board-table .folder-icon {
	height: 20px;
    width: 25px;
    padding: 0;
	margin: 0 10px 0 0;
}

.thumbnail>img.file-thumb {
	height: 125px;
	/* width: 100%; */
}

.file-icon-wrapper {
  height: 125px;
  padding: 20px 40px 20px 50px;
}

.revision-icon-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.change-wrapper .file-icon {
	margin: 0 auto;
	margin-top: 15px;
}

.thumbnail > .caption {
  padding: 5px;
  color: #999;
}

.caption span {
  display: block;
  font-size: 12px;
}

.caption span span {
	display: inline;
}

.submission-pending {
  font-style: italic;
}

.thumbnail:hover,
.thumbnail:focus {
  text-decoration: none;
  border-color: #ffe600 !important;
}

.folder .big-name {
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 35px;
}

.folder .name,
.file .name {
  font-weight: normal;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 14px;
}

.overlay {
	display: none;
	position: absolute; 
	top: 0; 
	left: 0;  
	width: 100%; 
	height: 100%;
}

.new .overlay,
.updated .overlay,
.deleted .overlay {
  display: block;
}

.new .overlay {
	background: rgba(92,184,92,0.2);
}

.updated .overlay {
	background: rgba(91,192,222,0.2);
}

.deleted .overlay {
	background: rgba(217,83,79,0.2);
}

.selected-item .overlay {
	display: block;
	background: rgba(79, 101, 217, 0.2);
}

.new a {
  border-color: rgba(92,184,92,1);
}

.new .name, .new .caption {
  color: rgba(92,184,92,1);
}

.updated a {
  border-color: rgba(91,192,222,1);
}

.updated .name, .updated .caption {
  color: rgba(91,192,222,1);
}

.deleted a {
  border-color: rgba(217,83,79,1);
}

.deleted .name, .deleted .caption {
  color: rgba(217,83,79,1);
}

.no-thumb {
	height: 300px;
	width: 100%;
  	float: left;
}

#file-sidebar, #staging-area {
  display: inline-block;
  height: 100%;
}

#file-details {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  padding: 10px;
  vertical-align: top;
  width: 100%;
  height: 100%;
  float: right;
}

#file-details li {
  margin-bottom: 10px;
  width: 100%;
}

.file-property {
  color: #999;
}

.file-value {
  float: right;
}

.small-avatar {
  height: 20px;
  width: 20px;
  border-radius: 4x;
  border: 1px solid #E2E2E2;
}

.medium-avatar {
  height: 60px;
  Width: 60px;
  -moz-border-radius: 4x !important;
  -webkit-border-radius: 4x !important;
  border-radius: 4x !important;
}

table {
  background-color: white;
  width: 100%;
}

tbody {
  width: 100%;
}

.table-bordered > tbody > tr {
  height: 50px;
}

.table-bordered > tbody > tr > td {
  border-right: none;
  border-left: none;
  vertical-align: middle;
  height: 50px;
}

.table-bordered-override > tbody > tr > td {
	border: 1px solid #ddd;
}

.table-centered tr > td,
.table-centered tr > th {
	text-align: center;
}

table .timestamp-col {
  min-width: 230px;
}

table .user {
  min-width: 160px;
}

table .revision {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  width: 100px;
}

table.revisions-table tr:hover {
	background: #F8F8F8;
}

table.revisions-table a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.revisions-table a:hover {
	text-decoration: none;
}

table.revisions-table img {
	max-height: 40px;
	max-width: 40px;
	margin-left: 5px;
	border: 1px solid #ccc;
}

.revision-remain-count {
	height: 40px;
	width: 40px;
	border: 1px solid #000;
	text-align: center;
	display: inline-block;
	line-height: 36px;
	margin-left: 5px;
}

#discussion,
.report-timeline {
  background-color: white;
  border-top: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  width: 780px;
}

.report-timeline,
.report-timeline-actions {
	width: 90%;
	min-width: 530px;
    margin: auto;
}

.report-timeline-actions {
	text-align: right;
	margin-bottom: 5px;
	height: 35px;
}

.report-timeline a {
	text-decoration: underline;	
}
.show-first-content {
    position: relative;
    top: -34px;
    margin-left: 250px;
	margin-right: 100px;
    max-height: 30px;
    font-size: 11px;
    overflow: hidden;
}

.report-timeline .comment-shortname {
	height: 30px;
    width: 30px;
    background: #8da2b5;
    border-radius: 2px;
    float: left;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-right: 10px;
    margin-top: 2px;
}

.comment, #new-comment {
  border-bottom: 1px solid #E2E2E2;
  padding: 20px;
  border-collapse: collapse;
}

.report-timeline .comment:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.comment.comment-log {
	padding: 5px 20px;
}

.commenter-image {
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  display: block;
}

.comment-byline, .comment p, .comment-buttons, #new-comment textarea, #new-comment input[type="text"] {
	margin-right: 80px;
}

.comment-byline {
  margin-bottom: 10px;
  font-size: 12px;
}

.comment-byline .comment-expand-cue {
	position: absolute;
	bottom: 5px;
	left: 50%;
	color: #c5c5c5;
}

.comment-buttons {
  	margin-top: 10px;
	margin-left: 65px;
}

.comment-buttons {
  font-size: 12px;
}

#new-comment input[type="text"] {
	margin-bottom: 10px;
}

#new-comment textarea, #new-comment input[type="text"] {
	width: 620px;
    display: inline-block;
    margin: 0;
}

textarea {
    resize: none;
}

main.col-sm-7 {
  padding-right: 0;
}

.separator-header {
  font-size: 1em;
  padding-bottom: 5px;
  border-bottom: 1px solid #E2E2E2;
}

#upload {
}

.instructions {
  font-weight: bold;
  color: #999;
}

#upload .instructions {
  display: block;
  margin-bottom: 10px;
}

#drop {
	display: none;
}

#main-content {
	overflow: hidden;
}

#main-content #drop {
	display: block;
  	text-align: center;
  	vertical-align: middle;
  	border: 2px dashed #999999;
  	padding: 300px 20px;
	
	position: absolute;
	top: 0;
	left: 0;
	background: #F8F8F8;
	height: 100%;
	width: 100%;
	z-index: 21;
}

#main-content #drop button {
	display: none;
}

#staging-content #upload #drop {
	padding: 20px 20px;
}

#staging-area {
	display: none;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #E2E2E2;
  	background-color: #ccc;
  	padding-right: 0;
  	padding-left: 0;
	
	position: fixed;
    bottom: 0px;
    right: 30px;
    height: 250px;
    width: 400px;
    background: lightgray;
    z-index: 20;
	
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	
	-webkit-box-shadow: 0px 0px 4px 0px #D7D7D7;
    box-shadow: 0px 0px 4px 0px #D7D7D7;
}

#staging-area.active,
#staging-area.uploading {
	display: block;
}

#staging-area.minimized {
	height: 25px;
}

#staging-area #minimize-btn {
	cursor: pointer;
}
#staging-area.minimized #minimize-btn {
	display: none;
}

#staging-area #maximize-btn {
	display: none;
}
#staging-area.minimized #maximize-btn {
	display: inline-block;
	cursor: pointer;
}

#staging-area #clear-uploads-btn {
	cursor: pointer;
	margin-right: 5px;
}

#staging-area #staging-title {
	width: 100%;
	height: 25px;
	line-height: 25px;
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0px 10px;	
	/* background: #F8F8F8; */
	color: #666;
	
	background-image: linear-gradient(to bottom, #FFF280, #FFE600);
    background-repeat: repeat-x;
}

#staging-area #staging-title .glyphicon {
	color: #666;
}

#staging-area #staging-title .glyphicon-cloud {
	float: left;
    margin: 6px 10px 0 3px;
}

#staging-area h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

#staging-area h4 {
	font-size: 0.875em;
    padding: 6px 6px;
    margin: 0 0;
}

#staging-area h5 {
  font-size: 0.875em;
  color: #999;
}

#effected-project {
  font-weight: bold;
}

#staging-area .change-type table {
  margin-bottom: 0;
}

#staging-area .list-group {
  margin-bottom: 10px;
	
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

#staging-area .list-group-item {
  font-size: 0.875em;
  padding: 5px;
  border-radius: 0;
}

#staging-inner .table {
	margin-bottom: 0;
}

#uploading-list .list-group-item div {
	float: left;
	margin-right: 10px;
}

#uploading-list .list-group-item div input[type="text"] {
	font-size: 9px !important;
	height: 9px !important;	
}

#staging-area .new-files #uploading-list .list-group-item {
	height: 35px;
}

#staging-area #uploading-list i {
	line-height: 24px;
}

#staging-area .list-group-item p {
	display: inline-block;
	float: left;
	margin: 0;
	line-height: 23px;
}

#staging-area i.cancleUpload {
  	line-height: inherit;
	cursor: pointer;
}

#staging-area i.deleteUpload {
	line-height: inherit;
	cursor: pointer;
}

#staging-area .new-files {
  background-color: rgba(92,184,92,0.2);
  color: rgba(92,184,92,1);
  border-color: rgba(92,184,92,1);
}

#staging-area .changed-files {
  background-color: rgba(91,192,222,0.2);
  color: rgba(91,192,222,1);
  border-color: rgba(91,192,222,1);
}

#staging-area .deleted-files,
#staging-area .error-files {
  background-color: rgba(217,83,79,0.2);;
  color: rgba(217,83,79,1);
  border-color: rgba(217,83,79,1);
}

#staging-area .moved-files .list-group-item {
  background-color: #FFFFFF;
}

#staging-area #small-dropzone {
	width: 100%;
	display: block;
	border-top: 1px solid #E2E2E2;
}

#staging-area form#explain-changes {
  border-top: 1px solid #E2E2E2;
  /* padding: 10px 20px; */
  background-color: #FDFDFD;
}

#staging-area form h3 {
  margin: 10px 0;
}

#staging-area form input, #staging-area form textarea {
  font-size: 0.857142857142857em; /** 12px **/
  padding: 6px;
}

#staging-area form input, #staging-area form textarea, #staging-area form button {
  margin-bottom: 10px;
}

#staging-area form button {
  width: 100%;
  margin: 0 0 10px 0;
}

#staging-area form button:disabled {
	color: #000;
}

#staging-area form button:hover {
  color: #333;
}

#footer-container {
  background-color: #666;
}

footer {
  height: 50px;
  line-height: 50px;
  color: #999;
  vertical-align: middle;
}

footer .name {
  font-family: "Ubuntu";
  font-weight: 600;
}

#footer-left {
  	display: inline-block;
	float: left;
}

footer ul {
  float: right;
  list-style: none;
  margin-bottom: 0;
}

footer li {
  display: inline-block;
  margin-left: 10px;
}

footer i {
  font-size: 18px;
}

footer a:hover {
  	color: #ffe600;
  	text-decoration: none;
	font-weight: 300;
}

/* TREE NAV */
.files-tree .nav>li>a {
	display: none;
}

.nav .tree-toggle {
	cursor: pointer;
}

.nav.tree li a {
	padding: 0;
	color: #000;
}

.nav.tree .nav {
	padding: 3px 0px 3px 15px;
}

.nav .nav-header {
	font-weight: normal;
}

.nav .nav-header.nav-active {
	font-weight: bold;
}

.nav .nav-header .glyphicon {
	margin-right: 5px;
}

.nav .glyphicon-folder-close:before,
.nav .glyphicon-folder-open:before {
	color: gray;
}

.nav label:hover .glyphicon-folder-close:before,
.nav label:hover .glyphicon-folder-open:before {
	color: #000;
}

/* END TREE NAV */

#staging-content {
	top: 0;
	overflow: auto;
	background: #fff;
	height: 225px;
}

.alert {
	
}

/* REVISIONS */
.change-wrapper {
	border: 1px solid #E2E2E2;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
}

.change-wrapper .change-header {	
	cursor: pointer;	
}

.change-wrapper .change-container {
	position: relative;
	margin-top: 5px;
}

.change-wrapper .change-container .btn-group {
	margin-top: 5px;
}

.change-wrapper .change-container .btn-group button {
	margin-left: 5px;
}

.change-wrapper .change-container img {
	width: 100%;
}

.change-wrapper .change-container.updated img {
	width: 48%;
	min-height: 200px;
	/* background: url("../img/loading.gif") center center no-repeat; */ 
}

.change-wrapper .change-container.updated img:first-child {
	border-right: 1px solid #E2E2E2;
}

.revision-comment {
	padding: 10px;
	border-bottom: 1px solid #E2E2E2;
	margin: 10px 0;
}

.revision-comment:first-child {
	background: #E2E2E2;
	border: 0;
}

.revision-comment img {
	margin-right: 5px;
}

.revision-comment .revision-comment-content {
	margin-left: 35px;
	margin-top: 10px;
}

.revision-comment a,
.revision-comment .text-gray {
	font-size: 12px;
}

.text-gray {
	color: #999;
}

.change-header i.new,
.change-header i.updated,
.change-header i.deleted {
	margin-right: 2px;
}

.change-header i.new {
	color: rgba(92,184,92,1);
}

.change-header i.updated {
	color: rgba(91,192,222,1);
}

.change-header i.deleted {
	color: rgba(217,83,79,1);
}

.change-header i.fa-sort-asc {
	margin-top: 4px;
}

.change-header i.fa-sort-desc {
	margin-top: -4px;
}

#revision-add-comment {
	margin-top: 30px;
}

#revision-add-comment button {
	clear: both;
	margin: 10px 0 0 0;
}

.revisions-status {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.revisions-status li {
	margin: 0;
	padding: 5px 10px;
}

.revisions-status li.active {
	background: #ccc;
	font-wright: bold;
}

.revisions-status li:hover {
	cursor: pointer;
	text-decoration: underline;
}

.revision-type-column {
	font-size: 12px;
}

.revision-type-open {
	color: rgb(214, 0, 0);
}

.revision-type-closed {
	color: green;
}

/* END REVISIONS */

.modal-header .close {
	margin-top: -8px;
}

/* TAGS */
ul.tagit {
	background: #fff;
}

.shapeTags ul.tagit {
	background: none;
	border: 0px;
}

.shapeTags ul.tagit li {
	cursor: pointer;
}

.shapeTags ul.tagit li.tagit-new {
	display: none;
}
/* TAGS END */

/* EDIT */
#edit-shape input,
#edit-shape textarea,
#edit-shape select {
	width: 100%;
	padding-right: 0;
}

#file-form input#shapeUrl {
	min-width: 170px;
	max-width: 170px;
	margin-left: 10px;
}

#aboutMeTextarea {
	height: 150px;
}

#file-form .markItUpEditor,
#edit-shape .markItUpEditor{
	width: 98%;
	min-width: inherit;
	max-width: inherit;
}

#file-form input#facebookProfile,
#file-form input#twitterProfile,
#file-form input#googleProfile,
#file-form input#githubProfile {
	min-width: 180px;
	max-width: 180px;
	margin-left: 10px;
}
/* EDIT END */

.clearfix {
	clear: both;
}

/*
 * =================== Start pricing table =====================*/

.pricing-table .plan {
  border-radius: 5px;
  padding: 0;
  text-align: center;
  background-color: #f3f3f3;
  -moz-box-shadow: 0 0 6px 2px #b0b2ab;
  -webkit-box-shadow: 0 0 6px 2px #b0b2ab;
  box-shadow: 0 0 6px 2px #b0b2ab;
}

.pricing-table .plan:hover {
  background-color: #fff;
  -moz-box-shadow: 0 0 12px 3px #b0b2ab;
  -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
  box-shadow: 0 0 12px 3px #b0b2ab;
}

.pricing-table .plan .plan-name {
  padding: 20px;
  color: #fff;
  background-color: #5e5f59;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.pricing-table .plan .plan-name span {
  	height: 20px;
	display: block;
	font-size: 20px;
}

.pricing-table .plan ul {
  list-style: none;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.pricing-table .plan ul li {
	min-height: 20px;
}

.pricing-table .plan ul li.plan-feature {
  padding: 15px 10px;
  border-top: 1px solid #c5c8c0;
}

.pricing-three-column {
  margin: 0 auto;
  width: 80%;
}

.pricing-variable-height .plan {
  float: none;
  margin-left: 2%;
  vertical-align: bottom;
  display: inline-block;
  /* Support for inline-block in IE7 */
  zoom:1;
  *display:inline;
}

.plan-mouseover .plan-name {
  /* background-color: #4e9a06 !important; */
}

.btn-plan-select {
  padding: 8px 25px;
  font-size: 18px;
}

.pricing-table.no-hover .plan:hover {
	background-color: #f3f3f3;
	-moz-box-shadow: 0 0 6px 2px #b0b2ab;
  	-webkit-box-shadow: 0 0 6px 2px #b0b2ab;
  	box-shadow: 0 0 6px 2px #b0b2ab;
}

/*
 * =================== End pricing table =====================*/

/* NEW FORM */

#new-project-form {
	margin-bottom: 10px;
}

#new-project-form input,
#new-project-form textarea,
#new-project-form select {
	width: 100%;
	padding-right: 0;
}

form .help-block {
	color: red;
}
/* END NEW FORM */

.merge-request-container {
	background-color: white;
	padding: 20px;
	border: 1px solid #E2E2E2;
	text-align: left;
}

.merge-request-container .breadcrumb {
	margin-bottom: 0;
}

.merge-request-container .btn-group,
.merge-request-container .dropdown-menu {
	width: 100%;
}

.merge-request-container .btn-group:last-child {
	margin-top: 10px;
}

.merge-request-container .dropdown-toggle {
	width: 100%;
	text-align: left;
}

.merge-request-container .dropdown-toggle .caret {
	float: right;
	margin-top: 7px;
}

/* MERGE FORM */
#describe-merge input,
#describe-merge textarea,
#describe-merge button {
	margin: 5px 0;
}

/* END MERGE FORM */

.update-cover-btn {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 17px;
	background: #fff;
	padding: 3px;
	cursor: pointer;
}

.update-cover-btn:hover {
	color: #000;
}

.btn-approve {
	color: green;
}

.btn-decline {
	color: red;
}

#homepage-top {
	background: #F8F8F8;
}

#homepage-top .col-sm-4 {
	padding-left: 60px;
}

#homepage-top .col-sm-8 {
	overflow: hidden;
	padding-top: 10px;
}

#homepage-top p {
	margin-bottom: 5px;
	font-size: 12px;
}

#homepage-top h1 {
	margin-top: 5px;
	font-size: 40px;
	line-height: 55px;
	font-weight: normal;
}

#homepage-top button {
	margin: 10px 0 20px 0;
	padding-left: 30px;
	padding-right: 30px;
}

#homepage-top img {
	float: right;
	width: 95%;
	margin-right: 20px;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

#homepage-middle {
	padding-bottom: 30px;
	background: #fff;
}

#homepage-bottom {
	padding-bottom: 30px;
	background: #FFEE59;
}

#homepage-middle h1,
#homepage-bottom h1,
#homepage-community h1 {
	clear: both;
	float: left;
	margin: 30px 0 10px 57px;
	font-weight: normal;
	font-size: 26px;
}

#homepage-middle img {
	height: 35px;
	margin-top: 18px;
}

#homepage-middle h3,
#homepage-bottom h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

#homepage-middle .col-sm-1 {
	text-align: right;
}

#homepage-middle i {
	font-size: 40px;
	margin-top: 18px;
}

#homepage-header button.btn-default,
#homepage-top button.btn-default,
#homepage-middle button.btn-default,
#homepage-bottom button.btn-default,
#homepage-community button.btn-default,
#homepage-community a.btn-default {
	background-image: linear-gradient(to bottom, #FFF280, #FFE600);
	background-repeat: repeat-x;
	border: 1px solid #333333 !important;
	color: #333 !important;
	text-shadow: none;
	font-weight: normal;
}

#homepage-bottom .col-sm-4 {
	padding-left: 60px;
}

#homepage-header {
	margin-bottom: 10px;
}

#homepage-header .navbar-brand {
	padding-left: 50px;
}

.btn-link,
.btn-link:hover {
	box-shadow: none !important;
	border: 0 !important;
	background: transparent !important;
}

#homepage-bottom button.btn-default,
#homepage-header a.btn-default {
	background-image: linear-gradient(to bottom, #2B1616, #333) !important;
	color: #fff !important;
}

#homepage-header a.btn-default {
	line-height: 28px;
	text-shadow: none;
}

#homepage-community {
	height: 160px;
	background: url("../img/community_small.png") repeat-x;
	background-size: auto 100%;
}

.bg-danger,
.bg-primary {
	padding: 15px;
}

.signup-form-wrp h2 {
	margin-bottom: 20px;
}

label a {
	text-decoration: underline;
}

#reportManagersUsersList,
.reportManagersUsersList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#reportManagersUsersList li,
.reportManagersUsersList li {
	margin-bottom: 10px;
}

#reportManagersUsersList div:first-child,
.reportManagersUsersList div:first-child {
	min-width: 200px;
	display: inline-block;
}

#files-list-container .file-selector {
	display: none;
	position: absolute;
	top: 2px;
	left: 3px;
	font-size: 16px;
	z-index: 11;
	color: #999;
	cursor: pointer;
}

#files-list-container .file:hover .file-selector,
#files-list-container .file.selected-item .file-selector,
#files-list-container .folder:hover .file-selector,
#files-list-container .folder.selected-item .file-selector {
	display: block;
}

#files-list-container .file-selector:hover,
#files-list-container .file.selected-item .file-selector,
#files-list-container .folder.selected-item .file-selector {
	color: #000;
}

#content-selected,
#filter-enabled-warning {
	margin-bottom: 20px;
	min-height: 42px;
	line-height: 30px;
	background: rgb(115, 129, 206);
	padding: 5px 10px;
	color: #fff;
}

.project-locked {
	margin-bottom: 20px;
	min-height: 42px;
	line-height: 30px;
	background: rgb(217 83 79);
	padding: 5px 10px;
	color: #fff;
}

#upload-btn.pending {
	background-image: linear-gradient(to bottom, #FFF280, #FFE600);
	background-repeat: repeat-x;
	border: 1px solid #E2E2E2 !important;
	color: #333 !important;
}

#treePathWrapper .tree-item-selected {
	color: red;
	font-weight: bold;
}

#submit-pending {
	color: red;
	font-size: 13px;
}

.error-404 {
	margin-bottom: 50px;
	font-size: 34px;
}

.dropdown-menu[role="user-menu"] li.active a {
	background: transparent;
}

#submit-staging-area {
	display: block;
    line-height: 10px;
    margin: 5px;
}

.upload-table .upload-type {
	top: 3px;
}

.upload-table .upload-filename {
	width: 335px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upload-table .error-files .upload-filename {
	width: 305px;
}

.upload-table .upload-error:hover {
	cursor: pointer;
	text-decoration: underline;
}

.upload-table#uploading-list .upload-filename {
	width: 200px;
}

.upload-table .upload-percentage {
	width: 135px;
}

.upload-table .upload-percentage span {
	display: block;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 12px;	
}

.upload-table .upload-remove-btn {
	cursor: pointer;
    opacity: 0.7;
    top: 2px;
    font-size: 11px;
}

.upload-table .upload-remove-btn:hover {
	opacity: 1;
}

.upload-table .upload-percentage .progress {
	margin: 0;
}

.knob-wrapper {
	margin: 10px auto;
	width: 100px;
}

.commitContainer h4 {
	font-size: 14px;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #e3e3e3;
}

.commitContainer.commitHidden {
	display: none;
}

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

.commitContainer ul li {
	border-bottom: 1px solid #e3e3e3;
	margin: 10px 0;
	position: relative;
}

.commitContainer ul li:last-child {
	border: 0px;
}

.commitContainer ul li img {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}

.commitContainer ul li b {
	height: 20px;
	width: 65%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.commitContainer ul li a.btn {
	margin-top: 5px;
  	display: inline-block;
  	width: 45%;
}

#members-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#members-list li {
	border-bottom: 1px solid #D7D7D7;
	width: 200px;
	padding: 5px;
	margin: 3px 0;
}

#members-list .btn {
	background: inherit;
}

/*
#image-diff img {
	border: 1px solid #000;
	height: 100%;
}
*/

#diffPrecentage {
	display: inline-block;
	margin-left: 10px;
}

.revision-options {
	position: absolute;
  	top: 6px;
  	right: 6px;
}

.revision-options .dropdown-menu {
	left: auto;
	right: 0;
}

.commitContainer ul.dropdown-menu {
	margin: 0;
}

.commitContainer ul.dropdown-menu li {
	border-bottom: 0;
	margin: 2px 0 0;
}

.inmplayer-topicsDisplayed,
.inmplayer-general {
	/* display: none !important; */
}

/* FILE ICONS */
.file-icon-tree {
  width: 67px;
  height: 90px;
  border-radius: 4px;
}
.file-icon-tree::before {
  border-bottom-left-radius: 4px;
  border-width: 11px;
}
.file-icon-tree::after {
  font-size: 20px;
  padding: 4px 10px;
}
.file-icon-huge {
  width: 222px;
  height: 300px;
  border-radius: 4px;
}
.file-icon-huge::before {
  border-bottom-left-radius: 4px;
  border-width: 33px;
}
.file-icon-huge::after {
  font-size: 60px;
  padding: 4px 10px;
}
.file-icon[data-type=dwg] {
  background: #4E6584;
}
.file.new .file-icon:before {
	border-color: rgba(221, 240, 221, 1) rgba(220, 240, 220, 1) rgba(255,255,255,.35) rgba(255,255,255,.35);
}
.file.deleted .file-icon:before {
	border-color: rgba(247, 219, 219, 1) rgba(246, 219, 219, 1) rgba(255,255,255,.35) rgba(255,255,255,.35)
}
.file.selected-item .file-icon:before {
	border-color: #DBDFF7 #DCE0F9 rgba(255,255,255,.35) rgba(255,255,255,.35);
}
.file.updated .file-icon:before {
	border-color: #DDF2F8 #DEF1F7 rgba(255,255,255,.35) rgba(255,255,255,.35);
}
/* FILE ICONS */

.leaflet-control-layers-base {
	text-align: left;
}

.leaflet-container {
	background: #fff;
}

img[src^="/uploads/"].leaflet-image-layer {
	background-color: #fff;
}

.leaflet-layer {
	z-index: 0;
}

.leaflet-layer img {
	background: #fff;
}

.leaflet-layer.diff-layer img {
	background: rgba(255, 255, 255, 0.4);
}

.upload-details-modal .modal-dialog {
  	width: 50%;
  	/* height: 100%; */
}

.conversation-modal .modal-dialog,
.report-log-modal .modal-dialog,
.supervisor-report-modal .modal-dialog {
  	width: 50%;
  	/* height: 100%; */
}

.date-picker-modal .modal-dialog {
	width: 420px;
}

.report-timeline .comment.comment-note {
	background-color: #edfbff;
}

.update-amounts-modal .modal-dialog {
  	width: 50%;
}

.slider {
	margin: 3px 15px;
}

#loading-diff {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 1010;
	
	width: 140px;
	margin-left: -70px;
}

#loading-screenshot {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1010;
	font-size: 16px;
	width: 140px;
	margin-left: -70px;
}

#feedbackModal {
	z-index: 1051;
}

#adjustColors {
	padding: 0px 6px; 
	margin-right: 0;
    /*margin-left: 10px;*/
}

#verifyDiffBtn {
	padding: 0px 6px; 
	margin-right: 5px;
}

.file-revisions {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

.file-revisions > li {
	position: relative;
    border-top: 1px solid #e3e3e3;
    padding: 6px;
}

.file-revisions > li:hover {
	background-color: rgba(238, 235, 235, 0.7);
}

.file-revisions .active {
	background-color: rgba(238, 235, 235, 0.7);
}

.thumbnail .file-icon {
    height: 85px;
    margin: 20px auto;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.execution-board-table.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: initial;
}

.execution-board-table.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #f9f9f9;
}

.execution-board-table tr.selected td {
	background: #dbeaf7;
}

.execution-board-table tr.inactive td {
	opacity: 0.3;
}

.execution-board-table input[type=checkbox] {
	vertical-align: middle;
    position: relative;
    bottom: 1px;
	margin: 0 5px 0 0;
}

.execution-board-table img {
	display: block;
}

.execution-board-table .expand-revision,
.execution-board-table .reduce-revision {
    margin-top: 65px;
    margin-left: 15px;
    margin-right: 15px;
	font-size: 13px;
}

.execution-board-table .expand-revision.isMobile.expand-expended,
.execution-board-table .reduce-revision.isMobile.expand-expended {
	margin-left: 15px;
    margin-right: 15px;
}

.execution-board-table .expand-revision.isMobile.expand-reduced,
.execution-board-table .reduce-revision.isMobile.expand-reduced {
	margin-left: 0;
	margin-right: 0;
	margin-top: 40px;
}

.execution-board-table .board-version {
	display: inline-block;
	text-align: center;
	float: left;
	position: relative;
	height: 142px;
	margin-bottom: 10px;
}

.issueProj .board-view-btn{
    top: 43px;
}
.issueProj .board-version.board-compare-arrows .btn{
    margin: 45px 5px 10px 5px;
}
.issueProj .dropdown-comp {
    top: 30px;
}
.issueProj .diffVerifyAction {
    top: 100px;
}
.issueProj .board-version .board-arrow{
    margin-top: 92px;
}
.issueProj .board-version {
    margin-bottom: 20px;
    height: auto;
}
.issueProj .isMobile .board-version {
margin-bottom: 45px;
}
.execution-board-table.compares-board-table .board-version {
height: 155px;
}

.execution-board-table .board-version.cai {
margin-bottom: 20px;
}

.execution-board-table .isMobile .board-version {
height: 100px;
}

.execution-board-table .board-thumb {
height: 120px;
width: 120px;
object-fit: cover;
border: 1px solid #D7D7D7;
}

.execution-board-table .board-thumb-bar {
margin-left: 3px;
margin-right: 0;
background: #d7d7d7;
float: left;
height: 122px;
width: 20px;
position: relative;
}

.execution-board-table .isMobile .board-thumb-bar {
height: 80px;
}

.execution-board-table .board-thumb-bar-red {
background: rgba(255, 88, 88, 0.59);
}

.execution-board-table .isMobile .board-thumb {
height: 80px;
width: 80px;
}

.execution-board-table .board-thumb.board-file-icon {
background-position: center center;
background-repeat: no-repeat;
padding: 12px;
background-origin: content-box;
background-size: contain;
margin-left: 2px;
/* Float like the real thumbnail <img> so the icon sits beside the floated
   sidebar (same row) instead of rendering underneath it and clipping its
   left edge. Needs the min-width below on .board-version so there is room
   for sidebar + icon side by side (the version-label text alone is too
   narrow), otherwise the float drops below the sidebar into the next row. */
float: left;
}

/* No-thumbnail cells render a file-type icon instead of an <img>. Unlike the
   thumbnail (img + sidebar share one div), the icon lives in a separate span,
   so .board-version shrink-wraps to the version-label text (~132px) and the
   floated icon has no room beside the 20px sidebar. Reserve enough width so
   they sit side by side and the right:0 .board-view-btn overlay no longer
   covers the sidebar's buttons. Scoped via :has() to only these cells. */
.execution-board-table .board-version:has(.board-file-icon) {
min-width: 146px;
}
.execution-board-table .isMobile .board-version:has(.board-file-icon) {
min-width: 106px;
}

/* The "Upload New Version" placeholder reuses .board-thumb as a container, but
   its button (esp. translated, e.g. Hebrew) is wider than the fixed square
   thumbnail — let this one box grow to fit so the button isn't clipped. */
.execution-board-table .board-thumb.board-thumb-upload {
width: auto;
min-width: 120px;
}

.board-thumb.revision-icon-wrapper {
display: block;
}

.revision-icon-wrapper .file-icon {
margin: 13px 26px;
}

.board-thumb .btn {
margin: 46px 0px;
padding: 0px 5px;
}

.board-version .board-arrow {
margin-top: 65px;
margin-left: 15px;
margin-right: 15px;
font-size: 23px;
}

.board-version.board-compare-arrows img {
float: left;
clear: both;
margin-top: -20px;
}

.board-version .compare-btn,
.board-version.board-compare-arrows button,
.board-version.board-compare-arrows .btn {
float: left;
margin: 20px 5px 10px 5px;
clear: both;
min-width: 74px;
}

#board-version-edition i {
display: none;
cursor: pointer;
}

#board-version-edition:hover i,
#board-version-edition i.active {
display: inline-block;
}

#board-version-edition.active {
background: yellow;
}

#compare-center-title span.newer {
background: green;
}

button:focus {
outline: 0 !important;
}

#submit-after-upload {
font-weight: bold;
color: #333333;
line-height: 25px;
}

#submit-after-upload img {
height: 12px;
padding: 0 3px 0 10px;
}

.no-preview-image {
text-align: center;
margin-top: 30px;
}

.project-menu-collapsed .navbar-toggle {
float: left;
margin-left: 15px;
}

.files-list a {
display: block;
}

.files-list tr td {
position: relative;
}

.files-list input[type="checkbox"] {
margin-right: 10px;
vertical-align: -2px;
}

.files-list label {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
}

.files-list tr.new {
background: rgba(92,184,92,0.2);
}

.files-list tr.updated {
background: rgba(91,192,222,0.2);
}

.files-list tr.deleted {
background: rgba(217,83,79,0.2);
}

.board-loading-overlay {
position: absolute;
top: 20px;
left: auto;
right: 0;
height: 122px;
text-align: center;
width: 122px;
z-index: 1;
background: rgba(255, 255, 255, 0.5);
padding: 45px 14px;
}

.board-loading-overlay img {
margin: 0 auto;
}

.board-loading-overlay .board-delete-btn {
display: none;
}

.board-loading-overlay:hover .board-delete-btn {
display: block;
}

.board-view-btn {
position: absolute;
top: 20px;
left: auto;
right: 0;
height: 122px;
width: 122px;
z-index: 1;
}

.isMobile .board-view-btn {
height: 82px;
width: 82px;
}

.board-view-btn:hover {
background: rgba(255, 255, 255, 0.5);
padding: 45px 30px 0 30px;
}

.board-view-btn.board-download-btn-hover {
padding: 45px 18px 0 18px;
}

.isMobile .board-view-btn:hover {
padding: 25px 15px;
}

.board-view-btn button,
.board-view-btn .btn,
.board-view-btn i {
display: none;
}

.board-view-btn:hover button,
.board-view-btn:hover .btn,
.board-view-btn:hover i {
display: block;
}

.board-delete-btn {
position: absolute;
bottom: 5px;
right: 4px;
}

.board-thumb-bar .board-delete-btn {
color: gray;
opacity: 0.3;
}

.board-thumb-bar:hover .board-delete-btn {
opacity: 1;
}

.board-delete-btn:hover {
color: red;
cursor: pointer;
}

.board-download-btn {
position: absolute;
bottom: 5px;
left: 5px;
}

.board-thumb-bar .board-download-btn {
color: gray;
left: 3px;
bottom: 25px;
opacity: 0.3;
}

.board-thumb-bar:hover .board-download-btn {
opacity: 1;
}

.board-print-btn {
position: absolute;
bottom: 5px;
left: 5px;
}

.board-thumb-bar .board-print-btn {
color: gray;
left: 3px;
bottom: 48px;
opacity: 0.3;
}

.board-thumb-bar:hover .board-print-btn {
opacity: 1;
}

.board-info-btn {
position: absolute;
bottom: 5px;
left: 5px;
}

.board-thumb-bar .board-info-btn {
color: gray;
left: 3px;
bottom: 70px;
opacity: 0.3;
}

.board-thumb-bar:hover .board-info-btn {
opacity: 1;
}

.board-thumb-bar .board-approval-btn {
margin: 5px 0;
cursor: pointer;
}

.board-thumb-bar .board-approval-btn:hover {
color: blue;
}

.board-rotate-left-btn {
position: absolute;
top: 5px;
left: 5px;
}

.board-thumb-bar .board-rotate-left-btn {
color: gray;
top: auto;
bottom: 70px;
left: 4px;
opacity: 0.3;
}

.board-thumb-bar:hover .board-rotate-left-btn {
opacity: 1;
}

.board-rotate-right-btn {
position: absolute;
top: 5px;
right: 5px;
}

.board-print-btn:hover,
.board-download-btn:hover,
.board-info-btn:hover,
.board-rotate-left-btn:hover,
.board-rotate-right-btn:hover {
color: blue;
cursor: pointer;
}

.board-category-action-btn,
.board-category-action-btn-right,
.board-download-folder-btn,
.board-download-folder-btn-right,
.board-rename-category-btn,
.board-rename-category-btn-right,
.board-move-category-btn,
.board-move-category-btn-right,
.board-delete-category-btn,
.board-delete-category-btn-right,
.board-notifications-category-btn,
.board-notifications-category-btn-right,
.board-download-category-btn,
.board-download-category-btn-right {
padding: 10px;
opacity: 0.3;
font-size: 23px;
}

.board-category-action-btn-right
.board-download-folder-btn-right,
.board-rename-category-btn-right,
.board-move-category-btn-right,
.board-delete-category-btn-right,
.board-notifications-category-btn-right,
.board-download-category-btn-right {
right: auto;
left: 15px;
}

.clickable {
cursor: pointer;
}

.board-revision-button {
cursor: pointer;
margin: 4px 5px;
opacity: 0.3;
}

.board-revision-button:hover {
opacity: 1;
}

.board-folder {
position: relative;
}

.board-category-action-btn:hover,
.board-category-action-btn-right:hover,
.board-download-folder-btn:hover,
.board-download-folder-btn-right:hover,
.board-rename-category-btn:hover,
.board-rename-category-btn-right:hover,
.board-move-category-btn:hover,
.board-move-category-btn-right:hover,
.board-delete-category-btn:hover,
.board-delete-category-btn-right:hover,
.board-notifications-category-btn:hover,
.board-notifications-category-btn-right:hover,
.board-download-category-btn:hover,
.board-download-category-btn-right:hover {
cursor: pointer;
opacity: 1;
}

.board-notification-active {
opacity: 1;
color: #7dab7d;
}

.execution-board-table .execution-folder {
position: relative;
}

.execution-board-table .execution-folder img {
float: left;
height: 80px;
width: auto;
padding: 20px;
}

.execution-board-table .execution-folder i {
position: absolute;
top: 35px;
left: 42px;
font-size: 18px;
color: #fff;
}

.execution-board-table .execution-folder .caption {
float: left;
line-height: 80px;
}

#custom-search-input {
margin:0;
padding: 0;
display: inline-block;
vertical-align: middle;
}

#custom-search-input.pull-left {
margin-right: 0;
margin-left: -20px;
}

#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 7px;
padding-left: 7px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 0px;
    position: relative;
    left: -24px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#custom-search-input.pull-left button {
	left: 0;
	right: -24px;
}

#custom-search-input button:hover {
	border: 0 !important;
}

.search-query:focus + button {
    z-index: 3;   
}

#custom-search-input tags-input .tags .tag-item {
	background: #F9F9F9;
}

#custom-search-input tags-input .tags .tag-item.selected {
    background: #DEF3F9;
}

#custom-search-input tags-input .host {
	margin: 0;
}

#custom-search-input tags-input .tags {
	border: 0;
	box-shadow: none;
}

#custom-search-input .input-sm {
	height: 42px;
}

#custom-search-input .remove-button {
	display: none;
}


.activity-table > tbody > tr,
.activity-table > tbody > tr > td {
	height: auto;
}

.diffVerifyAction {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 65px;
    margin: 0 8px 10px 8px;
}

.diffVerifyAction i,
.filtersAction i {
	cursor: pointer;
	margin: 0 2px;
}

.diffVerifyAction .btn-group.open .dropdown-toggle {
	box-shadow: initial;
}

.popover{
	min-width: 300px;

}
.popover-content {
    white-space: pre-wrap;    
}

.tooltip-right + .popover .popover-content {
	direction: rtl;
}

.table-hover>tbody>tr:hover {
	background-color: #ECECEC;
}

#report-wrapper img,
.report-images-box img {
	width: 100%;
	border: 1px solid #E2E2E2;
}

#report-wrapper .report-description-box {
	padding: 10px;
	border: 1px solid #E2E2E2;
}

#report-wrapper .panel-body {
	padding: 0;
}

#report-wrapper textarea {
	width: 100%;
	padding: 10px;
}
#report-wrapper textarea,
#report-wrapper textarea:hover,
#report-wrapper textarea:active,
#report-wrapper textarea:focus {
	border: 0;
	outline:0px !important;
    -webkit-appearance:none;
}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

#report-wrapper table th {
    width: 200px;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

#report-wrapper .btn.btn-success,
.btn.btn-shap-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    text-shadow: initial !important;
}

#report-wrapper form.active,
#report-wrapper input.active {
	background: rgba(242, 242, 242, 0.35);
}

#report-wrapper form.active textarea {
	background: transparent;
}

#report-wrapper form textarea:disabled,
#report-wrapper input:disabled {
	background: transparent;
}

.page-blocker {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(238, 238, 238, 0.55);
	z-index: 100;
}

.page-blocker div {
	position: absolute;
	top: 50%;
	left: 50%;
	
	padding: 6px 10px;
    font-size: 12px;
    background-color: rgba(91,192,222,0.2);
    color: rgba(91,192,222,1);
    border: 1px solid rgba(91,192,222,1);
    margin-bottom: 20px;
}

/* please wait plugin */
body > .inner {
  display: none;
}

body.pg-loaded > .inner {
  display: block;
}

.pg-loading-screen.pg-loading .pg-loading-logo-header {
	display: none;
}

.loading-message {
    font-size: 20px;
    margin-bottom: 100px;
	color: #FFF;
    font-weight: 300;
}
/* please wait plugin */

.report-animation .panel-body {
	position: relative;
}

.report-animation .panel-body i {
	position: absolute;
    top: 45%;
    height: 100%;
    left: 50%;
    font-size: 55px;
    color: red;
}

.report-animation .panel-body i:hover {
	color: #F62FF6;
	cursor: pointer;
}

#report-wrapper img.loading-report {
	height: 15px;
    width: auto;
    border: 0px;
	margin: 5px;
}

.review-process-modal .table-bordered > tbody > tr > td,
.report-wrapper .table-bordered > tbody > tr > td {
	border: 1px solid #ddd;
}

.report-wrapper .table-bordered > tbody > tr {
  height: 20px;
}

.report-wrapper .table-bordered > tbody > tr > td,
.table-condensed > tbody > tr > td{
  	height: 20px;
	padding: 2px 8px;
}

.table-condensed > tbody > tr {
	height: 20px;
}

.report-wrapper td > label {
	display: inline-block;
	margin-right: 10px;
	float: left;
	margin-top: 4px;
}

.report-wrapper input[type=number]::-webkit-inner-spin-button, 
.report-wrapper input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.report-wrapper textarea {
	width: 100%;
}

input[type="number"] {
	direction: ltr !important;
}

.report-wrapper.disabled input,
.report-wrapper.disabled textarea,
.report-wrapper.disabled select {
    pointer-events: none;
    tab-index: -1;
}

.report-save-wrapper {
	border: 1px solid #ddd;
	height: 47px;
    padding: 0 10px;
	background: #fff;
}

/* The save/send bar uses the angular-sticky directive (public/js/sticky.min.js).
   That library memorizes the element's width in PX once at init and re-applies it
   on every window `resize` (unStickElement restores initialCSS.width + a non-fixed
   position), so after changing the viewport the green bar keeps the width of the
   resolution it initialized at and never follows later resizes. While the bar is
   NOT in its fixed/stuck state, force the natural container width so it stays
   responsive; the stuck state (position:fixed, which the lib sets inline) keeps the
   lib's computed px width and is re-measured against this responsive width on the
   next re-stick. Shared across all .report-save-wrapper bars (forms, print-orders,
   project reports). NOTE: relies on the lib setting inline `position: fixed` only
   while stuck. */
.report-save-wrapper:not([style*="position: fixed"]) {
	width: auto !important;
}

.reports-list input[type="search"] {
	margin-left: auto;
	margin-right: auto;
}

.report-save-wrapper.activated {
	background: #449d44;
}

.report-save-wrapper .btn {
	margin-top: 8px;
}

.report-remove-row {
	display: none;
	position: absolute;
    /* top: 18px; */
	bottom: 0px;
    right: -6px;
	padding: 0 2px;
}

.report-remove-row.report-remove-row-left,
.report-move-up-row.report-move-row-left,
.report-move-down-row.report-move-row-left {
	right: auto;
	left: -6px;
}

.report-move-up-row {
	display: none;
	position: absolute;
    top: 0px;
    right: -6px;
	padding: 0 2px;
}

.report-move-down-row {
	display: none;
	position: absolute;
    top: 18px;
    right: -6px;
	padding: 0 2px;
}

.report-rows > td:first-child {
	position: relative;
}

.report-rows:hover .report-remove-row,
.report-rows:hover .report-move-up-row,
.report-rows:hover .report-move-down-row {
	display: block;
}

.form-table-drag-head {
	width: 24px;
	background: lightgray;
}

.form-table-drag-cell {
	width: 24px;
	min-width: 24px;
	text-align: center;
	vertical-align: middle !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.form-table-id-cell {
	min-width: 46px;
	vertical-align: middle !important;
	text-align: center;
	position: relative;
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.form-table-id-cell-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

.form-table-row-index {
	font-weight: bold;
	display: block;
	text-align: center;
	min-width: 14px;
}

.form-table-actions-head {
	width: 44px;
	background: lightgray;
}

.form-table-actions-cell {
	width: 44px;
	min-width: 44px;
	text-align: center;
	vertical-align: middle !important;
}

.form-table-row-tools-inline {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.form-table-drag-handle {
	color: #777;
	cursor: move;
	cursor: grab;
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.btn.btn-xs.btn-link.form-table-drag-handle.ui-sortable-handle {
	margin: 0 !important;
}

.form-table-drag-handle:hover,
.form-table-drag-handle:focus {
	color: #333;
	text-decoration: none;
}

.report-rows.ui-sortable-helper .form-table-row-tools {
	opacity: 1;
}

.report-rows.ui-sortable-helper,
.report-rows.ui-sortable-helper > td {
	background: #fff !important;
}

.form-table-row-menu {
	min-width: 120px;
}

/* Row-actions / add-row dropdowns use dropdown-append-to-body, which breaks
   out of the modal's stacking context — at Bootstrap's default z-index 1000
   they paint BEHIND the viewer modal (z-index 1050) when a form is open as a
   popup over a plan, so the menu "does nothing". Keep them above modals. */
body > .form-table-row-menu,
body > .form-addrow-menu {
	z-index: 1060;
}

.report-gray-col {
	background: #eee;
}

.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  /* padding: 15px; */
  /*border-radius: 10px;*/
  border: 1px solid #cccccc;
  top: -2px;
  left: 12px;
  min-width: 100px;
  z-index: 101;
}
.ol-popup:after, .ol-popup:before {
	/*
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
	*/
	
	top: 0px;
    left: -11px;
    content: " ";
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 10px 10px 0px;
    border-color: transparent #ccc transparent transparent;
}

.ol-popup:after {
	border-color: transparent #fff transparent transparent;
	border-width: 0px 9px 9px 0px;
	left: -9px;
}

/*
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: -10px;
  margin-left: 11px;
}
*/
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}

#edit-box {
	position: absolute;
    bottom: 30px;
    left: 10px;
    padding: 10px;
    z-index: 10;
    border: 1px solid #000;
	background: #fff;
	direction: ltr;
}

#edit-box input {
	font-size: 18px;
	border: 1px solid #000;
}

#splitted-filename input,
#edit-date input {
	width: 30px;
	text-align: center;
}

/*
#layers-toggle {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
    color: #fff;
	border-radius: 2px 2px 2px 2px;
	background-color: rgba(0,60,136,.5);
}

#layers-toggle:hover {
    background-color: rgba(0,60,136,.7)
}

#layers-toggle ul {
	list-style-type: none;
	margin: 0;
    padding: 5px 10px 0 0;
}
#layers-toggle ul li {
	list-style-type: none;
}
#layers-toggle label {
	font-weight: normal;
}
#layers-toggle i {
	margin: 4px 10px;
	float: left;
}
*/

#layers-toggle button:hover {
	text-decoration: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

#users-table input {
    width: 120px;
}

#rfi-box {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 8px solid #01da01;
	z-index: 100;
	-webkit-box-shadow: -5px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -5px 6px 5px 0px rgba(0,0,0,0.75);
}

#save-box {
    position: absolute;
    width: 50%;
    height: 80%;
    top: 10%;
    left: 25%;
    
    margin: 0;
    padding: 0;
    z-index: 100;
    border: 2px solid #01da01;
	background: transparent;
	
	-webkit-box-shadow: -5px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -5px 6px 5px 0px rgba(0,0,0,0.75);
}

#save-box #title {
    background: #01da01;
    color: white;
    font-size: 24px;
	line-height: 24px;
    height: 30px;
    text-align: center;
	position: absolute;
    width: 100%;
	z-index: 2;
}

#save-box #save-label {
	font-size: 20px;
}

#save-box #save-box-center {
    position: absolute;
    top: 1%;
    left: 1%;
    height: 98%;
    width: 98%;
    z-index: 1;
}

#ghost-save-box {
    opacity: 0.2;

    width: 50%;
    height: 80%;
    top: 10%;
    left: 25%;
    
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 98;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.nonePointer {
	pointer-events: none;
}

.glass::before {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('pelican-blurry.jpg');
    background-size: cover;
    content: ' ';
    opacity: 0.4;
}
.glass {
    background-color: white;
}

.rfi-image-wrp {
    border: 8px solid #e0e0e0;
}

.rfi-image-name {
	height: 30px;
	width: 100%;
	background: #e0e0e0;
	direction: ltr;
}

.report-text-box {
	width: 100%; 
	min-height: 40px; 
	display: block;
	border: 1px solid #ddd;
	padding: 8px;
}

.report-text-box-label {
	font-size: 16px; 
	font-weight: bold; 
	text-decoration: underline;
}

.report-simulated-line {
	clear: both;
    width: 100%;
    border-bottom: 1px solid #000;
    height: 30px;
}

#solel-report select,
#solel-rfi select,
select.select-auto {
    width:auto !important;
	display: inline;
}

div[uib-datepicker-popup-wrap] {
	direction: ltr;
    position: fixed;
    z-index: 1000;
}

div[uib-datepicker-popup-wrap] .btn {
	margin: 0 0 0 5px;
}

.report-wrapper div[uib-datepicker-popup-wrap],
.relativeDatePicker div[uib-datepicker-popup-wrap] {
	position: initial;
}

.datepicker-label {
	display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

.st-sort-descent:before {
    content: '\25BC';
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

th[st-sort]:hover {
	cursor: pointer;
}

.fa-rfi:before {
    content: "RFI";
    font-size: 10px;
}
.fa-ncr:before {
    content: "NCR";
    font-size: 10px;
}
.fa-adv:before {
    content: "ADV";
    font-size: 10px;
}
.fa-log:before {
    content: "LOG";
    font-size: 10px;
}
.fa-events:before {
    content: "EVT";
    font-size: 10px;
}
.fa-psga:before {
    content: "PSGA";
    font-size: 9px !important;
}
.fa-cr:before {
    content: "CR";
    font-size: 10px;
}
.fa-cs:before {
    content: "CS";
    font-size: 10px;
}
.fa-ewn:before {
    content: "EWN";
    font-size: 10px;
}
.fa-crf:before {
    content: "CRF";
    font-size: 10px;
}
.fa-drm:before {
    content: "DRM";
    font-size: 10px;
}
.fa-rev-batch:before {
    content: "RB";
    font-size: 10px;
}
.fa-is:before {
    content: "IS";
    font-size: 10px;
}

.fa-early-warning:before {
    content: "EW";
	font-size: 10px;
}

.fa-err-report:before {
    content: "ERR";
	font-size: 10px;
}

.fa-compensation-event:before {
    content: "CE";
	font-size: 10px;
}

.fa-technical-information:before {
    content: "TI";
	font-size: 10px;
}

.fa-schedules-submission:before {
    content: "SCH";
	font-size: 10px;
}

.fa-submittal:before {
    content: "SUB";
	font-size: 10px;
}

.fa-technical-submittal:before {
    content: "TSB";
	font-size: 10px;
}


.fa-shop-drawing:before {
    content: "SD";
	font-size: 10px;
}

.fa-facility-file:before {
    content: "FF";
	font-size: 10px;
}

.fa-owner-accounts:before {
    content: "OWA";
	font-size: 10px;
}

.fa-budget-control:before {
    content: "BUD";
	font-size: 10px;
}

.fa-nonconformity:before {
    content: "NOC";
	font-size: 10px;
}

.fa-err:before {
    content: "ERR";
	font-size: 10px;
}

.fa-custom:before {
    font-size: 8px;
	font-weight: normal;
}

#compare-center-title .label {
	font-size: 18px;
    padding: 0.1em .6em .3em;
}

/* loading elipsis animation */
.loading-ellipsis:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 20px;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 20px;    
  }
}
/* loading elipsis animation */

.context-menu-list {
	z-index: 1000 !important;
}

.dropdown-menu.nc {
	right: 0;
	padding: 0;
    width: 300px;
    max-height: 400px;
    overflow: auto;
}

.nc-new {
	background-color: #e7e7e7;
}

.nc li a {
	padding: 10px;
	position: relative;
}

.nc li img {
	height: 60px;
	float: right;
	margin-left: 10px;
}

.nc .divider {
	margin: 0;
	background-color: #f5f5f5;
}

.nc-desc {
	white-space: normal;
    width: 175px;
	height: 50px;
	max-height: 50px;
	overflow: hidden;
	font-size: 12px;
}

.nc-date {
	font-size: 11px;
	margin-top: 4px;
}

.hidden-until-loading {
	display: none !important;
}

.nc .close {
	position: absolute;
    top: 5px;
    left: 5px;
	font-size: 16px;
	display: none;
}

.nc li:hover a .close {
	display: inline-block;
}

#walkme-player {
	display: none !important;
}

.ui-select-container > input.ui-select-focusser {
	display: none;
}

.table-border-top {
	border-top: 1px solid #000;
}

.borderless td, .borderless th {
    border: none !important;
}

.flow-panel {
	margin: 10px 0;
}

.flow-panel .panel-body {
	display: none;
}

.flow-panel.active {
	border-color: #337ab7;
}

.flow-panel.active .panel-heading {
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.flow-panel.active .panel-body {
	display: block;
}

.flow-panel .panel-heading {
	cursor: pointer;
}

.flow-panel .panel-title {
	height: 30px;
    line-height: 30px;
	font-weight: bold;
}

.flow-panel .panel-title .panel-title-optional {
	font-weight: normal;
}

.flow-panel .panel-title .btn {
	display: none;
	color: #000;
}

.flow-panel.active .panel-title .btn {
	display: block;
}

.flow-panel>.panel-heading .badge,
.flow-panel .badge {
	border-radius: 10px;
	background-color: #999;
	border-radius: 16px;
    padding: 6px;
	width: 24px;
    font-weight: bold;
	margin-right: 5px;
}

.flow-panel.active>.panel-heading .badge,
.flow-panel.active .badge {
	color: #337ab7;
	background-color: #fff;
}

.flow-panel.flow-panel-done>.panel-heading .badge,
.flow-panel.flow-panel-done .badge {
	background-color: #5cb85c;
    color: #fff;
}

.flow-panel .label {
	font-size: 100%;
	line-height: 30px;
}

.flow-panel .label-default:hover {
	color: #5cb85c;
	border-color: #5cb85c;
}

.flow-panel .label-default {
	font-size: 100%;
    background-color: transparent;
    border: 1px solid #777777;
    color: #777777;	
}


#viewer-menu {
	width: 200px;
	float: right;
	border-left: 1px solid #E2E2E2;
	background: #f8f8f8;
}

#vsb-details-form {
	font-size: 16px;
	line-height: 26px;
}

#vsb-details-form label {
	width: 90px;
}

#vsb-details-form table label {
	width: auto;
}

#vsb-details-form .editable-buttons {
	clear: both;
    display: block;
	text-align: center;
    margin-top: 5px;
	position: absolute;
	background: #f8f8f8;
}

#vsb-details-form .editable-buttons button:first-child {
    margin-right: 0;
}

#vsb-details-form .btn {
	margin: 0;
}

.vbs-title {
    border-bottom: 1px solid #d3d3d3;
    font-size: 15px;
    margin-bottom: 5px;
	clear: both;
    margin-top: 10px;
}

.vsb-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #d3d3d3 transparent;
    position: absolute;
    top: 35px;
    right: 7px;
}

.ellipsis-div {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.formio .form-control {
	padding-left: 12px;
	padding-right: 0;
}

#form-content td input[type="text"],
#form-content td select {
	width: 100%;
}

#upload-details-form tr td {
	line-height: 34px;
}

#upload-details-form .help-block {
	margin: 0;
    padding: 0;
    line-height: 20px;
}

form.editable-bsdate input {
	direction: ltr;
	text-align: left;
} 

.conversation-status-user {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.conversation-status-user:first-child {
	padding-top: 0;
}

.conversation-status-user:last-child {
	border: 0px;
}

.ajR {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    clear: both;
    line-height: 6px;
    outline: none;
    position: relative;
    width: 20px;
}

.ajR:hover, .ajR:focus {
    background-color: #d8d8d8;
    border-color: #cdcdcd;
}

.ajT {
    background: url(//ssl.gstatic.com/ui/v1/icons/mail/ellipsis.png) no-repeat;
    height: 8px;
    opacity: .3;
    width: 19px;
}

.table-bordered>thead>tr>th.reports-list-col-highlight,
.table-bordered>tbody>tr>td.reports-list-col-highlight {
	border-left: 0;
	border-right: 2px solid #ddd;
}

.board-thumb-bar .popover .popover-content,
.form-status .popover .popover-content,
.approval-box .popover .popover-content {
	white-space: normal;
}

#share-screenshot-form .host {
	margin: 2px 0;
}

#share-screenshot-form .tags {
	border: 0;
    box-shadow: none;
}

#share-screenshot-form tags-input .tags {
	overflow: initial;
}

/*
.toggle .toggle-group .btn{min-width:59px;min-height:34px;margin:0;}
.toggle .toggle-group .btn.btn-primary{background-color: #428bca;border-color: #357ebd;}
*/

.toggle-on.btn-sm {
	margin: 0;
	background-image: linear-gradient(to bottom, #FFF280, #FFE600);
    background-repeat: repeat-x;
}
.toggle-off.btn-sm {
	background-image: none;
	background-color: #e6e6e6;
    border-color: #adadad;
	padding-left: 15px;
}

.reports-list .dropdown-menu,
.board-table .dropdown-menu {
	right: 0;
    left: auto;
}

.report-row-error {
	background: rgba(255, 212, 212, 0.4);
}

.approveBtn.active,
.approveBtn:hover {
	color: green !important;
}

.rejectBtn.active,
.rejectBtn:hover {
	color: red !important;
}

.compare-color-picker-btn {
	margin: 0 auto; 
	border: 1px solid #000; 
	width: 30px; 
	height: 30px;
	cursor: pointer;
}


.fp-tableCell {
	padding-top: 95px;
}

.report_row_error {
	background: red;
}

.table tr.deleted-row {
	text-decoration: line-through;
}

.btn .label {
	text-shadow: none;
}

.sparkling-effect {
	height: 18px;
    position: absolute;
    top: -5px;
    right: -1px;
	animation: grow-shrink 2s infinite; /* Apply the animation */
	background-image: url('/img/sparkling.png');
	background-size: cover;
	background-position: center;
    content: ' ';
	width: 15px;
}

@keyframes grow-shrink {
  0%, 100% {
    height: 14px; /* Initial and final state: Smaller height */
	opacity: 0;
  }
  50% {
    height: 18px; /* Intermediate state: Bigger height */
	opacity: 1;
  }
}

.approval-label-select {
	margin: 0 2px;
}

.approval-label-select:first-child {
	margin: 0 2px 0 0;
}

.main-revision-ribbon {
	position: absolute;
    top: 20px;
    right: 3px;
    color: blue;
}

.revision-shortcut {
	position: absolute;
    top: auto;
    bottom: 0px;
    right: 0;
    background: #d7d7d7;
    padding: 3px;
    border-radius: 2px;
	z-index: 2;
}

.revision-shortcut .glyphicon-share-alt {
	margin-right: 4px;
}

.compares-board-table .revision-shortcut {
	bottom: 14px;
}

.revision-shortcut a {
	max-width: 70px;
    overflow: hidden;
    float: right;
    white-space: nowrap;
}

.board-has-features {
	position: absolute;
	right: 25px;
	color: black;
    background: #0037ff5c;
    font-size: 12px;
    padding: 2px 4px;
}

.board-status-ribbon,
.board-status-ribbon-upper,
.board-status-ribbon-super-upper {
	position: absolute;
    bottom: 30px;
    right: 1px;
    color: black;
    background: #0037ff5c;
    font-size: 12px;
    padding: 2px 4px;
	white-space: nowrap;
    overflow: hidden;
    max-width: 75%;
}

.compares-board-table .board-status-ribbon {
	bottom: 45px;
}

.board-status-ribbon-super-upper {
	bottom: 80px;
}

.board-status-ribbon-upper {
	bottom: 55px;
}

.board-status-ribbon-upper-more {
	bottom: 65px;
}

.compares-board-table .board-status-ribbon-upper {
	bottom: 65px;
}

a.accordion-toggle {
	display: block;
}

toggle.disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 0.65;
}

#footer-breadcrumbs {
	position: fixed;
	bottom: 0;
	margin: 0;
	background: #fff;
	z-index: 10;
	border: 1px solid #e2e2e2;
    padding: 5px;
}

.multiSelect .multiSelectItem {
	text-align: left;	
}

.formDataTable {
	height: 300px;
	overflow: auto;
}

.formDataTable > div {
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 2px;
}

.formDataTable > div:hover {
	background: #ddd;
}

.report-table-header {
	background: #eaeaea; 
	font-weight: bold;
	text-align: center;
}

mentio-menu.mentio-menu-fixed {
    position: fixed !important;
}

.advanced-search {
	max-height: 0;
	width: 100%;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

.advanced-search.active {
	max-height: 500px;
    transition: max-height 1s ease-in;
}

.advanced-search .filter-block {
	cursor: pointer;
	display: inline-block;
	margin-right: 20px;
}

.added-to-comment {
	margin-top: 20px; clear: both;
}

.added-to-comment div {
	display: inline-block;
	margin-right: 20px;
}

.added-to-comment div:first-child {
	margin-right: 0;
}

.comment label {
	min-width: 100px;
}

.label-invert {
	background: transparent;
    border: 1px solid #000;
    color: #000;
}

#discussion .selected-mention-row .fa,
#discussion .discussion-mention-row .fa {
	margin: 0 2px;
}

#discussion .selected-mention-row:hover .fa,
#discussion .discussion-mention-row:hover .fa {
	cursor: pointer;
}

#discussion .selected-mention-row:hover .fa.fa-times,
#discussion .discussion-mention-row:hover .fa.fa-times {
	display: inline-block !important;
}

#discussion .selected-mention-row:hover .fa.fa-user,
#discussion .discussion-mention-row:hover .fa.fa-user {
	display: none;
}

#discussion .map-discussion-mentions {
    padding: 4px 12px;
}

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }*/
.bs-wizard > .bs-wizard-step.pending > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.pending > .bs-wizard-dot:after {opacity: 0}
.bs-wizard > .bs-wizard-step.pending > .bs-wizard-dot:hover {background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.pending > .bs-wizard-dot:hover:after {opacity: 1}
.bs-wizard.disabled a {pointer-events: none;}
/*END Form Wizard*/

.report-wrapper #task-table input,
.report-wrapper #task-table textarea {
	width: 100%;
	margin: 5px 0;
}

.report-wrapper #task-table input[type="checkbox"] {
	width: auto;
}

.report-wrapper #task-table .editable-wrap,
.report-wrapper #task-table .editable-wrap > div {
	width: 100%;
}

.report-wrapper #task-table .editable-wrap .editable-buttons {
	display: block;
}

.report-wrapper.disabled .editable-click {
	color: #000;
    border-bottom: none;
	cursor: default;
}

.report-wrapper .editable-click, a.editable-click {
	border: 0;
	color: #000;	
}

.editable-click:hover, a.editable-click:hover {
    text-decoration: none;
    color: #428bca;
    border-bottom: dashed 1px #428bca;
}

.report-wrapper.disabled #task-table .editable-empty {
	color: #000;
}

.approval-process .table {
	width: auto;
}

.approval-process .table>tbody>tr>td {
	border-top: 0;
}

.approval-process.panel-body {
	overflow: auto;
}

.approval-process td {
	border-right: 1px solid #ddd;
	width: 230px;
}

.approval-process td:last-child {
	border-right: 0;
}

.approval-process .user-list {
	list-style-type: none;
	padding: 0;
}

.approval-process .user-list li {
	margin: 4px 0;
	font-size: 13px;	
}

.approval-process .user-list li i {
	margin: 0 5px;
}

.approval-process h2 {
	text-align: center;
	margin-bottom: 20px;
}

.approval-process h3 {
	font-weight: bold;
	text-decoration: underline;
}

a[ng-click] {
    cursor: pointer;
}

.notifications-dot {
  	height: 8px;
    width: 8px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: -3px;
}

@media print {
body, th, tr, td {
		-webkit-print-color-adjust: exact;
	}
	a[href]:after {
		display: none;
		visibility: hidden;
	}
	.print-full-width {
		width: 100% !important;
  	}
	.hide-on-print {
		display: none !important;
	}

	.modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible !important;
		background: #fff !important;
		-webkit-print-color-adjust: exact !important;
    }
    
  	.report-log-modal .modal-dialog {
		width: 100% !important;
  		margin: 0 auto !important;
  	}
  	.navbar-toggle,
  	.nc-wrapper,
  	.report-log-modal .btn {
		display: none !important;
  		border: 0 !important;
  	}
  	.main-navigation {
		border: 0 !important;
  	}
}

@media only screen and (max-width : 480px) {
	.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {height: 42px;}
	.bs-wizard > .bs-wizard-step > .bs-wizard-dot {top: 65px;}
}

.approval-box progress,                          /* Firefox  */ 
.approval-box progress[role][aria-valuenow] {    /* Polyfill */
   background: #fb4b4b !important; /* !important is needed by the polyfill */
}
.approval-box progress::-webkit-progress-bar {
    background: #fb4b4b;
}

.approval-box progress {
    color: #5cb85c;
}
.approval-box progress::-moz-progress-bar,
.approval-box progress::-webkit-progress-value,
.approval-box progress[aria-valuenow]:before {
    background: #5cb85c;
}

.approval-discussion {
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
}

.approval-discussion:last-child {
	border: 0;
}

.approval-discussion-header {
	position: relative;	
}

.approval-discussion-header .map-discussion-archive {
	left: 0;
}

.approval-discussion-header img {
    float: right;
    height: 32px;
    margin: 0 0 5px 5px;
}

.approval-discussion-header div {
    float: right;
}

.approval-discussion p {
	clear: both;
}

.approval-discussion-footer {
	margin-bottom: 10px;
}

.approval-discussion-footer span {
	display: inline-block;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	width: 150px !important;
}

#news-page {
	margin-bottom: 50px;
}

#news-page .news-row {
	padding: 10px;
}

#news-page .news-row:nth-of-type(even) {
	background-color: #fff;
}

.advanced-search-label {
	display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

.scrollme {
	overflow-y: auto;
}

.scrollme table {
	width: initial;
	min-width: 100%;
}

.scrollme table > tbody > tr > td {
	white-space: nowrap;
}

.fixed-scrollbar {
	overflow-x: scroll;
	overflow-y:hidden;
	height: 20px;
	width: 100%;
	
	position: fixed;
    bottom: 0;
    z-index: 999;
}

.fixed-scrollbar-inner {
	display: inline-block;
	height: 1px;
}

.main-dashboard .report-bar-part {
	border: 1px solid #b9b9b9;
	text-align: center;
	padding: 0 3px;
	color: #fff;
} 

.main-dashboard .statistics-label-row {
	margin: 0 5px;
	display: inline-block;
}

.main-dashboard .statistics-status-label {
	height: 15px;
	width: 15px;
	margin: 2px 4px;
	float: left;
}

.main-dashboard .statistics-status-label + div {
	display: inline-block;
}

.main-dashboard .statistics-status-good {
	background: #28a745;
}

.main-dashboard .statistics-status-warning {
	background: #ffc107;
	color: #212529;
}

.main-dashboard .statistics-status-overdue {
	background: #dc3545;
}

.main-dashboard .statistics-status-other,
.main-dashboard .statistics-status-pending {
	background: #55bed6;
}

.has-error {
	border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.sub-text-error {
	color: #a94442;
    font-size: 12px;
}

.history-payment-approval-box {
	border: 1px solid #e2e2e2;
    margin: 5px 0;
    padding: 5px;
}

.dropzone {
	border: 2px dashed #0087F7;
}

.dropzone .dz-message {
    font-size: 19px;
	text-align: center;
    margin: 2em 0;
	color: #646c7f;
}

.dropzone .dz-message i {
	font-size: 40px;
    margin-bottom: 20px;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 2em;
}

.add-users-excel-modal .modal-dialog {
  	width: 80%;
}

/* Import users wizard */
.import-steps {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
}
.import-steps li {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
    color: #aaa;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.import-steps li.active {
    color: #2196f3;
    border-bottom: 2px solid #2196f3;
    margin-bottom: -1px;
}
.import-steps li.done {
    color: #66bb6a;
}
.import-steps .import-step-num {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background: #eee;
    color: #666;
    text-align: center;
}
.import-steps li.active .import-step-num {
    background: #2196f3;
    color: #fff;
}
.import-steps li.done .import-step-num {
    background: #66bb6a;
    color: #fff;
}
.import-upload-step {
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
}
.import-users-modal .import-help {
    color: #666;
    margin-bottom: 18px;
}
.import-template-row {
    margin-bottom: 18px;
}
.import-template-hint {
    display: block;
    color: #999;
    font-size: 12px;
    margin-top: 8px;
}
.import-dropzone {
    min-height: 170px;
    border: 2px dashed #cfd8dc;
    border-radius: 6px;
    background: #fafbfc;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.import-dropzone:hover,
.import-dropzone.dz-drag-hover {
    border-color: #2196f3;
    background: #f4f9ff;
}
.import-dropzone .dz-message {
    margin: 0;
    padding: 30px 15px;
    text-align: center;
    color: #607d8b;
}
.import-dz-icon {
    display: block;
    font-size: 40px;
    color: #b0bec5;
    margin-bottom: 12px;
}
.import-dz-title {
    font-size: 16px;
    margin-bottom: 6px;
}
.import-dz-or {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 10px;
}
/* let Dropzone's element-level click handler open the file dialog */
.import-dz-browse {
    pointer-events: none;
}
.import-loading {
    margin-top: 14px;
    color: #2196f3;
}
.import-review-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.import-summary-counts {
    color: #666;
    font-size: 13px;
}
.import-progress {
    margin-bottom: 12px;
}
.import-result-summary {
    font-weight: 600;
}
.import-result-summary .import-fail-summary {
    margin: 0 15px;
}
.import-users-table {
    font-size: 13px;
    margin-top: 4px;
}
.import-users-table > thead > tr > th {
    background: #f5f7f8;
    border-bottom: 2px solid #e0e0e0;
    font-weight: 600;
    white-space: nowrap;
}
.import-users-table > tbody > tr > td {
    vertical-align: middle;
    padding: 5px 6px;
}
.import-users-table .form-control {
    height: 30px;
    padding: 4px 8px;
    font-size: 13px;
}
.import-users-table .import-row-status {
    text-align: center;
    vertical-align: middle;
}
.import-users-table tr.import-row-error td {
    background-color: #fff3e0;
}
.import-users-table tr.import-row-sending td {
    background-color: #e3f2fd;
}
.import-users-table tr.import-row-ok td {
    background-color: #e8f5e9;
}
.import-users-table tr.import-row-failed td {
    background-color: #ffebee;
}
.import-empty {
    color: #999;
    text-align: center;
    padding: 20px;
}

/* Permission groups accordion */
.perm-groups-accordion .panel-heading a,
.perm-groups-accordion .panel-title > a,
.perm-groups-accordion .panel-title > a:hover,
.perm-groups-accordion .panel-title > a:focus {
    text-decoration: none;
}
.perm-groups-accordion .panel-heading {
    transition: background-color .12s ease;
}
.perm-groups-accordion .panel-heading:hover {
    background-color: #eef3f7;
}
.perm-groups-accordion .perm-group-count {
    font-size: 11px;
}

/* View user permissions modal */
.user-permissions-modal .user-perm-invited {
    margin-bottom: 16px;
    padding: 8px 12px;
    background: #f5f7f8;
    border-radius: 4px;
    color: #607d8b;
}
.user-permissions-modal .user-perm-invited i {
    margin-right: 6px;
    color: #90a4ae;
}
.user-permissions-modal .user-perm-role {
    margin-bottom: 20px;
}
.user-permissions-modal .user-perm-role-header {
    font-size: 15px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.user-permissions-modal .user-perm-role-header .label {
    margin-left: 8px;
}
.user-permissions-modal .user-perm-groups {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.user-permissions-modal .user-perm-group {
    flex: 1 1 280px;
    min-width: 240px;
}
.user-permissions-modal .user-perm-group-title {
    font-weight: 600;
    color: #607d8b;
    margin-bottom: 6px;
}
.user-permissions-modal .user-perm-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.user-permissions-modal .user-perm-list li {
    padding: 4px 0;
    border-bottom: 1px dashed #f0f0f0;
}
.user-permissions-modal .user-perm-list li i {
    width: 16px;
    margin-right: 6px;
}
.user-permissions-modal .user-perm-list li.perm-denied span {
    color: #aaa;
}
.user-permissions-modal .user-perm-desc {
    display: block;
    margin-left: 22px;
    font-size: 11px;
    color: #999;
}

/* ----------- iPad Pro ----------- */
@media only screen
and (min-width: 1024px)
and (max-width: 1366px) {
    #project-image img {
        width: 145px;
        height: initial;
    }
}

@media only screen and (max-width: 1366px) {
	.conversation-modal .modal-dialog,
	.report-log-modal .modal-dialog,
	.update-amounts-modal .modal-dialog,
	.supervisor-report-modal .modal-dialog {
	  	width:95%;
	}
	
	.conversation-modal .modal-body,
	.report-log-modal .modal-body,
	.update-amounts-modal .modal-body,
	.supervisor-report-modal .modal-body {
	  	overflow: auto;
	}
}

.box-sign {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 10px 0 10px 0;
    height: 130px;
    width: 150px;
    border: 1px solid #E2E2E2;
}
.box-sign-btn{
    justify-content: center;
    align-content: center;
    display: flex;
    flex-direction: column;
}
.box-sign-btns{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.review-process-modal .modal-dialog {
  	width: 98%;
  	height: 98%;
  	padding: 0;
	margin: 1%;
}

.review-process-modal .modal-content {
  /* height: 100%; */
  border-radius: 0;
}

.custom-data-log-modal .modal-dialog {
  	width: 60%;
}

.review-vertical-separator {
	border-left: 1px solid #c1c1c1;
    height: 24px;
    display: inline;
    padding: 6px 0 6px 0;
    margin: 0 5px;
}

.form-autocomplete > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.delete-recipient-box {
	width: 40%;
	margin: 0 auto;
	display: inline-block;
	border: 1px solid #000;
	padding: 10px;
	cursor: pointer;
	font-size: 18px;
}

.delete-recipient-box.active {
	background: lightyellow;
}

.tox-notifications-container {
	display: none !important;
}

@media only screen and (min-width : 1200px) {
	#expand-display-button {
		display: inline-block !important;
	}
	.body-full-width .container.print-full-width {
	    width: 100%;
	}
}

.hover-underline-dotted:hover {
	text-decoration: none;
	cursor: pointer;
    color: #428bca;
    border-bottom: dashed 1px #428bca;
}

.keyboard-btn {
	display: inline-block; 
	position: relative;
}

.keyboard-btn > img {	
	height: 22px;
	margin-top: -4px;
}

.keyboard-btn > div {
	position: absolute; 
	top: 2px; 
	left: 8px;
	color: #666666; 
	font-size: 12px;
}

.empty-folder-icon {
	position: absolute !important;
    top: 35px !important;
    left: 42px !important;
    color: #fff !important;
}

.empty-folder-icon-tree {
	position: absolute !important;
    top: 13px !important;
    left: 22px !important;
    color: #fff !important;
    font-size: 10px;
}
/* Admin sidebar: collapsible "Advanced" submenu indent (RTL flip in style-rtl.css) */
.admin-submenu { margin: 0 0 0 12px; }