/*
 * Workroom UI
 * */

.header-bg {
  position: relative;
  background: #f9f9f9;
  border-top: 1px solid #e8e8e8;
  padding: 1.5em 0 0.5em 0;
  margin-bottom: 2rem;
}
.instent-workroom-filters .row,
.workroom-chatarea .row
{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.instent-workroom-filters .col-lg-3,
body.customize-support .col-lg-3{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px;
}
.instent-workroom-filters .form-group,
.customize-support .form-group{
  margin-bottom: 0px;
}
.instent-workroom-filters label {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
}
.text-orange {
  color: #EE675C !important;
}
.instent-workroom-filters .facetwp-facet {
  margin-bottom: 18px !important;
}
.instent-workroom-filters .filter .fs-wrap {
  width: 100% !important;
  margin-left: -1px;
  position: relative;
}
.instent-workroom-filters .fs-wrap {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
}
.instent-workroom-filters .filter .fs-label-wrap, 
.instent-workroom-filters .filter-sort-by .facetwp-sort, 
.instent-workroom-filters .filter .facetwp-date {
  display: block;
/*   font-family: 'IBM Plex Sans', sans-serif; */
  width: 100%;
  padding: 6px 0.5rem;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: #59595B;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border: 2px solid #ececec;
  border-radius: 3px;
}
.instent-workroom-filters .filter .fs-label-wrap:before {
  content: '';
  right: 0px;
  top: 0px;
  width: 38px;
  height: 41px;
  background: #fff;
  position: absolute;
  pointer-events: none;
  display: block;
  border-left: 2px solid #ececec;
}
.instent-workroom-filters .fs-label-wrap .fs-label {
  padding: 6px 22px 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #59595B;
}
.instent-workroom-filters .filter .fs-arrow {
  content: '';
  border: solid #EE675C;
  border-width: 0 3px 3px 0;
  right: 13px;
  top: -2px;
  padding: 3px;
  position: absolute;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.instent-workroom-filters .btn-primary, 
.instent-workroom-filters .btn-primary:active,
.instent-workroom-filters .btn-primary:hover{
  background-color: #EE675C;
  border-color: #EE675C;
}
.instent-workroom-filters .filter .fs-dropdown, .facetwp-facet .fs-dropdown {
  font-family: 'Open Sans', sans-serif;
  width: 100% !important;
  font-size: 1.3rem;
  margin-top: 0px;
  border-top: none;
  border-radius: 0px 0px 3px 3px;
  border-left: 2px solid #ececec;
  border-right: 2px solid #ececec;
  border-bottom: 2px solid #ececec;
}
.instent-workroom-filters .filter .fs-search {
  display: none;
}
.instent-workroom-filters .fs-search input {
  border: none !important;
  box-shadow: none !important;
  outline: none;
  padding: 6px 0;
  width: 100%;
}
.fs-no-results {
  padding: 6px 8px;
}
.instent-workroom-filters .facetwp-facet .fs-dropdown .fs-options {
  max-height: 290px;
  padding: 6px 0px;
}
.instent-workroom-filters .facetwp-facet .fs-dropdown .fs-options .fs-option {
  padding: 13px 29px 13px 11px;
}
.instent-workroom-filters .filter .fs-wrap.multiple .fs-option {
  padding-left: 15px;
  border-bottom: 0px;
  font-size: 14px;
  font-weight: 600;
  color: #737373;
}
.instent-workroom-filters .fs-wrap.multiple .fs-checkbox {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  left: 0;
  bottom: 0;
}
.instent-workroom-filters .filter .fs-wrap.multiple .fs-checkbox {
  right: 4px;
  left: auto;
  padding: 0px 0px 0px 0px !important;
}
.instent-workroom-filters .fs-wrap.multiple .fs-option .fs-checkbox i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  background-color: #fff;
}
.instent-workroom-filters .filter .fs-wrap.multiple .fs-option .fs-checkbox i {
  border: 2px solid #EE675C;
  border-radius: 3px;
  background-color: #fff;
  width: 20px;
  height: 20px;
  padding: 0px;
}
.facetwp-type-fselect .fs-option .fs-option-label{
  color: #59595B;
}
select[multiple], select[size] {
  height: auto;
}
.instent-workroom-filters .filter .facetwp-date-min, 
.instent-workroom-filters .filter .facetwp-date-max {
  width: 47%;
  margin-right: 5%;
  display: inline-block;
  padding: 0.6rem 0.6rem;
}
.instent-workroom-filters .filter .facetwp-date {
  height: 44px;
  background-color: #fff;
  background-image: url(../ShoptimizerChild/assets/images/icon-datepicker.png);
  background-repeat: no-repeat;
  background-position: 90% 50%;
}
.instent-workroom-filters .filter .facetwp-date-max {
  margin-right: 0;
}
.instent-workroom-filters .offset-md-1 {
  margin-left: 8.333333%;
}
.instent-workroom-filters .col-lg-5,
body.customize-support .col-lg-5{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  padding-right: 15px;
  padding-left: 15px;
}
.instent-workroom-filters .btn-search-submit {
  margin-top: 22px;
  padding: 0.6em 0.75em;
  width: 45%;
  max-width: 320px;
  font-size: 16px;
	line-height: 21px;
  border: none;
  font-weight: 600;
  float: right;
  cursor: pointer;
/*   font-family: 'open sans', sans-serif; */
}
.instent-workroom-filters .gp-wrap-list {
  min-height: 700px;
  margin-top: 38px;
}
.gp-wrap-list .ui-block-title {
  padding: 10px 15px;
  border-bottom: 3px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ui-block-title {
  padding: 15px 15px 0;
  line-height: 1;
  border: 1px solid #f0f0f0;
  width: 100%;
  position: relative;
  display: table;
  box-shadow: 0px -1px 5px #f9f9f9;
}
.instent-workroom-filters .col-lg-9,
body.customize-support .col-lg-9,
.detail-data-wrapper .col-lg-9{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.instent-workroom-filters .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-top: 0px;
}
.nav-tabs {
  border-bottom: 0px solid #e6ecf5;
}
.nav-tabs .nav-item {
  padding: 0px 25px 0 7px;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: bottom;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #EE675C;
  background-color: transparent;
  border-color: #fff #fff #EE675C;
}
.sorting-dropdown .igp-bottom-btn a.btn-archive {
  color: #fff;
}
.nav-tabs .nav-item a {
  font-size: 16px;
  line-height: 13px;
  padding: 0px 0px 10px;
  margin: 0 3px;
  text-decoration: none;
}
.nav-tabs .nav-link {
  text-transform: uppercase;
  border-radius: 0;
  border: 2px solid transparent;
  font-weight: bold;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  color: #59595B;
}
.filter-sort-by {
  padding-right: 26px;
}
.filter-sort-by .facetwp-sort:before {
  content: '';
  border: solid #f27a24;
  border-width: 0 3px 3px 0;
  right: 17px;
  top: 14px;
  z-index: 99;
  padding: 3px;
  position: absolute;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.filter-sort-by .facetwp-sort-select {
  border: none;
  font-size: 1.4rem;
  appearance: none;
  -webkit-appearance: none;
  -mox-appearance: none;
  -o-appearance: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
/*   font-family: 'IBM Plex Sans', sans-serif; */
  padding: 0px 0px 0px 15px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #fff #fff #EE675C;
  color: #EE675C;
  background: transparent;
}
.ins-unassigned-count {
  background: #EE675C;
  font-size: 13px;
  color: #FFF;
  border-radius: 100%;
  padding: 3px 5px;
}
.ui-block {
  background-color: #fff;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #f0f0f0;
  border-top: 0px;
  margin-bottom: 20px;
}
.row-data-wrapper:first-child.rush-design-border {
  border-left: 5px solid #ed1f24;
}
.row-data-wrapper:nth-child(odd) {
  background-color: #fffaf7;
}
.row-data-wrapper {
  padding: 25px;
  border-bottom: 1px solid #e6ecf5;
}
.row-data-wrapper h5 {
  font-size: 18px;
  font-weight: 600;
  color: #59595B;
  margin-top: 0px;
  margin-bottom: 190px;
}
.row-data-wrapper h5 span {
  font-size: 14px;
  font-weight: 700;
  margin: 0px 8px;
}
.row-data-wrapper h5 .rush-design-text {
  color: #cc0000;
}
ul.list {
  display: block;
  margin-bottom: 55px;
  padding-left: 15px;
}
.project-status {
  margin-bottom: 0px;
}
.project-status dl {
  text-align: right;
  margin-bottom: 0.4em;
  font-size: 14px;
}
.project-status dl dt, .project-status dl dd {
  display: inline-block;
  color: #59595B;
  font-weight: 600;
}
.project-status dl dd {
  color: #EE675C;
  margin-bottom: 0rem;
  margin-left: 0px;
}
.project-status label {
  text-align: right;
}
.designer-label {
  display: block;
  font-weight: 600;
}
.project-status .sidebar-dropdown {
  margin-bottom: 0px;
}
.sidebar-dropdown {
  position: relative;
  width: 83%;
}
.float-right {
  float: right !important;
}
.sidebar-dropdown:before {
  content: '';
  right: 2px;
  top: 2px;
  width: 38px;
  height: 35px;
  background: #fff;
  position: absolute;
  pointer-events: none;
  display: block;
  border-left: 2px solid #ececec;
}
select.form-control:not([size]):not([multiple]) {
  height: 45.5px;
  width: 100%;
}
.project-status .select-designer {
  padding: 0px 0.5rem;
  font-size: 13px;
}
.sidebar-dropdown select {
  padding: 3px 10px;
  background: #fff;
  color: #59595B;
  border: 2px solid #ececec;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
/*   font-family: 'IBM Plex Sans', sans-serif; */
  font-weight: 600;
  box-shadow: none;
  font-size: 14px;
  height: 39px !important;
}
.sidebar-dropdown:after {
  content: '';
  border: solid #EE675C;
  border-width: 0 3px 3px 0;
  right: 15px;
  top: 13px;
  padding: 3px;
  position: absolute;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.instent-workroom-filters .clear {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
}
.btn-archive {
  padding: 9px 3em;
  margin-top: 0.6em;
}
.btn-md {
  padding: 9px;
  font-size: 1.4rem;
  font-weight: 500;
}
.igp-list-team {
  position: relative;
/*   margin-top: -45px; */
}
ul.list-project-team {
  display: inline-block;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 5px;
  border-top: 1px dashed #9E9E9E;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  float: left;
}
ul.list-project-team li:first-child {
  padding-left: 0;
}
ul.list-project-team li {
  display: inline-block;
  padding: 10px 7px 0px 7px;
  font-size: 14px;
  font-weight: 600;
  color: #EE675C;
}
ul.list-project-team li span {
  color: #59595B;
}
ul.list-project-team li:after {
  content: "|";
  display: inline-block;
  padding-left: 15px;
  color: #59595B;
}
ul.list-project-team li:last-child:after {
	display: none;
}
.instent-workroom-filters a,
.customize-support a{
  color: #EE675C;
  text-decoration: none;
}
.gp-wrap-list .facetwp-pager {
  border-top: 1px solid #f0f0f0;
}
.gp-wrap-list .facetwp-pager nav.nav-pagination {
  padding: 0px 27px 0px;
}
.gp-wrap-list .facetwp-pager nav.nav-pagination .pagination {
  margin: 0px 0px 20px 0px;
  padding-top: 20px;
}
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.pagination>li {
  display: inline;
  margin-bottom: 5px;
}
.gp-wrap-list .facetwp-pager nav.nav-pagination .pagination li a, .gp-wrap-list .facetwp-pager nav.nav-pagination .pagination li span {
  padding: 6px 11px;
}
.nav-pagination .page-link.facetwp-page.active {
  border: 1px solid #EE675C;
  color: #EE675C;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.facetwp-page.active {
  font-weight: bold;
  cursor: default;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  font-size: 10px;
  color: #59595B;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.facetwp-page {
  display: inline-block;
  padding: 0px 4px;
  margin-right: 6px;
  cursor: pointer;
}
.instent-workroom-filters .col-sm-2,
body.customize-support .col-sm-2{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 16.666667%;
}
.instent-workroom-filters .logo,
body.customize-support .logo{
  position: relative;
  padding-bottom: 1.8em;
  padding-top: 1em;
}
.instent-workroom-filters .logo a,
body.customize-support .logo a{
  padding-left: 15px;
}
.instent-workroom-filters .logo img,
body.customize-support .logo img{
  height: auto;
  max-width: 100%;
}
.instent-workroom-filters .col-sm-8,
.workroom-chatarea .col-sm-8{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-right: 15px;
  padding-left: 15px;
}
.instent-workroom-filters p.igp-notfound {
  padding: 10px 20px;
}
.header-bg .top-search-bar {
  float: right;
  width: 100%;
  margin-top: 0px;
  max-width: 610px;
}
.form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-bg .top-search-bar .top-search-field {
  border-radius: 5px 0 0 5px;
  width: 84%;
  padding: 0px 18px;
  float: left;
  line-height: 46px;
  height: 46px;
  color: #59595B;
  font-size: 14px;
  outline: none;
/*   font-family: 'IBM Plex Sans', sans-serif; */
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.header-bg .top-search-bar .btn {
  border-radius: 0 5px 5px 0;
  padding: 13px 23px;
  width: 20%;
  max-width: 95px;
  box-shadow: none;
  border: none;
  display: inline-block;
  line-height: 20px;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: .3s,ease;
  -moz-transition: .3s,ease;
  transition: .3s,ease;
/*   font-family: 'IBM Plex Sans', sans-serif; */
  font-weight: 700;
}
a.btn-logout {
  margin-top: 48px;
  padding: 1em 1em 1.1em;
  width: 80%;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 3px;
/*   font-family: 'IBM PLEX SANS'; */
}
.instent-workroom-footer{
  background-color: #3d3d3d;
  padding: 1em 0;
  color: #ccc;
  margin-top: 2em;
}
.instent-workroom-filters .col-sm-12,
body.customize-support .col-sm-12{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.instent-workroom-footer p {
  font-size: 12px;
  margin-bottom: 0;
  color: #ccc;
/*   font-family: 'IBM Plex Sans', sans-serif; */
}
.instent-workroom-footer p a{
  color: #fff;
}


/*
 * Workroom Detail Page
 * */

header.inner-gp-header {
  padding: 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
}
.btn-primary:active,
.btn-primary:hover{
  color: #fff;
  background-color: #435464 !important;
  border-color: #435464 !important;
}
.btn-primary{
  background: #EE675C;
  border-color: #EE675C;
  transition: 0.3s all;
}
.ui-block-title.rush-design-border {
  border-bottom: 3px solid #ed1f24;
}
.ui-block-title .title {
  padding-bottom: 20px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  font-size: 22px;
}
.ui-block-title .title a {
  font-weight: 600;
  color: #59595B;
  text-decoration: none;
}
.ui-block-title .title small {
  color: #cc0000;
  font-size: 1.4rem;
  font-weight: 600;
  vertical-align: middle;
}
body.customize-support {
/*   font-family: 'IBM PLEX SANS'; */
}
.btn-opt-designer .btn-md {
  margin-left: 10px;
  font-weight: 500;
  padding: 9px;
  min-width: 135px;
  font-size: 14px;
  margin-top: 0px;
  color: #fff;
  text-align: center;
/*   height: 38px; */
  line-height: 19px;
	border: 2px solid #f27a24;
}
.btn-opt-designer .active-rush-design {
  background: #fff;
/*   border: 2px solid #f27a24; */
  color: #f27a24;
}
.btn-opt-designer .form-group {
  display: inline-block;
  float: right;
  max-width: 220px;
  margin-bottom: 0;
}
.sidebar-dropdown.igp-select-dropdown:before {
  height: 32px;
}
.sidebar-dropdown.igp-select-dropdown select.form-control:not([size]):not([multiple]) {
  height: 39px;
}
.sidebar-dropdown.igp-select-dropdown:after {
  top: 12px;
}
.detail-data-wrapper {
  padding: 15px 22px 3px 22px;
}
.detail-data-wrapper .list-products-ordered {
  font-weight: 600;
}
.detail-data-wrapper p {
  font-size: 16px;
}
ul.list li {
  padding: 1px 0;
  color: #EE675C;
  font-size: 14px;
  font-weight: 600;
  list-style: inside;
}
ul.list li span {
  color: #59595B;
}
.alert {
  font-size: 15px;
  padding: 17px 30px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 2.5px;
}
.alert-info {
  background-color: #c4ecf9;
  border-color: #b2dee7;
  color: #006699;
}
.chat-wrapper {
  border-top: 1px solid #e8e8e8;
  border-radius: 3px;
}
.chat-wrapper .chat-area {
  max-height: 500px;
  overflow-y: auto;
}
.chat-wrapper .chat-area ul.chat-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  padding: 0px 20px;
}
.chat-wrapper .chat-area .chat-list li {
  padding: 20px 0px;
  border-bottom: 1px solid #e8e8e8;
  display: block;
  position: relative;
  transition: all .3s ease;
  list-style: none;
}
.chat-wrapper .chat-area .author-thumb {
  height: 65px;
  width: 65px;
  display: inline-block;
  vertical-align: top;
}
.chat-wrapper .chat-area .author-thumb img {
  border-radius: 10%;
  overflow: hidden;
  width: 100% !important;
  height: auto;
}
.chat-wrapper .chat-area .chat-event {
  max-width: 90%;
  min-width: 90%;
  font-size: 12px;
  padding-left: 15px;
  display: inline-block;
}
.chat-wrapper .chat-area .chat-friend {
  display: inline-block;
  font-size: 16px;
  color: #0a0a0a;
	font-weight: 700;
}
.chat-wrapper .chat-area .chat-date {
  font-size: 12px;
/*   float: right; */
/*   margin-top: 10px; */
/*   display: block; */
  color: #aa9c84;
	margin: 0 4px 0 0;
}
.chat-wrapper .chat-area .chat-message-item {
  font-size: 14px;
  color: #3c3c3c;
/* 	font-weight: 600; */
	word-break: break-word;
}
.status-change-comment {
  color: #EE675C;
  font-style: italic;
}
.chat-wrapper .chat-reply {
  padding: 10px 20px 5px;
}
#respond h3 {
  font-size: 24px;
  font-weight: 400!important;
  border-bottom: 1px solid #ececec;
  line-height: 40px;
}
.chat-wrapper .chat-reply .comment-reply-title {
  border-bottom: none !important;
}
#respond h3 small{
  font-size: 65%;
}
.chat-wrapper .chat-reply .comment-form {
  position: relative;
}
#respond p {
  margin-top: 15px;
  color: #747474;
}
.chat-wrapper .chat-reply textarea {
  resize: none;
  height: 80px;
  background-color: #f4f4f4;
  color: #59595B;
  transition: 0.3s ease all;
  font-size: 13px;
  box-shadow: none;
  border: 1px solid #eaeaea;
  padding-right: 135px;
  width: 100%;
  font-weight: 600;
}
.chat-wrapper .chat-reply .comment-form .form-submit {
  position: absolute;
    right: 20px;
    top: -80px;
    /* left: 0; */
    /* right: 0; */
    /* margin: 0 auto; */
    /* display: table; */
    margin: 0 !important;
}
.chat-wrapper .chat-reply input#submit {
  border-radius: 3px;
}
.side-panel {
  display: table;
  width: 100%;
}
.side-panel.workroom-sidepanel .sidebar-dropdown {
  margin-bottom: 22px;
}
.side-panel .form-group {
  display: inline-block;
  width: 64%;
}
.side-panel .btn-change {
  padding: 9px 30px;
  margin-left: 15px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  float: right;
  display: inline-block;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 2.5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	height: 39px;
	border-radius: 0;
}
.side-panel .attachments-panel {
  border: 1px solid #eaeaea;
}
.customize-support .card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.side-panel .card-header {
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.side-panel .card-block {
  padding: 0 2rem;
}
.card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.list-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
	margin: 0;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item {
  padding: 0rem 0rem 1rem;
  font-size: 14px;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item .fa {
	display: none;
}
.list-group-flush:last-child .list-group-item:last-child {
  border: 0px;
  border-radius: 0px;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item span {
  margin-left: 5px;
  min-width: 90%;
  margin-bottom: 5px;
  display: block;
}
.side-panel .attachments-panel ul.list-group-flush li.list-group-item a {
  color: #464a4c;
}
.igp-attachment-form {
  display: none;
}
.igp-attachment-form input[type=file] {
  display: block;
}
.side-panel .btn-add-attachment {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 9px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
	margin-top: 15px;
	border: none;
}
.fa-plus:before {
  content: "\f067";
}
.side-panel .btn-add-attachment .fa-plus {
  background: #fff;
  margin-right: 10px;
  padding: 3px 4px 2px 4px;
  color: #f27a24;
}
.side-panel .btn-add-attachment .fa-spinner.igp-display {
  display: none;
}
.side-panel .btn-add-attachment .fa-spinner {
  margin-right: 10px;
  color: #fff;
  padding: 0px 4px 0px 4px;
  font-size: 19px;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.bg-light-orange {
  background-color: #fffaf7;
}
.workroom-chatarea .col-lg-4,
.detail-data-wrapper .col-lg-4{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-right: 15px;
  padding-left: 15px;
}
.customize-support .col-lg-8,
.detail-data-wrapper .col-lg-8{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-right: 15px;
  padding-left: 15px;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.container.bg-light-orange.single-project-wrapper {
  background: none;
}
.container.bg-light-orange.single-project-wrapper .ui-block-title {
  background: #fffaf7;
}

.workroom-detail-pg .header-bg{
	padding: 1em 0px !important;
}
.workroom-detail-pg a{
  text-decoration: none;
}
.workroom-detail-pg .row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.workroom-detail-pg .col-sm-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  padding-left: 15px;
  padding-right: 15px;
}
.workroom-detail-pg .col-sm-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-left: 15px;
  padding-right: 15px;
}
.workroom-detail-pg .top-search-bar {
  float: right;
  width: 100%;
  margin-top: 0px;
  max-width: 610px;
  display: none;
}
.workroom-detail-pg .top-search-bar .top-search-field {
  border-radius: 0.5rem 0 0 0.5rem;
  width: 84%;
  padding: 0rem 18px;
  float: left;
  line-height: 46px;
  height: 46px;
  color: #737373;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}
.workroom-detail-pg .top-search-bar .btn {
  border-radius: 0 0.5rem 0.5rem 0;
  width: 20%;
  max-width: 95px;
  cursor: pointer;
  transition: 0.3s all;
}
a.btn-logout {
  margin-top: 0px;
  padding: 1em 1em 1.1em;
  width: 80%;
  font-size: 14px;
  font-weight: 500;
}
.float-right {
  float: right !important;
}
.order-confirmation-artwork-section {
  padding: 20px 20px 1px 20px !important;
}
.order-confirmation-artwork-section:empty {
  padding: 0px !important;
}
#ins_upload_artwork {
  margin-bottom: 20px;
  display: block;
  width: max-content;
  color: #ffffff;
  background: #EE675C !important;
  border-color: #EE675C !important;
}
#ins_upload_artwork:hover {
  background: #435464 !important;
  border-color: #435464 !important;
}
.pull-left.order-page-title.heading-artwork .artwork-icon{
  color: #EE675C !important;
}
.artwork-section-order-description-wrapper {
  margin: 2em auto !important;
}
.artwork-section-order-details-wrapper{
	margin-bottom: 10px !important;
}
.instent-checkout .page-order-confirmation table,
.instent-checkout .page-order-confirmation #payment .col-sm-6.order-total-wrapper.col-sm-offset-6{
  width: 100%;
}
.instent-checkout .page-order-confirmation #payment .col-sm-6.order-total-wrapper.col-sm-offset-6 table.shop_table th {
  text-align: left;
}
.page-order-confirmation .col-sm-5.offset-1 {
  width: 48%;
  margin-left: 0px;
  margin-right: 2%;
}
.page-order-confirmation .order-page-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 10px;
}
.page-order-confirmation .table-order-confirmation tr td .media-body h6.media-heading {
  margin-left: 0px !important;
}
.page-order-confirmation div#payment .col-sm-6.order-total-wrapper.col-sm-offset-6 table.shop_table {
  width: 40%;
  margin-left: auto;
}
.page-order-confirmation div#payment .col-sm-6.order-total-wrapper.col-sm-offset-6 table.shop_table th {
  text-align: left;
}
.page-order-confirmation .table-order-confirmation tr td .media-body h6.media-heading a {
  color: #EE675C !important;
  text-decoration: none;
}
.page-order-confirmation tr.bundled-product-details-wrapper ul.order-detail-list {
  padding-left: 116px !important;
  padding-right: 10px;
}
.page-order-confirmation .table-order-confirmation tr td {
  padding: 0px !important;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation tr td {
  vertical-align: middle;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation tr.bundle-product-wrapper td {
/*   padding-bottom: 20px !important; */
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation tr.bundled-product-details-wrapper td li {
  font-size: 13px;
  font-weight: 400;
}
table.table.table-condensed.table-order-confirmation tr.bundle-product-wrapper small {
  font-size: 16px;
}
table.table.table-condensed.table-order-confirmation tr.bundled-product-details-wrapper small {
  font-size: 13px;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation ul.wc-item-meta {
/*   margin: 20px 0px; */
	margin: 0;
  list-style: none;
  display: flex;
  padding-left: 116px;
  flex-wrap: wrap;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation ul.wc-item-meta li {
  font-size: 14px !important;
  margin-bottom: 5px !important;
  height: auto !important;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation ul.wc-item-meta li p,
.page-order-confirmation table.table.table-condensed.table-order-confirmation ul.wc-item-meta li{
  margin: 0px;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation tr.single-product-wrapper ul.wc-item-meta {
  padding-left: 0px;
  margin: 0px 0px 20px;
}
.page-order-confirmation .row:first-child,
.page-order-confirmation .row:nth-child(2){
  align-items: center;
  padding: 20px 50px;
  background: #F7F7F7;
  border-top: 1px solid #B3B5B8;
  border-left: 1px solid #B3B5B8;
  border-right: 1px solid #B3B5B8;
  position: relative;
}
.page-order-confirmation ul.order-data-heading{
	font-size: 14px;
}
.page-order-confirmation .row:first-child ul.order-data-heading li,
.page-order-confirmation .row:nth-child(2) ul.order-data-heading li,
.page-order-confirmation ul.order-data-heading{
  margin: 0px !important;
}
.page-order-confirmation ul.order-data-heading li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.btn-invoice {
  padding-left: 20px;
  position: absolute;
  top: -78px;
  right: 0;
}
.btn-invoice a {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  color: #EE675C;
  text-decoration: none;
}
.page-order-confirmation ul.order-data-heading h3 {
  margin: 0px;
  margin-right: auto !important;
}
.page-order-confirmation ul.order-data-heading li span {
  top: 0px !important;
}
.page-order-confirmation .col-sm-1.btn-orders-wrapper {
  padding-top: 0px;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.page-order-confirmation .row:first-child .col-sm-11,
.page-order-confirmation .row:nth-child(2) .col-sm-11{
  width: 100%;
  padding-right: 0px;
}
.page-order-confirmation div#payment .col-sm-6.order-total-wrapper.col-sm-offset-6 {
  width: 100%;
}
.order-confirmation-artwork-section a:hover {
  color: #111111;
}
.page-order-confirmation table.table.table-condensed.table-order-confirmation thead th {
  border: none !important;
}
.instent-checkout .section.section-page-title.inner-xs h2.page-title,
.section.section-page-title.inner-xs h2.page-title{
  margin: 20px 0px 0px;
  font-size: 30px;
  font-weight: 400;
}
.page-order-confirmation table tr.bundled-product-details-wrapper strong, .page-order-confirmation table tr.bundled-product-details-wrapper td {
  font-size: 13px !important;
}
.detail-data-wrapper ul.attributes-list strong {
  color: #59595B;
  font-weight: 700;
}
.detail-data-wrapper ul.list li span {
  font-weight: 400;
}
.detail-data-wrapper ul.attributes-list li {
  color: #59595B;
  font-size: 13px;
}
.detail-data-wrapper ul.list li a {
  color: #EE675C;
  text-decoration: none;
  font-weight: 700;
}
.detail-data-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
body.order-submitted .entry-content {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  padding: 70px 0px;
}
body.order-submitted.woocommerce-checkout.woocommerce-page.woocommerce-order-received h2.elementor-heading-title {
  display: none;
}
.pull-left.order-page-title.heading-artwork{
/*   font-family: sans-serif; */
  color: #434343;
  font-size: 28px;
  line-height: 52px;
  font-weight: 400!important;
}
.page-order-confirmation{
  padding-left: 0px;
  padding-right: 0px;
}
.side-panel .btn-add-attachment i.fa.fa-plus:before {
  content: '+';
  font-style: normal;
  font-size: 20px;
  line-height: 0px;
  pointer-events: none;
}
.order-confirmation-artwork-section a {
  text-decoration: none;
  color: #EE675C;
}
.order-confirmation-artwork-section p.text-center a#ins_upload_artwork {
  margin-left: auto;
  margin-right: auto;
}
.instent-workroom-filters .col-lg-3.col-md-3.col-sm-6.col-xs-12 .col-sm-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}
.workroom-chatarea .row {
  align-items: flex-start;
}

.container.bg-light-orange.single-project-wrapper .ui-block-title  + div {
	padding: 20px 20px 0;
	border: 1px solid #f0f0f0;
	border-top: none;
	border-bottom: none;
	display: flex;
	flex-direction: row-reverse;
}

.igp-select-dropdown_am {
	width: 100%;
}

a.btn-assign-single_am,
.delete-comment-btn,
.edit-comment-btn,
.igp-delete-attachment-list,
.chat-wrapper .chat-area .chat-event form button {
    font-weight: 500;
    padding: 3px 9px 5px;
    min-width: unset;
    font-size: 12px;
    margin: 0 10px 10px 0;
    color: #fff;
    text-align: center;
    height: unset;
    line-height: 17px;
    display: inline-block;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}

a.btn-assign-single_am {
	margin: 0 0 0 10px;
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 0;
	width: 135px;
	font-size: 14px;
	height: 38px;
	padding: 9px;
}

.delete-comment-btn:hover,
.edit-comment-btn:hover,
.igp-delete-attachment-list:hover,
.chat-wrapper .chat-area .chat-event form button:hover {
	background-color: #435464;
}

#assigned-account-manager,
#assigned-graphic-manager {
	color: #EE675C;
}

.workroom-chatarea {
	padding: 0 15px 50px !important;
}

.commnt-btn-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.chat-wrapper .chat-area .chat-event textarea {
	width: 100%;
	color: #59595B;
    border: 2px solid #ececec;
	font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
	line-height: 19px;
	margin: 0 0 15px;
	padding: 15px;
	resize: none;
}

.ins-chat-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ins-chat-flex .commnt-btn-wrap button,
.ins-chat-flex .commnt-btn-wrap form button {
	margin: 0 5px !important;
	background-color: transparent;
	padding: 0 !important;
	color: #aa9c84 !important;
	text-decoration: underline;
	border-radius: unset;
}

.ins-chat-flex .commnt-btn-wrap button:hover,
.ins-chat-flex .commnt-btn-wrap form button:hover {
	background-color: transparent !important;
}

.ins-chat-flex span {
	color: #aa9c84;
}

.chat-event p {
	margin: 2px 0;
}

.ins-chat-flex form {
	position: relative;
	padding-left: 6px;
}

.ins-chat-flex form::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 8px;
	height: 1px;
	background-color: #aa9c84;
}

.customize-support .card ul.list-group li button {
	background-color: transparent;
	padding: 0 !important;
	color: #aa9c84 !important;
	text-decoration: underline;
	border-radius: unset;
}

.detail-data-wrapper ul.list-project-team {
	display: flex;
	float: none;
	align-items: center;
	margin-top: 0;
}

.detail-data-wrapper ul.list {
	margin-bottom: 10px;
}

.detail-data-wrapper ul.list-project-team li {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 5px;
}

.detail-data-wrapper ul.list-project-team li:nth-child(2) span:last-child {
	color: #EE675C;
}

.detail-data-wrapper ul.list-project-team li span {
	font-size: 13px;
    padding: 0 5px;
}

.detail-data-wrapper ul.list-project-team li .sidebar-dropdown {
	width: unset;
}

.detail-data-wrapper ul.list-project-team li select {
	width: 170px !important;
    font-size: 12px;
    height: 38px !important;
    padding: 3px 5px;
    color: #EE675C;
}

.detail-data-wrapper ul.list-project-team li .btn {
	padding: 9px;
    color: #ffffff;
    font-size: 13px;
    line-height: 18px;
    margin: 0 5px 0 15px;
    border-radius: 0;
    height: 38px;
    min-width: 135px;
}

.detail-data-wrapper ul.list-project-team li .sidebar-dropdown:before {
	width: 20px;
	height: 34px;
}

.detail-data-wrapper ul.list-project-team li .sidebar-dropdown:after {
	right: 7px;
	top: 13px;
}

.chat-wrapper .chat-reply .comment-form textarea#comment {
	padding: 10px 120px 10px 12px;
}

.chat-wrapper .chat-area .chat-message-item p a {
	color: #EE675C;
	text-decoration: none;
}

.chat-wrapper .chat-area .chat-message-item p a:hover {
	color: #111111;
}

@media screen and (max-width: 1200px){
	
	body.order-submitted .entry-content{
		padding: 70px 20px;
	}
}

@media screen and (max-width: 1024px){
	.page-order-confirmation .row:first-child,
	.page-order-confirmation .row:nth-child(2),
	.page-order-confirmation ul.order-data-heading li{
		justify-content: center;
	}
	.page-order-confirmation .row:first-child .col-sm-11,
	.page-order-confirmation .row:nth-child(2) .col-sm-11,{
	  width: 100%;
	}
	
}

@media screen and (max-width: 960px){
	
	.page-order-confirmation .row:first-child .col-sm-11,
	.page-order-confirmation .row:nth-child(2) .col-sm-11{
	  display: inline-block;
	  width: auto;
	  padding-right: 0px;
	}
	.page-order-confirmation .row:first-child .col-sm-11 {
	  width: 100%;
	}
	.btn-invoice{
		position: relative;
		top: 5px;
	}
	.page-order-confirmation .row:first-child,
	.page-order-confirmation .row:nth-child(2){
		align-items: flex-end;
	}
	.page-order-confirmation .col-sm-1.btn-orders-wrapper {
	  position: relative;
	  right: 0px;
	  top: 0px;
	  transform: none;
	}
	.btn-invoice {
	  padding-left: 0px;
	}
}

@media screen and (max-width: 767px){
	
	.page-order-confirmation .table-order-confirmation tr td .media{
		flex-wrap: nowrap !important;
	   width: 100%;
	}
	.pull-left.order-page-title.heading-artwork{
	  font-size: 16px;
  	  line-height: 25px;
	}
	.page-order-confirmation .row:first-child .col-sm-11,
	.page-order-confirmation .row:nth-child(2) .col-sm-11,
	.page-order-confirmation div#payment .col-sm-6.order-total-wrapper.col-sm-offset-6 table.shop_table{
		width: 100%;
	}
	.page-order-confirmation table.table.table-condensed.table-order-confirmation thead th:first-child {
	  min-width: 500px;
	}
	.page-order-confirmation .table-order-confirmation tr td .media .media-body {
	  flex-wrap: wrap;
	}
}

@media screen and (max-width: 500px){
	
	.pull-left.order-page-title.heading-artwork{
		font-size: 10px !important;
 	 	min-width: 135px;
  		width: 150px;
		line-height: 12px;
	}
	#ins_upload_artwork{
		padding: 0.9rem 2rem;
	}
}

@media screen and (max-width: 479px){
	
	.order-total-wrapper table.shop_table tr th, .order-total-wrapper table.shop_table tr td{
		font-size: 13px;
	}
	.page-order-confirmation .order-page-title,
	.instent-checkout .section.section-page-title.inner-xs h2.page-title, 
	.section.section-page-title.inner-xs h2.page-title{
		font-size: 24px;
	}
	body.order-submitted .entry-content{
		padding: 0px 20px 40px;
	}
}