/* ===================================
   PHOTOUP BACKEND STYLES
   ===================================*/

/*  General Styles
********************/
html.js a {
    color: #487fdf;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

html.js a.link:hover {
    color: #6ed87d;
}

html.js h1 {
    font-size: 28px;
    line-height: 28px;
}

html.js h2 {
    margin: 0 0 0.5em;
}

html.js h3 {
    margin: 0;
}

html.js ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.custom-bg {
    background: #f8f8f8;
}

#colophon {
	border-top: 1px solid #DDDDDD;
	background-color: #f8f8f8;
}

#dashboard.dashboard #main > .wrapper {
    max-width: 80%;
    min-width: 960px;
}

.wrapper {
    max-width: 960px;
    padding: 0 42px;
    margin: 0 auto;
}
@media (max-width: 1366px) {
	.top-editors-page .wrapper {
		max-width: 1366px;
	}
}
@media (min-width: 1367px) {
	.top-editors-page .wrapper {
		max-width: 1500px;
	}
}
.cursor-pointer {
    cursor: pointer;
}

.clearboth {
	clear: both;
}

.no-radius {
	border-radius: 0 !important;
}

.text-right { text-align: right; }

.img-responsive {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.admin-dashboard .blue-text { color: #487fdf !important; }

/*******************
*   HEADER
*******************/

#main {
    padding-bottom: 60px;
}

#top-section .site-header {
    padding: 12px 0;
}

#site-logo hgroup {
    display: none;
}

#top-section #client-links > li.client-name,
#top-section #client-links > li.editor-name {
    margin-right: 9px;
}

#top-section #client-links > li.editor-name #time-zone {
    float: right;
}

#top-section #client-links > li.loyalty-dollars {
    margin: 0 9px;
}

#top-section #client-links > li.loyalty-dollars a {
    margin-right: 6px;
}

#top-section #client-links > li > a {
    color: #666
}

#top-section #client-links > li > a:hover {
    color: #888;
}

#top-section #dash-type {
    border: 1px solid #ddd;
    padding: 3px;
    font-weight: bold;
    border-radius: 4px;
}

#top-section #dash-type a {
    padding: 2px 8px;
    color: #898f95;
    font-size: 12px;
}

#top-section #dash-type a.active {
    background: #6ed87d;
    border-radius: 4px;
    color: #fff;
}

#nav-wrapper {
    margin-top: 12px;
    background: #487fdf;
}

#affiliation {
    position: relative;
    left: -14px;
    top: -2px;
}

.main-nav ul {
    padding: 0;
    margin: 0;
}

.main-nav .extra-nav-text {
    color: #fff;
    font-size: 12px;
    line-height: 39px;
}

#client-links > li,
.main-nav > ul > li {
    display: inline-block;
    float: left;
}

.main-nav ul > li a {
    padding: 11px 21px;
    color: #fff;
    display: block;
}

.main-nav ul ul {
    display: none;
    position: absolute;
    z-index: 999;
    box-shadow: 0 1px 1px #444111;
}

.main-nav ul ul li {
    background: #487fdf;
}

.main-nav ul li span.arrow-down {
    position: relative;
    top: -2px;
    left: 4px;
}

.main-nav ul li:hover ul {
    display: block;
}

.main-nav .extra-nav-text p {
    margin: 0;
}

.main-nav .extra-nav-text p span.fade-8 {
    position: relative;
    top: -2px;
    margin: 0 8px;
    color: #fafafa;
}

.main-nav .extra-nav-text p span.button {
    width: 12px;
    height: 18px;
    font-size: 11px;
    line-height: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline;
    padding: .2em .3em;
}

.main-nav ul > li.current-nav a {
    background: #3a6dc4;
}

.main-nav ul > li a:hover {
    background: #3a6dc4;
} 

#client-links ul.secondary-links {
    display: none;
    z-index: 600;
}

#dashboard.dashboard #site-content {
    min-width: 715px;
    max-width: 79.2%;
}

#site-content {
    float: left;
    margin-left: 1.5%;
    margin-top: 22px;
    width: 75.8%;
}

#site-content .heading {
    margin-bottom: 20px;
}


.my-account-page #site-content {
	margin-top: 16px;
}
.backend-links .click-toggle {
    min-width: 150px;
    padding: .5em 1em;
}

.backend-links .arrow-right-v2 {
    margin-right: 0.1em;
    margin-top: 0.4em;
}

.site-header .backend-links {
	line-height: 1.2em;
}

.site-header .backend-links > a > div > p:FIRST-CHILD {
	margin-top: 1px;
}

#header-edits-counter {
    position: absolute;
    right: 0;
    top: 42px;
    min-width: 260px;
    z-index: 1001;
}

.v2-zebra-list li {
    padding: .6em 1em;
}

.v2-zebra-list.green-bg,
.v2-zebra-list.green-bg li:first-child {
    border-radius: 4px 0 0 0;
}

.v2-zebra-list.green-bg li:nth-child(odd) {
    background: #44a552;
}

.v2-zebra-list.gray-bg li:nth-child(odd) {
    background: #9f9f9f;
}

.v2-zebra-list.light-gray-bg {
    background: inherit;
}

.v2-zebra-list.light-gray-bg li:nth-child(even) {
    background: #ededed;
}

.v2-zebra-list.gray-bg,
.v2-zebra-list.gray-bg li:last-child {
    border-radius: 0 0 4px 4px;
} 

.staff-teams .team-title {
    overflow: hidden;
}

.staff-teams .team-title.gray-dark-text > span {
	color: #494949;
}

.staff-teams .team-title > span {
    color: #fff;
    padding: 1em 5px;
    display: block;
    float: left;
}

.staff-teams .no-click {
    border-left: 1px solid #fff;
}


/********************
*   SIDEBAR STYLES
********************/

/* main sidebar */

#main-sidebar .page-name {
    font-size: 24px;
}

#dashboard.dashboard #main-sidebar {
    max-width: 250px;
    min-width: 200px;
}

#main-sidebar {
    float: left;
    margin-right: 1.5%;
    margin-top: 22px;
    width: 20.8%;
}

#main-sidebar .new-order-wrap.locked {
    position: relative;
    text-align: center;
}

#terms-info .return-dash-btn-wrap {
    display: inline-block;
    margin-top: 5%
}

#terms-info .order-btn-wrap {
    width: 40%;
    display: inline-block;
    margin-top: 5%
}

#main-sidebar .new-order-wrap a,
#dashboard-welcome-content .new-order-wrap a,
#terms-info .new-order-wrap a{
    display: inline-block;
    background: #54ba60;
    color: #fff;
    width: 100%;
    border-radius: 3px;
    padding: 3px 0;
    font-size: 16px;
    text-align: center;
}

#main-sidebar .new-order-wrap.add-new-batch a {
    padding: 14.5px 0;
}

#main-sidebar .new-order-wrap a:hover {
    background-color: #6ed87d;
}

#main-sidebar .new-order-wrap span.lock-icon {
    display: none;
}

#main-sidebar .new-order-wrap.locked span.lock-icon,
#new-order .new-order-wrap.locked span.lock-icon {
    display: block;
    position: absolute;
    left: -20px;
    top: 20px;
}

#terms-info .new-order-wrap.locked span.lock-icon {
    display: block;
    position: absolute;
    right: -20px;
    top: 20px;
}


#main-sidebar .add-logo {
    margin-top: 16px;
    height: 93px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: block;
    background: #f6f7f8;
}


#main-sidebar .add-logo > span.link-text {
    font-size: 16px;
    font-weight: bold;
    color: #6a6a6a;
    display: inline-block;
    line-height: 16px;
    position: relative;
    top: -8px;
}

#main-sidebar .add-logo:hover {
    background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #f6f7f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f6f7f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#f6f7f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dedede 0%,#f6f7f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#f6f7f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#f6f7f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */
}

#main-sidebar .add-logo:active {
    background: #54ba60; /* Old browsers */
    background: -moz-linear-gradient(top,  #54ba60 0%, #6ed87d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54ba60), color-stop(100%,#6ed87d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #54ba60 0%,#6ed87d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #54ba60 0%,#6ed87d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #54ba60 0%,#6ed87d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #54ba60 0%,#6ed87d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54ba60', endColorstr='#6ed87d',GradientType=0 ); /* IE6-9 */
    border-color: #7ea452;
}

#main-sidebar .add-logo:active .link-text {
    color: #fcfcfc;
}

#main-sidebar .add-logo:active .big-bldg-icon {
    background: url("../images/pu-icon-sprite-v2.png") no-repeat scroll 0 -105px;
}

#main-sidebar .add-logo > span.big-bldg-icon {
    margin: 11% 4% 0 28%;
}

#main-sidebar .stats .blue-link {
    float: right;
    margin-right: 14px;
    color: #487fdf;
}

#profile-sidebar > h4 {
    font-size: 16px;
}

#profile-sidebar .profile-pic-wrap {
    margin-top: 11px;
}

.profile-pic-wrap img {
    width: 100%;
}

#main-sidebar.uploader-sidebar > *,
#main-sidebar.client-sidebar > *,
#main-sidebar.editor-sidebar > * {
    margin-bottom: 1.3em;
}

#main-sidebar.editor-sidebar .add-btn {
    margin-top: 2.4em;
}

#main-sidebar.uploader-sidebar .inner-wrap {
    padding: 20px 19px;
}

#main-sidebar.uploader-sidebar .delivery-wrap .delivery-datetime {
    line-height: 20px;
    font-weight: 600;
    font-size: 18px;
}
/*
#main-sidebar.uploader-sidebar ul.edit-use-breakdown {
    margin-top: 4px;
}
*/
#main-sidebar.uploader-sidebar ul.edit-use-breakdown {
}
#main-sidebar.uploader-sidebar .edits-used {
    position: relative;
    top: 3px;
}

#main-sidebar.uploader-sidebar .this-month {
    position: relative;
    top: -5px;
}

#main-sidebar.uploader-sidebar #total-payable {
    font-size: 20px;
    padding: .5em 1em;
}

#main-sidebar.uploader-sidebar #order-summary p {
    margin: .2em 0;
}

#main-sidebar.uploader-sidebar #order-summary p.total {
    padding: .5em 0 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
    margin: .5em auto 1em;
    width: 80%;
}

#main-sidebar.uploader-sidebar #delivery-info > p {
    margin: 0;
    font-size: 12px;
}

#main-sidebar.uploader-sidebar #delivery-info > p:nth-child(1) {
    margin-bottom: .4em;
}

#main-sidebar.uploader-sidebar #delivery-info > p:nth-child(2) {
    font-size: 20px;
    margin-bottom: .1em;
}

#main-sidebar.uploader-sidebar #delivery-info > p:nth-child(3) {
    margin-bottom: 1em;
}

#client-setup .upload-button-wrap, 
.order-step2 .upload-button-wrap {
    left: -21px;
    position: relative;
}

/*************************
*   FOOTER
**************************/

footer .footer-bg {
    height: 97px;
}

#copyright {
    margin: 0;
    float: left;
    margin-top: 45px;
    font-size: 12px;
    color: #aaaaaa;
}

#footer-logo {
    height: 40px;
    width: 106px;
    float: right;
    margin-top: 34px;
    background: url("../images/pu-icon-sprite-v2.png") -141px 0 no-repeat;
    border-bottom-right-radius: 23px; 
}

#profile-secondary-links {
    background: #FCFCFC;
    border-radius: 0 0 5px 5px;
    border: 1px dotted #999;
    z-index: 500;
    right: 0;
    top: 15px;
    border-top: 0;
    border-bottom: 0;
    box-shadow: 0 1.5px 1px #888;
    overflow: hidden;
    width: 93px;
    display: block;
}

#profile-secondary-links li a {
    display: block;
    padding: 3% 15%;
    color: #666;
}

#profile-secondary-links li a:hover {
    color: #888;
    background: #fefefe;
}

#site-content .entry-header {
    overflow: hidden;
}

/*  POST-SIGNUP STEPS   */

#dashboard-welcome-content {
    width: 84%;
    margin: 0 auto 5%;
}

#really-big-welcome-text {
    font-size: 31px;
    font-weight: normal;
    text-align: center;
    margin: 1em 0;
}

#really-big-welcome-text > span {
    width: 31px;
    height: 33px;
    display: inline-block;
    position: relative;
    background: url("../images/pu-icon-sprite-v2.png") -40px -70px no-repeat;
    margin-right: 12px;
    top: 5px;
}

#dashboard-welcome-content .bold-text.blue-text {
    font-size: 14px;
}

#dashboard-welcome-content hr {
    margin: 26px 0;
}

#account-setup {
    width: 53%;
    margin: 0 auto;
    text-align: center;
}

#account-setup ul.steps li {
    text-align: left;

}

#account-setup ul.steps a:hover + span.arrow-right-blue {
    background-position: -266px -18px;
}

#account-setup > h2 {
    font-weight: normal;
    font-size: 20px;
    margin: 0;
}

#account-setup .bold-text.gray-text {
    margin: 8px 0;
}

#account-setup .percent-done {
    margin-left: 9px;
}

#account-setup .steps li {
    font-size: 17px;
    font-weight: lighter;
}

#account-setup .steps li > span.done {
    margin-right: 7px;
    position: relative;
    top: 1px;
}

#account-setup .steps li.upcoming {
    margin-left: 23px;
}

#account-setup .steps li > span.arrow-right-blue {
    margin-left: 12px;
}

#new-order {
    text-align: center;
}

#dashboard-welcome-content .order-btn-wrap {
    width: 30%;
    margin: 0 auto;
}

#site-content .steps-title {
    margin: 0 0 9px;
    font-size: 18px;
}

#site-content .steps-progress-wrap {
    margin: 2px 0;
    font-size: 14px;
}

#site-content #examples-instruction,
#site-content #policy-instruction{
    border-radius: 3px;
    padding: 1% 3%;
}

#site-content #examples-instruction > p {
    color: #fff;
    width: 91%;
}

#site-content #policy-instruction > p {
    color: #fff;
    width: 89.7%;
}

#site-content #policy-instruction > p em {
    text-decoration: underline;
}

#site-content #examples-instruction > span.polaroid-large {
    position: relative;
    top: 10px;
}

#site-content #policy-instruction > span.vault-large {
    left: 9px;
    position: relative;
    top: 25px;
}

#site-content .photo-uploader {
    margin: 24px 0 0;
}

#site-content .photo-uploader .examples-uploader-wrap {
    text-align: center;
    margin: 12px 0;
}


#site-content .photo-uploader .examples-uploader-wrap ul li {
    display: inline-block;
    width: 44%;
    padding: 1% 2%;
    border: 2px dashed #c9c9c9;
    margin-bottom: 1.5%;
    background: #f5f5f5;
}

#site-content .photo-uploader .examples-uploader-wrap ul li:nth-child(odd) {
    margin-right: 2%;
}

#site-content .photo-uploader .examples-uploader-wrap ul li > p {
    width: 68%;
    text-align: left;
    color: #888;
}

#site-content .photo-uploader .examples-uploader-wrap ul li > .upload-btn {
    margin: 10px 0;
}

#site-content .photo-uploader .big-upload-btn {
    margin: .5em 0;
}

#site-content .photo-uploader .big-upload-btn span {
    position: relative;
    left: 5px;
    top: 2px;
}

#site-content .photo-uploader .warning-wrap {
    width: 66%;
}

#site-content #vault-options {
    margin: 2em 0;
    border-radius: 3px;
}

#site-content #vault-options ul li {
    display: block;
    padding: 2% 0;
    background: #f6f6f6;
    float: left;
}

#site-content #vault-options ul li:nth-child(even) {
    background: #eaeaea;
}

#site-content #vault-options ul li .radio-btn-wrap {
    width: 5%;
    margin-left: 5%;
    margin-top: 1%;
}

#site-content #vault-options ul li .option-text-wrap {
    width: 90%;
}

#site-content #vault-options ul li .option-text-wrap h4 {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
}

#site-content #vault-options a.blue-bg {
    color: #fff;
    padding: 1% 3%;
    display: block;
    width: 15%;
    font-weight: bold;
    border-radius: 3px;
}

#site-content #terms-info {
    width: 75%;
    margin: 0 auto;
}

#site-content #terms-info .terms-text {
    width: 92%;
    margin: 0 2%;
}

#site-content #terms-info a:first-of-type {
    margin-right: 8px;
}

#site-content #terms-info a#new-order {
    position: relative;
}

#site-content #terms-info a#new-order > span {
    position: absolute;
    right: -20px;
    top: 20px;
}

#site-content #terms-info input {
    margin-top: 6px;
}

/*  UPLOADER PAGE   */

/* new-order page */
ul.order-info-steps li:first-child {
    margin-left: 0;
}

ul.order-info-steps li:not(.current) a {
	color: #9E9E9E !important;
}

ul.order-info-steps li {
    background: #f1f1f1;
    border-radius: 4px;
    color: #9E9E9E;
    display: block;
    float: left;
    font-size: 14px;
    margin-bottom: 1.3em;
    margin-left: 8px;
    padding: 8px;
    width: 221px;
	height: 35px;
}

ul.order-info-steps li span + span {
    line-height: 34px;
}

ul.order-info-steps li span.num-step {
    display: inline-block;
    line-height: 34px;
    text-align: center;
    width: 34px;
    height: 34px;
    background: #d7d7d7;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    margin-right: 12px;
}

ul.order-info-steps li.current {
    background: #487fdf;
    color: #fff;
}

ul.order-info-steps li.current span.num-step {
    background: #3a6dc4;
}

ul.order-info-steps li.done span {
    color: transparent;
    position: relative;
    background: #6ed87d;
}

ul.order-info-steps li.done {
    color: #6a6a6a;
}

ul.order-info-steps li.done span:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 13px;
    background: url("../images/pu-icon-sprite-v2.png") -154px -56px no-repeat;
    right: 7px;
    top: 6px;
}

#new-order-info .order-section {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 2em;
    padding-bottom: 2.3em;
}

#new-order-info .address-section .yep-wrap + .disabled-link {
	width: 53px;
}

#new-order-info .note-section .yep-wrap + .disabled-link {
    width: 100px;
    padding: 5px 11px;
}

#new-order-info .order-section h2 + p{
    font-size: 1.1em;
    line-height: 1em;
}

.order-section input[type="text"] {
    padding: 8px 6px;
    border: 1px solid #ddd;
    width: 96%;
    border-radius: 5px;
    font-size: 14px;
    margin: 0;
}

.order-section .add-address-wrap,
.order-section .search-address-wrap,
.verify-bank-amount {
    position: relative;
}

.order-section .add-address-wrap .client-initial {
    background: #54ba60;
    border-radius: 0 4px 4px 0;
    padding: 8px 7px;
    position: absolute;
    right: 2px;
    top: 0;
    cursor: pointer;
    width: 25px;
    text-align: center;
}

.order-section .add-address-wrap .client-initial span.initial{
    color: #fff;
    border-radius: 30px;
}

#client-ID-examples .delete-icon, 
.order-section .add-address-wrap .client-initial span.delete-icon,
.watermark-preview span.delete-icon {
    display: none;
    background: #d54245;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    padding: 2px 6px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -7px;
    cursor: pointer;
    z-index: 1000;
}

.backend-dashboard-widgets .widget-wrap .quick-link-lists > li:hover .delete-address > span.delete-icon, 
.order-section .add-address-wrap .client-initial:hover span.delete-icon {
    display: block;
}

.order-section .add-address-wrap span.rush-msg {
    color: #555;
    font-size: 11px;
    width: 418px;
}

.order-section .rush-info {
    clear: both;
    float: left;
    font-size: 11px;
    width: 153px;
    /*margin: 8px 0 0 108px;*/
    margin-right:102px;
}

.order-section .rush6-more-info,
.order-section .rush5-more-info,
.order-section .rush4-more-info,
.order-section .rush-more-info {
    clear: both;
    color: #d54245;
    float: right;
    font-size: 12px;
    width: 157px;
    /*margin-top: 7px;*/
    line-height: 14px;
    /*margin: 8px 0 7px 108px;*/
    margin-right:102px;
    
}

.order-section .address-wrap label {
    font-size: 14px;
    margin-bottom: 2px;
}

.order-section .address-wrap {
    margin-bottom: 15px;
}

.order-section .search-address-wrap {
    top: -2px;
}

#address-section .v2-btn, 
.order-section .v2-btn.white {
    cursor: default;
}

#address-section .v2-btn.fill-width, 
.order-section .v2-btn.white.fill-width {
	width: 125px;
}

.order-section input.search-address {
    background: #eee;
    border-radius: 4px 0 4px 4px;
}

.order-section .add-address-icon {
    position: absolute;
    width: 27px;
    height: 22px;
    /*background: url("../images/pu-icon-sprite-v2.png") #b9b9b9 -80px -327px no-repeat;*/
    right: 2px;
    top: 0;
    cursor: pointer;
    padding: 6px;
    border-radius: 0 4px 4px 0;
    color: #fff;
    background: #487fdf;
    font-size: 22px;
    text-align: center;
}

.order-section .plus-address-icon {
    background: url("../images/plus-icon.png") #54ba60 center no-repeat;
    border-radius: 0 0 4px;
    cursor: pointer;
    height: 34px;
    position: absolute;
    right: 2px;
    top: 0px;
    width: 39px;
    z-index: 806;
}

ul.search-lists {
    position: absolute;
    width: 90%;
    z-index: 700;
}

ul.search-lists li {
    padding: 8px 12px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    border-top: 0;
    cursor: pointer;
}

ul.search-lists li:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 2px;
}

ul.search-lists li:hover {
    background: #54ba60;
    color: #fff;
    border-color: #f6f6f6 #ddd #f6f6f6 #ddd;
}
ul.search-lists li.active {
    background: #54ba60;
    border-color: #f6f6f6 #ddd #f6f6f6 #ddd;
}

ul.search-lists li.active a {
    color: #fff;
}
ul.search-lists li a {
    color: #6A6A6A;
}

#order-type .order-type-wrap {
    width: 45%;
    float: left;
    padding: 1.5em 1em;
    background: #f1f1f1;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#order-type .order-type-wrap input {
    margin-right: 6px;
    cursor: pointer;
}

#order-type .order-type-wrap label {
    font-size: 16px;
    color: #6a6a6a;
    cursor: pointer;
}

#order-type #real-state {
    margin-right: 12px;
}

#new-order-info .order-type-wrap > span {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
}


#real-state > span {
    background: url("../images/pu-icon-sprite-v2.png") 1px -157px no-repeat; 
}

#product > span {
    background: url("../images/pu-icon-sprite-v2.png") 4px -289px no-repeat; 
}

.client-dashboard .next-step,
.next-step {
    width: 35px;
    font-size: 16px;
    margin: .3em 0.8em 0 0;
    line-height: 1em !important;
}

.add-photos-btn.locked a {
    background: #b9b9b9 !important;
}

.add-photos-btn a {
    background: none repeat scroll 0 0 #54ba60;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    padding: 0.5em 1.2em;
    display: block;
    font-weight: bold;
}

.add-photos-btn,
.client-dashboard .add-photos-btn {
    position: relative;
}

.add-photos-btn .lock-icon {
    position: absolute;
    top: 1.3em;
}

.add-photos-btn.locked .lock-icon {
    right: -1.8em;
}

#new-order-info .order-type-wrap.selected {
    background: #6ed87d;
}

#new-order-info .order-type-wrap.selected label {
    color: #fff;
}

#real-state.selected  > span {
    background-position: 1px -224px;
}

#product.selected  > span {
    background-position: 1px -353px;
}

#homes-wrap {
    display: none;
}

#new-order-info .number-of{
    width: 48px;
    height: 41px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: .2em;
    font-size: 18px;
    font-weight: lighter;
    text-align: center;
    margin-right: 1em;
}

#homes-wrap p.ninety,
#product-wrap p.ninety {
    clear: right;
    font-size: 14px;
    margin-bottom: 2em;
}

#homes-wrap p.ninety em {
    font-size: 11px;
}

#homes-wrap p.gray-text,
#product-wrap p.gray-text {
    clear:both;
    margin: 0 0 .2em;
}

#product-wrap {
    display: none;
}

.yep-wrap {
    padding: 4px 6px;
    border-radius: 4px;
    background-color: #eee;
}


/* uploader main page */

.photo-upload-box {
    margin-bottom: 2em;
}

.photo-upload-box.active {
    margin-bottom: 35px;
}

.photo-upload-box .uploader-head {
    border: 1px solid #ccc;
    background: #ededed;
    border-radius: 4px;
}

.photo-upload-box.active .uploader-head {
    border-radius: 4px 4px 0 0;
}

.photo-upload-box .uploader-head .remove-address,
.photo-upload-box .uploader-head .hdr-address {
    margin-top: 2px;
}

.photo-upload-box .uploader-head .address {
    margin-right: 1.5em;
    max-width: 245px;
    cursor: pointer;
    font-weight: 700 !important;

    /* added 04/08/2023 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 20px;
}
.photo-upload-box .uploader-head .address > .icomoon {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
}

.photo-upload-box .group-name {
    cursor: pointer;
    position: relative;
    text-align: left;
}

.photo-upload-box .group-name.no-indent {
	left: 0px;
}

.photo-upload-box .group .file-number {
    margin-right: 3px;
}

.photo-upload-box .uploader-head .group-drop-zone a {
    display: block;
    width: 20px;
    height: 18px;
    background: url("../images/pu-icon-sprite-v2.png") -183px -55px no-repeat;
}

.remove-address .remove-address-state, 
.hdr-address .hdr-address-state {
    font-size: 10px;
    color: #666;
}

.remove-address .remove-address-state.remove-address-on, 
.hdr-address .hdr-address-state.hdr-address-on {
    color: #3a6dc4;
}

.buc-slide-menu {
	cursor: pointer;
}

.pu-generic-slide, 
.pu-toggle-slide,
.remove-address .remove-slide, 
.hdr-address .hdr-slide, 
.masking-slide {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 9px;
    background: url("../images/pu-icon-sprite-v2.png") -247px -45px no-repeat;
    cursor: pointer;
}

.pu-generic-slide .pu-generic-slider, 
.remove-address .remove-slide .remove-slider,
.hdr-address .hdr-slide .hdr-slider,
.masking-slider {
    position: absolute;
    width: 14px;
    height: 15px;
    background: url("../images/pu-icon-sprite-v2.png") -231px -37px no-repeat;
    display: block;
    top: -3px;
}

.pu-toggle-slider.green {
    background-color: #54ba60;
    background-image: none;
    border-radius: 14px;
    height: 14px;
    right: -3px;
    position: absolute;
    top: -3px;
    width: 14px;
}

.inactive .pu-toggle-slider.green {
	background-color: #d54245;
}

.active > .pu-toggle-slider {
    left: -3px;
}

.pu-generic-slide.on .pu-generic-slider, 
.remove-address .remove-slide.on .remove-slider,
.hdr-address .hdr-slide.on .hdr-slider,
.masking-slide.on .masking-slider {
    right: 0;
}

.masking-slider.white {
    background-position: -170px -115px;
}

.remove-address.active .remove-slider, 
.hdr-address.active .hdr-slider {
    right: 0;
}

.group-option-wrap {
    position: relative;
    left: 91px;
}

.masking-state {
    padding: 0 3px;
}

.photo-upload-box .uploader-head .editing-wrapper > h5 {
    line-height: 10px;
    text-align: right;
}

.photo-upload-box .hdr-group {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-top: 0;
}

.photo-upload-box .hdr-group select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: .2em .2em .2em .5em;
}

.photo-upload-box > .drop-zone {
    border: 2px dashed #ccc;
    border-top: 0;
    text-align: center;
    min-height: 145px;
}

.photo-upload-box .drop-zone-active {
    background: #7fd68b;
}

.photo-upload-box .attachment-wrap.drop-zone-active {
	background: #fff !important;
}

.photo-upload-box .drop-zone-active.instructions :not(span),
.photo-upload-box .drop-zone-active > .instructions :not(span) {
    color: #fff !important;
}

.photo-upload-box .drop-zone > .instructions {
    min-height: 105px;
}

.photo-upload-box .drop-zone > .instructions > .drag-text-wrap {
    padding: 23px 0 0 75px;
}

.photo-upload-box .drop-zone > .instructions > .browse-files-button {
    padding: 18px 0 0 25px;
    float: left;
}

.photo-upload-box .drop-zone li.group > .instructions > .drag-text-wrap {
    padding: 20px 0 0 68px;
}

.photo-upload-box .drop-zone li.group > .instructions > .browse-files-button {
    left: -34px;
}

.photo-upload-box .drop-zone .instructions > h4 {
    font-size: 19px;
}

.photo-upload-box .drop-zone .instructions > p.no-margin {
    margin: 1em 0 .5em;
}

.photo-upload-box .drop-zone .instructions .browse-files-button a {
    padding: 1em;
    margin: .8em 0;
}

.photo-upload-box .drop-zone .instructions .puv4-info { background: none; }

#site-content .photo-upload-box .browse-files-button:hover a {
    background:#71b4ff;
}

.drop-zone > .instructions div + p {
    margin-top: 40px;
}

#step-2.batch-notes {
    border: 1px solid #ccc;
    padding: 1em;
    border-radius: 4px;
    margin-bottom: 2em;
}

#step-2 #order-details > hr {
    border-top-width: 2px;
}

#new-order-info table tr > td:first-child {
    border-right: 1px solid #ccc;
    vertical-align: top;
    width: 83%;
}

#new-order-info table input.regular-checkbox {
    display: block;
    float: left;
    height: 16px;
    position: relative;
    width: 16px;
    margin: .2em 0.5em 0 0;
}

#new-order-info table tr > td {
    padding: 1em;
}

#new-order-info table tr > td label {
    display: block;
    float: left;
    width: 91%;
}

#new-order-info table tr > td label p {
    margin: 0;
}

#new-order-info table tr > td label p > span {
    font-weight: bold;
}

#new-order-info table tr > td.price {
    text-align: center;
}

#new-order-info table tr.even {
    background: #eee;
}
 
#new-order-info .export-option-table td,
#manage-team-defaults .export-option-table td {
    border-right: 1px solid #ddd;
    background: #fff;
}
 
#new-order-info #export-option-table td:not(:last-child),
#manage-team-defaults #export-option-table td:not(:last-child) {
    width: 12%;
}
 
#new-order-info .export-option-table tr:nth-child(even) td,
#manage-team-defaults .export-option-table tr:nth-child(even) td {
    background: #f5f5f5;
}

#manage-team-defaults .export-option-table td:last-child {
    border-right: 0;
    text-align: right;
}

#new-order-info .export-option-table tr:first-child td:first-child,
#manage-team-defaults .export-option-table tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}

#new-order-info .watermark-option-table tr:first-child td:last-child, 
#new-order-info .export-option-table tr:first-child td:last-child,
#manage-team-defaults .export-option-table tr:first-child td:last-child {
    border-radius: 0 4px 0 0;
}

#new-order-info .watermark-option-table tr:last-child td:first-child, 
#new-order-info .export-option-table tr:last-child td:first-child,
#manage-team-defaults .export-option-table tr:last-child td:first-child {
    border-radius: 0 0 0 4px
}

#new-order-info .watermark-option-table tr:last-child td:last-child, 
#new-order-info .export-option-table tr:last-child td:last-child,
#manage-team-defaults .export-option-table tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.watermark-enable-option {
    position: relative;
    width: 102px;
    height: 2.5em;
}


.quality-list, 
.export-list {
    position: relative;
    width: 150px;
    height: 2.5em;
}

.watermark-enable-option ul {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    height: 30px;
    width: 70px;
    margin: 0 16px 0 85px !important;
    overflow: hidden;
    z-index: 600;
    border: 1px solid #ccc;
}

.quality-list ul {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    height: 30px;
    width: 115px;
    margin: 0 16px !important;
    overflow: hidden;
    z-index: 600;
    border: 1px solid #ccc;
}

.export-list ul {
    background: none repeat scroll 0 0 #487fdf;
    border-radius: 4px;
    height: 34px;
    width: 100px;
    margin: 0 2em !important;
    overflow: hidden;
    z-index: 600;
}

.export-list:before,
.export-list:after {
    position: absolute;
    top: 6px;
}

.export-list:before {
    left: 0.6em;
    font-weight: bold;
}

.export-list:after {
    right: 0.3em;
    content: "px";
}

.export-list.width:before {
    content: "W";
}

.export-list.height:before {
    content: "H";
}

.watermark-enable-option ul li,
.quality-list ul li {
    color: #6A6A6A;
}

.watermark-enable-option ul li,
.quality-list ul li {
    line-height: 1.5em;
    padding: .3em 1em .5em;
}

.watermark-enable-option .controls {
    background: #afafaf;
    border-radius: 3px;
    height: 19px;
    position: absolute;
    left: 130px;
    right: 22px;
    top: 7px;
    width: 17px;
    z-index: 100;
    cursor: pointer;
}

.export-list ul li {
    line-height: 1.5em;
    padding: .5em 1em;
}

.quality-list ul li:not(.active), 
.watermark-enable-option ul li:not(.active), 
.export-list.height ul li:not(.active) {
    display: none;
}

.quality-list ul.active li, 
.watermark-enable-option ul.active li, 
.export-list.height ul.active li {
    display: block;
}

.watermark-enable-option ul.active,
.quality-list ul.active {
	position: absolute;
    z-index: 800;
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.export-list ul.active {
    z-index: 100;
    position: absolute;
    background: #5395df;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.watermark-enable-option ul.active li:hover,
.quality-list ul.active li:hover {
    background: #EAECEE;
}

.export-list ul.active li:hover {
    background: #487fdf;
    cursor: pointer;
}

.watermark-enable-option ul.active + .controls,
.quality-list ul.active + .controls {
    z-index: 800;
    background: #fff;
}

.watermark-enable-option ul.active + .controls {
    background: #afafaf;
}

.export-list ul.active + .controls {
    z-index: 800;
    background: #487fdf;
}

.quality-list .controls {
    background: #f2f2f2;
    border-radius: 3px;
    height: 19px;
    position: absolute;
    right: 22px;
    top: 7px;
    width: 17px;
    z-index: 100;
    cursor: pointer;
}

.export-list .controls {
    background: #5395df;
    border-radius: 3px;
    height: 19px;
    position: absolute;
    right: 35px;
    top: 8px;
    width: 17px;
    z-index: 101;
    cursor: pointer;
}

.watermark-enable-option .controls:after, 
.watermark-enable-option .controls:before, 
.quality-list .controls:after, 
.quality-list .controls:before, 
.export-list .controls:after,
.export-list .controls:before {
    border-style: solid;
    border-width: 3px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    left: 5px;
}

.quality-list .controls:before {
    border-color: transparent transparent #aaa;
    top: 2px;
}

.watermark-enable-option .controls:before, 
.export-list .controls:before {
    border-color: transparent transparent #fff;
    top: 2px;
}

.quality-list .controls:after {
    border-color: #aaa transparent transparent;
    bottom: 2px;
}

.watermark-enable-option .controls:after, 
.export-list .controls:after {
    border-color: #fff transparent transparent;
    bottom: 2px;
}

.export-list.height .controls {
    display: none;
}

.export-list.custom.height .controls {
    display: block;
}

.export-list .export-custom {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    height: 15px;
    left: 25px;
    padding: 7px !important;
    position: absolute;
    top: 2px;
    width: 84px !important;
    display: none;
}

.export-list.custom .export-custom {
    display: block;
}

.export-list.custom ul {
    display: none;
}

.export-list.custom .controls {
    background: #afafaf;
}

#editing-type > div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start; 
    align-items: flex-start; 
}

#editing-type > div a { line-height: 2.5; }

#editing-type { margin-bottom: 30px; }

.editing-opt {
    position: relative;
    /*width: 60%;*/
    width: 50%;
    min-height: 35px;
    z-index: 1;
}

.editing-opt > ul {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 30px;
    width: 100%;
    /*overflow: hidden;*/
    -webkit-transition: height .2s; 
    -moz-transition: height .2s; 
    -ms-transition: height .2s; 
    -o-transition: height .2s; 
    transition: height .2s;
    position: absolute;
    z-index: 10;
}

.editing-opt:not(.sep-left-1) > ul {
    z-index: 11;
}

.editing-opt > ul.active { height: auto; }
.editing-opt > ul.active.k { height: 60px; }

.editing-opt > ul > li {
    cursor: pointer;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; 
    align-items: center; 
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 30px;
    padding:0 35px 0 10px;
    width: 100%;
    position: relative;
}

.editing-opt > ul > li:first-child { border-radius: 4px; }

.editing-opt > ul.active > li:first-child {
    border-top-right-radius: 4px; 
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.editing-opt > ul.active > li:last-child {
    border-top-right-radius: 0; 
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px; 
    border-bottom-left-radius: 4px;
}

.editing-opt > ul > li:hover { background-color: #EBECEE; }

.editing-opt > ul > li > div > p {
    cursor: auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; 
    align-items: center; 
}

.editing-opt > ul > li .ico-info { 
    color: #aaa;        
    line-height: 0; 
    margin-left: 5px;
}

.editing-opt > ul > li .ico-info:hover { 
    color: #007aff;
}

.editing-opt > ul > li p:first-child { position: relative; }

.editing-opt > ul > li p:first-child:hover + div { display: block; }

.editing-opt > ul > li:not(.active) { display: none; }
.editing-opt > ul > li.disabled { cursor: not-allowed; }

.editing-opt > ul > li .locked { margin-left: 5px; } 

.editing-opt > ul > li .locked .ico-lock { 
    position: relative;
    top: 1px;
    left: initial;
    background-color: transparent;
    color: #aaa;
    font-size: 14px;
}

.editing-opt > ul > li .locked:hover .ico-lock + .info-tooltip { display: block; }

.editing-opt > ul:after {
    content: '';
    border: solid transparent;
    border-width: 5px;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: transparent;
    border-top-color: #000;
    top: 13px;
    right: 10px;
}

.editing-opt .controls {
    cursor: pointer;
    height: 100%;
    width: 25px;
    position: absolute;
    top: 19px;
    right: 0;
    z-index: 11;
    display: none;
}

.editing-opt .controls:before {
    border: solid transparent;
    border-width: 5px;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: transparent;
    border-top-color: #000;
    top: 13px;
    left: 5px;
}

.editing-opt .tooltip {
    cursor: auto;
    background-color: #fff;
    padding: 20px 30px;
    position: absolute;
    width: 250px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    z-index: 1;
    display: none;
}

.editing-opt .tooltip:before {
    content: "";
    height: 30px;
    width: 100px;
    position: absolute;
    left: -27px;
    top: 14px;
}

.info-tooltip.eva:before {
    content: "";
    height: 20px;
    width: 200px;
    position: absolute;
    left: 80px;
    top: -10px;
}

.info-tooltip.eva:hover {
    display: block;
}

.editing-opt .tooltip > .tooltip-arrow {
    left: -9px;
    height: 15px;
    width: 15px;
    border: 1px solid rgba(204, 204, 204, .85);
    position: absolute;
    transform: rotate(45deg);
    background: #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    top: 21px;
}

.editing-opt .tooltip .text-center { text-align: center; }

.editing-opt .d-flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.editing-opt .tooltip .f14 { font-size: 14px; }

.editing-opt .tooltip .f16 { font-size: 16px; }
        
.editing-opt .vertical-align {
    -webkit-align-items: center; 
    align-items: center; 
}

.editing-opt .list-style-check { margin: 0 0 20px 0; }

.editing-opt .tooltip img { margin: 15px 0; }

.editing-opt .list-style-check p { 
    cursor: auto;
    line-height: 1.5;
    padding: 5px 0 5px 20px;
    position: relative;
}        

.editing-opt .list-style-check p:before {
    color: #487fdf;
    content: "\62";
    font-family: "pu-icofont";
    left: 0;
    position: absolute;
    top: 5px;
}

.editing-opt > ul > li:not([data-value="top editor"]) > div:hover .tooltip,
.editing-opt > ul > li .tooltip:hover { display: block; }

.editing-opt .tooltip .btn {
    border: 1px solid #487fdf;
    width: 100%;
    display: block;
    text-align: center;
}

.editing-opt .info-tooltip {
    background-color: #fff;
    position: absolute;
    padding: 10px 15px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    z-index: 1000;
    display: none;
}

.editing-opt .info-tooltip > .tooltip-arrow {
    border: 1px solid rgba(204, 204, 204, .85);
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -6px;
    border-top-color: transparent;
    border-left-color: transparent;
    background-color: #fff;
}

.editing-opt .info-tooltip > .content { display: block; }

.editing-opt .ico-info:hover + .info-tooltip { display: block; } 

.editing-opt .ico-lock { 
    background-color: #fff;
    color: #007aff;
    left: 0;    
    position: absolute;    
    top: 7px;    
}

.editing-opt .ico-lock:after {
    content: "";
    position: absolute;
    width: 200px;
    height: 20px;
    top: -20px;
    left: -21px;
}

.editing-opt .ico-lock + .info-tooltip a { line-height: 0 !important; }

.editing-opt .ico-lock + .info-tooltip { 
    display: none;
    width: 200px;
}

.editing-opt .ico-lock + .info-tooltip { 
    display: none;
    width: 200px;
}

.editing-opt .ico-lock:hover + .info-tooltip,
.editing-opt .ico-lock + .info-tooltip:hover { display: block; }

.allow-overflow, .earned-credits {
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; 
    align-items: center; 
    height: 34px;
}

.allow-overflow, .earned-credits > p {
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; 
    align-items: center; 
    font-size: 13px;
    position: relative;
}

.allow-overflow .ico-pd-help { 
    color: #aaa;
    line-height: 0;
    margin-left: 5px;
}

.allow-overflow .switch input { display: none; }

.allow-overflow .switch input + label {
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 20px;
    margin-left: 10px;
    margin-top: 6px;
}

.allow-overflow .switch input + label:before {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 25px;
    content: "";
    height: 20px;
    position: absolute;
    width: 40px;
}
.allow-overflow .switch input + label:after {
    background-color: #aaa;
    border-radius: 100%;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px;
    top: 3px;
    left: 3px;
}

.allow-overflow .switch input:checked + label:before {
    background-color: #487fdf;
    border: 1px solid #487fdf;
}

.allow-overflow .switch input:checked + label:after {
    background-color: #fff;
    left: initial;
    right: 1px;
}

.allow-overflow .info-tooltip {
    background-color: #fff;
    position: absolute;
    padding: 10px 15px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    z-index: 1000;
    width: 250px;
    display: none
}

.allow-overflow .info-tooltip > .tooltip-arrow {
    border: 1px solid rgba(204, 204, 204, .85);
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    position: absolute;
    top: -6px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    background-color: #fff;
}

.earned-credits .info-tooltip {
    background-color: #fff;
    position: absolute;
    padding: 5px 8px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    z-index: 1000;
    width: 160px;
    display: none;
    font-size: 11px;
}

.earned-credits .info-tooltip>.tooltip-arrow {
    border: 1px solid rgba(204, 204, 204, .85);
    height: 10px;
    width: 10px;
    transform: rotate(224deg);
    position: absolute;
    top: 51px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    background-color: #fff;
}

.allow-overflow .ico-pd-help:hover + .info-tooltip { display: block; }
.allow-overflow .c-icon:hover + .info-tooltip { display: block; }
.earned-credits .ico-pd-attention:hover + .info-tooltip { display: block; }


#step-2 #order-review {
    font-size: 12px;
}

#step-2 #credit-section {
    padding: 2em 0;
    position: relative;
}

#step-2 #credit-section ul + div.margin-top-half {
    margin-left: 8em;
}

#step-2 #credit-section > div.lfloat + div {
    width: 43%;
    float: left;
    text-align: center;
}

#step-2 #credit-section > div.lfloat + div .upload-btn {
    min-width: 128px;
}


.loyalty-dollars span.dollar-count,
.loyalty-dollars span.credit-count{
    display: inline-block;
    color: #fff;
    padding: 2px 3px;
    border-radius: 2px;
    font-size: 11px;
}

#watermark-upload-wrap {
    margin-top: 1em;
    float: left;
    width: 100%;
}

#watermark-upload-wrap .watermark-preview.active {
    padding: 0;
}

#watermark-upload-wrap .watermark-preview {
    width: 80px;
    height: 80px;
    position: relative;
    padding: 3px;
}

#watermark-upload-wrap .watermark-preview.active {
    border: 3px solid #487fdf;
    border-radius: 2px;
}

#watermark-upload-wrap .watermark-preview:hover .delete-icon {
    display: block;
}

#watermark-upload-wrap .watermark-preview:not(.active) img {
    border-radius: 3px;
}

#watermark-upload-wrap .watermark-preview img {
    width: 100%;
    cursor: pointer;
}

#watermark-upload-wrap .no-image {
    padding: 1em;
    width: 55px;
    height: 55px;
}

#watermark-upload-btn{
    padding: 23px 14px;
    width: 70px;
}

#floorlogo-upload-btn {
    padding: 28px 14px;
    width: 49px;
    margin-top: -4px;
} 

#watermark-upload-wrap .watermark-wrap {
    display: table-cell;
    vertical-align: middle;
}

#watermark-upload-wrap .owner-watermarks {
	width: 80%;
}

#watermark-upload-wrap .watermark-list-wrap > * {
    display: inline-block;
    vertical-align: middle;
}

#watermark-upload-wrap .watermark-wrap > * {
    display: inline-block;
    vertical-align: middle;
}

#watermark-upload-wrap .watermark-wrap.indent-left {
	left: 60px;
	position: relative;
	margin-top: .5em;
}

#watermark-upload-wrap .logo-position-wrap {
    background: #f5f5f5;
}

#watermark-upload-wrap .logo-position-wrap > *,
#watermark-upload-wrap .logo-position-wrap li {
    float: left;
}

#watermark-upload-wrap .logo-position-wrap li {
    margin-left: 1em;
}

.watermark-menu {
	float: left;
}

/****************
*   Reviewer Page
*****************/

.batch-reviewer #meta-section {
    border-top: 1px dotted #ddd;
    z-index: 700;
    margin-top: -2px;
}

.batch-reviewer #meta-section .button.green-bg,
.batch-reviewer #meta-section .button.blue-bg {
    padding: .7em 2em;
}

.batch-reviewer #meta-section .button.green-bg > span,
.batch-reviewer #meta-section .button.blue-bg > span {
    margin: -.5em 1em 0 0;
}

.batch-reviewer #meta-section .button.green-bg > p.no-margin {
    width: 60%;
}

.batch-reviewer #meta-section .button.blue-bg > p.no-margin {
    width: 70%;
}

.batch-reviewer #meta-table > div > div {
    padding: .3em 1em;
}

.batch-reviewer #meta-table > div > div:first-of-type {
    padding-top: 1em;
}

.batch-reviewer #meta-table > div > div:last-of-type {
    padding-bottom: 1em;
}

.batch-reviewer #meta-table div > label {
    display: inline-block;
    width: 60px;
}

.batch-reviewer #meta-table ul li{
    padding: .3em 1em;
}

.batch-reviewer #meta-table ul li > span:first-of-type {
    display: inline-block;
    width: 110px;
}

.batch-reviewer #meta-table ul li > span + a {
    margin-left: 3em;
}

.batch-reviewer #meta-table ul li:nth-child(odd) {
    background: #f1f1f1;
}

.batch-reviewer .batch-status-list li {
    float: left;
    margin-right: .5em;
}

.batch-reviewer .rev-controls {
    width: 46%;
}

.batch-reviewer #meta-buttons > a:first-of-type {
    margin-bottom: 8px;
}

.batch-reviewer .request-rev.button {
    width: 33%;
    padding: 1em 2em;
}

.batch-reviewer .request-rev.button > .redo-icon-medium {
    margin: -.3em .4em 0 0;
}

#main-sidebar .sidebar-menu li a#likes-sidebar-link:hover {
    color: #6a6a6a;
}

#main-sidebar .sidebar-menu .pu-select {
	font-size: 12px;
}

.img-wrapper-small {
    position: relative;
}

.zoom-icon-wrap,
.meta-hover-icons,
.nerd-stats {
    display: none;
}

.hover-review {
    display: none;
    position: absolute;
    background: rgba(0,0,0,0.25);
    color: #fff;
    width: 88%;
    height: 81%;
    padding: 1em;
    cursor: pointer;
}

.img-temp .hover-review {
	top: 0;
}

.hover-review .zoom-icon {
    position: absolute;
/*  top: 32%;
    left: 43%;*/
    top: 34%;
    left: 40%;
}

.hover-review .pulldown {
    position: absolute;
    bottom: 0;
    right: 0;
}

.hover-review .pulldown.active {
    background-position: -480px 0;
}

.hover-review .meta-hover-icons {
    background: #fff;
    padding: .6em .5em;
    margin-top: .6em;
    border-radius: .3em;
    overflow: hidden;
}

.hover-review .meta-hover-icons > span {
    float: left;
    margin-right: .39em;
}

/***************
* Editor Score *
****************/

#main.full #site-content {
    width: 960px;
    margin: 2em 0 1em;
    float: left;
}

#main.full #site-content h1.page-title {
    margin: 0 0 .5em;
    color: #494949;
}

#main.full #site-content h1.page-title span {
    margin-left: .5em;
}

#main.full #site-content.editor-score .pu-table {
    clear: both;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

#main.full #site-content.editor-score .pu-table .theader th,
.staff-dashboard .pu-table .theader th {
    background: #6ed87d;
    padding: 1.2em 1em;
    border-right: 1px solid #cfe8b2;
}

#site-content.editor-score .pu-table tr:first-child th:first-child {
    border-top-left-radius: 4px;
    border-radius: 4px 0 0 0;
}

#site-content.editor-score .pu-table td:first-child {
    text-align: left;
}

#site-content.editor-score .pu-table td {
    text-align: center;
}

#site-content.editor-score .pu-table .shift-wrap td {
    background: #f2f2f2;
}

#site-content.editor-score .pu-table .shift-wrap td:first-child .plus-toggle {
    position: relative;
    top: 4px;
}

#site-content.editor-score .pu-table .increase,
#site-content.editor-score .pu-table .decrease {
    position: relative;
    left: -4px;
}

/*
    Staff Dashboard
*/

.staff-dashboard .pu-table td {
    border-bottom: none;
}

.staff-dashboard .pu-table tr:last-child td {
    border-bottom: 1px solid #eee;
}

.staff-dashboard .pu-table tr:last-child td:first-of-type {
    border-radius: 0 0 0 4px;
}

.staff-dashboard .pu-table tr:last-child td:last-of-type {
    border-radius: 0 0 4px 0;
}

.staff-dashboard .sidebar-menu ul > li > a {
    font-weight: bold;
}

.staff-dashboard .pu-table .upload-btn {
    margin-right: .3em;
}

.staff-dashboard .pu-table .upload-btn.bold-text:not(.name), .lower-case {
    text-transform: lowercase;
}

.staff-dashboard #main #site-content > div + div > h4 {
    margin-bottom: 3px;
}

.staff-dashboard .pu-table .star-icon {
    position: relative;
    top: 2px;
}

.client-style .client-style-section {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
}

#client-style-overview,
#client-style-overview > div.green-bg {
    border-radius: 4px 4px 0 0;
}

#client-style-overview .toggle-wrap > div.lfloat {
    padding: 1.5em;
    width: 27.3%;
}

#client-style-overview .toggle-wrap > div.lfloat p {
    font-size: 14px;
}

#client-style-overview .toggle-wrap > div.lfloat:nth-child(2) {
    border-left: 2px dashed #ddd;
    border-right: 2px dashed #ddd;
}

#client-style-screencast .toggle-wrap,
#client-style-example .toggle-wrap,
#client-style-favorite .toggle-wrap {
    padding: 2em 1.8em;
}

.client-style .example-photo-list li {
    float: left;
}

.client-style-section .arrow-down {
    margin-top: .7em;
}

#client-style-feedback div.toggle-wrap {
    border-bottom: 1px solid #ddd;
}

#client-style-feedback ul.testi-row li {
    display: block;
    clear: both;
}

#client-style-feedback ul.testi-row li:not(.last) div.lfloat {
    padding: 1.5em;
    width: 17%;
    margin-top: 1em;
}

#client-style-feedback ul.testi-row li.last div.lfloat {
    padding: 1.5em;
    width: 17%;
}

#client-style-feedback ul.testi-row div.lfloat p {
    margin: 0 1em 0 0;
    width: 65%;
}

#client-style-feedback ul.testi-row div.lfloat + div {
    border-left: 2px dotted #ddd;
}

#client-style-feedback ul.testi-row .comment-bubble {
    float: left;
    padding: 2em 2em 1em;
    width: 70%;
}

#client-style-feedback ul.testi-row .comment-bubble > div {
    background: #f1f1f1;
    padding: 1.5em;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
}

#client-style-feedback ul.testi-row .comment-bubble > div::before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: #f1f1f1 #f1f1f1 transparent transparent;
    top: 20px;
    left: -15px;
}

#client-style-feedback ul.testi-row .big-upload-btn {
    width: 91%;
}

#client-style-satisfaction progress {
    width: 90%;
}

#client-style-satisfaction .tri-up {
    position: relative;
    top: -3px;
    left: 2px;
}

.client-style .client-style-img-wrap {
    width: 100%;
}

.client-style .client-style-img-wrap img {
    width: 100%;
}

.client-batches .prev-button,
.client-batches .next-button {
    margin-right: 2px;
}

.uploader-page .progress-wrap {
	display: none;
}

.uploader-page .upload-list > li {
    padding: .5em .4em .5em 1em;
    font-size: 13px;
}

.uploader-page .upload-list.ui-sortable > li:not(.group):hover {
    cursor: move;
}

/*.uploader-page .upload-list .wrapper-icon {
    padding: 0 2.2em 0 0;
    position: relative;
    overflow: visible;
    top: 1px;
}*/

.uploader-page .upload-list > li:nth-child(odd) {
    background: #f2f2f2;
}

.uploader-page .upload-list > li:nth-child(even) {
    background: #fff;
}

.uploader-page .upload-list li.group:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.uploader-page .upload-list li.group {
    padding: 0;
}

.uploader-page .upload-list li.group > div:first-of-type {
    padding: .5em .4em .5em 1em;
    color: #fff;
}

.uploader-page .upload-list li.group .upload-list > li:nth-child(odd) {
    background: #d5e6fa;
}

.uploader-page .upload-list li.group.floorplan-list .upload-list > li:nth-child(odd) {
    background: #d5fae6;
}

.uploader-page .upload-list li.group .instructions:not(.drop-zone-active),
.uploader-page .upload-list li.group .upload-list > li {
    background: #f0f6fd;
}

.uploader-page .upload-list li.group.floorplan-list .instructions:not(.drop-zone-active),
.uploader-page .upload-list li.group.floorplan-list .upload-list > li {
    background: #f0fdf6;
}

.upload-list li.group .instructions > div + p {
    margin-top: 25px;
}

.upload-list .wrapper-icon {
    margin-top: 4px;
}
/*
.upload-list .wrapper-icon.wide {
	width: 256px;
}
*/

/*.upload-list .wrapper-icon > span,
.upload-list .wrapper-icon > * {
    position: absolute;
    cursor: pointer;
}*/

.feature-lists {
    background: #a9a9a9;
    border-radius: 4px;
    cursor: default;
    position: absolute;
    right: -35px;
    display: none;
    z-index: 1000 !important;
    margin-right:-2px;
}

.feature-lists.white-lists {
	background: #efefef;
}

#main :not(.cogs-icon-small) > .feature-lists {
    bottom: 30px;
}

.upload-list .starv2-icon:hover .feature-lists {
    display: block;
}

.feature-lists:after,
.feature-lists:before { 
    top: 100%; 
    /* left: 86%;  */
    /* left: 87.5%;  */
    left: auto;
    right: 33px;
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
} 

.feature-lists:after { 
    border-color: rgba(169, 169, 169, 0); 
    border-top-color: #a9a9a9; 
    border-width: 10px; margin-left: -10px; 
} 

.feature-lists:before { 
    border-color: rgba(113, 113, 112, 0); 
    border-top-color: #717170; 
    border-width: 13px; 
    /* margin-left: -13px;  */
    margin-right: -3px;
}

.top-icons .feature-lists:before {
    margin-left: -12px;
}

.starv2-icon:hover:after {
    background: transparent;
    content: " ";
    height: 20px;
    position: absolute;
    right: -27px;
    top: -13px;
    width: 300px;
}

.feature-lists input[type="checkbox"] {
    margin-top: .3em;
}

.feature-lists > li {
    min-width: max-content;
    border-bottom: 1px solid #999;
    text-align: left;
    padding: .5em .5em .5em .8em;
}

.feature-lists label {
    color: #fff;
    font-size: 13px;
}

.ptnote-icon,
.hover-note,
.greenstar-icon,
.vs-chair-icon,
.order-type-icon,
.revision-photo-icon {
    position: relative;
}

.ptnote-icon .feature-lists,
.i-icon .feature-lists,
.ico-tooltip .feature-lists,
.hover-note .feature-lists {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px;
    padding: 1em 2em;
    right: -33px;
    width: 208px;
}

#main .address-priority .i-icon .feature-lists {
    right: -71px;
    z-index: 807;
}

#main .i-icon .feature-lists,
#main .ico-tooltip .feature-lists {
    right: -29px;
}

#client-style-info .quick-link-lists .hover-note .feature-lists {
    bottom: 39px;
}

#client-style-info .uploaded-doc-list .v2-close-small,
#client-style-info .uploaded-preset-list .v2-close-small,
#expenses .uploaded-doc-list .v2-close-small {
	display: none;
}

#client-style-info .uploaded-doc-list li:hover .v2-close-small,
#client-style-info .uploaded-preset-list li:hover .v2-close-small
 {
	background: url("../images/pu-icon-sprite-v2.png") -413px -133px no-repeat;
	display: inline-block;
}

.feature-lists.gray-bg,
#main .feature-lists.gray-bg {
    border-bottom: 2px solid #6a6a6a;
}

.feature-lists.gray-bg:after,
#main .feature-lists.gray-bg:after {
    border-color: #B9B9B9 transparent transparent transparent;
}

.feature-lists.green-bg {
    padding: .9em 1em !important;
}

.feature-lists.green-bg,
#main .feature-lists.green-bg {
    border-bottom: 2px solid #2B963A;
}

.feature-lists.green-bg:after,
#main .feature-lists.green-bg:after {
    border-color: #54ba60 transparent transparent transparent;
}

.feature-lists.green-bg:before,
#main .feature-lists.green-bg:before {
    border-color: #2b963a transparent transparent transparent;
}

.feature-lists.orange-bg,
#main .feature-lists.orange-bg {
    border-bottom: 2px solid #c98f23;
}

.feature-lists.orange-bg:after,
#main .feature-lists.orange-bg:after {
    border-color: #f2ba11 transparent transparent transparent;
}

.feature-lists.orange-bg:before,
#main .feature-lists.orange-bg:before {
    border-color: #c98f23 transparent transparent transparent;
}

.feature-lists.blue-bg:after,
#main .feature-lists.blue-bg:after {
    border-color: #487fdf transparent transparent transparent;
}

.feature-lists.blue-bg:before,
#main .feature-lists.blue-bg:before {
    border-color: #558ccc transparent transparent transparent;
}

.note-button.hover-note .feature-lists:before,
.note-button.hover-note .feature-lists:after,
.i-icon .feature-lists:before,
.i-icon .feature-lists:after,
.ico-tooltip .feature-lists:before,
.ico-tooltip .feature-lists:after,
.ptnote-icon .feature-lists:before, 
.ptnote-icon .feature-lists:after,
.revision-photo-icon .feature-lists:before, 
.revision-photo-icon .feature-lists:after {
    top: 100%;
}

#cancel-mode:hover .feature-lists,
#edit-mode:hover .feature-lists,
#save-mode:hover .feature-lists,
.expand-icon:hover .feature-lists,
.hover-note:hover .feature-lists,
.greenstar-icon:hover .feature-lists,
.vs-chair-icon:hover .feature-lists,
.order-type-icon:hover .feature-lists,
.i-icon:hover .feature-lists,
.ico-tooltip:hover .feature-lists,
.ptnote-icon:hover .feature-lists,
.revision-photo-icon:hover .feature-lists {
    display: block;
}

.i-icon:hover .feature-lists.block-table {
	display: inline-table;
}

.ptnote-icon .feature-lists .feature-lists-wrap {
    color: red !important;
}

.ptnote-icon .feature-lists .transparent-span {
    width: 30px;
    height: 22px;
    background: transparent;
    z-index: 1;
    position: absolute;
    right: 17px;
    bottom: -20px;
}

.feature-lists.green-bg > li,
#main .feature-lists.green-bg > li {
    border-bottom-color: #54a760;
    padding: .8em 1em;
    font-size: 13px;
    font-weight: bold;
}

.feature-lists.green-bg.save-bg > li{
    border-bottom-color: #d54245;
    padding: 0 !important;
    font-size: 13px;
    font-weight: bold;
}

.feature-lists.red-bg{
   
    border-bottom: 2px solid #d54245 !important;
}

.feature-lists.red-bg > li{
    border-bottom-color: #d54245;
    padding: .8em 1em;
    font-size: 13px;
    font-weight: bold;
}

.feature-lists.blue-bg{
   
    border-bottom: 2px solid #487fdf;
}


.feature-lists.blue-bg > li{
    border-bottom-color: #487fdf;
    padding: .8em 1em;
    font-size: 13px;
    font-weight: bold;
    
}
.feature-lists.green-bg > li:last-child,
#main .feature-lists.green-bg > li:last-child {
    border-bottom: 0;
}

#main .photo-list:not(.has-tf) li:nth-child(4n+4) {
    margin-right: 0;
}

#main .photo-list.has-tf li:nth-child(4n+5) {
    margin-right: 0;
}

.greenstar-icon .feature-lists.green-bg:after,
.greenstar-icon .feature-lists.green-bg:before,
.vs-chair-icon .feature-lists.green-bg:after,
.vs-chair-icon .feature-lists.green-bg:before,
.order-type-icon .feature-lists.green-bg:after,
.order-type-icon .feature-lists.green-bg:before {
    top: 100%;
}

.feature-lists.green-bg:before {
    border-color: #54a760 transparent transparent transparent;
}

.feature-lists.green-bg:after {
    border-color: #54ba60 transparent transparent transparent;
}

.upload-list .wrapper-icon .total-num-time-wrap {
    left: 5px;
    width: 55px;
    border-radius: 2px;
}

.upload-list .wrapper-icon .total-num-time-wrap.fixthis {
	left: 75px;
}

.upload-list .wrapper-icon .export-quality-wrap {
	width: 43px;
	left: 153px;
	border-radius: 2px;
}

.upload-list .wrapper-icon .total-num-edit-wrap {
    left: 83px;
    width: 47px;
    border-radius: 2px;
}

.upload-list .wrapper-icon .starv2-icon {
    left: 153px;
}

.upload-list .wrapper-icon.wide .starv2-icon {
	left: 219px;
}

.feature-lists input[type="checkbox"] {
    margin-top: .3em;
    transform: scale(1.6);
    margin-left: 19px !important;
    margin-top:  10px !important;
}

.photo-upload-box  .add-note-wrapper {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    bottom: 31px;
    box-shadow: 0 1px 0 0 #777777;
    min-width: 280px;
    padding: 10px;
    position: absolute;
    right: -165%;
    z-index: 800;
    display: none;
}

.photo-upload-box .note-icon:hover:after {
    background: transparent;
    content: " ";
    height: 20px;
    position: absolute;
    right: -27px;
    top: -13px;
    width: 300px;
}

.upload-list .wrapper-icon .note-icon:hover .add-note-wrapper{
    display: block;
}

html.js .upload-modal .input-code {
    min-width: 82px !important;
    width: 110px !important;
}

.add-note-wrapper:after,
.add-note-wrapper:before { 
    top: 100%; 
    left: 87%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none;
} 

.add-note-wrapper:after {
    border-color: rgba(237, 237, 237, 0); 
    border-top-color: #ededed;
    border-width: 10px; 
    margin-left: -10px; 
} 

.add-note-wrapper:before { 
    border-color: rgba(146, 146, 146, 0); 
    border-top-color: #929292; 
    border-width: 11px; 
    margin-left: -11px; 
}

.photo-upload-box .note-icon .add-note-wrapper textarea {
    width: 94%;
    min-height: 90px;
    margin-bottom: 12px;
    padding: .5em;
    border-radius: 4px;
    border: 0;
}

.photo-upload-box .note-icon .add-note-wrapper .v2-btn {
    border: 0;
}

/*.upload-list .wrapper-icon .x-icon {
    position: absolute;
    right: 0;
}*/

.upload-list .wrapper-icon .v2-lock-icon {
    position: absolute;
    right: -20px;
    top: -13px;
}

.uploader-uploading-page > h3 + span.v2-med-refresh,
.uploader-uploading-page > h3 + span.v2-med-caution-red {
    margin-top: 4px;
}

/*
*   @group: Client Dashboard Main
*   @date:  30/01/14
*/

.client-dashboard-banner-wrap {
    width: 100%;
    min-height: 275px;
    /* background: url("../images/banner1.png") no-repeat; */
    border-radius: 5px;
    position: relative;
}

.client-dashboard-banner-wrap #banner-slides {
    border-radius: 4px;
}

.client-dashboard-banner-wrap #slide-prev {
	display: none;
}

.client-dashboard-banner-wrap #slide-next {
	display: none;
}

.client-dashboard-banner-wrap a#slide-next {
	background: url("../images/client-slider-hover-nav-arrows.png") -43px 0px  no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 126px;
	right: 10px;
	
}

.client-dashboard-banner-wrap a#slide-prev {
	background: url("../images/client-slider-hover-nav-arrows.png") 0px 0px no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 126px;
	left: 10px;
}

.client-dashboard-banner-wrap .actor {
    width: 225px;
    height: 263px;
    background: url("../images/actor2.png") no-repeat;
    position: absolute;
    bottom: 0;
    left: 5%;
}

.client-dashboard-banner-wrap .lfloat.slide-content {
	left: 0;
}

.client-dashboard-banner-wrap .rfloat.slide-content {
	right: 0;
}

.client-dashboard-banner-wrap div.slide-content {
    /* background: url("../images/banner-shadow.png") 60% center no-repeat; */
    padding: 5em 1.5em 1em;
    position: absolute;
    right: 0;
    top: 0;
}

.client-dashboard-banner-wrap .slide-content h1 {
    font-size: 30px;
    margin-bottom: 0.2em;
}

.client-dashboard-banner-wrap .slide-content span {
	font-size: 14px;
}

.client-dashboard-banner-wrap .slide-content > h2 {
    font-size: 26px;
    font-weight: lighter;
    line-height: 12px;
    margin-bottom: 1.5em;
}

.backend-dashboard-widgets {
    border: 1px solid #dedede;
    background: #f8f8f8;
    border-radius: 4px;
    position: relative;
    width: 48.7%;
}

.backend-dashboard-widgets .widget-wrap {
    margin-top: -1.5em;
    padding: 1em 1.5em 2em;
}

.backend-dashboard-widgets .video-container {
    padding-top: 0;
}

.backend-dashboard-widgets > .widget-heading {
    position: relative;
    border-radius: 4px;
    display: block;
    clear: both;
    top: -1.2em;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
}

.backend-dashboard-widgets > .widget-heading > * {
    display: inline-block;
}

.backend-dashboard-widgets > .widget-heading .stats-value {
    padding: 3px 5px;
    top: -2px;
    position: relative;
}
/*
.quick-link-lists {
	border-bottom: 2px solid #ccc;
    border-radius: 0 0 4px 4px;
}
*/
.quick-link-lists li {
    border-bottom: 0;
    padding: .7em 1em;
    font-size: 14px;
    line-height: 25px;
    height: 21px;
    border-radius: 0;
    display: table;
    width: 95.5%;
}

.quick-link-lists li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.quick-link-lists li:last-child {
    border-bottom: 2px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.quick-link-lists li > span.lists-meta,
span.lists-meta {
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    min-width: 16px;
    padding: 4px;
    position: relative;
    text-align: center;
}

.normal-text.lists-meta {
    font-size: 13px !important;
    line-height: 15px;
}

span.lists-meta.add-tip {
    cursor: pointer;
}

span.lists-meta:hover .feature-lists.small-tip {
	min-width: 28px;
    right: -4px;
}
span.lists-meta .feature-lists.small-tip:before,
span.lists-meta .feature-lists.small-tip:after {
    left: 50%;
}

#main span.lists-meta:hover:not(.cogs-icon-small) > .feature-lists {
	bottom: 38px;
}

span.lists-meta:hover .feature-lists:after,
span.lists-meta:hover .feature-lists:before {
	top: 100%;
}
	
span.lists-meta:hover .feature-lists:after { 
    border-color: rgba(200, 200, 200, 0); 
    border-top-color: #fff; 
} 

span.lists-meta:hover .feature-lists:before { 
    border-color: rgba(200, 200, 200, 0); 
    border-top-color: #eee; 
}

span.lists-meta:hover .feature-lists {
    display: block;
    bottom: 35px;
    min-width: 245px;
    padding: 0.5em;
    right: -20px;
    border: 2px solid #eee;
	background: #fff;
    color:#494949;
    cursor: pointer;
}

span.lists-meta .feature-lists:before,
span.lists-meta .feature-lists:after {
    left: 87%;
}


.pu-fancy-wrap {
    padding: 25px;
}

html.js .pu-fancy-wrap h1 {
    color: #555555;
    font-size: 32px;
    line-height: 32px;
}

#add-client-form #add-client-btn {
    font-size: 26px;
    min-width: 113px;
    padding: 0.5em 1em;
    text-align: center;
}

.v2-forms input[type="text"],
.v2-forms input[type="password"],
.v2-forms input[type="email"],
.v2-forms textarea,
.v2-forms select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #777777;
    display: block;
    font-weight: lighter;
    margin-bottom: 12px;
    max-width: 100%;
    min-width: 255px;
    outline: medium none;
    padding: 11px;
}

.v2-forms input[type="text"].lfloat {
    margin-right: .5em;
}

#main .v2-forms input.two-digit {
    max-width: 18px;
    min-width: 18px;
    width: 18px;
}

.v2-forms select {
    background: #F7F7F7;
    height: 40px;
}

.v2-forms select option {
    padding: 1em;
}

.v2-forms .full-width {
    width: 94.4%;
}

.v2-forms select.full-width {
    width: 99.3%;
}

#client-style-info .quick-link-lists.v2-forms li {
    border-radius: 0;
    padding: 0;
}

#client-style-info .quick-link-lists li:first-child {
    border-radius: 4px 4px 0 0;
}

#client-style-info .quick-link-lists li:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 1px;
}

#banner-actvation {
    border-radius: 4px;
    background: url("../images/activation-banner.png") center center no-repeat;
}


/* Fancybox My Orders Review
-----------------------------*/
.fancy-my-orders .top-icons {
    /*width: 96.5%;*/
    width: auto;
    padding-right: 22px;
    margin-bottom: 20px;
}

.fancybox-wrap.fancy-my-orders {
    background: url("../images/master-page-bg.png");
}

.fancy-my-orders .fancybox-nav {
    height: 80%;
    top: 40px;
    width: 15%;
    z-index: 800;
}

.fancy-my-orders .fancybox-nav span {
    height: 44px;
    width: 44px;
}

.fancy-my-orders .fancybox-close,
.fancy-my-orders .fancybox-prev span,
.fancy-my-orders .fancybox-next span {
    background: url("../images/pu-icon-sprite-v2.png") no-repeat;
}

.fancy-my-orders .fancybox-prev span {
    background-position: -520px -122px
}

.fancy-my-orders .fancybox-next span {
    background-position: -566px -122px;
}

.fancy-vimeo .fancybox-close,
.fancy-vimeo .fancy-my-orders .fancybox-close {
	height: 36px;
	background-position: 0 0;
	width: 36px;
	right: -18px;
	top: -18px;
}

.fancy-my-orders .fancybox-close {
    width: 21px;
    height: 21px;
    background-position: -423px -227px;
    position: fixed;
    right: 32px;
    top: 15px;
}

.fancy-vimeo .fancybox-close:hover,
.fancy-vimeo .fancy-my-orders .fancybox-close:hover {
	background-position: 0 0;
}

.fancy-my-orders .fancybox-close:hover {
    background-position: -423px -205px;
}

.fancy-my-orders .top-icons .lfloat > span.clickable,
.fancy-my-orders .top-icons .rfloat > span.clickable {
    width: 21px;
    height: 21px;
    background-image: url("../images/pu-icon-sprite-v2.png");
    background-repeat: no-repeat;
    position: relative;
}

.fancy-my-orders .v2-small-ok {
    background-position: -286px -227px;
}

.fancy-my-orders .v2-small-ok.active,
.fancy-my-orders .v2-small-ok:hover {
    background-position: -286px -205px;
}

.fancy-my-orders .revisions-photo-icon {
    background-position: -308px -227px;
}

.fancy-my-orders .revisions-photo-icon.active,
.fancy-my-orders .revisions-photo-icon.on-edit,
.fancy-my-orders .revisions-photo-icon:hover {
    background-position: -308px -205px;
}

.fancy-my-orders .feedback-photo-icon {
    background-position: -357px -227px;
}

.fancy-my-orders .feedback-photo-icon.active,
.fancy-my-orders .feedback-photo-icon.on-edit,
.fancy-my-orders .feedback-photo-icon:hover {
    background-position: -357px -205px;
}

.fancy-my-orders .heart-photo-icon {
    background-position: -379px -227px;
}

.fancy-my-orders .heart-photo-icon.active,
.fancy-my-orders .heart-photo-icon.on-edit,
.fancy-my-orders .heart-photo-icon:hover {
    background-position: -379px -205px;
}

.fancy-my-orders .address-photo-icon {
    background-position: -511px -205px;
}

.fancy-my-orders .hdr-photo-icon {
    background-position: -533px -205px;
}

.fancy-my-orders .mask-photo-icon {
    background-position: -489px -205px;
}

.fancy-my-orders .greenstar-icon {
    background-position: -555px -205px;
}

.fancy-my-orders .ptnote-icon {
    background-position: -577px -205px;
}

.fancy-my-orders .revision-all-icon {
    background-position: -599px -205px;
}

.fancy-my-orders .revision-photo-icon {
    background-position: -621px -205px;
}

.fancy-my-orders .spot-photo-icon {
    background-position: -445px -227px;
}

.fancy-my-orders .spot-photo-icon:hover {
    background-position: -445px -205px;
}

.fancy-my-orders .process-photo-icon {
    background-position: -643px -205px;
}

.fancy-my-orders .upload-photo-icon {
    background-position: -467px -271px;
}

.fancy-my-orders .upload-photo-icon:hover {
    background-position: -467px -249px;
}

.fancy-my-orders .masking-photo-icon {
    background-position: -489px -205px;
}

.fancy-my-orders .top-icons .title {
    /*margin-left: 15%;*/
    text-align: center;
    width: 55%;
    /*position: absolute;*/
}

.fancy-my-orders.fancy-editor-batchinfo .top-icons .title {
    /*position: absolute;*/
    top: 0;
    /*left: 8%;*/
}

.fancy-my-orders .top-icons .download-photo-icon {
 /*   width: 21px;
    height: 21px;
    background: url("../images/pu-icon-sprite-v2.png") -467px -227px;*/
    margin-top: 3px;
    float: none !important;
    position: relative !important;
}

.fancy-my-orders .top-icons .download-photo-icon:hover {
 /*   background-position: -467px -205px;*/
 	margin-top: 3px;
}

.reset-photo-icon.active,
.reset-photo-icon:hover {
    background-color: #f2ba11 !important;
}

.reset-single-photo-icon.active,
.reset-single-photo-icon:hover { 
    background-color: #f2ba11 !important;
}

.fancy-my-orders .maximize-icon {
    position: absolute;
    right: 7px;
    top: 1px;
}

.fancy-my-orders .maximize-icon {
    position: absolute;
    right: 23px;
    top: 0px;
}

/* edit at your own risk */

.fancy-my-orders .note-adder {
    top: 35px;
    height: auto;
    z-index: 900;
}
.fancy-my-orders .on-edit .note-adder {
    min-height: 205px;
}


.fancy-my-orders .lfloat .note-adder {
    left: -16px;
    bottom: 30px;
}

.fancy-my-orders .add-note.active .note-adder,
.fancy-my-orders .add-note.active .note-adder > div{
    border-radius: 4px 4px 0 0 !important;
    height: 100%;
}

.fancy-my-orders .add-note.active .note-adder,
.fancy-my-orders .add-note .note-adder:after {
    border: 0;
}

.fancy-my-orders .note-adder > p {
    border-radius: 0 0 4px 4px;
}


.fancy-my-orders .add-note .note-adder:after,
.fancy-my-orders .add-note .note-adder:before {
    left: 10% !important;
    top: -19px !important;
}

.fancy-my-orders .add-note .note-adder.revision:before {
    border-bottom-color: #FFAA33;
    border-top-color: transparent;
}

.fancy-my-orders .add-note.active .note-adder.revision:before {
    border-bottom-color: #E49A33;
    border-top-color: transparent;
}

.fancy-my-orders .add-note .note-adder.feedback:before {
    border-bottom-color: #487fdf;
    border-top-color: transparent;
}

.fancy-my-orders .add-note.active .note-adder.feedback:before {
    border-bottom-color: #4483CA;
    border-top-color: transparent;
}

.fancy-my-orders .add-note .note-adder.heart:before {
    border-bottom-color: #d54245;
    border-top-color: transparent;
}

.fancy-my-orders .add-note.active .note-adder.heart:before {
    border-bottom-color: #D26161;
    border-top-color: transparent;
}

.fancy-my-orders .rfloat .clickable:hover .feature-lists {
    display: block;
}

.fancy-my-orders .top-icons .lfloat .clickable:hover:after,
.fancy-my-orders .top-icons .rfloat .clickable:hover:after {
    bottom: -14px;
    content: "";
    height: 18px;
    position: absolute;
    width: 217px;
    z-index: 901;
}

.fancy-my-orders .top-icons .rfloat .clickable:hover:after {
    right: -33px;
}

.fancy-my-orders .feature-lists {
    z-index: 900;
}

.fancy-my-orders .feature-lists:after,
.fancy-my-orders .feature-lists:before {
    top: -20px;
    left: 85%;
}

.fancy-my-orders .rfloat ul.feature-lists:after,
.fancy-my-orders .rfloat ul.feature-lists:before {
    top: -20px;
    left: 91%;
}

.fancy-my-orders .feature-lists:before {
    border-color: transparent;
}

.fancy-my-orders .rfloat > * > .feature-lists {
    position: absolute;
    right: -10px;
}

.fancy-my-orders.fancy-editor-batchinfo span.feature-lists,
.fancy-my-orders .rfloat span.feature-lists {
    bottom: -60px;
}

.fancy-my-orders .rfloat ul.feature-lists,
.fancy-my-orders.fancy-editor-batchinfo ul.feature-lists {
    top: 33px;
}

.fancy-my-orders .rfloat ul.feature-lists {
    right: -18px;
}

.fancy-my-orders.fancy-editor-batchinfo ul.feature-lists {
    /* right: -288px; */
    right: -314px;
}

.fancy-my-orders .rfloat div.feature-lists {
    right: -25px;
}

.fancy-my-orders .lfloat > span div.feature-lists,
.fancy-my-orders .rfloat div.feature-lists {
    top: 35px;
    width: 240px;
    padding: 0;
    min-height: 2em;
}

.fancy-my-orders .lfloat > span div.feature-lists {
    left: -14px;
}

.fancy-my-orders.fancy-editor-batchinfo  .feature-lists:after,
.fancy-my-orders.fancy-editor-batchinfo  .feature-lists:before {
    top: -20px;
    left: 10%;
}

.fancy-my-orders .rfloat div.feature-lists > div,
.fancy-my-orders .rfloat div.feature-lists > p,
.fancy-my-orders.fancy-editor-batchinfo div.feature-lists > div,
.fancy-my-orders.fancy-editor-batchinfo div.feature-lists > p {
    padding: 1em;
    color: #fff;
}

.fancy-my-orders.fancy-editor-batchinfo div.feature-lists.orange-bg > div,
.fancy-my-orders .rfloat div.feature-lists.orange-bg > div {
    border-radius: 4px 4px 0 0;
}

.fancy-my-orders .rfloat div.feature-lists > p,
.fancy-my-orders .lfloat div.feature-lists > p {
    border-radius: 0 0 4px 4px;
}

.fancy-my-orders .rfloat div.feature-lists > div > div,
.fancy-my-orders .lfloat div.feature-lists > div > div {
    border-radius: 4px 4px 0 0;
}

.fancy-my-orders .rfloat div.feature-lists.green-bg > p,
.fancy-my-orders .lfloat div.feature-lists.green-bg > p {
    background: #54ba60;
}

.fancy-my-orders .rfloat div.feature-lists.green-bg > div,
.fancy-my-orders.fancy-editor-batchinfo div.feature-lists.green-bg > div {
    background: #4ea95b;
    border-radius: 4px 4px 0 0;
}

.fancy-my-orders .feature-lists.green-bg:after {
    border-color: transparent transparent #54ba60;
}

.fancy-my-orders .ptnote-icon .feature-lists.green-bg:after,
.fancy-my-orders .address-photo-icon .feature-lists.green-bg:after {
    border-color: transparent transparent #4ea95b;
}

.fancy-my-orders.fancy-editor-batchinfo div.feature-lists.orange-bg > p,
.fancy-my-orders .rfloat div.feature-lists.orange-bg > p {
    background: #f2ba11;
}

.fancy-my-orders.fancy-editor-batchinfo div.feature-lists.orange-bg > div,
.fancy-my-orders .rfloat div.feature-lists.orange-bg > div {
    background: #dfa12c;
}

.fancy-my-orders .feature-lists.orange-bg:after {
    border-color: transparent transparent #f2ba11;
}

.fancy-my-orders .revision-all-icon .feature-lists.orange-bg:after,
.fancy-my-orders .revision-photo-icon .feature-lists.orange-bg:after {
    border-color: transparent transparent #dfa12c
}

.fancy-my-orders.fancy-editor-batchinfo .clickable:hover .feature-lists {
    display: block;
}

.fancy-my-orders.fancy-editor-batchinfo ul.feature-lists:after,
.fancy-my-orders.fancy-editor-batchinfo ul.feature-lists:before {
    top: -20px;
    left: 8%;
}

/*  Staff Management
************************/
.staff-teams .team-title.black-bg .lighter-text {
    border-left: 1px solid #acacac;
}

.staff-teams .team-title.red-bg .lighter-text {
    border-left: 1px solid #f8c5c5;
}

.staff-teams .team-title.blue-bg .lighter-text {
    border-left: 1px solid #c3dcf9;
}

.staff-teams .team-title.green-bg .lighter-text {
    border-left: 1px solid #c1e7c6;
}

.staff-teams .team-title.orange-bg .lighter-text {
    border-left: 1px solid #fde1ab;
}

.pu-sort li:first-child .staff-teams .team-title {
    border-radius: 4px 0 0;
}

.staff-teams .arrow-down {
    margin: 18px 15px;
}

.staff-teams .active .arrow-down {
    margin: 17px 15px !important;
}

.staff-teams .team-sort-handle {
	cursor: move;
}

.staff-teams .drag-icon {
    margin: 14px 9px;
}

html.js .team-avatars .mini-inner-wrap {
    border-left: 2px dashed #e1e1e1;
    border-right: 2px dashed #e1e1e1;
    min-height: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.support-dashboard .team-avatars .client-names,
.admin-dashboard .team-avatars .client-names {
	cursor: move;
}

.team-avatars .client-names {
    display: block;
    float: left;
    color: #fff;
    padding: .5em 2em .5em 1em;
    text-align: center;
    border-radius: 4px;
    margin: 3px 3px;
    font-size: 11px;
    position:relative;
}

.team-avatars .client-names.ui-sortable-placeholder {
	min-width: 80px;
	background: #FFFFFF;
	border: 1px dashed #EAE5A8;
}

.team-avatars .client-names.locked {
    cursor: not-allowed;
}

.team-avatars .client-names span.bold-text {
    display: block;
    line-height: 13px;
}

.team-avatars .client-names .below-name-text {
	display: block;
}

.team-avatars .client-names .ant-team {
	display: block;
}

.team-avatars .client-names .newest-lock-icon {
    margin: 7px 0 0 8px;
    display: none;
}

.team-avatars .client-names.locked .newest-lock-icon {
    display: block;
    position:absolute;
    right:10px;
    top:10px;
}

.pu-revenue .v2-btn {
	top: 2px;
	position: relative;
}
/* 404 */

.four-o-four #top-section .site-header {
    padding-bottom: 0;
}

.page-banner {
    overflow: hidden;
    position: relative;
}

.page-banner .banner-wrap {
    display: block;
    position: absolute;
    width: 100%;
}

.page-banner img {
    text-align: center;
    width: 100%;
}

.page-banner .entry-header {
    padding: 34px 0 21px;
}

.page-banner .entry-header h1.entry-title {
    margin: 0;
}

.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

.page-banner .entry-title {
    color: #404040;
    font-size: 32px;
    font-weight: bold;
}

.page-banner .entry-header .entry-subtitle {
    color: #404040;
    font-size: 18px;
    line-height: 45px;
}

.monster-heading {
    font-size:56px !important;
    font-weight: bold;
    line-height: 68px !important;
}

/* Account Settings */
.modify-notice-wrap {
	line-height: 18px;
}

#payment-options #add-tab {
	font-size: 21px;
	padding: 7.5px 0.8em;
}

#site-content .pu-table input.edit-items {
	border: none;
	height: 20px;
}

input.checkbox.make-primary {
	margin-right: 0.5em;
}

.add-card-wrap {
    padding: 1em;
    background: #fff;
    border: 1px solid #ddd;
}

.add-card-wrap .d-card .card-inf {
    padding: .7em 1em;
    background: #afafaf;
    color: #fff;
    float: left;
    text-align: center;
    margin-right: .25em;
    border-radius: 4px;
}

.pricing-plans .pricing-wrap {
    background: #f2f2f2;
}

.pricing-plans ul {
    margin: 0;
}

.pricing-plans ul li {
    padding: 10px 7px;
    margin: 0;
    font-size: 15px;
}

.pricing-plans ul li:nth-child(even) {
    background: #e1e1e1;
}

.pricing-parent-wrap {
    float: left;
    margin: 0 32px 2em;
    width: 200px;
}

.pricing-parent-wrap .select-plan-btn {
    background: none repeat scroll 0 0 #B9B9B9;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0.6em 1em;
    text-align: center;
    width: 114px;
}

.pricing-parent-wrap.next-plan .select-plan-btn {
    background: #487fdf;
}

.pricing-parent-wrap .select-plan-btn:hover {
    background: #54ba60;
}


.pricing-parent-wrap.current .select-plan-btn {
    background: #54ba60;
}

.pricing-parent-wrap.cancel .pricing-wrap {
    border-color: #d54245;
    background: #fff !important;
}

.pricing-parent-wrap.pause .pricing-wrap {
    border-color: #f2ba11;
    background: #fff !important;
}

.pricing-wrap > p {
    padding: .8em .9em;
}

.pricing-wrap  div p {
    margin-bottom: 1em;
}

.pricing-wrap {
    width: 195px;
    border: 2px solid #ccc;
}

.pricing-parent-wrap.next-plan:not(.upgrade) {
    pointer-events: none;
}

.price-list-slides-wrap .pricing-parent-wrap:first-child {
    margin-left: 0;
}

.pricing-parent-wrap.omega {
    margin-right: 0;
}

.pricing-wrap h4 + span {
    font-size: 13px;
    font-weight: bold;
    color: #424242;
    opacity: .7;
}

.pricing-wrap .price-info {
    width: 100%;
    position: relative;
    padding: 17px 15px 22px;
    left: -13px;
}

.pricing-wrap .price-head {
    padding: 15px;
}

.pricing-wrap .price-head h4 {
    font-size: 22px;
    color: #333;
    line-height: 20px;
}

.pricing-wrap .price-info:after {
    content: ' ';
    width: 0;
    height: 0;
    border: 6.5px solid;
    position: absolute;
    top: -12px;
    left: 0;
}

.pricing-wrap .price-info:after {
    border-color: transparent #7f7f7f #7f7f7f transparent ;
}

.next-plan > .pricing-wrap .price-info:after {
    border-color: transparent #2868B0 #2868B0 transparent ;
}

.current > .pricing-wrap .price-info:after {
    border-color: transparent #6F9847 #6F9847 transparent ;
}

.pricing-wrap .price-info {
    background:url("../images/front-sprite-repeat-x.png") left -95px;
}

.next-plan > .pricing-wrap .price-info {
    background:url("../images/front-sprite-repeat-x.png") left -180px;
}

.current > .pricing-wrap .price-info {
    background:url("../images/front-sprite-repeat-x.png") left -10px;
}

.current > .pricing-wrap {
    border: 2px solid #6F9847;
}

.next-plan > .pricing-wrap {
    border: 2px solid #487fdf;
}

.pricing-wrap .price-info .lfloat {
    width: 100%;
}

.pricing-wrap .price-info .rfloat {

    width: 30%;
}

#section-pricing .pricing-wrap .price-info .rfloat a {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    position: relative;
    top: 0;
    right: -17px;
}

.price-info .dollar{
    position: relative;
    top: 0;
}


.price-info .price + span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    left: 12px;
    position: relative;
    top: 10px;
}

.price-info .price {
    font-size: 42px;
    position: relative;
    top: 16px;
    line-height: 0;
    letter-spacing: -2px;
    font-weight: lighter;
}

.pricing-plans {
    overflow: hidden;
    position: relative;
}

.pricing-plans .price-list-slides-wrap {
    position: relative;
    left:0;
}

/* Team and Staff Management
*******************************/
.ajaxload.in-dialog {
	width:80px;
	height:50px;
	float:left;
	margin-left: 10px;
}

.ajaxload .bubblingG {
	text-align: center;
	width:80px;
	height:50px;
	margin: 0 auto;
}

.ajaxload .bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 25px auto;
	background: #68A7F0;
	-moz-border-radius: 50px;
	-moz-animation: bubblingG 1.3s infinite alternate;
	-webkit-border-radius: 50px;
	-webkit-animation: bubblingG 1.3s infinite alternate;
	-ms-border-radius: 50px;
	-ms-animation: bubblingG 1.3s infinite alternate;
	-o-border-radius: 50px;
	-o-animation: bubblingG 1.3s infinite alternate;
	border-radius: 50px;
	animation: bubblingG 1.3s infinite alternate;
}

.ajaxload #bubblingG_1 {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

.ajaxload #bubblingG_2 {
	-moz-animation-delay: 0.39s;
	-webkit-animation-delay: 0.39s;
	-ms-animation-delay: 0.39s;
	-o-animation-delay: 0.39s;
	animation-delay: 0.39s;
}

.ajaxload #bubblingG_3 {
	-moz-animation-delay: 0.78s;
	-webkit-animation-delay: 0.78s;
	-ms-animation-delay: 0.78s;
	-o-animation-delay: 0.78s;
	animation-delay: 0.78s;
}

@-moz-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:#68A7F0;
		-moz-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#FFFFFF;
		-moz-transform: translateY(-21px);
	}

}

@-webkit-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:#68A7F0;
		-webkit-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#FFFFFF;
		-webkit-transform: translateY(-21px);
	}

}

@-ms-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:#68A7F0;
		-ms-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#FFFFFF;
		-ms-transform: translateY(-21px);
	}

}

@-o-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:#68A7F0;
		-o-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#FFFFFF;
		-o-transform: translateY(-21px);
	}

}

@keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:#68A7F0;
		transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#FFFFFF;
		transform: translateY(-21px);
	}

}

.staff-details > div {
    /* min-height: 135px;
    min-width: 145px; */
}

.add-avatar-wrap .no-avatar-icon {
    background: url("../images/default-editor-pic2.svg") 0 0;
    width: 92px;
    height: 90px;
    display: inline-block;
    background-size: 100%;
}

.add-avatar-wrap .no-avatar-icon.female {
    /* background-position: 0 -90px; */
}

.staff-details .add-avatar-wrap {
    height: 161px;
    padding: 0;
    position: relative;
    width: 170px;
    overflow: hidden;
    text-align: center;
}

.staff-details .add-avatar-wrap img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}

.staff-details .no-avatar-icon {
    display: block;
    height: 90px;
    margin: 35px auto;
    position: static;
    width: 92px;
}

.staff-details .add-avatar-btn {
    width: 30px;
    height: 30px;
    background: url("../images/pu-icon-sprite-v2.png") -271px -169px;
    position: absolute;
    display: none;
    top:0;
    left:0;
}

.staff-details .edit-details-btn {
    width: 30px;
    height: 30px;
    background: #606060 url("../images/pu-icon-sprite-v2.png") -418px -363px;
    position: absolute;
    display: none;
    top:0;
    left:30.5px;
}

.staff-details .delete-staff-btn {
	width: 30px;
	height: 30px;
	background: #606060;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	color: #acacac;
	font-size: 20px;
}

.staff-details .personal-info, .staff-details .employee-info, .staff-details .editing-info {
	max-height: 160px;
	overflow:hidden;
	min-height:140px;
	width: 157px;
}

.add-avatar-wrap:hover .add-avatar-btn, .add-avatar-wrap:hover .edit-details-btn, .add-avatar-wrap:hover .delete-staff-btn {
    display: block;
}

.avatar-wrap {
    position: relative;
}

.avatar-wrap .avatar-initials {
    position: absolute;
    width: 58%;
    height: 57%;
    background: rgba(104,168,240,.8);
    opacity: .8;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    display: none;
    padding: 8px;
}

.avatar-wrap.active .avatar-initials {
    display: block;
}

.staff-details h2 {
	line-height: 20px;
}

/* Edit Rating
*****************/

.edit-rating-parent {
    position: relative;
}

.edit-rating-parent:after {
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 81%;
    display: none;
}

.edit-rating-parent:hover:after {
    display: block;
}

#edit-add-rating {
    position: absolute;
    display: none;
}

.active > span.lists-meta.blue-bg {

    box-shadow: 0 0px 2px 0px #213B58 inset
}

.edit-rating-wrap {
    width: 589px;
    position: relative;
    z-index: 999;
    top: 42px;
    box-shadow: 0 3px 6px 0px #6A6A6A;
}

.edit-rating-wrap .inner-wrap.inner-block.blue-bg:hover {
    background: #6fb3ff;
}

.arrow-tip-top {
    background: none repeat scroll 0 0 #487fdf;
    left: 37%;
    position: absolute;
    top: 0;
}

.arrow-tip-top:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(104, 168, 240, 0);
    border-bottom-color: #487fdf;
    border-width: 12px;
    margin-left: -12px;
}

#bu-welcome-msg {
    position: relative;
}

#bu-welcome-msg .x-icon {
    position: absolute;
    right:-10px;
    top: -10px;
    cursor: pointer;
}

#activation-billing,
#bu-settings,
#storage-status:not(.show) {
    display: none;
}

.fancy-vimeo .fancybox-inner {
    overflow: hidden !important;
}

.fancybox-wrap:not(.fancy-vimeo) .client-dashboard .fancybox-inner {
	height: auto !important;
}

/* CLIENT DETAIL
-------------------*/
.client-filter-wrap {
    position: relative;
}

.client-filter-wrap > input {
    padding: .9em 1.2em;
}

.client-filter-wrap .search-by-toggle {
	position: absolute;
    cursor: pointer;
    right: 10px;
    top: 5px;
    padding: 15px;
}

.client-filter-wrap .magnifyng-dropdown {
	position: absolute;
	top: 8px;
	left: 0;
}

.client-filter-wrap .magnifyng-dropdown:after {
    content: "";
    width: 7px;
    height: 5px;
    background: url("../images/pu-icon-sprite-v2.png") -679px -41px;
    position: absolute;
    right: -9px;
    top: 4px;
}

.client-filter-wrap .filter-list {
    position: absolute;
    width: 244px;
    border: 1px solid #ddd;
    z-index: 800;
    top: 42px;
    left: 0;
    box-shadow: 0 3px 2px 0px #bababa;
}

.client-filter-wrap .filter-list li {
    display: block;
    clear: both;
    padding: 1em;
    overflow: hidden;
}

.client-filter-wrap .filter-list li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.client-filter-wrap .filter-list li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.client-filter-wrap .filter-list li:hover {
    cursor: pointer;
    background: #b9b9b9;
    color: #fff;
}

#client-detail #metrics .pu-table tr td:first-of-type {
    border-right: 1px solid #ccc;
}

#client-detail .pu-table.no-border tr:last-child th,
#client-detail .pu-table.no-border tr:last-child td {
    border-bottom: 0;
}

#lead-tracker #general .pu-table tr td,
#client-detail #metrics .pu-table tr td {
    background: #fff;
}

#lead-tracker #general .pu-table tr td:first-of-type {
    border-right: 1px solid #ccc;
}

#lead-tracker .ui-tabs-nav > li:nth-child(6),
#lead-tracker .ui-tabs-nav > li:nth-child(5) {
    float: right;
}

#client-detail .slides-list > li:not(:last-child).active {
    border-bottom: 0;
}

#client-detail .slides-list .slides-list li.active > .primary {
    background: #487fdf;
    color: #fff;
    border-bottom: 0;
}

.slides-list .slides-list.no-radius > .primary {
   background: #f6f6f6;
}

.slides-list .slides-list.no-radius > li,
.slides-list .slides-list.no-radius > li > .primary {
   border: 0;
   border-radius: 0 !important;
}

.slides-list .slides-list.no-radius > li {
	border-bottom: 1px solid #cccccc;
}

.slides-list .slides-list.no-radius > li:last-child,
.slides-list .slides-list.no-radius > li:last-child > .primary {
    border-bottom: 0;
}

#client-detail .slides-list .slides-list .slides-list li.active > .primary .v2-new-plus,
#global-dynamic-setting .slides-list .slides-list .slides-list li.active > .primary .v2-new-plus {
    background-position: -393px -153px;
}

#client-detail #interface .slides-list .slides-list li.active > .primary > .v2-new-plus,
#manage-team .slides-list .slides-list .active > div > .v2-new-plus,
#lead-tracker .slides-list .slides-list .active > div > .v2-new-plus,
#client-detail .slides-list .slides-list .active > div > .v2-new-plus {
    background-position: -393px -133px;
}

#client-detail #dos-donts,
#client-detail #dos-donts > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#client-detail .check-list li:after,
#client-detail .error-list li:after {
    top: 11px;
    left: -2px;
}

#client-detail .common-list li {
    border-left: 0 none;
    border-right: 0 none;
    margin: 0 !important;
    padding: 0.5em 1em 0.5em 1.8em;
}

#client-detail .common-list li .remove-dnd {
	top: 5px;
}
/*
#client-detail .slides-list li.active + li:last-child {
    border-top: 1px solid #ccc;
}
*/

#client-detail #client-documents .uploaded-doc-list + div.moxie-shim {
	top: 1em !important;
}

.uploaded-doc-list li {
    min-height: 23px;
}

.uploaded-doc-list li:hover {
    background: #f0f0f0;
}

.uploaded-doc-list li .v2-small-close {
    display: none;
}

.uploaded-doc-list li:hover .v2-small-close {
    display: block;
}

.uploaded-preset-list li{
    min-height: 23px;
}

.uploaded-preset-list li:hover {
    background: #f0f0f0;
}

.uploaded-preset-list li .v2-small-close {
    display: none;
}

.uploaded-preset-list li:hover .v2-small-close {
    display: block;
}

#client-detail .feedback-btn {
    padding: 7px 5px;
}

#detail-content input[type="submit"] {
	font-family: "Open Sans",Helvetica,Arial,sans-serif; 
}

#billing-history .pu-table tr.gray-bg:first-of-type th {
    background: #ababab;
}

#billing-history .pu-table tr td,
#billing-history .pu-table tr th {    
    -webkit-box-sizing:  border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#billing-history .pu-table .pu-table tr td {
    /*background: #f4f4f4;*/
}

#billing-history .pu-table tr td.green-bg,
#billing-history .pu-table tr:hover td.green-bg {
    background: #54ba60;
}

#billing-history .pu-table .pu-table.gray-bg tr td {
    background: #ababab;
}

#subscription-pricing-addon .slides-list.no-radius li.active > .primary, 
#billing-history .slides-list.no-radius li.active > .primary,
#global-dynamic-setting .slides-list.no-radius li.active > .primary {
    border-bottom: 1px solid #ccc;
    background: #eee;
    color: #606060 !important;
}

#dynamic-addons li#subscription-pricing-addon li {
	border-bottom: none;
}

#dynamic-addons li#subscription-pricing-addon li.active {
	border-bottom: 1px solid #ccc;
}

#dynamic-addons li#subscription-pricing-addon table {
	border-radius: 0;
	border: none;
}

#blng-hstory .slides-list.no-radius li.active > .secondary,
#billing-history .slides-list.no-radius li.active > .secondary {
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
}

#blng-hstory .slides-list.no-radius li:last-child.active > .secondary,
#billing-history .slides-list.no-radius li:last-child.active > .secondary {
    border-radius: 0;
    border-bottom: 0;
}

#billing-history > .slides-list > li:last-child.active .slides-list li:last-child:not(.active) .primary,
#billing-history > .slides-list > li:last-child.active .slides-list li:last-child {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

@media screen and (-webkit-animation) {

    #client-detail .billing-table tr.with-child-table table td:first-child {
        width: 500px !important;
    }
    #client-detail .billing-table tr.with-child-table table td:nth-child(2) {
        width: 78px !important;
    }
    #dos-donts > div:nth-of-type(1) {
        width: 46% !important;
    }
    #dos-donts > div:nth-of-type(2) {
        width: 47% !important;
    }

}

#client-detail .photo-list > li {
	width: 168px;
}

.photo-list > li.upload-placeholder .add-photo-list, 
#client-detail .photo-list > li.upload-placeholder .add-photo-list {
	height: 109px;
	top: 0;
	margin-top: 22px;
}

#client-detail .photo-list li:nth-child(4n+4) {
	margin-right: 0.5em;
}

#client-detail .photo-list li:nth-child(5n+5) {
	margin-right: 0;
}

#daily-edits-table .pu-table td:not(:first-of-type),
#daily-edits-table .pu-table th:not(:first-of-type) {
    border-left: 1px solid #CCCCCC;
}

#daily-edits-table .pu-table td {
    background: #f9f9f9;
}

#daily-edits-table .pu-table th {
	background: #ededed;
}

#daily-edits-table .pu-table th:hover {
	background: #ededed;
}

#daily-edits-table .pu-table td:not(:first-child),
#daily-edits-table .pu-table th:not(:first-child) {
    text-align: center;
}

#daily-edits-table li span.detailed {
    display: none;
}

#daily-edits-table li.active span.detailed {
    display: inline-block;
}


#daily-edits-table .input-field {
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 22px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0;
}

#daily-edits-table .input-field.no-value {
    color: #7b7b7b;
}

/* manage team */
#snapshot-list.pu-sidebar #usage-snapshot li > a > span:first-child {
    left: 5px;
}

.form-table.plan-details .editing-row > td:not(.no-style-change), .form-table.plan-details .editing-row > th:not(.no-style-change) {
	padding: 8px 0.7em;
}

table.form-table tr.editing-row:first-child > *:not(.no-style-change) {
    border-top: 1px solid #fff;
}

table.form-table tr.editing-row > *:first-child:not(.no-style-change) {
    border-right-color: #fff !important;
}

table.form-table tr.editing-row > *:not(.no-style-change) {
    border-color: #fff;
}

#manage-team table tr .question-icon-small {
    float: left;
    margin-top: 2px;
}

table tr td .v2-toggle-wrap + input[type="text"] ,table tr td .setting-toggle-wrap + input[type="text"] {
    font-size: 12px;
    float: left;
    margin-right: 8px;
}

#team-usage table.billing-table tr > *:first-of-type {
    width: 350px;
}

#team-usage table.billing-table tr.parent-table > * {
    background: #fff;
}

#team-usage table.billing-table tr > *:nth-child(2),
#team-usage table.billing-table tr > *:nth-child(3) {
    width: 115px;
}

#team-usage table.billing-table tr > *:not(:first-child) {
    text-align: right;
}

#invite-user-modal {
    padding: 0 2em;
}

#invite-user-modal table input,
#invite-user-modal table .pu-select {
    width: 242px;
}

#invite-user-modal table .pu-select.semi-textfield {
	padding: 0;
	border: none;
}


/************************************
*   HELPER CSS / GENERIC STYLES
************************************/
.v2-toggle-wrap, .setting-toggle-wrap {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    position: relative;
    transition: background 0.4s ease 0s;
    width: 40px;
}

.v2-toggle-wrap .d-toggle, .setting-toggle-wrap .d-toggle {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    height: 20px;
    margin-left: -1px;
    position: absolute;
    top: -1px;
    transition: margin 0.2s ease 0s;
    width: 20px;
}
.editorVa > .v2-toggle-wrap.on {
    background: none repeat scroll 0 0 #487fdf;
    border: 0 none;
}

.v2-toggle-wrap.on, .setting-toggle-wrap.on {
    background: none repeat scroll 0 0 #54ba60;
    border: 0 none;
}



.v2-toggle-wrap.on .d-toggle, .setting-toggle-wrap.on .d-toggle{
    margin-left: 20px;
    top: 0;
}

.question-icon-small {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -602px -411px no-repeat;
}

.check-icon {
    width: 12px;
    height: 11px;
    background: url("../images/pu-icon-sprite-v2.png") -317px -317px;
}

#adjustment-dialog li .check-icon {
	display: none;
}

#adjustment-dialog li.current .check-icon {
	display: block;
}

.magnifyng-dropdown {
    width: 14px;
    height: 13px;
    background: url("../images/pu-icon-sprite-v2.png") -288px -317px;
}

.feedback-btn-2 {
    height: 22px;
    width: 45px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    line-height: 22px;
    cursor: pointer;
}

.metrics-edit {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -541px -418px no-repeat;
    cursor: pointer;
}


.metrics-save {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -541px -393px no-repeat;
}

.video-thumbnail {
    width: 315px;
    height: 177px;
}

.video-thumbnail:hover {
    background-position: 0 -177px;
}

.arrow-down.black {
    width: 5px;
    height: 7px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png")  -614px -63px no-repeat;
}

.arrow-down.black.active {
    height: 5px;
    width: 7px;
    background-position: -614px -57px;
}

.shadow-wrapper {
    width: 100%;
    position: relative;
}

.shadow-wrapper .left-shadow,
.shadow-wrapper .right-shadow {
    position: absolute;
    height: 565px;
    width: 22px;
    background: url("../images/div-inner-shadow-bg.png") no-repeat;
    z-index: 4999;
    top: -25px;
}

.shadow-wrapper .left-shadow {
    left: 0;
    background-position: 0 0;
}

.shadow-wrapper .right-shadow {
    right: 0;
    background-position: -23px 0;
}

.pricing-prev {
    left: 0;
}

.pricing-next {
    right: 0;
}

.pricing-nav {
    position: absolute;
    text-decoration: none;
    width: 8%;
    z-index: 8040;
    height: 80%;
    top: 1%;
    z-index: 800;
}

.pricing-nav span {
    height: 44px;
    width: 44px;
    background: url("../images/pu-icon-sprite-v2.png") no-repeat;
    cursor: pointer;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    display: none;
    z-index: 9999;
}

.pricing-nav:hover span {
    display: block;
}

.pricing-prev span {
    background-position: -520px -122px;
    left: 10px;
}

.pricing-next span {
    background-position: -566px -122px;
    right: 10px;
}


.big-i-icon {
    width: 77px;
    height: 76px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -257px -339px;
}

.drag-icon {
    width: 20px;
    height: 13px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -134px -434px;
}

.drag-icon-2 {
   width: 17px;
   height: 17px;
   display: inline-block;
   background: url("../images/pu-icon-sprite-v2.png") -566px -393px;
}

.drag-icon-2:hover {
    cursor: move;
}

.maximize-icon {
    background: url("../images/pu-icon-sprite-v2.png") -401px -227px;
    width: 21px;
    height: 21px;
    display: inline-block;
}

.maximize-icon.active,
.maximize-icon:hover {
    background-position: -401px -205px;
}

.video-wrap .vimeo-video {
    position: relative;
}

.play-btn {
    width: 58px;
    height: 58px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -461px -122px no-repeat;
    cursor: pointer;
}

.video-wrap .vimeo-video .play-btn {
    display: none;
    position: absolute;
    top: 30%;
    left: 36%;
}

.video-wrap .vimeo-video:hover .play-btn {
    display: block;
}

.video-wrap .vimeo-video:hover {
    opacity: 0.8;
}

.video-wrap .vimeo-video img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.video-wrap .vimeo-video a {
    display: block;
}

.video-wrap .vimeo-video .duration {
    padding: .3em .5em;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}
/*
#dashboard .fancybox-skin {
    background: none;
}
*/
.max {
    width: 100%;
}

.faded {
    opacity: .5;
}

html.js .middle-me {
    margin: 0 auto;
}

.x-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -145px -244px no-repeat;
}

li.group .group-header .x-icon {
    background-position: -185px -244px;
}

.x-icon:hover,
li.group x-icon:hover {
    background-position: -165px -244px !important;
}

.v2-lock-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -86px -300px no-repeat;
}

.newest-lock-icon {
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -237px -251px no-repeat;
}

.check-icon-big {
    width: 31px;
    height: 29px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -86px -155px no-repeat;
}

.v2-edit-icon {
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -277px -264px no-repeat;
}

.v2-edit-icon.white {
    background-position: -277px -284px;
}

.v2-edit-icon.gray {
    background-position: -277px -284px;
}

.v2-edit-icon.gray-2 {
    background-position: -297px -264px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;    
}

.v2-edit-icon.inactive {
    background-position: -297px -264px;
}

.day-to-dusk-icon,
#main .day-to-dusk-icon:hover {
    width: 16px;
    height: 19px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -86px -185px no-repeat;
}

.day-to-dusk-icon.bw {
    background-position: -86px -206px;
}

.group .day-to-dusk-icon,
.day-to-dusk-icon.white {
    background-position: -86px -223px;
}

.mor-icon,
#main .mor-icon:hover {
    width: 17px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -105px -187px no-repeat;
}

.mor-icon.bw {
    background-position: -105px -207px;
}

.group .mor-icon,
.mor-icon.white {
    background-position: -105px -226px;
}

/* ---- */
.note-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -145px -284px no-repeat;
}

.note-icon:hover,
.note-icon.active, 
.note-icon.has-entry {
    background: url(../images/pu-icon-sprite-v2.png) -165px -284px no-repeat;
}

/* ---- */
.group .note-icon {
    background: url(../images/pu-icon-sprite-v2.png) -185px -284px no-repeat;
}

.group .note-icon:hover,
.group .note-icon.active,
.group .note-icon.has-entry {
    background: url(../images/pu-icon-sprite-v2.png) -205px -284px no-repeat;
}

/* ---- */
.starv2-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -145px -264px no-repeat;
}

.starv2-icon:hover,
.starv2-icon.active,
.starv2-icon.has-entry {
    background: url(../images/pu-icon-sprite-v2.png) -165px -264px no-repeat;
}
/* ---- */
.upload-list li.group .starv2-icon {
    background: url(../images/pu-icon-sprite-v2.png) -185px -264px no-repeat;
}

.upload-list li.group .starv2-icon:hover,
.upload-list li.group .starv2-icon.active, 
.upload-list li.group .starv2-icon.has-entry {
    background: url(../images/pu-icon-sprite-v2.png) -225px -264px no-repeat;
}

.upload-list li.group .starv2-icon.has-note {

}

.group .note-icon {
    background-position: -185px -284px;
}

.group .note-icon:hover,
.group .note-icon.has-note {
    background-position: -205px -284px;
}

.in-block {
    display: inline-block;
}

.gray-bg.with-border-top {
	border-top: 1px solid #fff;
}

.blue-bg.with-border-top {
    border-top: 1px solid #438FD7;
}
.red-bg.with-border-top {
    border-top: 1px solid #c14b4b;
}

.yellow-bg {
    background-color: #fefeea;
}

.yellow-with-border {
    border: 1px solid #ffed97;
    background-color: #fffce5
}

.v2-learn-more {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -138px -40px no-repeat;
    position: relative;
    top: 1px;
    left: 5px;
}

#main .v2-tooltip {
    padding: 1em;
    text-align: left;
    position: relative;
}

#main .v2-tooltip:before,
#main .v2-tooltip:after {
    right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}

#main .v2-tooltip:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 14px; margin-top: -15px; }

#main .v2-tooltip:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 15px; margin-top: -16px; }

.notepad {
    background: url("../images/notepad-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #515151;
    font: 14px/25px "Verdana","Calibri",sans-serif;
    height: 122px;
    outline: medium none;
    padding: 21px 52px 0px 58px;
    resize: none;
    width: 84%;
    padding-top: 5px;
}

.notepad.v2 {
    background: url("../images/yellow-paper-full.png");
    border: 1px solid #E7E7BB;
    height: 125px;
    background-position: 0 -13px;
}

.v2-btn {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    min-width: 50px;
    text-align: center;
    cursor: pointer;
}

.v2-btn:active {
    /*border-bottom-color: transparent !important;
    position: relative;
    top: 2px;*/
}

.v2-btn.white {
    background-color: #fff;
    border-bottom-color: #ddd;
    color: #666;
    border: 1px solid #ddd;
}

.v2-btn.dark-red-border {
    border-bottom-color: #c16467;
}

.v2-btn.green {
    background-color: #54ba60;
    border-bottom-color: #488d52;
    color: #fff;
}

.v2-btn.green:hover {
    background-color: #98dc98;
}

.v2-btn.blue:hover {
	background-color: #80b9f8;
}

.v2-btn.red {
    background-color: #d54245;
    border-bottom-color: #c13c3c;
    color: #fff;
}

.v2-btn.red:hover {
    background-color: #f98e8e;
}

.v2-btn.blue {
    background-color: #487fdf;
    border-bottom-color: #1c508a;
    color: #fff;
}

margin-bottom-3.blue:hover {
    background-color: #81bcff;
}

.v2-btn.small-btn {
	padding: 2px 10px;
}

.v2-btn.medium-btn {
	padding: 8px 15px;
}

.v2-btn.large-btn {
    padding: 12px 25px;
}

.v2-btn.no-bottom-border,
html.js #site-content .no-bottom-border,
html.js .no-bottom-border {
    border-bottom: 0;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

/* added by tim, new plus and minus step 1*/
.v3.v2-plus,
.v3.v2-minus {
    background: #487fdf;
    color: #fff;
    border-radius: 3px;
    position: relative;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.v3.v2-plus i,
.v3.v2-minus i {
    position: relative;
    top: 6%;
}

.v3.v2-plus.gray,
.v3.v2-minus.gray {
    background: #B9B9B9;
}

.v3.v2-minus .ico-minus-math:before {
	font-weight: 700 !important;
}

/* end of tim */

.v2-new-plus {
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -373px -133px no-repeat;
}

.v2-new-plus:hover {

    background-position: -373px -153px;
}

.v2-plus,
.v2-minus {
    width: 34px;
    height: 34px;
    display: inline-block;
}

.v2-plus {
    background: url(../images/pu-icon-sprite-v2.png) -234px -133px no-repeat;
}

.v2-plus.gray {
    background: url(../images/pu-icon-sprite-v2.png) -234px -169px no-repeat;
}

.v2-minus {
    background: url(../images/pu-icon-sprite-v2.png) -196px -133px no-repeat;
}

.v2-minus.gray {
    background: url(../images/pu-icon-sprite-v2.png) -196px -169px no-repeat;
}

.v2-big-plus-toggle {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}

.v2-big-plus-toggle.plus {
    background: url(../images/pu-icon-sprite-v2.png) -376px -393px no-repeat;
}

.v2-big-plus-toggle.minus {
    background: url(../images/pu-icon-sprite-v2.png) -335px -393px no-repeat;
}

.v2-med-plus-toggle {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -459px -334px no-repeat;
}
.v2-med-minus-toggle {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -488px -363px no-repeat;
}

.v2-med-plus-toggle.white.minus,
.active > .primary > .v2-med-plus-toggle {
    background-position: -487px -363px;
}

.v2-big-plus {
    width: 26px;
    height: 26px;
    background: url(../images/pu-icon-sprite-v2.png) -423px -399px no-repeat;
    display: inline-block;
}

.active > .v2-plus,
.active > * > .v2-plus {
    background: url(../images/pu-icon-sprite-v2.png) -196px -133px no-repeat;
}

.v2-ok {
    width: 31px;
    height: 31px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -271px -133px no-repeat;
}

.v2-small-ok {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -188px -355px no-repeat;
}

.v2-small-ok.active {
    background-position: -188px -338px;
}

.v2-med-ok {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -286px -205px no-repeat;
}

.v2-med-refresh {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -119px -154px no-repeat;
}

.v2-med-caution-red {
    width: 19px;
    height: 18px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -209px -216px no-repeat;
}

.v2-small-x {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -672px -18px no-repeat;
}

.v2-close-big {
    width: 33px;
    height: 30px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -304px -133px no-repeat;
}

.v2-close-big:hover {
    background-position: -339px -133px;
}

.v2-med-reload {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -308px -205px no-repeat;
}

.download-photo-icon {
 /*   width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -188px -321px no-repeat;*/
}

.download-photo-icon:hover {
    /*background-position: -188px -304px;*/
    
    background-color: #487fdf !important;
}

.edit-photo-icon:hover {
    background-color: #54ba60  !important;
    cursor: pointer;
}

.edit-photo-icon.active {
    background-color: #54ba60  !important;
}

.reject-ai-photo-icon:hover {
    background-color: #d54245  !important;
    cursor: pointer;
}

.reject-ai-photo-icon.active {
    background-color: #d54245  !important;
}


.mask-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -205px -304px no-repeat;
}

.grp-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -222px -304px no-repeat;
}

.ptnote-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -239px -304px no-repeat;
}

.ptnote-icon.un-check {
    background: url(../images/feedback-red.svg);
}

.revision-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -239px -287px no-repeat;
}

.greenstar-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -256px -304px no-repeat;
}

.note-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -239px -304px no-repeat;
}

.spot-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -205px -372px no-repeat;
}

.heart-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -222px -321px no-repeat;
}

.heart-photo-icon.on-edit,
.heart-photo-icon.active {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -222px -304px no-repeat;
}

.feedback-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -205px -321px;
}


.expand-icon {
    padding: 8px !important;
    cursor: pointer;
    display: inline-block;
    background: url("../images/inactive-expand-icon.svg");
}

.expand-icon.active,.expand-icon:hover {
    background: url("../images/active-expand-icon.svg");
}

.expand-icon:hover > .feature-lists {
    
}

.top-margin-22 {
    margin-top: 22px !important;
}

.photomaskcount {
    color:#54ba60;
}
.default-ul > li {
   margin-bottom: 5px !important; 
}

.group-photos {
    border: 1px solid #487fdf;
    padding-top:5px !important;
    padding-left:8px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-right: -8px !important;
}
.compress-group-photos {
    border: 2px solid #487fdf;
}

.add-drop-pictures {
    width: 100%;
    position: absolute;
    z-index: 10;
    height: 120%;
    border:0px;
   
}

.grouping-photo-list {
    margin-left: -10px;
    width: 102%;   
}

.batch-input {
    width: 98%;
    height: 34px;
    border-color: #6a6a6a33;
    margin-bottom: 10px;
    padding-left: 10px;
}    

.photo-list-wrapper {
    position: relative;
}

.compress-icon {
    padding: 8px !important;
    cursor: pointer;
    display: inline-block;
    background: url("../images/inactive-compress-icon.svg");
}

.compress-icon.active,.compress-icon:hover {
    background: url("../images/active-compress-icon.svg");
}

.feedback-photo-icon.on-edit,
.feedback-photo-icon:hover,
.feedback-photo-icon.active {
    background-position: -205px -304px;
}

.revisions-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -205px -355px no-repeat;
}


.revisions-photo-icon.on-edit,
.revisions-photo-icon.active {
    background-position: -205px -338px;
}

.mask-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -222px -338px no-repeat;
}

.clone li,.clone li:nth-child(4n+4) {  margin-right: .8em !important; }

.hdr-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -188px -372px no-repeat;
}

.uploading-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -239px -355px no-repeat;
}

.process-photo-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -222px -372px no-repeat;
}

.right-nav-orange,
.left-nav-orange {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -401px -103px no-repeat;
}

.right-nav-orange {
    background-position: -423px -103px;
}

.search-bar,
.select-bar {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: .1em .5em;
}

.no-avatar-medium {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -587px -1px no-repeat;
}

.star-icon {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -274px -304px no-repeat;
}

.star-icon.primary {
    background-position: -288px -304px
}

.current .star-icon {
    background-position: -302px -304px
}

.i-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -673px -55px no-repeat;
    position: relative;
}

.ico-tooltip {
	position: relative;
	font-size: 14px;
	display: inline-block;
}

.address-priority .i-icon {
    top: 3px;
    left: -15px;
    position: absolute;
}

.grouping-radio-class {
    position: absolute;
    z-index: 1000;
    margin-top: 6px;
    margin-left: 152px;
}

.grouping-radio-class  label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 140%;
    cursor: pointer;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
}

#new_batch_name_checkbox {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.green-on-load {
    color: #82d08d !important;
}

.photo-list.clone > li:not(.can-drag) {
    left: -7px;
    position: relative;
}
.photo-list.clone > li.can-drag {
    height: 147px;
    padding-top: 11px;
}
li:not(.can-drag) + li.can-drag {
    clear: both;
}

.grouping-radio-class label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 3px;
    left: 1px;
    opacity: 1;
    position: absolute;
    top: 3px;
    transform: rotate(-48deg);
    width: 8px;
}
.auto-width {
    width: 100.5% !important;
    clear: left;
}
.grouping-box {
    border: 2px solid #dddddd;
    height: 35px;
    margin-top: -21px;
    margin-bottom: 18px;
}

.grouping-box > .icon-folder-plus4 {
    font-size: 18px !important;
    padding-left: 6px;
    padding-top: 6px;
    cursor:pointer;
} 

.grouping-box > .icon-stack3 {
    font-size: 18px !important;
    padding-top: 6px;

} 
.grouping-box > .icon-star6 {
    font-size: 16px !important;
    padding-top: 7px;

}
.grouping-box > .merge-ungroup {
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 6px;
    cursor: pointer;
    color:#6a6a6a;
} 

.merge-ungroup > .merge:hover  {
    color:#487fdf;
}

.merge-ungroup > .ungroup:hover  {
    color:#487fdf;
}

.merge-ungroup > .ungroup  {
    padding-left: 4px;
}

.grouping-box > .sep-right-half-group {
    padding-left: 6px;
}

.grouping-radio-class input[type="checkbox"] {
  visibility: hidden;
}

.grouping-radio-class input[type="checkbox"]:checked + label {
  background-color: #487fdf;
  border-color: #487fdf;
}

.grouping-radio-class input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.green-save-button {
   background-color: #54ba60 !important;
}



.fail-items .i-icon {
    top: 1px;
}

.address-priority {
    position: relative;
}

.i-icon.blue {
    background-position: -673px -68px;
    top: 1px;
}

.blue-arrow-toggle {
    width: 6px;
    height: 7px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -621px -67px no-repeat;
    margin: 0 0 0 6px;
}

.blue-arrow-toggle.active {
    width: 7px;
    height: 4px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -628px -69px no-repeat;
    margin: 0 0 3px 5px;
}

.grp-color {
    border-radius: 9px;
    display: inline-block;
    height: 9px;
    margin: 5px 5px 0;
    width: 9px;
}

.grp-color.red {
    background: #f0665f;
}

.grp-color.orange {
    background: #fbbd5b;
}

.grp-color.green {
    background: #54ba60;
}

#main .blue-bg,#dashboard .blue-bg, .blue-bg {
    background:#487fdf;
}

.blue-bg.v2-btn:hover {
    background:#71b4ff;
}

.red-bg.v2-btn:hover {
    background: #ff8b8b;
}

.orange-bg.v2-btn:hover {
    background: #fdc559;
}

#main .gray-border {
    border-color:#ccc;
}

#main .green-bg, #dashboard .green-bg, #step-2 .green-bg {
    background:#54ba60;
}

#main .white-bg {
    background:#fff;
}

.green-hover.v2-btn:hover {
    background:#6ed87d;
}

.v2-btn.orange-bg {
    border-bottom-color: #b96f08;
}

.gray-border,
#main .gray-border {
    border-color:#ccc;
}

html.js .green-bg,
.green-bg,
#main .green-bg,
#dashboard .green-bg,
#step-2 .green-bg {
    background:#54ba60;
}

.blue-bg,
#main .blue-bg,
#dashboard .blue-bg {
    background:#487fdf;
}

.purple-bg,
#main .purple-bg,
#dashboard .purple-bg {
    background: #9542D5;;
}

#main .red2-bg {
    background: #d54245;
}

#rate_dl .red-bg,
.red-bg,
#main .red-bg {
    background: #d54245 !important;
}

#main .hover-red-bg:not(.gray-bg):hover {
    background: #d54245;
}

#main .white-bg,
.white-bg {
    background: #fff;
}


.orange-bg,
#main .orange-bg,
#dashboard .orange-bg {
    background: #f2ba11;
}

.black-bg,
#main .black-bg,
#dashboard .black-bg {
    background: #333;
}

.light-blue-bg,
#main .light-blue-bg,
#dashboard .light-blue-bg {
    background: #f3f9ff;
}

.light-blue-border {
    border: 1px solid #c7e1ff;
}

#main .large-text {
    font-size:17px;
}

#main .larger-text,
.larger-text {
    font-size:15px;
}

#dashboard .margin-top-1,
#main .margin-top-1,
.margin-top-1 {
    margin-top: 1em;
}

#dashboard .margin-top-2 {
    margin-top: 2em;
}


#dashboard .margin-top-1-2,
#main .margin-top-1-2,
.margin-top-1-2 {
    margin-top: 1.5em;
}

#dashboard .margin-top-3,
#main .margin-top-3,
.margin-top-3 {
    margin-top: 3em;
}

#main .margin-top-4,
.margin-top-4 {
    margin-top: 4em;
}

#dashboard .margin-top-half,
#main .margin-top-half,
.margin-top-half {
    margin-top: .5em;
}

#main .margin-top-half-quart,
.margin-top-half-quart {
    margin-top: .75em;
}

#main .margin-top-quarter,
.margin-top-quarter {
    margin-top: .25em;
}

#main .margin-bottom-half,
.margin-bottom-half,
html.js .margin-bottom-half {
    margin-bottom: .5em;
}

#main .margin-bottom-half-quart,
.margin-bottom-half-quart,
html.js .margin-bottom-half-quart {
    margin-bottom: .75em;
}

.margin-bottom-quart,
html.js .margin-bottom-quart {
    margin-bottom: .25em;
}

#main .margin-bottom-1,
.margin-bottom-1,
#dashboard .margin-bottom-1 {
    margin-bottom: 1em;
}

#main .margin-bottom-1-2,
.margin-bottom-1-2 {
    margin-bottom: 1.5em;
}

#main .margin-left {
    margin-left: 10px;
}

#main .margin-bottom-2,
html.js .margin-bottom-2 {
    margin-bottom:2em;
}

#main .margin-bottom-3,
html.js .margin-bottom-3 {
    margin-bottom:3em;
}

#main .no-right-border,.pu-table.no-inner-border td,#main .pu-table .no-right-border {
    border-right:0;
}

#main .ip-payment-details-tbl-wrap {
    padding-top: 15px;
    padding-left: 10px;
    float:left;
}

#main .tip-details {
    padding-top: 15px;
    padding-left: 10px;
    float:left;
}

#main .no-left-border,#main .pu-table .no-left-border {
    border-left:0;
}

.pu-table .footer-radius th:first-child {
    border-radius: 0 0 0 4px;
}

.pu-table .footer-radius th:last-child {
    border-radius: 0 0 4px 0;
}

#main .orange2-bg {
    background: #FFC460;
}

#main .orange-bg, #dashboarder .orange-bg {
    background:#f2ba11;
}

#main .orange-bg.button:hover, #dashboarder .orange-bg.button:hover {
    background:#ffb144;
}

#new-order-info .clear-to-go + span.v2-ok {
    position: relative;
    float: right;
    right: 0.5em;
    top: -3em; 
}

#site-content .big-upload-btn {
    color:#fff;
    display:inline-block;

}

.upload-btn,
#site-content .upload-btn,
#top-section .upload-btn,
html.js .upload-btn {
    display: inline-block;
    min-width: 15px;
    padding: 3px 5px;
    text-align: center;
    color: #FFFFFF;
}

.upload-btn.small-1,
#site-content .upload-btn.small-1,
#top-section .upload-btn.small-1,
html.js .upload-btn.small-1 {
    padding: 1px;
    border-radius: 2px;
    font-size: 11px;
}

.upload-btn.big,
#site-content .upload-btn.big {
    font-size:16px;
    padding:12px 24px !important; 
}

#top-section .upload-btn.medium,
#site-content .upload-btn.medium {
    font-size: 14px;
    padding: 7px 16px;
}

.zoom-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -290px -31px no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.level1-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -333px -58px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.level2-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -349px -58px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.level3-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -365px -58px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.notes-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -381px -58px no-repeat;
    width: 12px;
    height: 14px;
    display: inline-block;
}

.hdr-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -399px -58px no-repeat;
    width: 24px;
    height: 15px;
    display: inline-block;
}

.person-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -428px -57px no-repeat;
    display: inline-block;
    width: 14px;
    height: 16px;
}

.color-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -447px -57px no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.crop-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -467px -57px no-repeat;
    display: inline-block;
    width: 13px;
    height: 13px;
}

.hearts-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -294px -16px no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.actives-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -280px -15px no-repeat;
    display:inline-block;

}

.bar-chart {
    background:url(../images/pu-icon-sprite-v2.png) -195px -112px no-repeat;
    display:inline-block;
    width: 20px;
    height: 18px;
}

.plus-toggle {
    background:url(../images/pu-icon-sprite-v2.png) -499px -99px no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
}

.plus-toggle:hover {
    background-position: -475px -99px;
}

.delete-icon.small {
    width: 10px;
    height: 9px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -648px -57px no-repeat;
}

.increase {
    background: url(../images/pu-icon-sprite-v2.png) -592px -57px no-repeat;
    width: 9px;
    height: 7px;
    display: inline-block;
}

.decrease {
    background:url(../images/pu-icon-sprite-v2.png) -603px -57px no-repeat;
    width: 9px;
    height: 7px;
    display: inline-block;
}

.plus-toggle.active {
    background-position: -545px -98px;
}

.align-left,.pu-table tr.center-me td.align-left {
    text-align:left !important;
}

.align-right,
#main .pu-table tr.center-me td.align-right {
    text-align:right !important;
}

.center-me,
.pu-table tr.center-me td {
    text-align:center !important;
}

.all-caps {
    text-transform:uppercase;
}

.annotation {
    font-size:12px;
    font-weight:lighter;
    margin:0;
}

.zoom-icon {
    background:url(../images/pu-icon-sprite-v2.png) -411px 0 no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.pulldown {
    background:url(../images/pu-icon-sprite-v2.png) -444px 0 no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
}

.pullup {
    width: 34px;
    height: 34px;
    display: inline-block;
}

.archive-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -302px 0 no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.arrow-right-white {
    background:url(../images/pu-icon-sprite-v2.png) -134px -56px no-repeat;
    display:inline-block;
    height:13px;
    width:18px;
}

.arrow-up-white {
    background:url(../images/pu-icon-sprite-v2.png) -119px -55px no-repeat;
    display:inline-block;
    height:17px;
    width:13px;
}

.arrow-right-v2 {
    background:url(../images/pu-icon-sprite-v2.png) -435px -133px no-repeat;
    display:inline-block;
    height: 24px;
    width: 24px;
}

.active.green-bg .arrow-right-v2 {
    background-position: -435px -158px;
}

.backup-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -315px 0 no-repeat;
    display:inline-block;
    height:12px;
    width:14px;
}

.big-bldg-icon {
    background:url(../images/pu-icon-sprite-v2.png) 0 -55px no-repeat;
    display:inline-block;
    height:48px;
    width:36px;
}

.blue-border {
    border-color:#487fdf;
    border-style: solid;
}

.orange-border {
    border-color:#ffb923;
    border-style: solid;
}

.blue-text {
    color: #487fdf;
}

.orange-text {
    color: #ffb923 !important;
}

.purple-text {
    color: #9542D5 !important;
}


.red-text {
	color: #d54245 !important;
}

.bold-text {
    font-weight:700;
}

.book-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -333px 0 no-repeat;
    display:inline-block;
    height:18px;
    width:15px;
}

.border-right {
    border-right: 1px solid;
}

.border-w1,
#main .border-w1 {
    border-width:1px;
}

#main .bot-padd-1 {
    padding-bottom: 1em;
}

#main .bot-padd-half {
    padding-bottom: .5em;
}

.border-w2 {
    border-width:2px;
}

.border-w3 {
    border-width:3px;
}

.white-border {
    border-color: #fff;
    border-style: solid;
}

.cancel-input {
    background:url(../images/pu-icon-sprite-v2.png) -391px 0 no-repeat;
    display:inline-block;
    height:6px;
    width:6px;
}

.clear-both,.clearfix:after {
    clear:both;
}

.clear-to-go {
    background:#fff;
    border:1px solid #6ed87d;
}

.clearfix:before,.clearfix:after {
    content:" ";
    display:table;
}

.clickable {
    cursor:pointer;
}

.credit-card {
    display:inline-block;
    height:23px;
    width:32px;
}

.credit-card.visa {
    background:url(../images/pu-icon-sprite-v2.png) -161px -75px no-repeat;
}

.db-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -349px 0 no-repeat;
    display:inline-block;
    height:13px;
    width:13px;
}

.dotted-border,.dotted {
    border-style:dotted;
}

.download-icon-medium {
    background:url(../images/pu-icon-sprite-v2.png) -266px -52px no-repeat;
    display:inline-block;
    height:20px;
    width:26px;
    border-radius: 10px 0 0 0;
}

.download-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -391px -20px no-repeat;
    display:inline-block;
    height:17px;
    width:17px;
    cursor: pointer;
}

.download-icon-small.active,.download-icon-small:hover {
    background-position:-391px -39px;
}

.redo-icon-medium {
    background: url("../images/pu-icon-sprite-v2.png") no-repeat scroll -272px -32px transparent;
    display: inline-block;
    height: 17px;
    width: 17px;
}

.edit-input {
    background:url(../images/pu-icon-sprite-v2.png) -382px 0 no-repeat;
    display:inline-block;
    height:8px;
    margin-right:.3em;
    width:8px;
}

.photo-loader {
    font-size: 12x;
    border-top: 5px solid rgba(70,118,183,.6);
    border-right: 5px solid rgba(70,118,183,.6);
    border-bottom: 5px solid rgba(70,118,183,.6);
    border-left: 5px solid #3170de;
    -webkit-animation: spin 1.1s infinite linear;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.1s infinite linear;
    -ms-animation: spin 1.1s infinite linear;
    animation: spin 1.1s infinite linear;
}
.photo-loader,
.photo-loader:after{
    border-radius: 50%;
    width: 13px;
    height: 13px;
    margin: 0 auto;
}


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

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

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

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

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

.loading-icon-big {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") no-repeat scroll -145px -173px transparent;
}

.loading-icon-med {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") no-repeat scroll -172px -173px transparent;
}

.caution-icon-big {
    width: 37px;
    height: 33px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") no-repeat scroll -145px -200px transparent;
}

.caution-icon-med {
    width: 23px;
    height: 20px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -184px -213px no-repeat;
}

.eighty {
    width:78%;
}

.eighty-five {
    width:82%;
}

.error-field {
    background:#db7373;
    border:none!important;
    color:#fff;
    margin-bottom:0!important;
}

.fifty {
    width:50%;
}

.full-width {
    width:96%;
}

.width-90 {
	width: 90%;
}

.width-100 {
	width: 100%;
}

#main .gray-bg,
.gray-bg {
    background-color:#b9b9b9;
}

#main .white-border-bottom, 
.white-border-bottom {
	border-bottom: 1px solid #FFFFFF;
}

#main .gray-text,
.gray-text,
html.js .gray-text {
    color:#999;
}

.green-border {
    border-color:#54ba60;
}

.half {
    width:45%;
}

.hammer-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -365px 0 no-repeat;
    display:inline-block;
    height:12px;
    width:14px;
}

.heart-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -352px -21px no-repeat;
    display:inline-block;
    height:15px;
    width:15px;
    cursor: pointer;
}

.colored-graph {
    width: 27px;
    height: 22px;
    background: url(../images/pu-icon-sprite-v2.png) -323px -103px no-repeat;
    display: inline-block;
}

.dedicated-logo {
    width: 27px;
    height: 22px;
    background: url(../images/pu-icon-sprite-v2.png) -377px -103px no-repeat;
    display: inline-block; 
}

.num-123 {
    width: 22px;
    height: 22px;
    background: url(../images/pu-icon-sprite-v2.png) -353px -103px no-repeat;
    display: inline-block;
}

.heart-icon-small.active,.heart-icon-small:hover {
    background-position:-352px -39px;
}

.hidden {
    display:none!important;
    visibility:hidden;
}

/*.wrapper-icon {
    display:inline-block;
    height:20px;
    overflow:hidden;
    position:relative;
}*/

.invisible {
    visibility:hidden;
}

.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    text-indent:-9999px;
}

.ir:before {
    content:"";
    display:block;
    height:150%;
    width:0;
}

.lfloat {
    float:left !important;
}

#main .lighter-text,
.lighter-text {
    font-weight:lighter;
}

.little-large {
    font-size:14px;
}

.little-small {
    font-size: 12px;
}

#rate-dl .lock-icon {
		position: relative;
		top: -37px;
		left: -123px;
}

.lock-icon {
    background:url(../images/pu-icon-sprite-v2.png) -250px -31px no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.long-big-input {
    border:1px solid #ccc;
    font-size:1.5em;
    font-weight:700;
    margin:0 0 .5em;
    padding:.5em;
    width:96.8%;
    border-radius: .2em;
}

.ninety {
    width:87%;
}

.no-collapse {
    border-collapse:separate;
}

.normal-text {
    font-weight:400;
}

.ok-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -332px -20px no-repeat;
    display:inline-block;
    height:17px;
    width:17px;
    cursor: pointer;
}

.ok-icon-small.active,.ok-icon-small:hover {
    background-position:-332px -39px;
}

.one-col,
#site-content .one-col {
    width: 12%;
    max-width: 12%;
    min-width: 12%;
}

.video-list li {
    float: left;
    margin: 0 1.5em 1.5em 0;
}

#client-detail .video-list li {
	float: left;
    margin: 0 2.5em 2.5em 0;
}

.video-list li:nth-child(2n),
#client-detail .video-list li:nth-child(2n) {
    margin-right: 0;
}

.primary-link {
    position:relative;
}

.process-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -411px -39px no-repeat;
    display:inline-block;
    height:17px;
    width:17px;
}

.process-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -267px 0 no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.process-logo-small.blue {
    background-position: -673px -99px;
}

.active .process-logo-small,
.current .process-logo-small,
.process-logo-small.white {
    background-position: -141px -154px;
}

.proof-icon-medium {
    background:url(../images/pu-icon-sprite-v2.png) -293px -52px no-repeat;
    display:inline-block;
    height:20px;
    width:20px;
}

.upload-logo {
    width: 9px;
    height: 11px;
    display: inline-block;
    background:url(../images/pu-icon-sprite-v2.png) -230px -217px no-repeat;
}

.current .upload-logo,
.upload-logo.white {
    background-position: -240px -217px;
}

.back-logo {
    width: 10px;
    height: 8px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -231px -229px no-repeat;
}

.download-logo {
    width: 9px;
    height: 11px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -230px -205px no-repeat;
}

.clock-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -244px -264px no-repeat;
}

.clock-icon.hinfo {
	margin-top: 1px;
}

.pu-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.pu-table.rounded-border {
    border-radius: 4px;
}

.pu-table td,
.pu-table th {
    padding: .8em 1.1em;
    text-align: left;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.slim-table.pu-table td,
.slim-table.pu-table th {
	padding: .4em 0.55em;
}

.pu-table thead th {
	background-color: #b9b9b9;
	color: #fff;
}

.pu-table.form-table tr th, .pu-table.form-table tr td {
	border-right: 1px solid #cccccc;
} 

.pu-table tr.with-child-table > td {
    padding: 0;
}

.pu-table.user-perm-table tr:not(.with-child-table) > th:first-child,
.pu-table.user-perm-table tr:not(.with-child-table) > td:first-child {
    border-right: 1px solid #ccc;
    width: 180px;
}


.pu-table.user-perm-table tr td:not(:first-child) {
    background: #fff;
}

table.form-table tr.editing-row:first-child > *:not(.no-style-change) {
    border-top: 1px solid #fff;
}

table.form-table tr.editing-row > *:first-child:not(.no-style-change) {
    border-right-color: #fff !important;
}

table.form-table tr.editing-row > *:not(.no-style-change) {
    border-color: #fff;
}

.pu-table.form-table .edit-that,
.pu-table.form-table .edit-this,
.pu-table.form-table td.editing .edit-that,
.pu-table.form-table td.editing .edit-this,
.pu-table.form-table td.editing .text {
    display: none;
}

.pu-table.form-table td.editing {
    padding: .6em .7em;
}

.pu-table > tbody > tr > td:not(.editing):hover > .edit-that,
.pu-table > tbody > tr > td:not(.editing):hover > .edit-this,
.pu-table > tbody > tr > td:not(.editing):hover .text > .edit-this,
.pu-table > tbody > tr > td:not(.editing):hover .text > .edit-that {
    display: block;
}

.pu-table.form-table .pu-select {
	padding: 0.6em 1em;
}

.pu-table.form-table .edit-form .edit-fields {
	/* width: 64%; */
	width: 50%;
}

.pu-table.form-table .edit-form .edit-fields.full {
	width: 100%;
}

.pu-table.form-table .edit-form.dropdown .edit-actions {
	margin-top: 8px;
}

.pu-table.form-table .edit-form .edit-actions .v2-btn {
	padding-left: 10px;
	padding-right: 10px;
}

.pu-table.form-table .edit-form .edit-actions .v2-btn.saving {
	background: #E2E2E2;
}

.pu-table.form-table .edit-form input.small {
	width: 30%;
}

.pu-table.form-table .edit-form input.small1 {
	width: 45%;
}

.pu-table.form-table .edit-form input.medium {
	width: 60%;
}

.pu-table.form-table .edit-form input.full {
	width: 100%;
}

.pu-table.form-table tr.editing-row th:not(.no-style-change),
.pu-table.form-table tr.editing-row td:not(.no-style-change) {
	background: #487fdf; 
}

.pu-table.form-table.green tr.editing-row th:not(.no-style-change),
.pu-table.form-table.green tr.editing-row td:not(.no-style-change) {
	background: #54ba60; 
}

.pu-table.form-table tr th {
	background: #F0F0F0;
}

.pu-table.form-table tr td {
}

.pu-table.form-table tr.editing-row th:not(.no-style-change) {
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}


li.active .pu-table:first-of-type tr:last-child > td, 
li.active .pu-table:first-of-type tr:last-child > th, 
.pu-table tr.parent-table.active td,
.pu-table tr.parent-table.active th,
.pu-table tr.with-child-table tr:last-child td {
    border-bottom: 0
}

.pu-table td {
    border-left: 0;
}

.pu-table tr.indent > td:first-child {
    text-indent: 30px;
}

.pu-table tr.indent-more > td:first-child {
	    text-indent: 25px;
}

.pu-table tr.indent > * {
    box-sizing: border-box;
}

#my-info .pu-table th {
    width: 20%;
}

.pu-table.basic-info-table th:first-of-type {
	width: 201px;
}

.pu-table.billing-table .with-child-table .pu-table td:first-of-type,
.pu-table.billing-table th:first-of-type {
    width: 535px;
}

.pu-table.billing-table .with-child-table .pu-table td:nth-child(2),
.pu-table.billing-table th:nth-child(2),
.pu-table.billing-table .with-child-table .pu-table td:nth-child(3),
.pu-table.billing-table th:nth-child(3) {
    width: 110px;
}

.pu-table.billing-table .with-child-table .pu-table td:nth-child(4),
.pu-table.billing-table th:nth-child(4) {
	
}

.pu-table.billing-table tr > .green-bg {
    border-color: #fff;
}

.pu-table.rounded-border tr:first-child td {
    border-radius: 0 4px 0 0;
}

.pu-table.rounded-border tr:first-child th {
    border-radius: 4px 0 0 0;
}

.pu-table.rounded-border tr:last-child th {
    border-radius: 0 0 0 4px;
}

.pu-table.rounded-border tr:last-child td {
    border-radius: 0 0 4px 0;
}

.pu-table tr {
    background: #f6f6f6;
}

.pu-table tr.light-gray-bg {
	background: #ededed;
}

.pu-table th,
.pu-table td {
    border-bottom: 1px solid #ddd;
}

.pu-table td.red-bg,
.pu-table td.orange-bg,
.pu-table td.green-bg, 
.pu-table td.blue-bg {
    border-bottom: 1px solid #fff;
}
/*
.pu-table:not(.zebra) :not(thead) tr:hover {
    background: #fff;
}
*/
.pu-table.zebra tr:nth-child(even) {
    background:#eee;
}

.pu-table.zebra tr:nth-child(odd) {
    background:#fff;
}

.pu-table td:hover span + .v2-edit-icon.inactive, 
.pu-table span + .v2-edit-icon.active {
    display: none;
}

.pu-table td:hover span + .v2-edit-icon.active {
    display: block;
}

.pu-table.with-border td {
    border-left: 1px solid #ccc;
}

.pu-table.with-border tr.gray-bg th {
    border-left: 1px solid #eee;
}

.pu-table.with-border tr.gray-bg th:first-child,
.pu-table.with-border tr td:first-child {
    border-left: 0;
}

.pu-table.with-border tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}
.pu-table.with-border tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.pu-table.no-radius td {
    border-radius: 0 !important;
}

.pu-table.rounded-border tr:first-child td {
    border-top-right-radius: 4px;
}

.pu-table.rounded-border tr:first-child th {
    border-top-left-radius: 4px;
}

.pu-table.rounded-border tr:last-child th {
    border-bottom-left-radius: 4px;
}

.pu-table.rounded-border tr:last-child td {
    border-bottom-right-radius: 4px;
}


.pu-table input[type="text"],
.pu-table input[type="number"],
.pu-table input[type="password"],
.pu-table input[type="email"] {
    border:1px solid #ccc;
    margin:0 .2em 0 0;
    padding:.2em .5em;
    width: 115px;
}

.pu-table tr.edit-active td,
.pu-table tr.edit-active th {
    background: #487fdf !important;
    color: #fff !important;
}

a.slide-table {
    display: block;
}

.pu-list li:not(.group) {
    padding: .6em .8em;
    display: block;
    float: left;
    width: 47%;
    min-height: 20px;
}

.pu-list li:not(.group):nth-child(odd) {
    border-right: 1px solid #ddd;
}

.pu-list > li:nth-child(4n-1), 
.pu-list > li:nth-child(4n) {
    background: #f2f2f2;
}
/** starts at white **/
.pu-list > li:nth-child(4n-2) .upload-list li:nth-child(4n-1), 
.pu-list > li:nth-child(4n-2) .upload-list li:nth-child(4n), 
.pu-list > li:nth-child(4n-3) .upload-list li:nth-child(4n-1), 
.pu-list > li:nth-child(4n-3) .upload-list li:nth-child(4n) {
    background: #f2f2f2;
}
/** starts at gray **/
.pu-list > li:nth-child(4n-1) .upload-list li:nth-child(4n-1),
.pu-list > li:nth-child(4n-1) .upload-list li:nth-child(4n), 
.pu-list > li:nth-child(4n) .upload-list li:nth-child(4n-1), 
.pu-list > li:nth-child(4n) .upload-list li:nth-child(4n) {
    background: #fff;
}

.pu-list.small li {
    font-size: 12px;
}

.learn-more-list li.with-sub > a {
    font-size: 20px;
    color: #666;
    border-bottom: 2px solid #ccc;
    display: block;
    line-height: 30px;
    font-weight: bold;
    padding: 12px 0;
}

.learn-more-list li.with-sub li {
    border-bottom: 1px solid #ccc;
}

.learn-more-list li.with-sub li a {
    font-size: 14px;
    display: block;
    padding: 12px 0;
}

.learn-more-list li.with-sub li a:hover {
    color: #5b93d1;
}

.learn-more-list li.with-sub li a:active {
    color: #6a6a6a;
}

.slides-list > li {
    border: 1px solid #ccc;
    border-bottom: 0;
    background-color: #fff;
}

.slides-list > li.active {
    border: 0;
}

.slides-list > li.inactive-subuser:last-child {
    border-bottom: 1px solid #ccc;
}

.slides-list-border-bottom {
   border-bottom: 1px solid #ccc !important;
   border-bottom-left-radius: 4px !important;
   border-bottom-right-radius: 4px !important; 
}

.first-border-radius {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

/*
.slides-list > li.active:last-child {
	border-bottom: 1px solid #ddd;
}
*/
.slides-list > li:last-child.active > .secondary,
.slides-list > li:last-child:not(.active) {
    border-bottom: 1px solid #ddd;
}

.slides-list.no-radius > li,
.slides-list.no-radius > li.active > .secondary {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

.slides-list > li:first-child,
.slides-list > li:first-child > .primary  {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.slides-list > li:last-child,
.slides-list > li:last-child:not(.active) > .primary,
.slides-list > li:last-child.active > .secondary {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.slides-list.no-radius > li {
    border-radius: 0 !important;
}

.slides-list > li:first-child,
.slides-list > li:first-child > .primary  {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.slides-list.no-radius > li > .primary {
    border-radius: 0;
}
/*
.slides-list .slides-list li:last-child {
    border-bottom: 0;
}
*/
#blng-hstory .slides-list li.active .primary {
    border-bottom: 1px solid #ccc;
}

.slides-list .slides-list li.active .primary {
    background: #fff;
    color: #666;
    border-bottom: 1px solid #ccc;
}

.slides-list .primary {
    padding: .8em 1em;
}

.slides-list .secondary {
    display: none;
}

.slides-list .active .primary {
    background: #54ba60;
    color: #fff;
}

.slides-list .slides-list .primary {
    background: #f6f6f6;
    color: #606060;
}

.slides-list .slides-list li.active > .primary {
    background: #487fdf;
    color: #fff;
	border-bottom: none;
}

.slides-list .slides-list .slides-list li.active > .primary {
    background: #f6f6f6;
    color: #6A6A6A;
	border-bottom: 1px solid #ccc; 
}

.slides-list .slides-list .v2-new-plus {
    background-position: -373px -133px
}

/*
.slides-list .slides-list > li.active {
    border-top: 1px solid #ccc;
}

.slides-list .pu-table th {
    width: 20%;
}
*/

.slides-list.big-slide > li > .primary {
    padding: 1.2em 1.7em;
    background: #FFFFFF;
}

.slides-list.big-slide .active > .primary {
    background: #54ba60;
    color: #fff;
}
/*
.slides-list.big-slide > .active > .secondary {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
*/

.slides-list .slides-list > li.active > .primary .v2-new-plus {
    background-position: -393px -133px;
}

/** try **/

.pu-table.form-table .account-credits .edit-fields { display: flex; }
.pu-table.form-table .account-credits .edit-fields .dtext { font-size: 11px; margin-left: 3px; }

.pu-table.form-table .topOffOn .dtext { 
    color: white;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 500;
 }

.pu-table.form-table .topOffOn.amount .edit-fields { width: 50%; }
.pu-table.form-table .topOffOn.date .edit-fields { width: 50%; }
.pu-table.form-table .topOffOn.endDate .edit-fields { width: 50%; }

/** account credits row **/

.pu-table.form-table .topOffOn.editing-row td:not(.no-style-change) {
	background: #487fdf; 
}

.pu-table.form-table .account-credits.disabled-save .edit-action-save,
.pu-table.form-table .topOffOn.disabled-save .edit-action-save {
    pointer-events: none;
    opacity: .5;
    cursor: default
}

.pu-table.form-table .topOffOn.editing-row .text {
    color: #fff;
}

.pu-table.form-table .topOffOn .edit-fields { width: 70%; }
.pu-table.form-table .topOffOn .edit-fields form { 
    display: flex;
    align-items: center;
}

.d-flex { display: flex; }
.align-center { align-items: center; }

.pu-table.form-table .topOffOn .edit-actions .v2-btn { 
    padding-left: 10px; 
    padding-right: 10px;
}

.pu-table.form-table .topOffOn .edit-fields form input.small {
    width: 20%;
    margin-left: 5px;
}
.pu-table.form-table .topOffOn .edit-fields form input.small + span { 
    font-size: 11px;
    font-weight: 500;
}

.pu-table.form-table .topOffOn .edit-fields form > div:last-child {
    display: flex;
    align-items: center;
}

.pu-table.form-table .topOffOn .edit-fields form > div:last-child > span {
    margin-right: 10px;
}

.pu-table.form-table .topOffOn .edit-fields form .calendar-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    border-radius: 5px;
    padding: 0 10px;
    height: 24px;
    width: 105px;
}

.pu-table.form-table .topOffOn .edit-fields form .calendar-input input {
    background: transparent;
    border: 0;
    width: 60px;
    padding: 0;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.pu-table.form-table .topOffOn .edit-fields form .calendar-input input:focus {
    border: 0;
    outline: 0;
} 

.pu-table .invalid-input .edit-current,
.pu-table.form-table .topOffOn.invalid-input th:not(.no-style-change),
.pu-table.form-table .topOffOn.invalid-input td:not(.no-style-change) { background-color: #DD5560 !important; }

.pu-table .invalid-input .edit-current input,
.pu-table.form-table .topOffOn.invalid-input td:not(.no-style-change) input { color: #DD5560 !important; }

.pu-table.form-table .topOffOn.invalid-input .edit-action-save,
.pu-table .invalid-input .edit-current .edit-action-save { 
    pointer-events: none;
    opacity: .5;
    cursor: default;
 }
/** end of account credits row**/

.pu-table.form-table form input:focus,
.pu-table.form-table form input:focus-visible {
    outline: 0;
} 

.common-list li {
    bottom: .5em;
}

.common-list.with-border li {
    padding: 1em;
    border-top: 1px solid #ddd;
}

.common-list.with-border li:first-child {
    border-top: 0;
}

html.js .check-list li,
html.js .error-list li {
    position: relative;
    top: 5px;
    margin-top: 5px;
}

.check-list li:after,
.error-list li:after {
    content: "";
    left: -23px;
    position: absolute;
    top: 3px;
}

.check-list li:after {
    height: 12px;
    width: 14px;
    background: url(../images/pu-icon-sprite-v2.png) -315px -304px no-repeat;
}

.error-list li:after {
    height: 15px;
    width: 15px;
    background: url(../images/pu-icon-sprite-v2.png) -204px -244px no-repeat;
}

#dos-donts input {
	width: 95%;
	height: 16px;
	padding: 3px 5px;
}

#dos-donts li .remove-dnd {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

#dos-donts li:hover .remove-dnd {
	display: block;
}

#dos-donts .lfloat .one-col{
    border-right: 2px dashed #ccc;
}


#recent-feed .feedback-btn,
.feedback-btn {
    display: inline-block;
    max-width: 29px;
    min-width: 16px;
    padding: 8px 6px;
}

#recent-feed .quick-link-lists li {
    line-height: 10px;
}

#recent-feed .quick-link-lists li p.gray-text {
    line-height: 28px;
    font-size: 14px;
}

#client-general-note p {
    margin-bottom: 1em;
}

#client-ID-examples .photo-list li {
	margin-right: .5em;
	margin-bottom: .5em;
	position: relative;
}

#client-ID-favorites .photo-list li {
    margin-right: .5em;
}

#client-ID-examples .photo-list li:hover .img-wrapper-small + a > .delete-icon {
	display: block;
	top: 10px;
}

#client-ID-general-note  textarea {
    height: 100px;
    padding: 11px;
    width: 669px;
    margin-top: 11px;
}

#client-ID-general-note .v2-edit-icon.inactive:hover {
	background-position:  -277px -264px;
}

#client-ID-general-note > p.note-content {
	min-height: 100px;
}

#client-ID-general-note > p.note-content span.val {
	width: 65%;
	display: inline-block;
}

.feedback-btn span {
    float: left;
    line-height: 10px;
}

span.feedback-btn span {
    line-height: 12px;
    min-width: 16px;
}

.active .v2-new-plus {
    background-position: -393px -133px;
}

.interface-custom-meta-slide > li > .primary .v2-new-plus,
.secondary .v2-new-plus {
    background-position: -373px -173px;
}

.slides-list .slides-list .active > div > .v2-new-plus, #bank-options .ach_details.active .v2-new-plus{
    background-position: -393px -153px;
}
/*
[id^="client-"] > .slides-list > li{
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #fff;    
}
*/
/*
#lead-tracker .slides-list .slides-list li.active:last-child,
#active-accnt .slides-list > li:last-child.active,
.slides-list > li.active .slides-list > li:last-child,
.slides-list > li.active .slides-list > li:last-child .secondary {
    border-bottom: 1px solid #ccc;
}
*/
[id^="client-"] > .slides-list > li:last-child:not(.active) .primary {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#client-detail [id^="client-"] > .slides-list .active .primary{
    border-bottom: 0;
}
/*
[id^="client-"] > .slides-list li.active {
    border: 0 !important;
}
*/

/*
#testing-accts .slides-list li.active .secondary,
[id^="client-"] > .slides-list li.active .secondary {
    border-bottom: 0 none;
}
*/

.slides-list li.active > .secondary {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
}
/*
#testing-accts > div > .slides-list li:last-child.active > .secondary {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
*/

.pu-sidebar {
    margin-top: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

#main-sidebar ul li ul li > a > span:first-child {
	position: relative;
	left: -5px;
	top: 2px;
}

.pu-sidebar li ul li a {
	padding: 4% 1% 4% 9%;
}

.pu-sidebar li a {
    display: block;
    vertical-align: middle;
    padding: 4% 1% 4% 7%;
    color: #666;
    border-bottom: 1px solid #ccc;
}

.pu-sidebar li ul:last-of-type li:last-child a {
    border-bottom: 0;
}

.pu-sidebar.no-child,
.pu-sidebar.no-child li a,
html.js #main .pu-sidebar.no-child li.current {
    border: none;
}

.pu-sidebar.no-child li {
    border: 1px solid #ccc;
    border-bottom: 0;
}

.pu-sidebar.no-child li:first-child {
    border-radius: 4px 4px 0 0;
}

.pu-sidebar.no-child li:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ccc;
}

#main-sidebar .sidebar-menu li a:active span.blue-link {
    background: transparent;
    color: #fff;
}

#main-sidebar .pu-sidebar ul li:first-child a {
    border-top: 0;
}

.pu-sidebar .heading {
    background-color: #ededed;
    font-weight: bold;
}

.pu-sidebar .heading.closed {
    border-bottom: 0;
}

.pu-sidebar > li:not(:first-child) a.heading{
    border-top: 1px solid #ccc;
}

.pu-sidebar .heading span:not(.stats-value) {
    margin: -3px 0 0 5px;
    position: relative;
}

.pu-sidebar ul li > span:first-of-type {
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.pu-sidebar .current {
    background: #487fdf;
    color: #fff;
}
 
.pu-sidebar li a.current:hover {
    color: #f6f6f6;
}

.pu-sidebar:not(.my-account) ul li.active a,
.pu-sidebar:not(.my-account) ul li a:not(.current):hover {
    background-color: #f7f7f7;
    border-radius: 0;
}

.pu-sidebar.my-account a:not(.heading) {
    cursor: default;
}

.pu-sidebar .current .stats-value {
    background: #fff;
    color: #487fdf;
}

.pu-sidebar .stats-value {
    float: right;
    margin-right: 16px;
}

.stats-value {
    padding: 5px 6px;
    line-height: 10px;
    font-size: 11px;
    background: #b9b9b9;
    border-radius: 3px;
    color: #fff;
}

.cat-stats-value {
    padding: 2px 6px;
    line-height: 15px;
    font-size: 13px;
    background: #b9b9b9;
    border-radius: 3px;
    color: #fff;
    top: -1px;
    position: relative;
}

.stats .likes-stats-value {
    margin-top: -2px;
}

.pu-sidebar ul li span.text {
    width: 113px;
    display: inline-block;
}


.pu-sidebar li span.blue-bg {
    padding: .8em .2em .8em 1em;
}

.pu-sidebar .blue-bg span.text {
    width: 115px;
    display: inline-block;
}

#site-content .uploading progress.uploader {
    background: #487fdf !important;
}

.all-active-logo-small {
    background: url(../images/pu-icon-sprite-v2.png) -119px -173px no-repeat;
    display:inline-block;
    height:12px;
    width:10px; 
}

.all-active-logo-small.active,
.current .all-active-logo-small {
    background-position: -132px -173px;
}

.pending-logo-small {
    background:url(../images/pending-icon.png) no-repeat;
    display:inline-block;
    height:13px;
    width:13px;
}

.ready-logo-small {
    background:url(../images/pu-icon-sprite-v2.png) -291px 0 no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.current .ready-logo-small {
	background-position: -497px -37px; 
}

.revisions-icon-small {
    background:url(../images/pu-icon-sprite-v2.png) -370px -20px no-repeat;
    display:inline-block;
    height:17px;
    width:18px;
    cursor: pointer;
}

.revisions-icon-small.active,.revisions-icon-small:hover {
    background-position:-370px -39px;
}

.revisions-logo-small {
    background: url(../images/pu-icon-sprite-v2.png) -279px 0 no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.current .revisions-logo-small {
    background-position: -153px -154px;
}

.note-icon-small {
    background: url(../images/pu-icon-sprite-v2.png) -180px -154px no-repeat;
    display:inline-block;
    height:12px;
    width:12px;
}

.in-tray-icon-big {
    width: 33px;
    height: 27px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -251px -205px no-repeat;
}

.rfloat {
    float:right !important;
}

.secondary-links {
    position:absolute;
}

.sep-side-auto {
	margin-left: auto;
	margin-right: auto;
}

.sep-top-1 {
    margin-top:1em !important;
}

.sep-bot-1 {
    margin-bottom:1em !important;
}

.sep-bot-half {
    margin-bottom:.5em !important;
}

.sep-bot-quart {
    margin-bottom:.25em !important;
}

.sep-top-half {
    margin-top:.5em !important;
}

.sep-top-half-quart {
    margin-top:.75em !important;
}

.sep-top-quart {
    margin-top:.25em !important;
}

.sep-left-1,
html.js .sep-left-1 {
    margin-left:1em;
}

.sep-left-quart {
	margin-left: 0.25em !important;
}

.sep-left-half, 
html.js .sep-left-half {
    margin-left:.5em;
}

.sep-left-1-2 {
    margin-left:1.5em;
}

html.js .sep-left-2 {
    margin-left: 2em
}

html.js .sep-left-3 {
    margin-left: 3em;
}

#main .sep-right-1,
#top-section .sep-right-1,
.sep-right-1,
#dashboard .sep-right-1 {
    margin-right:1em;
    z-index: 2;
}

.sep-right-2 {
    margin-right: 2em;
}

.sep-right-3 {
    margin-right: 3em;
}

.sep-right-half,
#main .sep-right-half,
#dashboard .sep-right-half {
    margin-right:.5em;
}

.sep-right-quart {
    margin-right: .25em !important;
}

.bot-dotted {
    border-bottom: dotted #ccc;
}

.bot-dashed {
    border-bottom: 1px dashed #ccc;
}

.seventy {
    width:70%;
}

.sixty {
    width:60%;
}

.sixty-five {
    width:65%;
}

.tiny-text {
    font-size: 12px;
    line-height: 18px;
}

.small-text {
    font-size: 12px;
    line-height: 12px;
}

.smaller {
    font-size: 12px !important;
}

.section-title {
    font-size: 11px;
}

.lesser {
    font-size: small;
}

.solid-border {
    border-style:solid;
}

#site-content .underline,
#main .underline {
    text-decoration: underline;
}

#main .three-col {
    width:40%;
}

#main .two-col {
    width:22%;
    max-width: 22%;
    min-width: 22%
}

.two-col {
    width:24%;
}

.border-rad-2 {
    border-radius: 2px;
}

.border-rad-3 {
    border-radius: 3px;
}

.border-top-rad-4 {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.border-bot-rad-4 {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.border-rad-4 {
    border-radius: 4px;
}

.visuallyhidden {
    border:0;
    clip:rect(0000);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}

.warning {
    color:#e46464;
}

#main .white-text, #top-section .white-text, html.js .white-text {
    color:#fff;
    /*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
}

.gray-black-text,
#main .gray-black-text {
    color:#202020;
}

.gray-dark-text,
#main .gray-dark-text {
    color:#494949;
}

.gray-darker-text,
#main .gray-darker-text {
    color:#6a6a6a;
}

#main .gray-med-text {
    color:#808080;
}

.gray-text,
#main .gray-text {
    color:#AAA;
}

.red-text,
#main .red-text {
    color: #d54245;
}

html.js .green-text,
#main .green-text {
    color: #54ba60 !important;
}

.white-with-border {
    background:#fff;
    border:1px solid #ddd;
    clear:both;
}

html.js #main :not(#payment-schedule) ul li:first-of-type {
    margin-left:0;
}

html.js #main ul li:first-of-type {
    margin-left:0;
}

html.js .button {
    color:#fff;
    display:inline-block;
    padding:.2em 1em;
    border-radius: 3px;
    text-align: center;
}

html.js .inner-wrap {
    padding:20px 28px;
}

html.js .mini-inner-wrap {
    padding:.8em 1em;
}

html.js .tiny-inner-wrap {
	padding: .8em .5em
}

html.js .no-margin {
    margin:0 !important;
}


html.js .orange-text,
html.js .orange-hover.active,
html.js .orange-hover:hover {
    color:#f2ba11;
}

html.js .pale {
    color:#b7b7b7;
}

html.js .ui-widget-content {
    color:#6a6a6a;
}

.dotted-up-down {
    border: 2px #ccc dotted;
    padding: 1.3em 0;
    border-left: 0;
    border-right: 0;
}

html.js label {
    display:inline-block;
}

p.error {
    color:#db7373;
    margin:0!important;
}

span.arrow-right-blue {
    background:url(../images/pu-icon-sprite-v2.png) -249px -18px no-repeat;
    display:inline-block;
    height:11px;
    width:13px;
}

span.done {
    background:url(../images/pu-icon-sprite-v2.png) -249px -1px no-repeat;
    display:inline-block;
    height:15px;
    width:15px;
}

.arrow-down {
    width: 7px;
    height: 5px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -592px -66px no-repeat;
}

#blng-hstory .arrow-down {
	top: -1px;
	position: relative;
	left: 4px;
}

.staff-teams .active .arrow-down,
.arrow-right,
span.arrow-right {
    background: url(../images/pu-icon-sprite-v2.png) -599px -66px no-repeat;
    display: inline-block;
    height: 7px;
    margin: 0 0 1px;
    width: 7px;
}

.tri-up {
    width: 7px;
    height: 5px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -606px -65px no-repeat;
}

.edit-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -184px -42px no-repeat;
}

.gray-arrow-down-large {
    background:url(../images/pu-icon-sprite-v2.png) -262px -30px no-repeat;
    display:inline-block;
    height:7px;
    width:8px;
}

.gray-arrow-down-large.active {
    background:url(../images/pu-icon-sprite-v2.png) -262px -37px no-repeat;
    display:inline-block;
    height:8px;
    width:6px;
}

.up-down-arrow {
    background:url(../images/pu-icon-sprite-v2.png) -672px -35px no-repeat;
    display: inline-block;
    width: 5px;
    height: 10px;
}

span.polaroid-large {
    background:url(../images/pu-icon-sprite-v2.png) -73px -62px no-repeat;
    display:inline-block;
    height:40px;
    width:41px;
}

span.vault-large {
    background:url(../images/pu-icon-sprite-v2.png) -119px -79px no-repeat;
    display:inline-block;
    height:25px;
    width:37px;
}

table.gray-heading tr:first-of-type th {
    background-color:#989898;
    color:#fff;
}

table.green-heading tr:first-of-type th {
    background-color:#54ba60;
    color:#fff;
}

.orange-border-solid {
    border: solid orange;
}

hr.solid-orange {
    border: 0;
    border-bottom: 1px solid orange;
}

hr.solid-green {
    border: 0;
    border-bottom: 1px solid #54ba60;
}

.photo-list > li {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
    width: 173px;
}

.photo-list .top-icons {
    width: 100%;
}

#client-ID-examples .photo-list .img-wrapper-small {
	overflow: visible;
} 

.photo-list .img-wrapper-small {
    margin: 0 0 .3em;
    overflow: hidden;
    position: relative;
}

.with-notes {
    border: 2px solid #487fdf;
}
.with-notes:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -179px -152px no-repeat;
    position: absolute;
    top: 4px;
    right: 2px;
    z-index: 2;
}
.with-notes:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #487fdf transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.photo-list .top-icons > .processing {
    position: relative;
    top: -3px;
}

.photo-list .top-icons > .processing > .process-icon-small {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.photo-list .top-icons .zoom-icon-small {
    position: absolute;
    right: 0;
}

.photo-list li img {
    width: 100%;
}

.photo-list {
    font-size: 11px;
    position: relative;
}

.flex-display-examples{
    display: flex;
    flex-flow: row wrap;
}

.add-photo-list {
    background: none repeat scroll 0 0 #B9B9B9;
    border-radius: 4px;
    cursor: pointer;
    height: 117px;
    position: relative;
}

.add-photo-list:hover, .add-photo-list.hover {
    opacity: .8;
}

.add-photo-list .v2-big-plus {
     left: 41%;
    position: absolute;
    top: 40%;
}

.with-popup {
    position: relative;
}

.rfloat .with-popup:hover feature-lists {
    display: block;
}

.fancy-editor-batchinfo .clickable:hover span.feature-lists,
.rfloat .clickable:hover span.feature-lists,
.rfloat .with-popup:hover span.feature-lists {
    display: block;
    min-width: 75px;
    padding: 1em;
    text-align: center;
    color: #fff
}

.rfloat .with-popup.upper-left span.feature-lists {
    right: -68px;
}

.fancy-editor-batchinfo span.feature-lists {
    right: -68px;
}

.fancy-my-orders.fancy-editor-batchinfo span.feature-lists:after,
.fancy-my-orders.fancy-editor-batchinfo span.feature-lists:before {
    left: 22%
}

.rfloat .with-popup.upper-right span.feature-lists {
    right: -12px;
}

.rfloat .with-popup.upper-left .feature-lists:before,
.rfloat .with-popup.upper-left .feature-lists:after {
    left: 25%;
}

.rfloat .with-popup.upper-right .feature-lists:before,
.rfloat .with-popup.upper-right .feature-lists:after {
    left: 79%;
}

.rfloat .with-popup .feature-lists {
    color: #fff;
    font-size: 13px;
}

.rfloat .with-popup div.feature-lists div {
    padding: 1em;
    border-radius: 4px 4px;
}

.lfloat .with-popup .feature-lists div.rev-note-container, 
.lfloat .with-popup .feature-lists div.rev-note-container div, 
.rfloat .with-popup .feature-lists div.rev-note-container, 
.rfloat .with-popup .feature-lists div.rev-note-container div {
	padding: 0;
}

.rfloat .with-popup div.feature-lists.green-bg div {
    background: #4aac58;
}

.rfloat .with-popup div.feature-lists.orange-bg div {
    background: #e49a33;
}

.lfloat .with-popup div.feature-lists p,
.rfloat .with-popup div.feature-lists p {
    padding: 1em;
}

.rfloat .with-popup.upper-left ul.feature-lists {
    right: -236px;
}

.rfloat .with-popup.upper-right ul.feature-lists {
    right: -39px;
}

.rfloat .with-popup.upper-right ul.feature-lists:before,
.rfloat .with-popup.upper-right ul.feature-lists:after {
    left: 86%;
}

.rfloat .with-popup div.feature-lists {
    padding: 0;
    width: 250px;
}

.rfloat .with-popup.upper-left div.feature-lists {
    right: -200px;
}

.rfloat .with-popup.upper-right div.feature-lists {
    right: -21px;
}

.rfloat .with-popup.upper-left div.feature-lists:before,
.rfloat .with-popup.upper-left div.feature-lists:after {
    left: 16%;
}

.rfloat .with-popup.upper-right div.feature-lists:before,
.rfloat .with-popup.upper-right div.feature-lists:after {
    left: 88%;
}

.note-adder {
    border-radius: 4px;
    bottom: 28px;
    position: absolute;
    z-index: 20;
}

.upper-left .note-adder {
    left: -35px;
}

.upper-right .note-adder {
    right: -35px;
}

.add-note .note-adder {
    display: block;
    width: 240px;
    background: #fff;
}

.add-note .note-adder > p {
    color: #fff;
    font-size: 13px;
    line-height: 15px;
}

.add-note .note-adder.feedback {
    border: 1px solid #487fdf;
}

.add-note .note-adder:after,
.add-note .note-adder:before { 
    top: 100%;  
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
}

.add-note.upper-left .note-adder:after,
.add-note.upper-left .note-adder:before{
    left: 17%;
}

.add-note.upper-right .note-adder:after,
.add-note.upper-right .note-adder:before{
    left: 82%;
}

.add-note .note-adder:after {
    border-width: 7px; 
    margin-left: -7px;
}

.add-note.active .note-adder:before {
    border-width: 10px;
    margin-left: -10px;
}

.add-note .note-adder:before {
    border-width: 9px;
    margin-left: -9px;
}

.add-note .note-adder:after {
    border-top-color: #fff;
}

.add-note .note-adder.feedback:before { 
    border-top-color: #487fdf; 
}

.add-note .note-adder.revision:before { 
    border-top-color: #ffaa33; 
}

.add-note .note-adder.heart:before { 
    border-top-color: #d54245; 
}

.add-note.active .note-adder.feedback {
    border-bottom: 2px solid #4483ca;
}

.add-note.active .note-adder.feedback:after { 
    border-top-color: #487fdf; 
}

.add-note.active .note-adder.feedback:before { 
    border-top-color: #4483ca; 
}

.add-note.active .note-adder.revision {
    border-bottom: 2px solid #c98f23;
}

.add-note.active .note-adder.revision:after { 
    border-top-color: #ffaa33; 
}

.add-note.active .note-adder.revision:before { 
    border-top-color: #c98f23; 
}

.add-note.active .note-adder.heart {
    border-bottom: 2px solid #d26161;
}

.add-note.active .note-adder.heart:after { 
    border-top-color: #d54245; 
}

.add-note.active .note-adder.heart:before { 
    border-top-color: #d26161; 
}

.add-note .note-adder.feedback > p,
.add-note .note-adder.feedback > div {
    background: #487fdf;
}

.add-note.active .note-adder.feedback > div {
    background: #4483cb;
}

.add-note .note-adder.heart {
    border: 1px solid #d54245;
}


.add-note .note-adder.heart > p,
.add-note .note-adder.heart > div {
    background: #d54245;
}

.add-note.active .note-adder.heart > div {
    background: #d26161;
}

.add-note .note-adder.revision {
    border: 1px solid #ffaa33;
}

.add-note .note-adder.revision > p,
.add-note .note-adder.revision > div{
    background: #ffaa33;
}

.add-note.active .note-adder.revision > div {
    background: #e49a33;
}

.add-note.active .note-adder {
    display: none;
}

.add-note.active:hover .note-adder {
    display: block;
}

.with-popup.active:hover:after,
.with-popup.clickable:hover:after {
    bottom: 13px;
    content: "";
    height: 18px;
    position: absolute;
    width: 217px;
    z-index: 900;
}

.lfloat .with-popup:hover:after {
    left: -12px;
}

.rfloat .with-popup:hover:after {
    left: -18px;
}



.add-note .note-adder > div,
.add-note .note-adder > p {
    padding: 1em;
}

.add-note .note-adder h4 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    float: left;
}

.add-note .note-adder textarea {
    border: 0 none;
    border-radius: 0 0 4px 4px;
    clear: both;
    font-size: 13px;
    height: 125px;
    padding: 1em;
    width: 214px;
}

.note-adder .save-note {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    float: right;
    font-weight: bold;
    padding: 0.3em 0.7em;
    text-align: center;   
}

.note-adder .remove-note,  
.note-adder .edit-note {
    float: right;
    color: #fff;
}

.note-adder.feedback .save-note {
    border-bottom: 2px solid #4483cb;
    color: #487fdf;
}

.note-adder.heart .save-note {
    border-bottom: 2px solid #c84949;
    color: #d54245;
}

.note-adder.revision .save-note {
    border-bottom: 2px solid #ffaa33;
    color: #ffaa33;
}

.vertical-shadow {
    background: url(../images/vertical-div1.png) no-repeat;
    width: 10px;
    height: 150px;
}

.client-general {
    padding: 1em;
    border-radius: 4px;
}

.client-general > * {
    display: inline-block;
}

.client-general .rfloat > * {
    float: left;
    margin-top: .5em;
    margin-right: .2em;
}

.staff-dashboard .price .pu-table td:first-of-type,
.staff-dashboard .client-style .pu-table td:first-of-type {
    text-align: right;
    font-weight: bold;
}

#main .pu-table .theader th {
    border-right: none;
    text-align: left;
}

.staff-dashboard .pu-table .edit-icon {
    margin-top: 4px;
}

.pu-standard-table {
    border-radius: 4px;
    border-collapse: separate;
}

.pu-standard-table thead {
	background: none repeat scroll 0 0 #F1F1F1;
}

.pu-standard-table th,
.pu-standard-table td {
    padding: 1em;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.pu-standard-table th {
    background: #f1f1f1;
    padding: 1em;
}

.pu-standard-table tr th:first-child,
.pu-standard-table tr td:first-child {
    border-left: 1px solid #ddd;
}

.pu-standard-table tr:first-child th:first-child {
    border-radius: 4px 0 0 0;
}

.pu-standard-table tr:first-child th:last-child {
    border-radius: 0 4px 0 0;
}

.pu-standard-table tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

.pu-standard-table tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.pu-standard-table tr:last-child td {
    border-bottom: 2px solid #ddd;
}

html.js .pu-pagination {
    position: relative;
}

html.js .pu-pagination > a.prev,
html.js .pu-pagination a.prev {
    background: url("../images/pu-icon-sprite-v2.png") -336px -339px;
}

html.js .pu-pagination > a.next,
html.js .pu-pagination a.next {
    background: url("../images/pu-icon-sprite-v2.png") -363px -339px;
}

html.js .pu-pagination > a.prev:not(.inactive):hover,
html.js .pu-pagination a.prev:not(.inactive):hover {
    background-position: -336px -366px;
}

html.js .pu-pagination > a.next:not(.inactive):hover,
html.js .pu-pagination a.next:not(.inactive):hover {
    background-position: -363px -366px;
}

html.js .pu-pagination a, html.js .pu-pagination span {
    display: block;
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: #d8d8d8;
    color: #888;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8em;
    margin-left: .2em;
}

html.js .pu-pagination.auto-paginate a, html.js .pu-pagination.auto-paginate span {
	background: #d8d8d8;
	border-radius: 0;
	color: #888;
}

html.js .pu-pagination.auto-paginate a.prev:after,
html.js .pu-pagination.auto-paginate a.next:after {
	font-family: "icomoon";
}

html.js .pu-pagination.auto-paginate a.prev:after {
    content: "\e3b7";
}

html.js .pu-pagination.auto-paginate a.next:after {
    content: "\e3b5";
}

html.js .pu-pagination.auto-paginate .prev:not(.inactive),
html.js .pu-pagination.auto-paginate .next:not(.inactive) {
	background: #AAAAAA;
	color: #ffffff;
}

html.js .pu-pagination.auto-paginate .inactive {
	color: #a2a2a2;
}

html.js .pu-pagination li.current-selection a, 
html.js .pu-pagination li.current-selection span {
    background-color: #54ba60;
    color: #fff;
}

html.js .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: #54ba60;
}

html.js .pu-pagination a:not(.inactive):hover {
	background-color: #487fdf;
    color: #fff;
}

html.js .pu-pagination ul {
    display: block;
    float: left;
}

html.js .pu-pagination * {
	display: block;
}

html.js .pu-pagination ul li {
	float: left;
}

.prev-button {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -569px -75px no-repeat;
}

.prev-button.active,
.prev-button:hover {
    background-position: -614px -75px
}

.next-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -643px -156px no-repeat;
}

.next-button.green {
    background-position: -643px -102px;
}

.next-button.orange {
    background-position: -643px -129px;
}

.next-button.active,
.next-button:hover,
.next-button.blue {
    background-position: -643px -75px
}

.delete-button {
	width: 26px;
    height: 26px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -307px -135px no-repeat;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.delete-button:hover {
	background-position: -342px -135px;
}

.pagination .page-num {
    color: #fff;
    padding: 2px 7px;
}

.note-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -330px -205px no-repeat;
}

.note-button.active {
    background-position: -330px -232px;
}

.reload-button {
    /*background: url("../images/pu-icon-sprite-v2.png") -133px -385px no-repeat;*/
    width: 27px;
    height: 26px;
    display: inline-block;
    font-family: 'icomoon';
    text-align: center;
    line-height: 26px;
    background: #b9b9b9;
    color: #fff;
    border-radius: 3px;
}

.reload-button:before {
    font-family: 'icomoon';
    content: "\e3a8";
    color: #fff;
}

.reload-button.orange {
    /*background-position: -134px -358px;*/
    background-color: #f2ba11;
}

.reload-button.blue {
    /*background-position: -134px -304px;*/
    background-color: #487fdf;
}

.current .backup-logo-small,
.backup-logo-small.white {
    background-position: -165px -154px;
}

.download-button-photo {
    width: 26px;
    height: 26px;
    background: url("../images/pu-icon-sprite-v2.png") -161px -304px no-repeat;
    display: inline-block;
}

.download-button-photo.orange {
    background-position: -161px -358px;
}

.download-button-photo.green {
    background-position: -161px -331px;
}

.download-button-photo.gray {
    background-position: -161px -385px;
}

.x-photo-icon {
    width: 26px;
    height: 26px;
    background: url("../images/pu-icon-sprite-v2.png") -363px -312px no-repeat;
    display: inline-block;
}

.x-photo-icon.gray {
    background-position: -336px -312px;
}

.cogs-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -390px -339px no-repeat;
}
/*
.cogs-icon:hover {
    background-position: -390px -366px;
}
*/
.cogs-icon-small {
    display: inline-block;
    height: 19px;
    width: 19px;
    background: url("../images/pu-icon-sprite-v2.png") -393px -173px;
}

.cogs-icon-small-2 {
    display: inline-block;
    height: 19px;
    width: 19px;
    background: url("../images/pu-icon-sprite-v2.png") -433px -183px;
}

.cogs-icon-small:hover {
    background-position: -413px -177px;
}

.cogs-icon:hover:after,
.cogs-icon-small:hover:after,
.cogs-icon-small-2:hover:after {
    content: "";
    height: 15px;
    position: absolute;
    right: -34px;
    top: 26px;
    width: 60%;
}
#main .cogs-icon-small:hover:after {
    right: -38px;
    top: 18px;
}

.cogs-icon-small:hover .feature-lists,
.cogs-icon:hover .feature-lists,
.cogs-icon-small-2:hover .feature-lists {
    display: block;
}

.cogs-icon-small .feature-lists {
    color: #fff;
    border-bottom: 0;
    box-shadow: 0 2px 3px #666;
    z-index: 100;
}

#main .cogs-icon .feature-lists,
#main .cogs-icon-small-2 .feature-lists {
    color: #fff;
    border-bottom: 0;
    bottom: -110px;
    box-shadow: 0 2px 3px #666;
    z-index: 100;
}

#main .acct-list .cogs-icon .feature-lists {
	bottom: auto;
	top: 36px;
}

#main #breakdown-table1 .cogs-icon .feature-lists,
#main #breakdown-table2 .cogs-icon .feature-lists,
#main #breakdown-table .cogs-icon .feature-lists,
#main .csearch-action-col .cogs-icon .feature-lists,
#main #interface .cogs-icon-small-2 .feature-lists {
	top: 35px;
	bottom: auto;
}

#main .csearch-action-col .cogs-icon .feature-lists a {
	color: #FFFFFF;
	display: block;
}

#main .cogs-icon-small .feature-lists {
    top: 28px;
    right: -36px;
}

#main #blng-hstory .cogs-icon-small .feature-lists {
    top: 32px;
    right: -47px;
}

#main .cogs-icon .feature-lists > li,
#main .cogs-icon-small .feature-lists > li {
    width: 180px;
    min-width: 180px;
}

#main .cogs-icon-small .feature-lists:not(.gray-bg) > li {
    border-bottom-color: #5285bc;
}

#main .cogs-icon .feature-lists li:hover {
    background: #949494;    
}

#main .cogs-icon-small .feature-lists:not(.gray-bg) li:hover {
    background: #5285bc;
}

#main .cogs-icon-small .feature-lists.gray-bg li:hover {
    background: #949494;
}

#main .cogs-icon-small-2 .feature-lists.white-lists li:hover {
	background: #ffffff;
}

#main .cogs-icon-small .feature-lists li:first-child:hover,
#main .cogs-icon .feature-lists li:first-child:hover,
#main .cogs-icon-small-2 .feature-lists li:first-child:hover {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#main .cogs-icon-small .feature-lists:before,
#main .cogs-icon .feature-lists:before,
#main .cogs-icon-small-2 .feature-lists:before {
    display: none;
}

.cogs-icon-small .feature-lists:after,
#main .cogs-icon .feature-lists:after,
#main .cogs-icon-small-2 .feature-lists:after {
    top: -20px;
    left: 149px;
    border-color: transparent transparent #B9B9B9 
}

#main .cogs-icon-small-2 .feature-lists.white-lists:after {
	border-color: transparent transparent #efefef;
}

#main .cogs-icon-small .feature-lists:not(.gray-bg):after {
    border-color: transparent transparent #487fdf;
}

#main .cogs-icon-small .feature-lists.gray-bg:after {
     border-color: transparent transparent #b9b9b9;
}

#main .cogs-icon .feature-lists > li:last-child {
    border-bottom: 0;
}

.feature-lists.red-bg:before {
    border-top-color: #d54245;
}

.feature-lists.red-bg:after {
    border-top-color: #d54245;
}

.upload-icon {
    width: 15px;
    height: 17px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -261px -264px no-repeat;
}

.avatar-wrap {
    width: 50px;
    height: 50px;
}

.avatar-wrap.medium {
    width: 55px;
    height: 55px;
    border-radius: 4px;
}

.avatar-wrap img {
    height: auto;
    width: 100%;
}

.no-border, #bank-list > li:not(.active) {
    border: none !important;
}
.no-border-bottom {
    border-bottom: none !important;
}

.no-border-top {
    border-top: none !important;
}

.border-right-grey{
    border-right: 1px solid #ddd !important;
}
.border-bottom-grey{
    border-bottom: 1px solid #ddd !important;
}

.address-error-wrap {
	margin-bottom: 2em;
}

.export-quality-container {
    width: 642px;
} 

#export-option-table {
    float: left;
    margin: 15px 0 0;
}

#address-notes {
    margin-top: 3px;
    margin-bottom: 5px;
}
.note-section a.green {
    margin-right: 2px;
}

.white-mask-1 {
    background: url("../images/white-mask-1.png") #ffdba8 center left repeat-y; 
}

#revise-all textarea {
    max-height: 154px;
}

#revise-all .yep-wrap {
    padding: 6px 5px;
}

#revise-all .v2-btn.orange-bg {
    position: relative;
}

#revise-all .v2-btn.orange-bg .orange-lock {
    display: none;
}

#revise-all.active .v2-btn.orange-bg .orange-lock {
    display: block;
    left: -30px;
    position: absolute;
    top: 38px;
}

#revise-all.white-mask-1 {
    background-position: -13px center;
}

.orange-lock {
    width: 16px;
    height: 19px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -220px -244px no-repeat;
}

.flag-icon {
    width: 13px;
    height: 15px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -155px -414px;
    margin-top: 5px;
}

#pull-up-down {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    cursor: pointer;
    height: 31px;
    padding: 1em 1.5em;
    position: absolute;
    top: -68px;
    opacity: .5;
    right: 40px;
}

#pull-up-down span {
    bottom: 10px;
    left: 39%;
    position: absolute;
}

#pull-up-down:hover {
    background: rgba(0,0,0,.3);
    opacity: 1;
}

/** #loaderOverlay and its bubblingG **/
#loaderOverlay {
	display: none;
	height: auto;
	width: auto;
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	z-index: 9030;
	background: url('../../fancybox/fancybox_overlay.png');
}

#loaderOverlay .bubblingG {
	text-align: center;
	width:160px;
	height:100px;
	z-index: 9040;
	position: absolute;
}

#loaderOverlay .bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 50px auto;
	background: #68A7F0;
	-moz-border-radius: 100px;
	-moz-animation: overlayBubblingG 1.2s infinite alternate;
	-webkit-border-radius: 100px;
	-webkit-animation: overlayBubblingG 1.2s infinite alternate;
	-o-border-radius: 100px;
	-o-animation: overlayBubblingG 1.2s infinite alternate;
	-ms-border-radius: 100px;
	-ms-animation: overlayBubblingG 1.2s infinite alternate;
	border-radius: 100px;
	animation: overlayBubblingG 1.2s infinite alternate;
}

#loaderOverlay #bubblingG_1 {
	-moz-animation-delay: 0.72s;
	-webkit-animation-delay: 0.72s;
	-o-animation-delay: 0.72s;
	-ms-animation-delay: 0.72s;
	animation-delay: 0.72s;
}

#loaderOverlay #bubblingG_2 {
	-moz-animation-delay: 0.36s;
	-webkit-animation-delay: 0.36s;
	-o-animation-delay: 0.36s;
	-ms-animation-delay: 0.36s;
	animation-delay: 0.36s;
}

#loaderOverlay #bubblingG_3 {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}

@-moz-keyframes overlayBubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:#68A7F0;
		-moz-transform: translateY(0);
	}
	100% {
		width: 48px;
		height: 48px;
		background-color:#FFFFFF;
		-moz-transform: translateY(-42px);
	}

}

@-webkit-keyframes overlayBubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:#68A7F0;
		-webkit-transform: translateY(0);
	}
	
	100% {
		width: 48px;
		height: 48px;
		background-color:#FFFFFF;
		-webkit-transform: translateY(-42px);
	}

}

@-o-keyframes overlayBubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:#68A7F0;
		-o-transform: translateY(0);
	}
	
	100% {
		width: 48px;
		height: 48px;
		background-color:#FFFFFF;
		-o-transform: translateY(-42px);
	}

}

@-ms-keyframes overlayBubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:#68A7F0;
		-ms-transform: translateY(0);
	}
	
	100% {
		width: 48px;
		height: 48px;
		background-color:#FFFFFF;
		-ms-transform: translateY(-42px);
	}

}

@keyframes overlayBubblingG {
	0% {
		width: 20px;
		height: 20px;
		background-color:#68A7F0;
		transform: translateY(0);
	}
	
	100% {
		width: 48px;
		height: 48px;
		background-color:#FFFFFF;
		transform: translateY(-42px);
	}

}


#rate_dl .lock-icon {
    display: none;
    left: 25%;
    position: absolute;
    top: 38%;
}

#rate_dl .locked .lock-icon {
    display: block;
}

.rate-popup .fancybox-close {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -145px -244px no-repeat;
    right: -9px;
    top: -10px;
}

.rate-popup .fancybox-close:hover {
    background-position: -165px -244px !important;
}

.fancybox-skin img:not(.exposure_thumbnail) {
    height: auto;
    width: 100%;
}


.fancybox-skin img {
    height: auto;
    width: 10%;
}

.photo-select-menu .photo-select {
    position: relative;
    cursor: pointer;
    width: 122px;
    padding: 0.2em 0 !important; 
}

.photo-select-menu .photo-select:hover .photo-select-list {
    display: block;
}

.photo-select-menu .photo-select-list {
    display: none;
    width: 220px;
    position: absolute;
    z-index: 900;
    bottom: -10px;
}

.photo-select.lfloat .photo-select-list {
    left: 128px;
}

.photo-select.rfloat .photo-select-list {
    right: 128px;
}

.photo-select:before {
    content: "";
    height: 30px;
    width: 100px;
    position: absolute;
    height: 40px;
    left: 55px;
    top: -6px;
}

.photo-select.lfloat:before {
    left: 55px;
    top: -9px;
}

.photo-select.rfloat:before {
    left: -20px;
    top: -9px;
}

.photo-select .photo-select-list:after {
    bottom: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(104, 168, 240, 0);
    border-width: 9px;
    margin-top: 52px;
}

.photo-select.lfloat .photo-select-list:before {
	content: "";
	height: 66px;
	left: -16px;
	position: absolute;
	width: 30px;
}

.photo-select.lfloat .photo-select-list:after {
    right: 100%;
    border-right-color: #487fdf;
}

.photo-select.rfloat .photo-select-list:after {
    left: 100%;
    border-left-color: #487fdf;
}

.photo-select-menu .photo-select-list li {
    border-bottom: #4d91de 1px solid;
    background: #487fdf;
    display: block;
    text-align: left;
    padding: .5em .8em;
}

.photo-select-menu .photo-select-list li:first-of-type {
    border-radius: 4px 4px 0 0;
}

.photo-select-menu .photo-select-list li:last-of-type {
    border-radius: 0 0 4px 4px;
    border-bottom: 2px solid #3a78be;
}

.photo-select-menu .photo-select-list li span {
    position: absolute;
}

.photo-select-menu .photo-select-list li:hover {
    background: #4d91de;
}

.exposure-select-list.photo-select-list li {
    padding: 0;
    border: 3px solid #fff !important;
    background: transparent;
}

.exposure-select-list.photo-select-list li.selected {
    border: 3px solid #487fdf !important;
}

.exposure-select-list.photo-select-list {
	border-radius: 0;
	width: 108px;
	bottom: -3px;	
}

.exposure-select:hover .exposure-select-list.photo-select-list {
	display: none;
}

.exposure-select.active .exposure-select-list.photo-select-list {
	display: block;
	right: 11px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	left: -108px;
    z-index: 899;
}

.exposure-select-list.photo-select-list li {
	position: relative;	
}
.exposure-select-list.photo-select-list li:hover:after {
	content: "";
	background: rgba(0, 0, 0, .25);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
}

ul.exposure-select-list.photo-select-list:after {
    content: "";
    width: 20px;
    height: 100%;
    bottom: 0;
    border: 0 none;
}

.exposure-select.active {
	background: #3a6dc4 !important;
}

.exposure-scrollbar {
    width: 119px;
    height: 326px;
    /*max-height: 240px;*/
    /*position: relative;*/
    position: absolute;
    top: -303px; 
    left: -122px; 
    z-index: 900;
    
}

select#zip-type {
	width:  175px;
}

/** Admin HomeInfo - Notes **/
#client-style-info .note-content {
	padding-right: 20px;
	position: relative;
}

#client-style-info .note-content #edit-user-note {
	position: absolute;
	right: 0;
	top: 0;
}

#client-style-info .note-content ul, #client-style-info .note-content ol {
	padding: 0 0 0 30px;
	margin: 1em 0;
	list-style-position: outside;
}

#client-style-info .note-content ul {
	list-style-type: disc;
}

#client-style-info .mce-panel {
	background: #F2F2F2;
	border: 0 solid #DDDDDD;
}

#client-style-info .mce-toolbar-grp  {
	padding: 5px;
}

#client-style-info .mce-ico {
	color: #6A6A6A;
}


/*  Team and Staff Management
************************/
.staff-teams .team-title .lighter-text {
    border-left: 1px solid #ffffff;
}

.staff-teams .team-title.gray-dark-text .lighter-text {
    border-left: 1px solid #b9b9b9;
}

.support-dashboard .staff-teams .avatar-wrap,
.admin-dashboard .staff-teams .avatar-wrap {
	cursor: move;
}

.staff-teams .avatar-wrap, .staff-mngt .avatar-wrap {
	height: 40.28px;
	width: 38.27px;
}

.staff-teams .avatar-wrap.no-avatar, .staff-mngt .avatar-wrap.no-avatar {
    background: url("../images/default-editor-pic2.svg") 0 0;	
    background-size: 100%;
    background-repeat: no-repeat
}

.support-dashboard .team-avatars .client-names.locked,
.admin-dashboard .team-avatars .client-names.locked {
	cursor: pointer;
}

#team-sortable li:last-child .mini-inner-wrap,#group-sortable li:last-child .mini-inner-wrap {
	border-bottom: 2px dashed #e1e1e1;
}

#team-sortable .staff-sortable, #group-sortable .staff-sortable {
	min-height: 40px;
}

#team-sortable .staff-avatar, #group-sortable .staff-avatar {
	max-height:38px;
	position: relative;
}

#team-sortable .staff-avatar .start-day-initial, #group-sortable .staff-avatar .start-day-initial {
	position: absolute;
	height: 12px;
	bottom:0;
	left: 0;
	font-size: 10px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#team-sortable .staff-avatar.orange-bottom, #group-sortable .staff-avatar.orange-bottom  {
	border-bottom: 2px solid #ED8517;
}

#team-sortable .staff-avatar.blue-bottom, #groupsortable .staff-avatar.blue-bottom {
	border-bottom: 2px solid #125CE5;
}

#team-sortable .staff-avatar.black-bottom, #group-sortable .staff-avatar.black-bottom {
	border-bottom: 2px solid #202020;
}

#team-sortable .staff-avatar.red-bottom, #group-sortable .staff-avatar.red-bottom {
	border-bottom: 2px solid #E84545;
}

#team-sortable .staff-avatar.orange-bottom .start-day-initial, #group-sortable .staff-avatar.orange-bottom .start-day-initial {
	background: #ED8517;
}

#team-sortable .staff-avatar.blue-bottom .start-day-initial, #group-sortable .staff-avatar.blue-bottom .start-day-initial {
	background: #125CE5;
}

#team-sortable .staff-avatar.black-bottom .start-day-initial, #group-sortable .staff-avatar.black-bottom .start-day-initial {
	background: #202020;
}

#team-sortable .staff-avatar.red-bottom .start-day-initial, #group-sortable .staff-avatar.red-bottom .start-day-initial {
	background: #E84545;
}

#new-team-dialog input[name="team_name"] {
	width: 300px;
}

#new-team-dialog .dialog-feedback {
	padding: 10px;
}

#new-team-dialog .dialog-feedback.error {
	color: #ff0000;
}

#new-team-dialog #team_color {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../../colorpicker/images/select.png) center;
	margin: 3px 0 0 10px;
}

#new-team-dialog #team_color .actual-color {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
}

.colorpicker {
	z-index: 11000 !important;
}

#main .avatar-wrap .name-hover {
    position: absolute;
    color: #fff;
    font-size: 13px;
    bottom: 51px;
    display: block;
    min-width: 50px;
    padding: 6px;
    right: -8px;
    display: none;
}

#main .avatar-wrap:hover .name-hover {
    display: block;
}

#main .client-names:hover .name-hover {
    display: block;
}

#main .client-names .name-hover {
	line-height: 14px;
	font-size: 13px;
	color: #fff;
	display: none;
	max-width: 103px;
	padding: 6px;
	position: absolute;
	left: 0;
	bottom: 120%;
	top: auto;
	z-index: 20000;
}

#main .name-hover.feature-lists:after,
#main .name-hover.feature-lists:before {
    left: 54%;
}

#staff-dialog > ul > li, 
#edit-staff-dialog > ul > li {
    float: left;
    width: 49%;
    margin-bottom: 10px;
}

#staff-dialog > ul > li > input,
#edit-staff-dialog > ul > li > input {
    width: 89%;
}

#staff-dialog > ul > li .error-dialog-field,
#edit-staff-dialog > ul > li .error-dialog-field {
	border: 1px solid #EA5959;
}

#staff-dialog > ul > li:nth-child(2n-1),
#edit-staff-dialog > ul > li:nth-child(2n-1) {
    margin-right: 9px;
}

#staff-dialog .pu-date input[type="text"],
#edit-staff-dialog .pu-date input[type="text"] {
    width: 79.5%;
}

#staff-dialog .browse-button,
#edit-staff-dialog .browse-button {
	padding: 0.7em 1em;
}

.staff-dialog .ui-dialog-continue {
	float: left;
}

div.pu-date {
    position: relative;
}

div.pu-date > input[type="text"] {
    width: auto;
}

div.pu-date span.calendar-icon {
    position: absolute;
}

.pu-file {
	position: relative;
}

.pu-file .fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.pu-file input.file {
	opacity: 0;
    padding: 0.8em 1.2em;
    position: relative;
    text-align: right;
    width: 90%;
    z-index: 2;
    cursor: pointer;
}

.staff-mngt a.show-rate {
    color: #505050;
    font-size: 11px;
}

/** Client Filter Dashboard **/
#refer-client-filter-tags, 
#client-filter-tags {
	position: relative;
}

#refer-client-filter-tags .client-filter-selected {
	background: #dddddd none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    padding: 0.4em 2.5em 0.4em 1em;
    position: relative;
}

#client-filter-tags .client-filter-selected,
#client-filter-tags .editor-filter-selected {
	background: #54ba60;
	color: #FFFFFF;	
	border-radius: 4px;
	border-bottom: 1px solid #CCCCCC;
    display: block;
    padding: 4% 1% 4% 7%;
    vertical-align: middle;
    position: relative;
    margin: 0 0 4px;
}

#refer-client-filter-tags .client-filter-selected .delete-icon,
#client-filter-tags .client-filter-selected .delete-icon,
#client-filter-tags .editor-filter-selected .delete-icon {
	margin-right: 5px;
	padding: 1px 4px;
	background: #3B9948;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 16px;
	cursor: pointer;
	position: absolute;
	top: 7px;
	right: 0;
}

#dashboard.dashboard input#client-tag, 
#dashboard.dashboard input#editor-tag {
    width: 90%;
}

input#client-tag, input#editor-tag {
	padding: 6px 5px;
	width:160px;
	font-size: 12px;
	margin: 0 0 10px;
}

.client-filter-autocomplete.ui-autocomplete,
.editor-filter-autocomplete.ui-autocomplete {
	background: #B9B9B9;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

#client-filter-tags .ui-autocomplete li.active{
    background-color: #487fdf;
}
#client-filter-tags .ui-autocomplete li.active a{
    color: #ffffff;
}


.client-filter-autocomplete.ui-autocomplete a,
.editor-filter-autocomplete.ui-autocomplete a {
	color: #FFFFFF;
}

#refer-client-filter-tags > .client-filter-autocomplete.ui-autocomplete a,
#refer-client-filter-tags > .editor-filter-autocomplete.ui-autocomplete a {	
	display: block;
	vertical-align: middle;
	padding: 4% 1% 4% 7%;
	color: #666;
	border-bottom: 1px solid #ccc;
}

#refer-client-filter-tags > .client-filter-autocomplete.ui-autocomplete li.active a,
#refer-client-filter-tags >.client-filter-autocomplete.ui-autocomplete a:hover {
	background-color: #f7f7f7;
	color: #487fdf;
}

.client-filter-autocomplete.ui-autocomplete li.active a,
.editor-filter-autocomplete.ui-autocomplete li.active a,  
.client-filter-autocomplete.ui-autocomplete a:hover,
.editor-filter-autocomplete.ui-autocomplete a:hover {
	color: #487fdf;
}
/* end of dashboard client filter */

#staff-filter-tags .staff-filter-selected, .staff-filter-tags .staff-filter-selected{
	background: #487fdf;
	color: #FFFFFF;	
	border-radius: 4px;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 61px 6px 8px;
    display: block;
    vertical-align: middle;
    position: relative;
    margin: 0 0 4px;
}

#staff-filter-tags .staff-filter-selected .delete-icon, .staff-filter-tags .staff-filter-selected .delete-icon {
	margin-right: 5px;
	padding: 1px 4px;
	background: #3465a4;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 16px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 0;
}

input#user-tag, input#staff-tag {
	padding: 6px 5px;
	width:160px;
	font-size: 12px;
	margin: 0 0 10px;
}

.staff-filter-autocomplete {
/* 	background: #487fdf; */
	background: #ffffff;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

#user-filter-tags .user-filter-selected .delete-icon  {
	margin-right: 5px;
	padding: 1px 4px;
	background: #3465a4;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 16px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 0;
}

.user-filter-autocomplete {
	background: #ffffff;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

div#user-filter-tags li a,
div#staff-filter-tags li a,
div.staff-filter-tags li a  {
	display: block;
	padding: 4% 1% 4% 7%;
/* 	color: #ffffff; */
	color: #487fdf;
	border-bottom: 1px solid #ccc;
}

div#user-filter-tags li.active a,
div#user-filter-tags a:hover,
div#staff-filter-tags li.active a,
div#staff-filter-tags a:hover,
div.staff-filter-tags li.active a,
div.staff-filter-tags a:hover  {
	color: #ffffff;
	background : #487fdf;
}

div#user-filter-tags ul,
div#staff-filter-tags ul,
div.staff-filter-tags ul {
	width:173px;
}

#site-content .hidden-filtered-client {
	display: none;
}

/** add client style**/
.add-photo-list {
    background: none repeat scroll 0 0 #B9B9B9;
    border-radius: 4px;
    cursor: pointer;
    height: 112px;
    position: relative;
    top: 22px;
}

#filelist .img-temp {
	position: relative;
}
 
.add-photo-list .v2-big-plus {
    left: 41%;
    position: absolute;
    top: 40%;
}
 
.v2-big-plus {
    background: url("../images/pu-icon-sprite-v2.png") no-repeat scroll -423px -399px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 26px;
    width: 26px;
}

.photo-list .ajaxload {
	position: relative;
	top: 32px;
}

#main .gray-bg.time-started {
	background: #7F7F7F;
}

.clock-in-out-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -671px -81px no-repeat; 
}

.backend-dashboard-widgets .feedback-btn {
	font-size: 14px;
	/*padding: 7px 6px;*/
    padding: 0px !important;
}

.text-capitalize {
    text-transform: capitalize;
}

.w-25 {
    width: 25px !important;
}
.r-wrap .feedback-btn {
    padding: 0px !important;
}

.backend-dashboard-widgets .feedback-btn .lists-meta,
.r-wrap .feedback-btn .lists-meta {
    padding: 0px !important;
}

.backend-dashboard-widgets .moji-rating, 
.r-wrap .moji-rating {
    width: 26px;
    cursor: pointer !important;
}

.homeinfo-meta .moji-rating {
    width: 20px;
    margin-top: -3px;
    cursor: pointer !important;
}

.homeinfo-meta.with-rating {
    padding-top: 1px !important;
    padding-bottom: 5px !important;
}

#main .error-dialog-field, .ui-dialog .error-dialog-field {	
	border: 1px solid #EA5959;
}

/** staff tooltip **/
.ui-tooltip.custom-ui-tooltip {
    border-radius: 4px;
    cursor: default;
    display: none;
    background: #909090;
    border-bottom: 2px solid #717171;
}

.ui-tooltip.custom-ui-tooltip.blue-bg {
	background: #487fdf;
	border-bottom: 2px solid #558ccc;
}

.ui-tooltip.custom-ui-tooltip.green-bg {
	background: #54ba60;
	border-bottom: 2px solid #2B963A;
}

.ui-tooltip.custom-ui-tooltip span {
	color: #FFFFFF;
	display:block;
	text-align: center;
}

.ui-tooltip.custom-ui-tooltip:after,
.ui-tooltip.custom-ui-tooltip:before { 
    top: 99%; 
    left: 9%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
	border-width:10px;
}

.ui-tooltip.custom-ui-tooltip.green-bg:after,
.ui-tooltip.custom-ui-tooltip.green-bg:before {
	left:35%; 
}

.ui-tooltip.custom-ui-tooltip:after { 
    border-color: rgba(169, 169, 169, 0); 
    border-width: 10px;
    border-top-color: #717171; 
}

.ui-tooltip.custom-ui-tooltip.blue-bg:after {
	border-top-color: #487fdf; 
}

.ui-tooltip.custom-ui-tooltip.green-bg:after {
	border-top-color: #54ba60;
}

.ui-tooltip.custom-ui-tooltip:before { 
    border-color: rgba(113, 113, 112, 0); 
    border-width: 13px; 
    margin-left:-3px;
    border-top-color: #717171;
}

.ui-tooltip.custom-ui-tooltip.blue-bg:before {
	border-top-color: #558ccc;
}

.ui-tooltip.custom-ui-tooltip.green-bg:before {
	border-top-color: #54a760;
}

.ui-tooltip.custom-ui-tooltip.white-text{
	color: white;
}

#payment-schedule .input-type-span {
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;	
	background: #eee;
}

#payment-schedule select.type-0 {
	width: 90px;
}

#payment-schedule span.type-0 {
	width: 72px;
}

#payment-schedule select.type-1 {
	width: 109px;
}

#payment-schedule span.type-1 {
	width: 92px;
}

#payment-schedule select.type-2 {
	width: 136px;
}

#payment-schedule span.type-2 {
	width: 117px;
}

.failed-billing .v2-btn {
	font-size: 14px;
}
.failed-card-alert > p {
  background-color: #EDEDED;
  border-radius: 3px;
  margin: 10px 0 15px;
  padding: 15px;
}

#payment-option .failed {
  background: none repeat scroll 0 0 #d54245;
  border-radius: 2px;
  font-size: 10px;
  margin-left: 10px;
  padding: 3px 5px;
}

.process-payment {
  display: inline-block;
  margin: 15px 0 10px;
  width: 100%;
}

.process-payment.full-width > p {
  display: inline-block;
  margin: 15px 0 0 5px;
}

.payment-error-alert {
	height: 70px;
}

.payment-error-alert .alert-message {
	line-height: 14px;
	margin-top: 11px;
}

.payment-error-alert .msg-title {
	margin-top: 12px;
}

.payment-error-alert .v2-btn {
	margin-top: 10px;
}

.client-results-tbl th {
	text-align: center;
}

.client-results-tbl td.csearch-edits-col,
.client-results-tbl td.csearch-billing-col {
	text-align: center;
}

.client-results-tbl .csearch-edits,
.client-results-tbl .billing-status {
	display: inline-block;
	padding: 4px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.client-results-tbl .csearch-edits.orange {
	background: #F49B1D;
	color: #FFFFFF;
}

.client-results-tbl .csearch-edits.gray {
	background: #C4C4C4;
	color: #FFFFFF;
}

.client-results-tbl .billing-status.green {
	background: #54ba60;
	color: #FFFFFF;
}

.client-results-tbl .billing-status.blue {
	background: #487fdf;
	color: #FFFFFF;
}

.client-results-tbl .billing-status.orange {
	background: #F49B1D;
	color: #FFFFFF;
}

.client-results-tbl .billing-status.red {
	background: #d54245;
	color: #FFFFFF;
}

.graph-options .the-team {
	padding-bottom: 10px;
}

.graph-options .client-list {
	margin-top: 5px;
}

.graph-options .team-list input[type=checkbox] {
	position: relative;
	top: 2px;
	margin-right: 3px;
}

.the-client > label {
	width: 100px;
}

span.rev-page-wrap {
	top: -1px;
	position: relative;
}

.recreate-graph form input.text-calendar {
	padding: 0.4em 0.6em;
	width: 102px;
	margin-right:5px;
}

/** Fancybox Override, Removing Vertical Scrollbar in Chrome **/
.fancy-editor-batchinfo .fancybox-inner {
	overflow: hidden !important;
}

#manage-team-defaults td {
	padding: 1em;
}

.forty-five {
    width:45%;
}

.with-bottom-border td:first-child {
    border-bottom-left-radius: 4px;
}

.with-bottom-border td:last-child {
    border-bottom-right-radius: 4px;
}

.with-bottom-border td {
    border-bottom: 2px solid #ddd;
}

table.dataTable tbody tr.subuser {
	background: #ededed;
}

.quick-link-lists .with-bottom-border {
	border-bottom: 2px solid #CCCCCC;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.upload-photo-icon.blue {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -467px -249px no-repeat;
}

.ok-button {
	width: 26px;
    height: 26px;
    display: inline-block;
    background: url("../images/pu-icon-sprite-v2.png") -275px -136px no-repeat;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.homeinfo-meta {
	height: 20px;
}

hr.solid-blue {
    border: 0;
    border-bottom: 1px solid #487fdf;
}

.upload-list.pu-list > li {
	line-height: 18px;
}

.upload-list.pu-list .upload-finished {
	margin-top: 2px;
}

/* Client Detail */
.interface-custom-meta-slide input {
    /* width: 50%; */
    float: left;
    padding: 2px 8px;
    font-size: 13px;
}

.interface-custom-meta-slide table.t1-table td .v2-edit-icon {
    display: none;
}

.interface-custom-meta-slide table.t1-table td:hover .v2-edit-icon {
    display: block;
}

.strike-list > li > p.item {
    padding-left: 1em;
}

table.t1-table tr th {
    border-right: 1px solid #ccc;
    background: #f0f0f0;
}

table.t1-table tr > :not(th) {
    background-color: #f8f8f8;
}
table.t1-table tr:hover > :not(th) {
    background-color: #fff;
}

input.tiny-textfield {
    border-radius: 0;
    font-size: 13px;
    padding: 3px 7px;
}

.v2-generic-btn.small {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    min-width: 30px;
    padding: 4px;
    text-align: center;
}

.strike-list.zebra li:nth-child(even) {
    background-color: #f9f9f9;
}

.strike-list li.editing-row {
	background: #487fdf !important;
	color: #FFFFFF;
}

/*
.client-batch-info .slides-list .primary .v2-edit-icon.gray,
.client-batch-info .slides-list .primary.edit-active .v2-edit-icon.gray {
    display: none;
}

.client-batch-info .slides-list .primary:not(.edit-active):hover .v2-edit-icon.gray {
    display: block;
} */

.client-batch-info .slides-list li.active > .primary.edit-active > .v2-generic-btn.hidden {
    display: block !important;
    visibility: visible;
}

.screencast-edit-view li.ui-sortable-placeholder {
	background: #FCFCE3 !important;
	border: 1px dashed #DDDDD7 !important;
	height: 45px;
}

.screencast-edit-view li.ui-sortable-helper {
	background: #ededed !important;
	border: 1px dashed #cccccc !important;
}

.interface-custom-meta-slide li.ui-sortable-placeholder {
	background: #FCFCE3 !important;
	border: 1px dashed #DDDDD7 !important;
	height: 45px;
}

.interface-custom-meta-slide li.ui-sortable-placeholder2 {
	background: #ECECEC !important;
	height: 30px;
}

.interface-custom-meta-slide .menu-name,
.interface-custom-meta-slide .menu-items .form-field.editing {
	/*width: 500px;*/
}

/* Accounting */
.side-by-side-btn > a {
    padding: 8px;
    color: #fff !important;
    display: inline-block;
    float: left;
}

.side-by-side-btn > a:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 1px;
}

.side-by-side-btn > a:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.v2-new-plus.active {
    background-position: -393px -153px;
}

.t2-table tr {
    background-color: #fff;
}
.t2-table .t1-table tr > * {
    padding: .5em 1.1em;
}


.slide-me.active .default-text,
.slide-me .active-text {
    display: none;
}

.slide-me.active .active-text {
    display: block
}

.img-fancy-arrow-right {
    display: inline-block;
    width: 49px;
    height: 12px;
    background: url(../images/pu-icon-sprite-v2.png) -597px -334px;
}

/** Approve order **/
#dl-address-action {
	height: 19px;
	width: 80px;
}

#dl-ai-address-action {
	height: 19px;
	width: 107px;
}

.v2-dropdown {
	height: 19px;
	width: 107px;
}

#approve-address-action {
	height: 19px;
	width: 57px;
}

#dl-address-action .menu, #dl-ai-address-actions .menu {
	width: 118px !important;
	left: -25px !important;
}

#dl-address-action .menu, .v2-dropdown .menu {
	width: 118px !important;
	left: -25px !important;
}

#dl-address-action .menu,
#dl-ai-address-action .menu,
.v2-dropdown .menu,
#approve-address-action .menu {
	display: none;
	position: relative;
	/* top: 12px; */
    line-height: 20px;
	left: -65px;
	width: 135px;
    z-index: 1;
	border-radius: 4px 0 4px 4px;  
}

#dl-ai-address-action .menu {
	width: 167px;
}

#dl-address-action.active,
#dl-ai-address-action.active,
.v2-dropdown.active,
#approve-address-action.active {
	border-bottom: 1px solid #DEDEDE;
	border-bottom-left-radius: 0;
	background: #888;
	border-bottom-right-radius: 0; 
}

#dl-address-action.active .menu,
#dl-ai-address-action.active .menu,
.v2-dropdown.active .menu,
#approve-address-action.active .menu {
	display: block; 
}

#dl-address-action .menu li,
#dl-ai-address-action .menu li,
.v2-dropdown .menu li,
#approve-address-action .menu li {
	padding: 5px 10px;
	font-weight: normal;
	border-bottom: 1px solid #DEDEDE;
}

#dl-address-action .menu li:hover,
#dl-ai-address-action .menu li:hover,
.v2-dropdown .menu li:hover,
#approve-address-action .menu li:hover {
	background: #888;
}

#dl-address-action .menu li:LAST-CHILD,
#dl-ai-address-action .menu li:LAST-CHILD,
.v2-dropdown .menu li:LAST-CHILD,
#approve-address-action .menu li:LAST-CHILD {
	border: none;
}

/**
Added by nasif
**/

.uploader-uploading-page .uploader-attachments {
    max-width: 85%;
	
}

.uploader-uploading-page .uploader-attachments > div {
	width: 230px;
}

.uploader-attachments .v2-small-x {
	margin-top: 2px;
}

.uploader.status-bar {
	top: -2px;
	position: relative;
}

.group-type-name {
	display: inline-block;
	margin-right: 10px;
}

.small-asterisk {
	font-size: 13px;
	font-weight: 400;
	left: 3px;
	position: relative;
	top: -5px;
}

.photo-upload-box .icon-stack3 {
	position: relative;
	right: 1px;
	top: 1px;
    margin-right: .3em !important;
}

.photo-upload-box .address-note-icon {
	margin-right: 30px;
}

html.js .tool-tip-prompt:not(.active) {
	display: none;
}

html.js .tool-tip-prompt {
	text-align: left !important;
	padding: 0.6em 0.8em;
}

html.js .icon-hovers.wide-tooltip:after {
	width: 100px;
}

html.js .icon-hovers.wide-tooltip .new-tooltip {
	right: 0px;
}

.v2-btn2 {
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	min-width: 50px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	
}

.group-option-type li:hover {
	background-color: #f5f5f5;
}

.font-11 {
	font-size: 11px !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-15 {
	font-size: 15px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-17 {
	font-size: 17px !important;
}

.font-18 {
	font-size: 18px !important;
}

.sep-right-10px {
	margin-right: 10px;
}

.sep-left-10px {
	margin-left: 10px;
}

#reset-activity-icon {
	width: 32px;
	height: 28px;
	left: 10px;
	top: 11px;
}

#general-activity-icon {
	width: 32px;
	height: 28px;
	left: 10px;
	top: 11px;
}

.browse-link-processing {
	background: #fff !important;
	color: #487fdf !important;
	border: 1px solid #487fdf !important;
	border-radius: 4px;
}

/* Autocomplete Janjan */
.ac-wrap {
    position: relative;
}

.ac-wrap .ac-list {
    width: 164px;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0px 2px #aaa;
    z-index: 700;
}

.ac-wrap .ac-list > li:last-child {
    box-shadow: 0 2px 2px #aaa;
}

.ac-list li a {
    padding: .7em;
    display: block;
    color: #333;
    overflow: hidden;
}

.ac-list li a:hover {
    background-color: #487fdf;
    color: #fff;
}

.ac-list li [class^="icon-"] {
    margin-top: 3px;
}

.ac-list li a:hover [class^="icon-"] {
    color: #fff !important;
}

.ac-list li .text-content {
    float: left;
    max-width: 90%;
}

.ac-has-children.active > a {
    background-color: #ffffef;
    border-bottom: 1px solid #eee;
}

.ac-has-children > a > .icon-plus {
    margin-top: 1em;
}

.ac-has-children > a > .icon-arrow-left2,
.ac-has-children .icon-close2,
.ac-has-children.active > a > .icon-arrow-right3,
.ac-has-children.active > a > .icon-plus {
    display: none;
}

.ac-has-children.active > a + .ac-sub-list a:hover .icon-close2,
.ac-has-children.active > a > .icon-close2,
.ac-has-children.active > a > .icon-arrow-left2 {
    display: block !important;
}

.ac-list .add-category {
    background-color: #f9f9f9;
    border-top: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
    padding: .5em;
}

.ac-list .add-category a:hover {
    background-color: transparent;
    color: #487fdf;
}

.ac-list .add-category > a {
    color: #487fdf;
}

#main .ac-list .input-category-field {
    border-radius: 2px;
    padding: 0.3em;
    width: 92%;
}

#main #interface .feature-lists li {
	min-width: 180px;
	border-bottom: 1px solid #ccc;
}

.notepad-heading {
	left: 58px;
	position: relative;
	top: 47px;
}

#main #interface .cogs-icon-small-2 .feature-lists.white-lists a {
	color: #6a6a6a;
	display: block;
}

#main #interface .cogs-icon-small-2:hover:after {
	top: 20px;
}

#main #interface .remove-menu-item {
	border-radius: 3px;
	height: 19px;
	width: 19px;
	font-size: 18px;
}

.address-wrap .required-note:after {
	content: ", ";
}

.address-wrap .required-note:last-child:after {
	content: "";
}

.attachment-container li {
	padding: 0.25em 0.5em 0.25em 1em;
}

.attachment-container li .delete-document {
	display: none;
}

.attachment-container li:hover {
	background: #E9E9E9;
}

.attachment-container li:hover .delete-document {
	display: block;
}

.add-item-wrap form {
	display: none;
}

.add-item-wrap form input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	padding: 0.5em 1em;
}

.add-item-wrap form a.item-add-btn {
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 0;
	padding: 0.5em 0.75em;
}

.add-item-wrap form a.item-cancel-btn {
	
}

.add-item-wrap a.form-toggle {
	display: block;
}

.add-item-wrap.active-form {
	background: #ffffef;
}

.add-item-wrap.active-form form {
	display: block;
}

.add-item-wrap.active-form a.form-toggle {
	display: none;
}

#main .accounting-page .pu-select {
	padding: 0.7em 1.2em;
}

.accounting-page select, 
.accounting-page input[type="text"] {
	padding: 0.8em 1.2em;
	height: 42px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 14px;
}

.accounting-page input[type="text"] {
	display: block;
}

.accounting-page .accounting-field-wrap input[type="text"] {
	width: 100%;
}

.accounting-page .full-width {
	width: 100%;
}

.accounting-page .expense-staff-selection {
	width: 80%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.accounting-page .expense-staff-selection li {
	width: 33%;
	margin-bottom: 0.5em;
	float: left;
}

.accounting-page .expense-staff-selection {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.accounting-page .uploaded-doc-list li .attachment-actions {
	display: none;
}

.accounting-page .uploaded-doc-list li:hover .attachment-actions {
	padding: 0.5em;
	background: #B9B9B9;
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
}

.accounting-page .uploaded-doc-list li:hover .attachment-actions:hover {
	background: #808080;
}

.accounting-page .edit-fields.expense-form-option .tts-wrap {
	float: left;
}

.accounting-page .edit-fields.expense-form-option input {
	border: 1px solid #ddd;
}

.accounting-page .edit-fields.expense-form-option input.tiny-inner-wrap {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.accounting-page .pu-table.form-table .edit-form .edit-fields {
	width: 79%;
}

.accounting-page .ui-tabs-nav .ui-state-default a, .vs-page .ui-tabs-nav .ui-state-default a {
	background: #B8B8B8;
	border-bottom: 1px solid #b8b8b8;
}

.accounting-page .ui-tabs-nav .ui-state-active a, .vs-page .ui-tabs-nav .ui-state-active a {
	background: #487fdf;
	border-bottom: 1px solid #487fdf;
}

.accounting-page .expense-amount {
	padding-right: 15px;
	position: relative;
}

.accounting-page .recurring-indicator {
	padding: 2px;
	position: absolute;
	top: 5px;
	color: #487fdf;
	font-size: 12px;
	right: 0;
}

.accounting-page .action-popup-menu {
	display: block;
}

.accounting-page .pu-table .payment-field-wrap .tts-wrap {
	float: left;
	margin-right: 0.5em;
}

.tts-edit-form .item-archive-btn {
	line-height: 19px;
	padding-left: 8px;
	padding-right: 8px;
	min-width: 0;
}

.accounting-page .purchaser_evtlistener.purchaser-name .listener-label:before {
	content: "Paid by ";
}

.accounting-page .receiver_evtlistener.receiver-name .listener-label::before {
	content: "Received by ";
}

.accounting-page .pu-table span.with-sep:before {
	content: " | ";
}

.accounting-page .basic-filter select {
	width: 160px;
}


.fancy-webcam-capture .fancybox-skin {
	border-radius: 0;
}


#webcam-capture {
	width: 710px;
}

#webcam-capture .webcam-preview {
	width: auto;
	height: 530px;
}

#webcam-capture .captured-photo-wrap {
	position: relative;
	overflow: hidden;
	height: 85px;
	/*height: 70px;
	padding: 5px; */
	background: #DDDDDD;
}

#webcam-capture .captured-photo-wrap .thumb-container {
	display: block;
	width: 100px;
	height: 70px;
	position: absolute;
	top: 0;
	padding: 5px 0;
}

#webcam-capture .captured-photo-wrap .thumb-container img {
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	width: 100%;
	border: 2px solid #DDDDDD;
}

#webcam-capture .captured-photo-wrap .thumb-container.selected img {
	border: 2px solid #D34449;	
}

#webcam-capture .view-tools .v2-btn {
	color:#AAAAAA;
}

#webcam-capture .view-tools .v2-btn.active {
	color: #FFFFFF;
	background:#54ba60;
}

#webcam-capture .v2-btn {
	border-radius: 0;
	font-size: 14px;
}

#webcam-capture #capture {
	padding: 0.20em 0.5em 0.30em;
	border-radius: 50%;
	font-size: 30px;
	line-height: 40px;
	background: #D3D3D3;
	color: #ffffff;
}

#webcam-capture #capture.ready {
	background: #D34449;
}

#webcam-capture .jspHorizontalBar {
	height: 5px;
	background: none;
}

#webcam-capture .jspTrack {
	background: #c9c9c9;
}

#webcam-capture .jspDrag {
	background: #909090;
	border-radius: 5px;
}

.archived-tag {
	font-size: 11px;
	color: #909090;
	font-style: italic;
	
}

.padding-4 {
	padding: 4px;
}

.padding-5 {
	padding: 5px;
}

.icomoon.icon-cog .new-tooltip {
	padding: 0;
	width: 170px;
	text-align: left;
}

.icomoon.icon-cog .manage-editor.new-tooltip {
    width: 350px;
    border: 1px solid #666;
}

.icomoon.icon-cog .new-tooltip ul li {
	padding: 5px 5px 5px 10px;
}

.icomoon.icon-cog .new-tooltip ul li:hover {
	background-color: #EEEEEE;
	width: 92%
}

.icomoon.icon-cog .manage-editor.new-tooltip ul li:hover {
    width: 100%;
	background-color: #EEEEEE;
}



.icomoon.icon-cog .new-tooltip:after {
	border-width: 9px;
	right: 25px;
}

.team-indicator {
	width: 15px !important;
	height: 15px !important;
	display: inline-block;
	border: 1px solid #505050;
	border-radius: 50% !important;
    padding: unset !important;
}
.client-results-tbl-wrap .plan-type-icon .feature-lists {
    left: -24px !important;
    right: 0px !important; 
}

.client-results-tbl-wrap span.lists-meta:hover .feature-lists:before,
.client-results-tbl-wrap span.lists-meta:hover .feature-lists:after{
    left: 13% !important;
}

.support-template-popup .fancybox-skin,
.noradius .fancybox-skin  {
	border-radius: 0;
}

#site-content #ready-list .support-message-shortcut:not(.active),
#site-content #recently-completed-list .support-message-shortcut:not(.active),
#site-content #archive-completed-list .support-message-shortcut:not(.active), 
#site-content .support-message-shortcut {
	position: relative;
	display: none;
}

#support-message-popup input,
#support-message-popup select,
#support-message-popup textarea {
	padding: 0.5em 1em;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}

#support-message-popup input,
#support-message-popup textarea {
	width: 100%;
} 

#support-message-popup input[disabled],
#support-message-popup select[disabled],
#support-message-popup textarea[disabled] {
	color: #888;
	background: #EEEEEE;
	cursor: not-allowed;
}

#support-message-popup textarea.support-message {
	max-width: 100%;
	min-height: 150px;
	height: 180px;
	outline: 0;
	padding: 5px;
}

#support-message-popup .arrow-select-indicator {
	top: 0.75em;
}

#site-content .team-count, 
#site-content .support-message-shortcut .message-count {
	background: none repeat scroll 0 0 #655f61;
    font-size: 9px;
    left: -5px;
    padding: 2px 4px;
    position: absolute;
    top: -7px;
    line-height: 9px;
    font-weight: normal;
}

#site-content li.red2-bg .support-message-shortcut,
#site-content li.orange2-bg .support-message-shortcut,
#site-content li .support-message-shortcut.active {
	display: block;
}

/*#dynamic-addons .addon-table select,
#dynamic-addons .addon-table input[type="text"] {*/
.pu-table.addon-table select,
.pu-table.addon-table input[type="text"] {
	padding: 0.4em 0.5em;
	background: #ffffff;
	border: 1px solid #DCDCDC;
	font-size: 14px;
}
 
.pu-table.addon-table input[type="text"] {
	padding: 0.5em;
}

.pu-table.addon-table input.xsmall {
	width: 40px;
}

.pu-table.addon-table input.small {
	width: 60px;
}

.pu-table.addon-table input.medium {
	width: 150px;
}

.pu-table.addon-table input.large {
	width: 250px;
}

.pu-table.addon-table input.xlarge {
	width: 350px;
}

.pu-table.addon-table a.addon-action-btn {
	padding: 8px 10px;
}

.pu-table.addon-table a.edit-that, .pu-table.addon-table a.edit-this {
	visibility: hidden;
}
.pu-table tr.red { outline: 2px solid #d45245; }
.pu-table tr.orange { outline: 2px solid #f0b92f; }

.pu-table.addon-table tr:hover {
	background: #EDEDED;
}

.pu-table.addon-table tr:hover a.edit-that, .pu-table.addon-table tr:hover a.edit-this {
	visibility: visible;
}

.form-table.plan-details th, 
.form-table.plan-details td {
	padding: 0.8em 0.7em;
}

.form-table.plan-details .edit-form .edit-fields {
	/* width: 180px; */
}

.form-table.plan-details .next-month-plan .pu-select {
	padding-bottom: 2px;
	padding-top: 2px;
}

.form-table.plan-details .next-month-plan .pu-select ul {
	top: 23px;
}

.form-table.plan-details .next-month-plan .pu-select .selected-choice {
	font-size: 14px;
}

.pu-table.form-table .edit-form.dropdown .edit-actions {
	margin-top: 0;
}

#delivery .pu-table.addon-table select {
	padding-left: 0;
	padding-right: 0;
}

.email-preference-notice {
	display: none;
	color: #d54245;
}

.locked-all-toggle .email-preference-notice {
	display: block;
}

.locked-all-toggle.active .email-preference-notice {
	color: #ffffff;
}

.locked-all-toggle .v2-toggle-wrap.on, .locked-all-toggle .v2-toggle-wrap.off,
.locked-all-toggle .setting-toggle-wrap.on, .locked-all-toggle .setting-toggle-wrap.off {
	background: #c4c4c4;
}

.user-list .user-count {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	color: #ffffff;
	background: #505050;
	line-height: 20px;
}
.with-border-1 {
    border: 1px solid #ccc;
}

/* Edit Top Bar Fancybox Override */
.edit-dialog .fancybox-skin {
	border-radius: 0;
}

.edit-dialog .fancybox-skin img {
	width: auto;
}

.modify-batch-deadline-dialog .fancybox-outer {
    background:#fff;
}

.modify-batch-deadline-dialog .fancybox-skin img {
	width: auto;
}

ul.upload-list li.selected-item {
	background: #F9F9C5 !important;
}

.helper-sortable-list {
	background: #F2F2F2;
	height: auto !important;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.helper-sortable-list .helper-files-wrap {
	padding: 7px 10px;
}

.helper-sortable-list .helper-files {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
}

.helper-sortable-list .helper-file {
	display: inline-block;
	background: #dfdfdf;
	color: #404040;
	padding: 5px 8px;
	margin: 0 3px 3px 0;
}

.helper-sortable-list .helper-files-count {
	padding: 5px 8px;
	display: inline-block;
	margin: 0 10px 3px 0;
	background: #999999;
	color: #ffffff;
}

.unselectable {
	-ms-user-select: none; /* IE 10+ */
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.text-aligndown-1 {
	top: 1px;
	position: relative;
}

.text-aligndown-2 {
	top: 2px;
	position: relative;
}

.text-aligndown-3 {
	top: 3px;
	position: relative;
}

.text-aligndown-4 {
	top: 4px;
	position: relative;
}

.text-aligndown-5 {
	top: 5px;
	position: relative;
}

.text-aligndown-6 {
	top: 6px;
	position: relative;
}

.text-aligndown-7 {
	top: 7px;
	position: relative;
}

.text-aligndown-8 {
	top: 8px;
	position: relative;
}

.text-aligndown-9 {
	top: 9px;
	position: relative;
}

.padd-small {
	padding: 0.6em 0.9em !important;
}

.dark-gray-bg {
	background: #838383 !important;
}

.watermark-enable-option:before {
    content: "Watermark";
    position: absolute;
    top: 6px;
    font-weight: bold;
}

.dark-select-controls ul {
    background: none repeat scroll 0 0 #b9b9b9;
}

.dark-select-controls .controls {
    background: #f2f2f2;
}

.dark-select-controls ul.active {
    background: #838383;
    box-shadow: none;
}

.dark-select-controls ul.active li:hover {
	background: #b9b9b9;
}

.feature-lists .lists-meta {
	margin: 5px;
}

.radio label,.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 12px;
}
.radio input[type=radio], .checkbox input[type=checkbox] {
    display: none;
}
.radio label:before, .checkbox label:before {
    content: "";
    display: inline-block;

    width: 15px;
    height: 15px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 0px 0px #cccccc ; 
    top: 0;
}
.radio label:before {
    border-radius: 8px;
}
.radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 27px;
    text-align: center;
    line-height: 15px;
    background-color: #467CE0;
    border: 1px solid #467ce0;
    box-shadow: none;
}

.checkbox label:before {
    border-radius: 2px;
}
.checkbox input[type=checkbox]:checked + label:before {
    content: "\e372";
    color: #f3f3f3;
    font-family:  'icomoon';
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    background-color: #467CE0;
    border: 1px solid #467ce0;
    font-weight: lighter;
    box-shadow: none;
}
.checkbox input[type=checkbox].incorrect:checked + label:before {
    content: "\e372";
    color: #f3f3f3;
    font-family:  'icomoon';
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    background-color: #d54245;
    border: 1px solid #d54245;
    font-weight: lighter;
    box-shadow: none;
}

#support-notice li {
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
}

#support-notice li.inactive {
	height: 20px;
}

#support-notice .support-message-subject {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
}

body > #top-section > div a {
	color: #fff;
	text-decoration: underline;
}

.lheight-21 {
	line-height: 21px;
}

.backend-dashboard-widgets .widget-wrap .quick-link-lists > li:hover {
	cursor: move;
}

.backend-dashboard-widgets > .lesser .quick-info {	
	overflow: hidden;
}

#reskinFooter {
	color: #888; 
	font-size: 11px; 
	padding-bottom: 40px;	
}

#site-logo img {
	width: 120px;
}

#site-logo svg, .site-logo svg {
	width: 100px;
	height: 46px;
}

.client-names .member-count {
    position: absolute;
    color: #fff;
    background: #E9293D;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    right: -3px;
    top: -7px;
    padding: 1px;
}
.client-names.parent-accnt.active {
    background: #F5F5F5;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
}
.parent-accnt-wrap {
    position: relative;
}

.team-avatars .client-names .entry {
        display: block;
        float: left;
        color: #fff;
        padding: 5px 10px;
        text-align: center;
        border-radius: 4px;
        margin: 3px 3px;
        font-size: 11px;
        position: relative;
        color: #fff;
        min-width: 75px;
}

.team-avatars .client-names .member-accnt-wrap .entry {
    min-height: 0
}

.client-names .member-accnt-wrap > .member-names {
    padding: 0;
}

.member-names .real-name {
    padding: 5px;
}
.member-names .owner-data {
    margin: 0;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.client-names.member-names {
    padding: 0;
}

.client-names.parent-accnt .owner-data {
	display:none;
}

.ui-autocomplete {
	position: absolute;
	z-index: 100;
}

.delete-note{
    display: inline-block;
    margin: 1px 0 0 20px;
    color: red;
}

ul.feature-lists li{
    position:relative;
}

.select-indecator{
    position: absolute;
    right: 10px;
    top: 10px;
}

.highcharts-tooltip span {
	opacity: 1;
    z-index: 9999 !important;
}


#watermark-upload-btn, #floorlogo-upload-btn {
	display: inline-block;
	position: relative;
}


#watermark-upload-btn > .v2-tooltip, #floorlogo-upload-btn > .v2-tooltip {
	background: #fff;
	color: #333;
	font-weight: lighter;
	left: 109%;
	top: 0;
	width: 150px;
	z-index: 100;
	position: absolute;
}

.slides-list > li:not(.active) h3 ~ .blue-text.rfloat {
	color: #487fdf !important;
}

.slides-list > .active h3 ~ .blue-text.rfloat {
	color: #fff !important;
}

.editable-group{
    display: inline-block;
    height: 45px;
    width: 40px;
    cursor: pointer;
    border-left: solid 1px #FFFFFF
}

.editable-group span{
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 16px;
    color: #FFF;
}
/* Welcome Video */

#welcome_video .magic-icon {
    display: block;
    width: 129px;
    height: auto;
}

#welcome_video h1 {
    font-size: 24px;
    margin-top: 20px;
    line-height: 1.5;
}

#welcome_video h1 + p {
    font-size: 13px;
}

#welcome_video .img-wrap {
    margin-left: 13%;
    float: left;
    margin-right: 20px;
}

#welcome_video .img-wrap + div {
    width: 65%;
}

#close_welcome_vimeo,
#close_welcome_vimeo + p {
    display: inline-block;
}

#close_welcome_vimeo {
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    background-color: #487fdf;
    font-size: 16px;
    text-decoration: none;
}

#welcome_video_toggle {
    width: 20px;
    height: 15px;
    display: block;
    /* z-index: 1001; */
    z-index: 151;
    position: relative;
}

#welcome_video_toggle img {
    width: 100%;
    height: auto;
}

#video_tooltip {
    float: left;
    margin-right: 0.5em;
    margin-top: 1px;
    position: relative;
}

#video_tooltip .tooltip {
    position: absolute;
    background: #fff;
    width: 265px;
    height: 121px;
    bottom: calc(100% + 14px);
    left: -133px;
    padding: 10px;
    z-index: 1001;
}

#video_tooltip .tooltip:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
#video_tooltip .tooltip .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

a#dismiss {
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: bold;
}

#dark-overlay {
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
}

/* END Welcome Video */

/* new 404 design -h*/

.fof-content-wrapper {
    width: 100%;
    padding-top: 43px;
}

.fof-content-wrapper .fof-banner{
    width: 100%
}

.fof-banner .fof-banner-wrapper {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 5px;
}

.fof-banner-wrapper .fof-label {
    display: inline-block;
    width: 98px;
    height: auto;
    color: #2967de;
    padding-top: 2px;
}

.fof-content-wrapper .fof-label h1 {
    font-size: 128px;
    line-height: 109px;
}

.fof-content-wrapper .fof-banner-wrapper img {
    width: 150px;
    margin-top: -74px;
}

.fof-body {
    width: 100%;
}

.fof-body-wrapper {
    color: #202020;
    text-align: center;
    padding-top: 22px;
}

.fof-content-wrapper .fof-bold h1 {
    font-size: 30px;
    line-height: 36px;
}

.fof-body .fof-text {
    font-size: 15px;
    padding-top: 10px;
}

.fof-content-wrapper .fof-btn {
    width: 100%;
}

.fof-btn-wrapper {
    padding-top: 33px;
}

.fof-btn .dashboard-btn {
    width: 156px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 14px;
}

.fof-btn-wrapper .dashboard-btn a {
    background-color: #2967de;
    padding: 12px 0px;
}


#topbar-view-batch-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px !important;
    background: #54ba60;
    border: 0 none;
    color: #fff;
    text-transform: capitalize;
    font-family: inherit;
    border-radius: 0 !important;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    margin-right: 30px;
}

/* END new 404 design -h*/

.edit-current{
    background-color: #487fdf !important;
    color: #fff;
}
.edit-current-button{
    float: left !important;
}
.edit-form-current .edit-fields{
    margin-bottom: 5px;
}
.edit-current-button .edit-action-cancel{
    margin-left: 5px !important;
}
.edit-current-button a{
    float: left;
    width: 20px;
    padding: 5px 10px;
}

/* END new 404 design -h*/
/** on watch dashboard icon **/
.watch-1 {
    background: #54ba60 !important;   
}
.watch-2 {
    background: #f2ba11 !important;
}
.watch-3 {
    background: #d54245 !important;
}
.watch-4 {
    background: #487fdf !important;
}

li.dl-status-blue,
li.dl-status-green,
li.dl-status-orange,
li.dl-status-red, 
li.watch-list-watch-1 ,
li.watch-list-watch-2 ,
li.watch-list-watch-3 ,
li.watch-list-watch-4,
li.batch-assign-yes,
li.batch-assign-no,
li.batch-assign-pause {
    -webkit-transition: .5s border-color, color ease;
    -moz-transition: .5s border-color, color ease;
    -ms-transition: .5s border-color, color ease;
    -o-transition: .5s border-color, color ease;
    transition: .5s border-color, color, ease;
}
#dashboard.dashboard ul.quick-link-lists > li {
    min-width: 655px;
    max-width: 96%;
}
li.batch-assign-yes {
    border-right: 3px solid #54ba60 !important;
    max-width: 655px;
}
li.batch-assign-no {
    border-right: 3px solid #d54245 !important;
    max-width: 655px;
}
li.batch-assign-pause {
    border-right: 3px solid #f2ba11 !important;
    max-width: 655px;
}
li.dl-status-green,
li.watch-list-watch-1 {
    border-left: 3px solid #54ba60 !important;
    max-width: 655px;
}
li.dl-status-orange,
li.watch-list-watch-2 {
    border-left: 3px solid #f2ba11 !important;
    max-width: 655px;
}
li.dl-status-red,
li.watch-list-watch-3 {
    border-left: 3px solid #d54245 !important;
    max-width: 655px;
}
li.dl-status-blue,
li.watch-list-watch-4 {
    border-left: 3px solid #487fdf !important;
    max-width: 655px;
}

.quick-link-lists > li.orange2-bg span.quick-info, 
.quick-link-lists > li.red2-bg span.quick-info {
    background-color: transparent !important;
}

.quick-link-lists > li.red2-bg {
    background-color: rgba(215,  66, 70, 0.25) !important;
    border-top-color: #ffffff;
}

.quick-link-lists > li.orange2-bg {
    background-color: rgba(239, 164, 60, 0.3) !important;
    border-top-color: #ffffff;
}

.quick-link-lists > li.orange2-bg:first-child,
.quick-link-lists > li.red2-bg:first-child {
    border-top: none;
    border-top-right-radius: 0;
    border-top--radius: 0;
}

#dashboard.dashboard .quick-link-lists > li .home-address {
    text-overflow: ellipsis;
    max-width: 35%;
    overflow: hidden;
    white-space: nowrap;
}

.quick-link-lists > li.red2-bg .home-address,
.quick-link-lists > li.red2-bg .quick-info {
    color: #666 !important;
}

.quick-link-lists > li.orange2-bg .home-address,
.quick-link-lists > li.orange2-bg .quick-info {
    color: #666 !important;
}

.revision-icon,
.flrplan-icon,
.flrplan-star-icon,
.flrplan-fave-icon,
.flrplan-note-icon,
.link-icon,
.vs-chair-icon,
.order-type-icon{
	width: 16px;
	height: 16px;
	display: inline-block;
}

.fancy-my-orders .top-icons .revision-icon,
.fancy-my-orders .top-icons .flrplan-icon,
.fancy-my-orders .top-icons .flrplan-star-icon,
.fancy-my-orders .top-icons .flrplan-fave-icon,
.fancy-my-orders .top-icons .flrplan-note-icon,
.fancy-my-orders .top-icons .vs-chair-icon,
.fancy-my-orders .top-icons .order-type-icon,
.revision-icon-big{
	width: 21px;
	height: 21px;
}

.revision-icon,
.revision-icon-big{
	background: url('../../../public/PhotoUp/images/yellow-status-icon.png') no-repeat;
	background-size: 100%;
}

.flrplan-icon{
	background: url('../../../public/PhotoUp/images/green-floorplan-icon.png') no-repeat;
	background-size: 100%;
}

.flrplan-star-icon{
	background: url('../../../public/PhotoUp/images/green-star-icon.png') no-repeat;
	background-size: 100%
}

.flrplan-fave-icon{
	background: url('../../../public/PhotoUp/images/red-favorite-icon.png') no-repeat;
	background-size: 100%
}

.flrplan-note-icon{
	background: url('../../../public/PhotoUp/images/green-note-icon.png') no-repeat;
	background-size: 100%
}

.bucket-icon{
	background: url('../../../public/PhotoUp/images/bucket-icon.png') no-repeat;
	background-size: 100%
}

.link-icon{
	background: url('../../../public/PhotoUp/images/link-icon.png') no-repeat;
	background-size: 100%
}

.re-icon {
    background: url('../../../public/PhotoUp/images/ico-full-real-estate.png') no-repeat;
    background-size: 100%;
}

.fp-icon {
    background: url('../../../public/PhotoUp/images/ico-full-floorplan.png') no-repeat;
    background-size: 100%;
}

.vs-chair-icon {
    background: url('../../../public/PhotoUp/images/vs-chair-icon.png') no-repeat;
    background-size: 100%;
}

.clipping-icon {
    background: url('../../../public/PhotoUp/images/ico-full-clipping.png') no-repeat;
    background-size: 100%;
}

.portrait-icon {
    background: url('../../../public/PhotoUp/images/ico-full-portrait.png') no-repeat;
    background-size: 100%;
}

.hp-icon {
    background: url('../../../public/PhotoUp/images/ico-house-portrait.png') no-repeat;
    background-size: 100%;
}

.hover-review.hover-view-position .zoom-icon{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


.lfloat .clickable-2:hover span.floorplan-details, 
.lfloat.with-popup:hover span.floorplan-details,
.lfloat .with-popup:hover span.feature-lists{
	display: block;
    min-width: 325px;
    padding: 1em;
    color: #fff;
}

.lfloat .with-popup:hover span.feature-lists{
	min-width: 75px !important;
	top: 35px !important;
}

.lfloat .with-popup.bottom-left span.feature-lists{
	right: -68px;
}

.lrfloat .with-popup .floorplan-details,
.lrfloat .with-popup .feature-lists{
	font-size: 13px;
}


.lfloat .with-popup.bottom-left .feature-lists:before, 
.lfloat .with-popup.bottom-left .feature-lists:after{
	left: 25%;
}

.lfloat .with-popup:hover:after{
	left: -18px;
}

.floorplan-details{
	background: #a9a9a9;
    border-radius: 4px;
    cursor: default;
    position: absolute;
    top: 35px;
    left: -25px;
    display: none;
    z-index: 900;
}

.floorplan-details.green-bg{
	border-bottom: 2px solid #2B963A;
}

.floorplan-details:after, 
.floorplan-details:before{
    bottom: 99%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.floorplan-details:before{
	border-color: rgba(84, 186, 96, 0);
	border-bottom-color: #54ba60;
	border-width: 13px;
	margin-left: -29px;
}

.floorplan-details:after{
	border-color: rgba(84, 186, 96, 0);
	border-bottom-color: #54ba60;
	border-width: 12px;
	margin-left: -29px;
}

.floorplan-details-2{
	position: relative;
	display: block;
}

.floorplan-details-2:after,
.flr-color-tooltip:after{
	content: "";
    width: 300px;
    height: 18px;
    background: transparent;
    top: -27px;
    left: -15px;
    position: absolute;
}

.floorplan-details .row-details{
	display: block;
	margin-bottom: 5px;
}

.floorplan-details .details-item{
	font-size: 14px;
	font-weight: bold;
}

.floorplan-details .other-details-item{
	background: #fff;
	color: #54ba60;
	border-radius: 5px;
	font-weight: bold;
	margin-left: 4px;
}

.other-details-item.vs {
    background: #fff;
    color: #54ba60;
    border-radius: 5px;
    font-weight: bold;
}

.other-details-item.vs label {
    padding: 2px 5px;
}

.floorplan-details{
	padding: 2px 8px;
}

.other-details-item{
	padding: 2px 6px;
}

.other-details-item.vs{
    padding: 0px;
}

.flr-black{
	background: #000 !important;
}

.flr-blue{
	background: #445E94 !important;
}

.flr-brown{
	background: #5F363A !important;
}

.flr-greengrape{
	background: #E3F2DC !important;
}

.flr-green{
	background: #69CFA8 !important;
}

.flr-yellow{
	background: #FFDD7B !important;
}

.flr-red{
	background: #EA2855 !important;
}

.floorplan-details .other-details-item.flr-black{
	color: #fff !important
}

.floorplan-details .other-details-item.flr-havelockblue{
	color: #fff !important
}

.floorplan-details .other-details-item.flr-maroon{
	color: #fff !important
}

.floorplan-details .other-details-item.flr-greengrape{
	color: #fff !important
}

.floorplan-details .other-details-item.flr-lightbeige{
	color: #fff !important
}

.floorplan-details .other-details-item.flr-beige{
	color: #fff !important
}

.floorplan-details .other-details-item.flr-lightgray{
	color: #fff !important
}


.floorplan-details .other-details-item.with-popup:hover ~ .other-details-tooltip,
.floorplan-details .other-details-item.with-popup:hover ~ .other-details-tooltip2{
	display: block;
}

.other-details{
    position: relative;
    padding-right: 5px;
}

.other-details-tooltip,
.other-details-tooltip2{
    position: absolute;
    background: #fff;
    color: #000;
    min-width: 300px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    top: -15px;
    left: 43px;
    -webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.2);
    display: none;
}

.other-details-tooltip2{
	top: -5px !important;
	min-width: 100px !important;
}

.other-details-tooltip:before,
.other-details-tooltip:after,
.other-details-tooltip2:before,
.other-details-tooltip2:after{
	right: 100%;
	top: 46px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.other-details-tooltip2:before,
.other-details-tooltip2:after{
	top: 95% !important;
}

.other-details-tooltip:after,
.other-details-tooltip2:after{
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -30px;
}

.other-details-tooltip:before,
.other-details-tooltip2:before{
	border-color: rgba(209, 209, 209, 0);
	border-right-color: #d1d1d1;
	border-width: 11px;
}

.other-details-tooltip:before{
	margin-top: -32px;
}

.other-details-tooltip2:before{
	margin-top: -31px;
}

.other-details-tooltip:before{
	border-width: 12px;
}


.flrplan-filename{
	display: inline-block;
    text-align: center;
    position: relative;
    top: 0;
    left: 25%;
}

.flrplan-filename > span{
	color: #666;
	font-size: 14px;
}


.flr-color{
	position: relative;
	display: none;
	right: 47px;
	cursor: pointer;
}

.flr-color.active{
	display: block;
}

.flr-color-bucket{
	display: inline-block;
	width: 21px;
	height: 21px;
	border-radius: 3px;
	background: #000;
}

.flr-color .bucket-icon{
	position: absolute;
    width: 13px;
    height: 13px;
    top: 6px;
    left: 4px;
}

.flr-color .flr-color-ctr{
	width: 12px;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    color: #fff;
    background: #d54245;
    position: absolute;
    top: -6px;
    right: -2px;
}

.fancy-floorplan .fancybox-skin{
	padding: 0 15px !important;
}

.fancy-floorplan .fancybox-inner{
	padding: 15px 0;
}

.flr-select{
	position: relative;
}

.flr-select ul{
	position: absolute;
	left: -45px;
	width: 40px;
	height: 23px;
	padding: 2px;
	cursor: pointer;
	font-size: 12px;
  	overflow:hidden;
}
.flr-select ul.show{
  height: auto;
}

.flr-select ul li{
	padding: 0 5px;
	line-height: 21px;
	border: 1px solid #d1d1d1;
	border-top: none;
	border-bottom: none;
	background: #fff;
	position: relative;
	z-index: 810;
}


.flr-select ul li.li-drop:hover{
	cursor: pointer;
	background: #2967DE;
	color: #fff;
	border-left: 1px;
	border-right: 1px;
}


.flr-select ul li.selected:after{
	content: "\e370";
    font-family: "icomoon";
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 0;
    color: #63c471;
}
	

.flr-select ul li:first-child{
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-radius: 3px;
}

.flr-select ul li:first-child:after{
	top: 8px;
    right: 5px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #666666;
    content: "";
    position: absolute;
}

.flr-select ul li:nth-child(2){
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.flr-select ul li:last-child{
	border-bottom: 1px solid #d1d1d1;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.rendering-1,
.rendering-2{
	display: inline-block;
	position: relative;
}

.rendering-1{
	margin-right: -4px;
}

.rendering-1 input[type="radio"],
.rendering-2 input[type="radio"],
.flr-color-box input[type="radio"],
.vs-set-box input[type="radio"],
.flr-color-boxinput[type="radio"]{
	position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.rendering-1 label,
.rendering-2 label{
	border: 1px solid #d1d1d1;
	text-align: center;
	height: 20px;
	line-height: 20px;
	display: block;
	transition: all .3s linear;
	color: #666666;
	width: 30px;
	cursor: pointer;
}

.rendering-1 label{
	border-top-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
}

.rendering-2 label{
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

.rendering-1 input[type="radio"]:checked+label{
	border: 1px solid #2967de;;
	background: #2967de;
	color: #fff;
}

.rendering-2 input[type="radio"]:checked+label{
	border: 1px solid #2967de;;
	background: #2967de;
	color: #fff;
}

.flr-color-box,
.vs-set-box{
	display: inline-block !important;
	position: relative;
}

.flr-color-box label{
	display: inline-block !important;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    position: relative;
    top: 2px;
}

.vs-set-box label{
    display: inline-block !important;
    border-radius: 3px;
    position: relative;
    top: 2px;
}

.fancy-editor-batchinfo .vs-set-box label {
    top: 0px;   
}

.flr-color-box label:hover,
.vs-set-box label:hover{
	cursor: pointer;
}

.flr-color-box input[type="radio"]:checked+label:before,
.vs-set-box input[type="radio"]:checked+label:before{
	content: "\e370";
    font-family: "icomoon";
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 3px;
    color: #fff;
}

.flrplanOverlay{
	display: block;
	height: 595px;
    width: auto;
    overflow-x: auto;
    overflow-y: scroll;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 56px;
    left: 0;
    z-index: 100;
    background: #ededed;
    overflow: hidden;
}

.flrplanOverlay .loader, 
.flrplanOverlay .loader:after {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

.flrplanOverlay .loader {
    position: relative;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 3px solid #cccccc;
    border-right: 3px  solid #cccccc;
    border-bottom: 3px  solid #cccccc;
    border-left: 3px  solid #2967de;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}



.flrplanOverlay .wrap{
	display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.flrplanOverlay .wrap span{
	position: relative;
	top: 20px;
	font-size: 14px;
}

/* harvey css -start */

#top-section .tooltip2 {
    min-height: 50px;
    box-sizing: border-box;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    transition: opacity .2s ease-in-out;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

#top-section .tooltip2:before,
#top-section .tooltip2:after {
    bottom: 100%;
    /*left: 12%;*/
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#top-section .tooltip2:before {
    right: 12px;
}

#top-section .tooltip2:after {
    right: 14px;
}

#top-section .tooltip2:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 12px;
}

#top-section .tooltip2:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    z-index: 5;
}

.tooltip-trans:after{
    content: "";
    width: 200px;
    height: 18px;
    background: transparent;
    top: -18px;
    left: -1px;
    position: absolute;
}

#top-section .avatar-wrap .tooltip2 {
    width: 200px;
    top: 65px;
    right: 0;
}

#top-section .tooltip-trans .top-half {
    position: relative;
    font-size: 10px;
    color: #2967DE;
}

#top-section .tooltip-trans .top-half a {
    color: #2967DE;
}

#top-section .tooltip-trans .top-half p {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

#top-section .tooltip-trans .bot-half {
    margin-top: 8px;
}

#top-section .tooltip-trans .bot-half .left-text {
    text-align: left;
}

#top-section .tooltip-trans .bot-half .right-text {
    text-align: right;
}

.small-arrow-down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
}

#top-section .tooltip2 .small-arrow-down {
    position: relative;
    top: 10px;
    left: 5px;
}

.check-icon-grey {
    width: 12px;
    height: 10px;
    display: inline-block;
    background: url(../images/pu-icon-sprite-v2.png) -318px -318px no-repeat;
}

#top-section .tooltip2 .top-half ul.submonth-list {
    left: 65px;
    width: 130px;
}

#top-section .tooltip2 .top-half ul {
    width: 148px;
    background: #fff;
    position: absolute;
    left: -8px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#top-section .tooltip2 ul li a {
    font-size: 12px;
    padding-left: 7px;
    line-height: 24px;
}

#top-section .tooltip2 ul li:hover {
    background: #2967DE;
}

#top-section .tooltip2 ul li.score-submonth:hover a span:nth-child(1),
#top-section .tooltip2 ul li:hover a span:nth-child(1) {
    color: #fff;
}

#top-section .tooltip2 ul li:hover a span:nth-child(2) {
    color: #fff !important;
}

#top-section .tooltip2 ul li:hover a span.check-icon-grey {
    background: url(../images/pu-icon-sprite-v2.png) -303px -318px no-repeat;
}

#top-section .tooltip2 ul li a span {
    display: inline-block;
}

#top-section .tooltip2 ul li.score-submonth a span:nth-child(1) {
    color: #000;
    text-align: left;
    width: 90px;
}

#top-section .tooltip2 ul li.score-submonth a span:nth-child(2) {
    margin-left: 6px;
    width: 12px;
}

#top-section .tooltip2 ul li a span:nth-child(1) {
    color: #000;
    text-align: left;
    width: 63px;
}

#top-section .tooltip2 ul li a span:nth-child(2) {
    color: #aaa;
    text-align: right;
    width: 53px;
}

#top-section .tooltip2 ul li a span:nth-child(3) {
    margin-left: 6px;
}

.opacity-zero {
    opacity: 0;
}

/* for rela tooltip with overlay */

.for-rela-tooltip,
.tooltip-w-overlay {
    position: absolute;
    width: 246px;
    background: #fff;
    color: #000;
    bottom: 76px;
    left: 0;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    padding: 12px;
    z-index: 602;
    pointer-events: none;
}

.for-rela-tooltip:before,
.for-rela-tooltip:after,
.tooltip-w-overlay:before,
.tooltip-w-overlay:after {
    top: 100%;
    left: 46%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/*.for-rela-tooltip:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #ccc;
    border-width: 12px;
}*/

.for-rela-tooltip:after,
.tooltip-w-overlay:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    z-index: 5;
}

.for-rela-tt-overlay,
.tooltip-overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 600;
}

.for-rela-tooltip .top-half,
.tooltip-w-overlay .top-half {
    margin-bottom: 12px;
}

.for-rela-tooltip .top-half p:not(:last-child),
.tooltip-w-overlay .top-half p:not(:last-child) {
    margin-bottom: 8px;
}

.for-rela-tooltip .bottom-half span,
.tooltip-w-overlay .bottom-half span:first-child {
    display: inline-block;
    cursor: pointer;
    pointer-events: auto;
}

.for-rela-tooltip .bottom-half span:first-child,
.tooltip-w-overlay .bottom-half span:first-child {
    background: #2967de;
    padding: 6px 8px;
}

.for-rela-tooltip .bottom-half span:last-child {
    background: #fff;
    border: 1px solid #2967de;
    color: #2967de;
    padding: 5px 8px;
    margin-left: 2px;
    margin-top: 1px;
}

.event-none {
	pointer-events: none;
}

#address-wrap-1 .tooltip-overlay-bg {
    z-index: 905;
}

#address-wrap-1 .tooltip-w-overlay {
    bottom: -78px;
    left: 132%;
    z-index: 906;
}

#address-wrap-1.tooltip-w-overlay:before,
#address-wrap-1 .tooltip-w-overlay:after {
    top: 5%;
    left: -7%;
}

#address-wrap-1 .tooltip-w-overlay:after {
    border-top-color: transparent;
    border-right-color: #ffffff;
}

/* assign-clients-pop-up */

.ctr {
    text-align: center;
}

.popUpV3 .pop-title {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 24px;
    font-weight: normal;
}

.popUpV3 h1 {
    font-size: 24px;
}

#assign-clients-pop-up p {
    line-height: 20px;
}

#assign-clients-pop-up button.blue {
    background: #2967de;
}

#assign-clients-pop-up button.l {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    padding: 0 20px;
}

#assign-clients-pop-up button {
    border: 0 none;
    color: #fff;
    text-transform: capitalize;
    font-family: inherit;
    border-radius: 0 !important;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

/* harvey css -end */



/* ralph disables button test */
.bg-disabled {
    background-color: #cccccc !important;
}
/**/


.custom-paginate {
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    height: 26px;
    border-radius: 4px;
    background: #d8d8d8;
    color: #888;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8em;
    margin-left: .2em;
    padding-left: 8px;
    padding-right: 8px;
    margin-top:10px;
}

.current-page{
    background-color: #54ba60; 
    color: #ffffff;

}
.next-prev{
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: #d8d8d8;
    color: #888;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8em;
    margin-left: .2em;
    padding: 0;
    margin-top:10px;
}

.custom-next{
    background: url(../../PhotoUp/images/pu-icon-sprite-v2.png) -363px -339px;
}
.custom-prev{

    background: url(../../PhotoUp/images/pu-icon-sprite-v2.png) -336px -339px;
}
.custom-form-control{
    padding:6px !important;
    margin-bottom: 10px !important;
}
#custom-search{
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background-color: #54ba60; 
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8em;
    margin-left: .2em;
    padding: 1px;
    margin-top:1px;
}

#custom-no-data{
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background-color: #54ba60; 
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8em;
    margin-left: .2em;
    padding: 1px;
    margin-top:1px;
}

.custom-loader{
    position: relative;

}

.custom-loader .loader{
    position: absolute;
    margin-top: 40px;
    top: 0;
    left: 300px;
}
.backend-dashboard-widgets{
    min-height: 180px;
}

tr.gray-text{
  color:#666 !important;
}

tr.red2-bg{
  background-color: rgba(215,  66, 70, 0.25) !important; 
}

tr.orange2-bg{
  background-color: rgba(239, 164, 60, 0.3) !important;
}

.client_name:active {
    box-shadow: 0 0 30px #96f226
}
.client_name:focus {
    border: 2px solid #487fdf;;
    box-shadow: 0px 0px 3px #487fdf;
}

.dashboard-archive-list {
    background: #fff;
    border-radius: 0px;
}

.dashboard-archive-list li {
    display: block;
    color: #6a6a6a;
}

.dashboard-archive-list li .ui-state-focus {
   background: #487fdf;
    color: #fff;
}

.dashboard-archive-list li a {
	color: inherit;
    display: block;
    padding: 7px 10px;
    border-radius: 0;
}


/* fancybox popup button for floor plan walkthrough */
#beautiful-flrpln-popup button.l {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 2px;
}

#beautiful-flrpln-popup button.blue {
    background: #2967de;
}

#beautiful-flrpln-popup button {
    border: 0 none;
    color: #fff;
    text-transform: capitalize;
    font-family: inherit;
    border-radius: 0 !important;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

#beautiful-flrpln-popup .pop-title{
	font-size: 22px;
}

/* hover fix greenstar icon */
.top-icons .rfloat .greenstar-icon:hover:after, .top-icons .rfloat .vs-chair-icon:hover:after,
.top-icons .rfloat .greenstar-icon:hover:after, .top-icons .rfloat .order-type-icon:hover:after {
    content:" ";
    width: 23px;
    height: 2em;
    position: absolute;
    right: -4px;
    top: -18px;
    background-color: transparent;
}


/* popup display for sample floor plan colors on hover */
.flr-color-box .tooltip-w-overlay{
    width: 350px;
    height: 312px;
    bottom: -350px;
    left: -15px;
    display: none;
}

.vs-set-box .tooltip-w-overlay {
    width: 350px;
    bottom: -350px;
    left: -15px;
    display: none;
}

.fancy-editor-batchinfo .vs-set-box .tooltip-w-overlay {
    width: 350px;
    bottom: -269px;
    left: 10px;
    display: none;
}

li.clearfix .flr-color-box .tooltip-w-overlay, li.clearfix .vs-set-box .tooltip-w-overlay {
    bottom: 32px;
}

.flr-color-box .tooltip-w-overlay:after,
.vs-set-box .tooltip-w-overlay:after {
    border-top-color: transparent;
    border-bottom-color: #ffffff;
    top: -6%;
    left: 3%;
}

li.clearfix .flr-color-box .tooltip-w-overlay:after,
li.clearfix .vs-set-box .tooltip-w-overlay:after {
    border-top-color: #fff;
    border-bottom-color: transparent;
    top:100%;
}


.flr-color-box:hover .tooltip-w-overlay,
.vs-set-box:hover .tooltip-w-overlay {
    display: block;
}

.flr-color-box .tooltip-w-overlay .background-holder {
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: none;
}

.flr-color-box .lbl-color.flr-black + .tooltip-w-overlay .background-holder {
    background-image: url("../images/flr-pln-map-1.png");
}

.flr-color-box .lbl-color.flr-blue + .tooltip-w-overlay .background-holder {
    background-image: url("../images/flr-pln-map-2.png");
}

.flr-color-box .lbl-color.flr-green + .tooltip-w-overlay .background-holder {
    background-image: url("../images/flr-pln-map-3.png");
}

.flr-color-box .lbl-color.flr-brown + .tooltip-w-overlay .background-holder {
    background-image: url("../images/flr-pln-map-4.png");
}

.flr-color-box .lbl-color.flr-yellow + .tooltip-w-overlay .background-holder {
    background-image: url("../images/flr-pln-map-5.png");
}

.flr-color-box .lbl-color.flr-red + .tooltip-w-overlay .background-holder {
    background-image: url("../images/flr-pln-map-6.png");
}

.billing-table .total-cost-col .i-icon, 
.od-buc .total-cost-col .i-icon{
    top: 1px;
    left: 1px;
}

.billing-table .total-cost-col .i-icon:hover + .tooltip-w-overlay,
.od-buc .total-cost-col .i-icon:hover + .tooltip-w-overlay{
    display: block;
}

.billing-table .total-cost-col .tooltip-w-overlay,
.od-buc .total-cost-col .tooltip-w-overlay{
    display: none;
    width: 100px;
    bottom: 42px;
    left: 29px;
    border: none;
    box-shadow: 0px 1px 2.5px 0px rgba(0, 0, 0, 0.35);
}

.od-buc .total-cost-col .tooltip-w-overlay {
	 left: 12px;
}

.billing-table .total-cost-col .tooltip-w-overlay:before,
.od-buc .total-cost-col .tooltip-w-overlay:before{
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #ccc;
    border-width: 12px;
    left: 45%;
}

#dialog-confirm .add_ons { 
    padding-left: 25px;
    line-height: 1.5;
}

/*Custom Scrollbar*/

.custom-scrollbar::-webkit-scrollbar {
    height: 100%;
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    width: 4px;
    -webkit-border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #fff;
    width: 100px;
}

.custom-scrollbar-2::-webkit-scrollbar {
    height: 100%;
    width: 6px;
}
.custom-scrollbar-2::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 10px;
    width: 10px;
    -webkit-border-radius: 10px;
}
.custom-scrollbar-2::-webkit-scrollbar-track {
    background: transparent;
    width: 20px;
}

.search-element{
    padding-top: 18px;
}

.v2-btn.blue2 {
    background-color: #487fdf;
    border-bottom-color: #1c508a;
    color: #fff;
    padding:3px 2px 5px 2px;
}

/** printet css**/
.fancybox-wrap.fancy-editor-batchinfo,
.fancybox-wrap.fancy-editor-batchinfo .fancybox-inner {
    width: 100% !important;
}

.fancybox-wrap.fancy-editor-batchinfo,
.fancybox-wrap.fancy-editor-batchinfo .fancybox-skin {
    min-height: 100% !important;/*dont change unless you ask nas and tim*/
}

.fancybox-wrap.fancy-editor-batchinfo {
    top: 0 !important;
    left: 0 !important;
}

.fancybox-wrap.fancy-editor-batchinfo .fancybox-skin {
    padding: 0 !important;
}

.fancybox-wrap.fancy-editor-batchinfo .fancybox-inner {
    min-height: 100vh !important;/*dont change unless you ask nas and tim*/
    height: auto !important;
}

.fancybox-wrap.fancy-editor-batchinfo .media-photo {
    margin: 0 auto;
}

.fancybox-wrap.fancy-editor-batchinfo .review-slide.ui-slider-horizontal {
    /*margin: 0 auto;*/
    max-width: 1024px;
}

.fancybox-wrap.fancy-editor-batchinfo .photo-select-menu {
    max-width: 1024px;
    margin: 1em auto;
}

.fancybox-wrap.fancy-editor-batchinfo .top-icons {
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
    margin-bottom: 0 !important;
    position: fixed;
    width: calc(100% - 60px);
    top: 0;
    background: #f9f9f9;
    z-index: 1000;
}

.fancybox-wrap.fancy-editor-batchinfo .media-photo {
    margin-top: 80px;
    left: 0;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar {
    position: fixed;
    width: 300px;
    height: 100%;
    background: #f9f9f9;
    border-right: 1px solid #cccccc;
    left: -300px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 999;
    top: 51px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar.slide{
    left: 0;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .audiofeed { padding-top: 10px; }

.fancybox-wrap.fancy-editor-batchinfo .sidebar .close-sidebar {
    position: absolute;
    right: 5px;
    top: 5px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap {
    padding: 25px 20px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading {
    font-size: 18px;
    color: #202020;
    font-weight: 400;
    display: inline-block;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .sorting {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .ico-sort-up,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .ico-sort-down {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .ico-sort-up {
    background-image: url(../images/sortarrowup-gray-v2.svg);
    top: -12px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .ico-sort-up.active {
     background-image: url(../images/sortarrowup-blue-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .ico-sort-down {
    background-image: url(../images/sortarrowdown-gray-v2.svg);
    top: -5px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .heading-wrap .ico-sort-down.active {
    background-image: url(../images/sortarrowdown-blue-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-list-group {
    /*max-height: 780px;*/
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 150px);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-list-group .comment-list {
    margin-top: 10px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li {
    padding: 14px 20px;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.revision.active {
    background: #F0B92F;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.revision:hover {
    background: #F0B92F;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.feedback.active {
    background: #2967DE;
}


.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.feedback:hover {
    background: #2967DE;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .comment-note{
    color: #ffffff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .comment-note{
    color: #ffffff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .comment-date {
    color: #fff;
    opacity: .7;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .comment-date {
    color: #fff;
    opacity: .7;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .comment-number {
    color: #fff;
    opacity: .5;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .comment-number {
    color: #fff;
    opacity: .5;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .ico-pin {
    background-image: url(../images/pin-hover100-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .ico-pin {
    background-image: url(../images/pin-hover100-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.revision.active .ico-revision {
    background-image: url(../images/revision-hover-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.revision:hover .ico-revision {
    background-image: url(../images/revision-hover-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.feedback.active .ico-feedback {
    background-image: url(../images/feedback-hover-icon-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.feedback:hover .ico-feedback {
    background-image: url(../images/feedback-hover-icon-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row .column {
    float: left;
    margin-left: 4%;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row .column:first-child {
    margin-left: 0;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row .column.first-column {
    width: 8%;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row .column.second-column {
    width: 72%;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row .column.third-column {
    width: 12%;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .reply {
    color: #808080;
    font-weight: 800;
    font-size: 10px;
    white-space: nowrap;
    position: relative;
    /*right: 15px;*/
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .cancel-send {
    color: #808080;
    white-space: nowrap;
    font-size: 10px;
    position: relative;
    left: 69%;
    top: 5px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .cancel-send .send-btn,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .cancel-send .cancel-btn { 
    color: #808080;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .cancel-send .send-btn:hover,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .cancel-send .cancel-btn:hover {
    color: #fff !important;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .reply,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .reply,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .row-reply .reply-toggle,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .row-reply .reply-toggle,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .cancel-send,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .cancel-send {
    color: #fff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .cancel-send .send-btn,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .cancel-send .send-btn,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .cancel-send .cancel-btn,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .cancel-send .cancel-btn {
    color: rgba(255, 255, 255, .5);
}



.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .row-reply .reply-textarea {
    border: none;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply {
    margin-top: -30px;
    margin-left: 30px;
   /* margin-right: 20px;*/
   display: none;
}
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply.active {
    display: block;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-textarea {
    width: 91%;
    border-radius: 2px;
    resize: none;
    padding: 8px;
    border: 1px solid #ccc;
    margin-top: 10px;
    max-height: 50px;
}
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-textarea:focus {
    outline: none;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list {
    margin-top: 10px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-toggle {
    color: #808080;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .ico-arrow {
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    margin-left: 5px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .row-reply .reply-list .ico-arrow {
    background-image: url(../images/icon-arrow-down-white.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list.active .ico-arrow {
    transform: rotate(180deg);
    top: -2px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list.active .ul-reply {
    display: block;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply {
    margin-top: 10px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    width: 100%;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply li {
    margin-bottom: 10px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .img-wrapper {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .img-wrapper img {
    width: 100%;
    height: 100%;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .name,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .reply-con,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .reply-date {
    font-size: 11px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .name,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .reply-con {
    color: #202020;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .reply-date {
    color: #808080;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .row-reply .reply-list .ul-reply .name,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .row-reply .reply-list .ul-reply .name,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .row-reply .reply-list .ul-reply .reply-con,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .row-reply .reply-list .ul-reply .reply-con,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li:hover .row-reply .reply-list .ul-reply .reply-date,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.active .row-reply .reply-list .ul-reply .reply-date {
    color: #fff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .col-3 {
    width: 15%;
    float: left;
    margin-right: 10px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .reply-list .ul-reply .col-9 {
    width: 80%;
    float: left;
}


.fancybox-wrap.fancy-editor-batchinfo .sidebar .no-comment-img {
    background-image: url(../images/no-comments-added.svg);
    width: 128px;
    height: 120px;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .no-comment {
    position: relative;
    left: 50%;
    transform: translateX(-30%);
}


.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-revision,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-feedback,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-pin {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-revision {
    background-image: url(../images/revisiongrey-icon-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-feedback {
    background-image: url(../images/feedback-grey-v2.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-pin {
    background-image: url(../images/pin-icon-v2.svg);
    width: 12px;
    height: 12px;
    position: relative;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .ico-pin.unpin:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #aaa;
    display: inline-block;
    top: -4px;
    position: absolute;
    left: 5px;
    transform: rotate(-45deg);  
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .comment-note {
    font-size: 13px;
    font-weight: 400;
    color: #202020;
    /* word-break: break-all; */
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .comment-note1 {
    font-size: 13px;
    font-weight: 400;
    color: #202020;
    /*word-break: break-all;*/
    word-break: break-word;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .pos-relative {
    position: relative;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .reply-menu {
    display: inline-block;
    float: right;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .comment-date {
    font-size: 11px;
    font-weight: 400;
    color: #808080;
    margin-top: 5px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .comment-number {
    font-size: 11px;
    font-weight: 400;
    color: #aaaaaa;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .comment-number1 {
    font-size: 11px;
    font-weight: 400;
    color: #aaaaaa;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap {
    margin-top: 10px;
    margin-left: 30px;
}
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .play-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #CCCCCC;
}


.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .pause-icon:before {
    content: "";
    width: 4px;
    height: 12px;
    background: #ccc;
    display: inline-block;
}
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .pause-icon:after {
    content: "";
    width: 4px;
    height: 12px;
    background: #ccc;
    display: inline-block;
    margin-left: 3px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .playback {
    width: 90%;
    display: inline-block;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .playback .slider-editor {
    width: 100%;
    height: 1px;
    background: #ccc;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-left: 10px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .playback .slider-editor
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .playback .slider-editor .ui-slider-handle { 
    opacity: .5;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .playback .slider-editor .ui-slider-handle {
    width: 11px;
    height: 11px;
    display: inline-block;
    border: 0px;
    border-radius: 50%;
    background: #ccc;
    position: relative;
    top: -8px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .timer {
    margin-top: 3px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .audio-wrap .timer span {
    font-size: 11px;
    color: #ccc;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .play-icon {
    border-left: 12px solid #fff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .audio-wrap .playback .slider-editor,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .audio-wrap .playback .slider-editor .ui-slider-handle,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .audio-wrap .pause-icon:before,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .audio-wrap .pause-icon:after {
    background: #fff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .audio-wrap .timer span {
    color: #fff;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .comment-date {
    margin-left: 30px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .flag-icon {
    width: 10px;
    height: 12px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-flag-grey.svg);
    background-repeat: no-repeat;
    position: relative;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .cancel-send {
    display: inline-block;
    right: 0;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .reply {
    display: none;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .r-btns.active .flag-icon {
    margin-right: 5px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .r-btns.active .reply {
    display: inline-block;
}


.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .flag-icon { 
    background: url(../images/icon-flag-light.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .flag-icon:hover,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback:hover .r-btns.active .flag-icon { 
    background: url(../images/icon-flag.svg);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .flag-icon:hover .tooltip-flag {
    display: inline-block;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .tooltip-flag {
    display: none;
    background: white;
    width: 215px;
    position: absolute;
    z-index: 10;
    right: -15px;
    top: -62px;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .tooltip-flag:after,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .tooltip-flag:before {
    top: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .tooltip-flag:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px; 
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .tooltip-flag:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0,0,0,0.16);
    border-width: 11px;
    margin-left: -11px;
}

.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li.audio-feedback .tooltip-flag p {
    font-size: 11px;
    color: #202020;
}

.fancybox-wrap.fancy-editor-batchinfo #accordion .accordion-header {
    position: relative;
    height: 40px;
}

.fancybox-wrap.fancy-editor-batchinfo #accordion .accordion-header .accordion-header-wrap {
    margin: 0 20px;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.fancybox-wrap.fancy-editor-batchinfo #accordion .accordion-header .line {
    background: #ccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
}

.fancybox-wrap.fancy-editor-batchinfo #accordion .accordion-header .accordion-title {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 20px;
    cursor: pointer;
    text-transform: capitalize;
    background: #f9f9f9;
    font-size: 12px;
    color: #808080;
}

.fancybox-wrap.fancy-editor-batchinfo #accordion .accordion-header .ico-arrow {
    background-image: url(../images/arrowright-icon-v2.svg);
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 8px;
    position: relative;
    top: 3px;
}

.fancybox-wrap.fancy-editor-batchinfo #accordion .accordion-header.active .ico-arrow,
.fancybox-wrap.fancy-editor-batchinfo .sidebar .comment-row-li .row-reply .ico-arrow {
    background-image: url(../images/arrowdown-icon-v2.svg);
    width: 11px;
    height: 11px;
    top: 4px;
}


.fancybox-wrap.fancy-editor-batchinfo .comment-row-li .reply-menu.active .ico-arrow{
    background-image: url(../images/arrowdown-icon-v2.svg);
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}


.fancybox-wrap.fancy-editor-batchinfo .comment-row-li .reply-menu .ico-arrow{
    background-image: url(../images/arrowright-icon-v2.svg);
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fancybox-wrap.fancy-editor-batchinfo .comment-row-li .reply-menu .ico-arrow {
    cursor: pointer;
}

/*spotnote*/
.pin-comment-wrap {
    height: 100%;
    width: 100%;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 3px;
}

.drawnBox {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    opacity: .8;
}

.drawnBox:hover {
    opacity: 1;
}

.drawnBox.drawnBox-temp .ui-resizable-se { display: block !important; }

/*.drawnBox:hover .ui-resizable-s ul,
.drawnBox:hover .ui-resizable-n ul,
.drawnBox:hover .ui-resizable-w ul,
.drawnBox:hover .ui-resizable-e ul {
    opacity: 1;
    visibility: visible;
}
*/
.drawnBox.ui-resizable-disabled,
.drawnBox.ui-resizable-disabled .ui-resizable-s,
.drawnBox.ui-resizable-disabled .ui-resizable-n,
.drawnBox.ui-resizable-disabled .ui-resizable-w,
.drawnBox.ui-resizable-disabled .ui-resizable-e,
.drawnBox.ui-resizable-disabled .ui-resizable-s:hover,
.drawnBox.ui-resizable-disabled .ui-resizable-n:hover,
.drawnBox.ui-resizable-disabled .ui-resizable-w:hover,
.drawnBox.ui-resizable-disabled .ui-resizable-e:hover {
    cursor: default !important;
}

.drawnBox-revision > .ui-resizable-e,
.drawnBox-feedback > .ui-resizable-e,
.drawnBox-gray-pulse > .ui-resizable-e,
.drawnBox-revision > .ui-resizable-w,
.drawnBox-feedback > .ui-resizable-w,
.drawnBox-gray-pulse > .ui-resizable-w {
    height: 100%;
    width: 5px;
    background: transparent;
}

.drawnBox-revision > .ui-resizable-n,
.drawnBox-feedback > .ui-resizable-n,
.drawnBox-gray-pulse > .ui-resizable-n,
.drawnBox-revision > .ui-resizable-s,
.drawnBox-feedback > .ui-resizable-s,
.drawnBox-gray-pulse > .ui-resizable-s {
    height: 5px;
    width: 100%;
}

.drawnBox-revision > .ui-resizable-e,
.drawnBox-feedback > .ui-resizable-e,
.drawnBox-gray-pulse > .ui-resizable-e {
    float: right;
}

.drawnBox-revision > .ui-resizable-w,
.drawnBox-feedback > .ui-resizable-w,
.drawnBox-gray-pulse > .ui-resizable-w {
    float: left;
}

.drawnBox-revision > .ui-resizable-n,
.drawnBox-feedback > .ui-resizable-n,
.drawnBox-gray-pulse > .ui-resizable-n {
    vertical-align: top;
}

.drawnBox-revision > .ui-resizable-s,
.drawnBox-feedback > .ui-resizable-s,
.drawnBox-gray-pulse > .ui-resizable-s { 
    position: absolute;
    bottom: 0;
}

.drawnBox-gray-pulse .ui-icon-gripsmall-diagonal-se { display: none !important; }

.drawnBox-revision { background: rgba(240, 185, 47, .30); }

.drawnBox-revision > .ui-resizable-e { border-right: 2px solid #F0B92F; }
.drawnBox-revision > .ui-resizable-w { border-left: 2px solid #F0B92F; }
.drawnBox-revision > .ui-resizable-n { border-top: 2px solid #F0B92F; }
.drawnBox-revision > .ui-resizable-s { border-bottom: 2px solid #F0B92F; }

.drawnBox-feedback { background: rgba(41, 103, 222, .30); }

.drawnBox-feedback > .ui-resizable-e { border-right: 2px solid #2967DE; }
.drawnBox-feedback > .ui-resizable-w { border-left: 2px solid #2967DE; }
.drawnBox-feedback > .ui-resizable-n { border-top: 2px solid #2967DE; }
.drawnBox-feedback > .ui-resizable-s { border-bottom: 2px solid #2967DE; }

.drawnBox-gray-pulse { background: rgba(170, 170, 170, .30); }

.drawnBox-gray-pulse > .ui-resizable-e { border-right: 2px solid #808080; }
.drawnBox-gray-pulse > .ui-resizable-w { border-left: 2px solid #808080; }
.drawnBox-gray-pulse > .ui-resizable-n { border-top: 2px solid #808080; }
.drawnBox-gray-pulse > .ui-resizable-s { border-bottom: 2px solid #808080; }

.ui-resizable-s,
.ui-resizable-n,
.ui-resizable-w {
   position: absolute;
}

.ui-resizable-w,
.ui-resizable-e,
.ui-resizable-s ul,
.ui-resizable-n ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui-resizable-s ul li,
.ui-resizable-n ul li,
.ui-resizable-w ul li,
.ui-resizable-e ul li {
    background-color: #F0B92F;
    width: 1px;
    height: 1px;
    border-radius: 50px;
    padding: 1px;
    position: relative;
}

.ui-resizable-n ul li { top: 1px; }
.ui-resizable-e ul li { right: 2px; }
.ui-resizable-s ul li { bottom: 2px; }
.ui-resizable-w ul li { left: 1px; }

.ui-resizable-n ul li,
.ui-resizable-s ul li { float: left; }

.ui-resizable-e ul li, 
.ui-resizable-w ul li { float: right; }

.ui-resizable-s ul li,
.ui-resizable-w ul li,
.ui-resizable-n ul li,
.ui-resizable-e ul li { margin: 1px; }

.ui-resizable-ne,
.ui-resizable-se,
.ui-resizable-sw {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #DAA217;
    border-radius: 50px;
    border: 1px solid #fff;
    z-index: 999 !important;
}

.ui-resizable-ne {
    right: -2px;
    top: -3px;
}
.ui-resizable-se {
    right: -2px;
    bottom: -3px;

}
.ui-resizable-sw {
    left: -2px;
    bottom: -3px;
}

.pin-revision { position: relative; }

#note-wrapper .ui-resizable { position: absolute !important; }
#note-wrapper .ui-icon-gripsmall-diagonal-se { display: none !important; }

.drawnBox-feedback .ui-resizable-ne,
.drawnBox-feedback .ui-resizable-se,
.drawnBox-feedback .ui-resizable-sw,
.drawnBox-feedback .ui-resizable-n ul.ul-handle-resize li,
.drawnBox-feedback .ui-resizable-e ul.ul-handle-resize li,
.drawnBox-feedback .ui-resizable-s ul.ul-handle-resize li ,
.drawnBox-feedback .ui-resizable-w ul.ul-handle-resize li { background: #2967DE; }

.drawnBox-gray-pulse .ui-resizable-ne,
.drawnBox-gray-pulse .ui-resizable-se,
.drawnBox-gray-pulse .ui-resizable-sw,
.drawnBox-gray-pulse .ui-resizable-n ul.ul-handle-resize li,
.drawnBox-gray-pulse .ui-resizable-e ul.ul-handle-resize li,
.drawnBox-gray-pulse .ui-resizable-s ul.ul-handle-resize li,
.drawnBox-gray-pulse .ui-resizable-w ul.ul-handle-resize li { background: #808080; }

.pin-circle .ui-resizable-handle { display: none !important; }

.img-wrap-pin { position: relative; }

.pin-comment-wrap:hover .pin {
    opacity: .70;
}

.img-wrap-pin .pin {
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    text-align: center;
    opacity: .40;
    z-index: 2000;
    left: -10px;
    top: -10px;
    opacity:  .40;
}

.img-wrap-pin .pin:hover { opacity: .95; }

.img-wrap-pin .pin.pulse-yellow,
.img-wrap-pin .pin.pulse-blue,
.img-wrap-pin .pin.pulse-gray {
    cursor: pointer;
    opacity: .90;
    display: block;
}



.img-wrap-pin .pin.revision {
    background: #DAA217;
    border-radius: 100%;
    height: 22px;
    line-height: 22px;
    width: 22px;
}

.img-wrap-pin .pin.revision:after { border: 8px solid rgba(218,162,23,.4); }


.img-wrap-pin .pin.revision {
    background: #F0B92F;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    box-shadow: 0 0 0 rgba(218, 162, 23, 1);
}

.img-wrap-pin .pin.feedback {
    background: #2967DE;
    border-radius: 2px;
    width: 25px;
    height: 19px;
    line-height: 19px;
    box-shadow: 0 0 0 rgba(218, 162, 23, 1);
}

.img-wrap-pin .pin.revision.pulse-gray,
.img-wrap-pin .pin.feedback.pulse-gray {
    background: #808080;
}

.img-wrap-pin .pin.revision.pulse-gray,
.img-wrap-pin .pin.feedback.pulse-gray {
    background: #808080;
}


.img-wrap-pin .pin.gray { background: rgba(0, 0, 0, .90); }

.fancybox-wrap.fancy-editor-batchinfo .fancybox-nav {
    width: 5% !important;
}

/*.fancybox-wrap.fancy-editor-batchinfo .fancybox-nav.fancybox-prev {
    left: 300px;
}*/

.fancybox-wrap.fancy-editor-batchinfo.slide .fancybox-nav.fancybox-prev {
    left: 300px;
}

.fancybox-wrap.fancy-editor-batchinfo .review-slide,
.fancybox-wrap.fancy-editor-batchinfo .photo-select-menu  { left: 0; }

.fancybox-wrap.fancy-editor-batchinfo.slide .media-photo,
.fancybox-wrap.fancy-editor-batchinfo.slide .review-slide,
.fancybox-wrap.fancy-editor-batchinfo.slide .photo-select-menu {
    left: 150px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fancybox-wrap.fancy-editor-batchinfo.slide .photo-select-menu { position: relative; }

.fancybox-wrap.fancy-editor-batchinfo .top-icons .sep-right-quart { margin-right: 8px !important; }

.fancybox-wrap.fancy-editor-batchinfo .top-icons .revision-photo-icon.v2 {
    background-image: url(../images/revision-icon-v2.svg);
    background-position: 0;
}

.fancybox-wrap.fancy-editor-batchinfo .top-icons .address-photo-icon.v2 {
    background-image: url(../images/feedback-icon-v2.svg);
    background-position: 0;
}

.top-icons .address-photo-icon.v2 {
	background-image: url(../images/feedback-icon-v2.svg) !important;
    background-position: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.fancybox-wrap.fancy-editor-batchinfo .top-icons .address-photo-icon .with-comment,
.fancybox-wrap.fancy-editor-batchinfo .top-icons .revision-photo-icon.v2 .with-comment {
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ffffff;
    top: -12px;
    right: -7px;
    position: absolute;
    font-size: 10px;
    color: #ffffff;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
}

.fancybox-wrap.fancy-editor-batchinfo .top-icons .address-photo-icon .with-comment {
    background: #2967DE;
}

.fancybox-wrap.fancy-editor-batchinfo .top-icons .revision-photo-icon .with-comment {
    background: #F0B92F;
}

.fancybox-wrap.fancy-editor-batchinfo .overlay-switch {
    width: 23%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.fancybox-wrap.fancy-editor-batchinfo .overlay-switch p {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: #AAAAAA;
}

.fancybox-wrap.fancy-editor-batchinfo .switch {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0;
}

.fancybox-wrap.fancy-editor-batchinfo .pu-toggle {
    position: absolute !important;
    width: 50px;
    height: 30px;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}

.fancybox-wrap.fancy-editor-batchinfo .pu-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat + label {
    padding: 2px;
    width: 40px;
    height: 18px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

input.pu-toggle-round-flat + label:before,
input.pu-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}

.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat + label:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
}

.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat + label:after {
    top: 2px;
    left: 4px;
    bottom: 2px;
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin 0.1s, background 0.1s;
    -moz-transition: margin 0.1s, background 0.1s;
    -o-transition: margin 0.1s, background 0.1s;
    transition: margin 0.1s, background 0.1s;
}

.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat:checked + label,
.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat:checked + label:before {
    background: #2967de;
}

.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat:checked + label:after {
    margin-left: 19px;
}

/* ==============  responsive  ==============   */
@media (max-width: 1450px) {
    .fancybox-overlay-homeinfo {
        
    }
}

/* ==============  animation  ==============   */

.pulse-yellow,
.pulse-blue,
.pulse-gray{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.pulse-yellow { animation-name: pulseYellow; }

.pulse-blue { animation-name: pulseBlue; }

.pulse-gray { animation-name: pulseGray; }

@keyframes pulseYellow {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(178, 132, 16, 1);
    box-shadow: 0 0 0 0 rgba(178, 132, 16, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(178, 132, 16, 0);
      box-shadow: 0 0 0 10px rgba(178, 132, 16, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(178, 132, 16, 0);
      box-shadow: 0 0 0 0 rgba(178, 132, 16, 0);
  }
}

@-webkit-keyframes pulseYellow {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(178, 132, 16, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(178, 132, 16, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(178, 132, 16, 0);
    }
}

@-webkit-keyframes pulseBlue {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(20, 78, 188, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(20, 78, 188, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(20, 78, 188, 0);
    }
}

@keyframes pulseBlue {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(20, 78, 188, 1);
    box-shadow: 0 0 0 0 rgba(20, 78, 188, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(20, 78, 188, 0);
      box-shadow: 0 0 0 10px rgba(20, 78, 188, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(20, 78, 188, 0);
      box-shadow: 0 0 0 0 rgba(20, 78, 188, 0);
  }
}

@keyframes pulseGray {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 0 rgba(41, 103, 0, 0);
  }
}

#save-mode {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/icons-done.svg");
    margin-left: 3px;

}


#save-mode:hover {
    background-image: url("../images/icons-done-hover.svg");
}


#edit-mode {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/icons-edit.svg");
    margin-left: 4px;
    margin-top: 5px;
}

#edit-mode:hover {
    background-image: url("../images/icons-edit-hover.svg");
}

#edit-mode.active {
    background-image: url("../images/icons-edit-hover.svg");
}


#cancel-mode {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/icons-cancel.svg");
    margin-left: 4px;

}

#cancel-mode:hover {
    background-image: url("../images/icons-cancel-hover.svg");
}

.addOns-wrap ul li {
    float: left;
    margin-right: 10px;
}

.addOns-wrap ul li .img-wrapper {
    width: 110px;
    height: 68px;
    position: relative;
}

.addOns-wrap ul li .img-wrapper img {
    width: 100%;
    height: auto;
}

.addOns-wrap ul li .img-wrapper .greenstar-icon, .addOns-wrap ul li .img-wrapper .vs-chair-icon,
.addOns-wrap ul li .img-wrapper .greenstar-icon, .addOns-wrap ul li .img-wrapper .order-type-icon {
    position: absolute;
    top: 3px;
    right: 3px;
}

.addOns-wrap .feature-lists {
    position: absolute;
    width: 240px;
    padding: 3px !important;
    right: -27px;
}

.addOns-wrap .feature-lists .num-time { 
    margin-left: 40px;
}

.addOns-wrap b{
    margin-left: 3px;
    font-size: 12px;
    color:rgba(0,0,0,0.8);
}

.add-ons-text {
    padding-left: 20px;

}

.green-text {
    color: #54ba60;
    margin-right: 3px;
}

table.pop-table  tr > td {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 0px !important;
}

table.pop-table  tr > td.count {
    width: 10% !important;
}

table.pop-table tr > td.text {
    width: 40% !important;
}

table.pop-table tr > td.number {
    width: 20% !important;
}

table.pop-table tr > td.number > span{
    background: #54ba60;
    padding-left: 5px;
    padding-right: 5px;
    width: 40px;
    color:#fff;
    border-radius: 2px;
}

table.pop-table tr > td.number > span.first{
    width: 40px;
    margin-right: 5px;
}

table.pop-table tr > td.number > span.second{
    width: 20px;
}

/* custom scrollbar y */

.cus-scrollbar-y::-webkit-scrollbar {
    height: 100%;
    width: 5px;
    z-index: 100;
    padding: 0 5px;
}

.cus-scrollbar-y::-webkit-scrollbar-thumb {
    background:  rgba(32, 32, 32, 0.3);
    border-radius: 1px;
    width: 1px;
    height: 10px !important;
    -webkit-border-radius: 10px;
    margin-top: 36px;
    z-index: 100;
}

.cus-scrollbar-y::-webkit-scrollbar-track {
    background: transparent;
    height: 10px !important;
} 

/*notification*/
.notif {
    position: relative;
    display: inline-block;
    float: right;
    top: 23px;
    right: 235px;
}

.notif.user {
    position: relative;
    display: inline-block;
    top: 20px;
    left: 20px !important;
}

.notif-circle {
    position: absolute;
    top: -8px;
    left: -5px;
    font-size: 8px;
    font-weight: 700;
    font-family: "Open Sans";
    background: #2967de;
    color: #fff;
    padding: 0 5px;
    height: 14px;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
}

.notif.has-notif .notif-circle{
    display: inline-block;
}

.icon-notif {
    background-image: url(../images/icons-bell-gray.svg);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -10px;

}

.icon-notif:focus {
    background-image: url(../images/icons-bell-blue.svg);
}


.icon-notif.active,
.notif-header .mark-read  {
    color: #2967DE;
    cursor: pointer;
}

.qtip.qtip-default.qtip-notif:not(.q-tip-v4) {
    width: 100% !important;
    max-width: 310px;
    padding: 0 !important;
    position: absolute;
}

.notif-header {
    padding: 0 15px;
    line-height: 30px;
}

.notif-header {
    border-bottom: 1px solid #ccc;
}

.notif-header .title {
    font-weight: 800;
    font-size: 12px;
}

.notif-header .sep {
    color: #aaa;
    margin: 0 3px;
    font-size: 12px;
}

.notif-header .close {
    color: #2967DE;
    text-decoration: none;
}


.notif-content .notif-text,
.notif-content .notif-time {
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
}

.notif-content {
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

.notif-content .notif-text {
    line-height: 15px;
}

.notif-content .notif-time {
    color: #aaa;
}

.notif-content ul li {
    padding: 7px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    cursor: pointer;
}

.notif-content ul li:last-child {
    border-bottom: none;
}

.notif-content ul li .con {
    padding: 0 15px;
}

.notif-content .read-unread {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    transition: all .2s ease-out;
    z-index: 2;
}

.notif-content .read-unread .btn {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #aaa;
    border-radius: 50%;
    top: -3px;
}

.notif-content ul li.not-seen {
    background-color: #edf2fa;
}

.notif-content ul li.not-seen:hover {
    background-color: #fff;
}

.notif-content ul li.not-seen .read-unread .btn {
    background: #D45245;
}

.notif-content-li:hover {
    /*background-color: #d3ddf1;*/
}

.notif-content-li .read-unread:hover .tooltip {
    display: block;
}

.notif-content ul li.not-seen .tooltip {
    left: -103px;
}

.notif-content .tooltip {
    background: #fff;
    position: absolute;
    left: -113px;
    top: -9px;
    display: none;
    width: auto;
    padding: 5px 12px 8px 12px;
    min-height: auto;
    visibility: visible;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid #fff !important;
}

.notif-content .tooltip:before,
.notif-content .tooltip:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.notif-content .tooltip.br-white { 
    border-color: rgba(255, 255, 255, 0);
}

.notif-content .tooltip.br-white.tip-right:after {
    border-left-color: #fff;
}

.notif-content .tooltip.br-white.tip-right:before {
    border-left-color: rgba(0, 0, 0, 0.16);
}

.notif-content .tooltip.tip-right:after, 
.notif-content .tooltip.tip-right:before {
    left: 100% !important;
    bottom: auto;
}

.notif-content .tooltip p { 
    font-size: 11px;
    color: #202020;
}

.notif-content .tooltip:before {
    margin-top: -1px !important;
    border-width: 9px !important;
    margin-left: 0 !important;
}

.notif-content .tooltip:after {
    margin-top: -13px !important;
    border-width: 8px !important;
    margin-left: 0 !important;
}

.notif-content .loader,
.notif-content .loader:after {
    width: 15px;
    height: 15px;
}

.notif-content .loader {
    border-top: .5em solid rgba(70,118,183,.6);
    border-right: .5em solid rgba(70,118,183,.6);
    border-bottom: .5em solid rgba(70,118,183,.6);
    border-left: .5em solid #3170de;
}

.qtip-notif:not(.q-tip-v4) {
    display: none !important;
    top: 121px;
    left: 124px;
}

.qtip-notif.qtip-focus:not(.q-tip-v4) { display: block !important; }

.mark-all-as-read {
    cursor: pointer;
}

.notification-animate {
  display: inline-block;
  /*font-size: vmin;*/
  /*color: #fff;*/
  /*animation: 2s bell-vibrate ease-in-out infinite;*/
    animation-name: bell-vibrate;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    transform-origin: center top;

    animation-iteration-count: 3;

    -webkit-animation-name:bell-vibrate;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: center top;
    -webkit-animation-iteration-count: 3;
}

@keyframes bell-vibrate {
  0% { transform: rotate(0); }
  4% { transform: rotate(15deg); }
  8% { transform: rotate(-15deg); }
  12% { transform: rotate(10deg); }
  16% { transform: rotate(-10deg); }
  20% { transform: rotate(5deg); }
  24% { transform: rotate(-5deg); }
  28% { transform: rotate(0); }
  100% { transform: rotate(0); }
}


.notif-content .read-unread {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    transition: all .2s ease-out;
    z-index: 2;
}

.notif-content .read-unread .btn {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #aaa;
    border-radius: 50%;
    top: -3px;
}

/* qtip */

.qtip.qtip-default {
  padding: 10px !important;
  background: #fff;
}
.qtip.qtip-default p:last-child {
  margin-bottom: 0 !important;
}
.qtip.qtip-default:after, .qtip.qtip-default:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.q-tip {
  border-radius: 2px;
}
.q-tip.br-red-1 {
  border: 1px solid #D45245 !important;
}
.q-tip.br-red-1.qtip-top-center:before, 
.q-tip.br-red-1.qtip-top-left:before, 
.q-tip.br-red-1.qtip-top-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-bottom-color: #D45245 !important;
}
.q-tip.br-red-1.qtip-bottom-center:before, 
.q-tip.br-red-1.qtip-bottom-left:before, 
.q-tip.br-red-1.qtip-bottom-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-top-color: #D45245 !important;
}
.q-tip.br-blue-1 {
  border: 1px solid #2967DE !important;
}
.q-tip.br-blue-1.qtip-top-center:before, 
.q-tip.br-blue-1.qtip-top-left:before, 
.q-tip.br-blue-1.qtip-top-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-bottom-color: #2967DE !important;
}
.q-tip.br-blue-1.qtip-bottom-center:before, 
.q-tip.br-blue-1.qtip-bottom-left:before, 
.q-tip.br-blue-1.qtip-bottom-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-top-color: #2967DE !important;
}
.q-tip.br-green {
  border: 1px solid #54BA60 !important;
}
.q-tip.br-green.qtip-top-center:before, 
.q-tip.br-green.qtip-top-left:before,
.q-tip.br-green.qtip-top-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-bottom-color: #54BA60 !important;
}
.q-tip.br-green.qtip-bottom-center:before, 
.q-tip.br-green.qtip-bottom-left:before, 
.q-tip.br-green.qtip-bottom-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-top-color: #54BA60 !important;
}
.q-tip.br-gray-5 {
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
}
.q-tip.br-gray-5.qtip-top-center:before, 
.q-tip.br-gray-5.qtip-top-left:before, 
.q-tip.br-gray-5.qtip-top-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-bottom-color: rgba(0, 0, 0, 0.16) !important;
}
.q-tip.br-gray-5.qtip-bottom-center:before, 
.q-tip.br-gray-5.qtip-bottom-left:before, 
.q-tip.br-gray-5.qtip-bottom-right:before {
  border-color: rgba(212, 82, 69, 0) !important;
  border-top-color: rgba(0, 0, 0, 0.16) !important;
}
.q-tip.br-black-2 {
  border: 1px solid #202020 !important;
}
.q-tip.br-black-2:before {
  border-color: rgba(32, 32, 32, 0) !important;
  border-bottom-color: rgba(0, 0, 0, 0.7) !important;
}
.q-tip.br-black-2:after {
  border-color: rgba(32, 32, 32, 0) !important;
  border-bottom-color: #202020 !important;
}
.q-tip.br-black-2.tip-top:before {
  border-bottom-color: rgba(0, 0, 0, 0.7) !important;
}
.q-tip.br-gray-10 {
  border: 1px solidrgba(170, 170, 170, 0.3) !important;
}

.qtip-tip {
  display: none !important;
}

.qtip-top-center:after, .qtip-top-center:before,
.qtip-top-left:after,
.qtip-top-left:before,
.qtip-top-right:after,
.qtip-top-right:before {
  bottom: 100%;
}
.qtip-top-center:after,
.qtip-top-left:after,
.qtip-top-right:after {
  border-width: 10px !important;
  margin-left: -10px;
  border-color: rgba(255, 255, 255, 0) !important;
  border-bottom-color: #fff !important;
}
.qtip-top-center:before,
.qtip-top-left:before,
.qtip-top-right:before {
  border-width: 11px !important;
  margin-left: -11px;
}

.qtip-top-center:after, .qtip-top-center:before {
  left: 50%;
}

.qtip-top-left:after, .qtip-top-left:before {
  left: 15%;
}

.qtip-top-right:after, .qtip-top-right:before {
  left: 85%;
}

.qtip-l-75:after, .qtip-l-75:before {
  left: 75%;
}

.qtip-bottom-center:after, .qtip-bottom-center:before,
.qtip-bottom-left:after,
.qtip-bottom-left:before,
.qtip-bottom-right:after,
.qtip-bottom-right:before {
  top: 100%;
}
.qtip-bottom-center:after,
.qtip-bottom-left:after,
.qtip-bottom-right:after {
  border-width: 10px !important;
  margin-left: -10px;
  border-color: rgba(255, 255, 255, 0) !important;
  border-top-color: #fff !important;
}
.qtip-bottom-center:before,
.qtip-bottom-left:before,
.qtip-bottom-right:before {
  border-width: 11px !important;
  margin-left: -11px;
  border-color: rgba(255, 255, 255, 0) !important;
  border-top-color: rgba(170, 170, 170, 0.3) !important;
}
.qtip-bottom-center.br-black-2:after,
.qtip-bottom-left.br-black-2:after,
.qtip-bottom-right.br-black-2:after {
  border-top-color: #202020 !important;
  border-bottom: none !important;
}
.qtip-bottom-center.br-black-2:before,
.qtip-bottom-left.br-black-2:before,
.qtip-bottom-right.br-black-2:before {
  border-top-color: rgba(0, 0, 0, 0.7) !important;
  border-bottom: none !important;
}

.qtip-bottom-center:after, .qtip-bottom-center:before {
  left: 50%;
}

.qtip-bottom-left:after, .qtip-bottom-left:before {
  left: 15%;
}

.qtip-bottom-right:after, .qtip-bottom-right:before {
  left: 85%;
}

audio.puaudio {
    width: 100%;
    height: 30px;
}
#client-detail .disabled-link{
    pointer-events: none;
    cursor: default;
}

.editing-style-wrap,
.editing-style-wrap > div {
    box-sizing: border-box;
}
.editing-style-wrap .editing-style-container .editing-style {
    margin-bottom: 20px;
}
.editing-style-wrap .editing-style-container .editing-style .title {
    font-size: 13px;
    color: #606060;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
}
.editing-style-wrap .editing-style-container .editing-style .selection {
    display: flex;
    justify-content: flex-start;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item {
    width: calc((100% / 4) - 9px);
    margin-left: 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item:before {
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url('../../../publicV4/images/orders/selected.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 39px;
    visibility: hidden;
    opacity: 0;
}
.editing-style-wrap .editing-style-container:not(.preference) .editing-style .selection .item:after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url('../images/icon-enlarge@2x.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item:hover:after {
    visibility: visible;
    opacity: 1;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: transparent;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item.selected {
    border-color: #53BA60;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item.selected:before {
    visibility: visible;
    opacity: 1;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item:first-child {
    margin-left: 0;
}
.editing-style-wrap .editing-style-container .editing-style .selection .item .label {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: calc(100% - 40px);
    padding: 10px 20px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6615021008403361) 0%, rgba(0,173,215,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6615021008403361) 0%, rgba(0,173,215,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.6615021008403361) 0%, rgba(0,173,215,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00add7",GradientType=1);
}
.editing-style-wrap .editing-style-container .editing-style.editing-extras .selection .item {
    min-height: 115px;
    text-align: center;
    border-color: #CCCCCC;
}
.editing-style-wrap .editing-style-container .editing-style.editing-extras .selection .item:after {
    display: none !important;
}
.editing-style-wrap .editing-style-container .editing-style.editing-extras .selection .item.selected {
    border-color: #53BA60;
}
.editing-style-wrap .editing-style-container .editing-style.editing-extras .selection .item .label {
    background: transparent !important;
    color: #606060;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    line-height: 24px;
}

.editing_fancy_template .fancy-editing-style-content .top-icons .title {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    color: #606060;
}
.editing_fancy_template .fancy-editing-style-content .top-icons .title .editing-value {
    font-weight: bold;
    color: #202020;
    text-transform: capitalize;
}
.editing_fancy_template .fancy-editing-style-content .top-icons .title .checkmark {
    width: 21px;
    height: 21px;
    background-image: url('../images/editing-style-selected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 8px;
    position: relative;
    top: -2px;
}
.editing_fancy_template .fancy-editing-style-content .top-icons .title .checkmark.hidden {
    display: none !important;
}

.editing_fancy_template .fancy-editing-style-content .editing-style-slider {
    position: relative;
    margin-top: 125px;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .main-slide,
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .main-slide .item,
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item {
    width: 100%;
    display: none;
    border: 1px solid #fff;
    overflow: hidden;
    position: relative;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item {
    max-width: 100px;
    display: block;
    opacity: 0.5;
    cursor: pointer;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item:not(:last-child) {
    margin-right: 10px;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .main-slide .item:before,
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item:before {
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url('../../../publicV4/images/orders/selected.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 39px;
    visibility: hidden;
    opacity: 0;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .main-slide .item.active {
    display: block;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item.active {
    opacity: 1;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .main-slide .item.selected,
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item.selected {
    border-color: #53BA60;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .main-slide .item.selected:before,
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .thumb .item.selected:before {
    opacity: 1;
    visibility: visible;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .arrow {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .arrow.hidden {
    display: none !important;
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .arrow.prev {
    left: 10px;
    background-image: url('../images/prev-arrow.png');
}
.editing_fancy_template .fancy-editing-style-content .editing-style-slider .arrow.next {
    right: 10px;
    background-image: url('../images/next-arrow.png');
}

.verification-successful-popup .fancybox-close,
.verification-failed-popup .fancybox-close {
    display: none;
}

.verification-successful-popup .fancybox-inner,
.verification-failed-popup .fancybox-inner {
    overflow: unset !important;
}

.verification-successful-popup .fancybox-skin,
.verification-failed-popup .fancybox-skin { 
    background: #fff;
}

.verification-popup .fancybox-close {
    display: inline-block;
    background-image: none;
    color: #AAAAAA;
    top: -15px;
    right: -15px;
    width: auto;
    height: auto;
}

.verification-popup {
    padding: 0 25px;
    text-align: center;
}

.verification-popup .fancybox-close i {
    font-size: 20px;
}

.verification-popup .img-wrap {
    width: 127px;
    height: 94px;
    margin: 0 auto;
    padding-top: 40px;
}

.verification-popup h1 {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    margin-top: 35px;
}

.verification-popup .content {
    font-size: 13px;
    margin-top: 20px;
}

.verification-popup .btn {
    font-size: 13px;
    color: #fff;
    padding: 12px 22px;
    border-radius: 2px;
    margin-top: 50px;
}

.verification-popup .btn.cancel-btn{
    color: #202020;
    border-color: #d8d8d8;
    background-color: #fff;
}

.verification-popup .btn.blue {
    background: #2967DE;
}

.verification-popup .btn.red {
    background: #D54245;
}

.verification-popup .btn.cancel {
    color: #303030;
    border: 1px solid #CCCCCC;
    background: #fff;
    margin-left: 5px;
}

.verification-popup .btn.cancel:hover {
    background: #CCCCCC;
    color: #fff;
}

a.verify-failed{
    padding: 8px;
    background-image: url("../images/ico-verification-failed.svg");
    background-repeat: no-repeat;
}

a.verify-failed:hover{
    background-image: url("../images/ico-verification-failed-hover.svg");
}

.zero-decimal-prefix{
    position: absolute;
    left: 0px;
    font-size: 14px;
    color: #dddddd;
    line-height: normal;
    top: 10px;
    padding-left: 1.2em;
}

.fancybox-wrap.fancy-editor-batchinfo input.pu-toggle-round-flat:not(:checked) + label.lbl-revision-type:before {
    background-color: #F0B92F !important;
    line-height: normal;
    padding-left: 1.2em;
}

.overlay-switch.revision-type {
    position: relative;
    float: right;
    margin-top: -30px;
    margin-right: 18px;
}

.pad-5 {
    padding: 5px !important;
}

#download-parts ul li.active a.download-text {
    color: #fff !important;
}

.f13 {
  font-size:13px !important;     
}

.upload-list .group-hdr-icon.active {
    color: #fff;
    opacity: 1;
}

.upload-list .image-hdr-icon.active {
    color: #82d08d;
    opacity: 1;
}

.padding-0 {
    padding: 0px !important;
}

.top-editor-list, .bottom-editor-list {
    padding: 10px 10px 0;
}

.top-editor-list span, .bottom-editor-list span {
    display: inline-block;
    width: 50%;
    float: left;
}

.extreme-editors > div > div {
    font-weight: 600;
    margin-bottom: 4px;
}

span.time-to-deadline.time-to-start {
    font-weight: 600;
    color:#444;
}
#tbl-terms-details thead th,
#tbl-va-details thead th,
#tbl-eva-details thead th,
#tbl-archived-eva-details thead th {
    color: #000 !important;
    /*background: #F1F1F1 !important;*/
 }

 #virtual-asisstant-detail input, #editor-va-detail input {
    padding: 5px 8px;
}

#tbl-va-details_filter, #tbl-eva-details_filter, #tbl-archived-eva-details_filter,#tbl-terms-details_filter {
    float: left;
}

#tbl-terms-details_next, #tbl-va-details_next, #tbl-eva-details_next {
    font-size:0;
}

#tbl-terms-details_previous, #tbl-va-details_previous, #tbl-eva-details_previous {
    font-size:0;
}

.allow-overflow .ci-m-settings.active {
    color: #487fdf !important;
}
.new-tooltip.or-tp {
    right: -13px !important;
    bottom: 25px !important;
}

.spn-or-cost:hover {
    background: #487fdf !important;
    cursor: pointer;
}

.or-edit .or-input{
    height: 16px;
    width: 30px;
    padding: 0;
    margin: 0;
    text-align: right;
    border-radius: 0;
}

.generic-datatable th, .generic-datatable td {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.generic-datatable thead {
    background: none repeat scroll 0 0 #F1F1F1;
}

.generic-datatable th {
    color: #6a6a6a !important;
    background: #f1f1f1 !important;
}

.overflow-none {
    overflow: hidden;
    position: fixed;
}
#tutorial-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    width: 100%;
    height: 100%;
    background: rgba(32,32,32,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
}
#tutorial-popup .tutorial-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    position: relative;
}
#tutorial-popup .tutorial-container .trail-shadow {
    background: -moz-linear-gradient(35deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(35deg, transparent 0%, black 100%);
    background: linear-gradient(35deg, transparent 50%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    width: 30%;
    height: 40%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transition: .5s;
    opacity: 0;
}
#tutorial-popup .tutorial-container .trail-shadow:hover {
    opacity: 1;
}
#tutorial-popup .tutorial-container .ci-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
#tutorial-popup .tutorial-container .ci-close:hover ~ .trail-shadow {
    opacity: 1;
}
#tutorial-popup  .tutorial-left {
    width: 380px;
    background: rgb(0,122,255);
    background: -moz-linear-gradient(20deg, rgba(0,122,255,1) 0%, rgba(19,88,206,1) 100%);
    background: -webkit-linear-gradient(20deg, rgba(0,122,255,1) 0%, rgba(19,88,206,1) 100%);
    background: linear-gradient(20deg, rgba(0,122,255,1) 0%, rgba(19,88,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007aff",endColorstr="#1358ce",GradientType=1);
    text-align: center;
    min-height: 540px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tutorial-popup  .tutorial-left > div {
    padding: 50px 45px;
}
#tutorial-popup  .tutorial-left .object {
    width: 100%;
    max-width: 116px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
#tutorial-popup  .tutorial-left .object > img {
    width: 100%;
    height: auto;
}
#tutorial-popup  .tutorial-left h3 {
    font-family: 'Inter';
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}
#tutorial-popup  .tutorial-left p {
    color: #fff;
    /*font-family: 'DM Sans';*/
    font-weight: 400;
    opacity: 0.8;
    max-width: 265px;
    margin: 0 auto;
}
#tutorial-popup  .tutorial-left p.desc-1 {
    font-size: 15px;
    line-height: 30px;
}
#tutorial-popup  .tutorial-left p.desc-2 {
    font-size: 15px;
    line-height: 25px;
}
#tutorial-popup  .tutorial-left button#skip-tutorial {
    background: transparent;
    border-radius: 5px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    /*font-family: 'DM Sans';*/
    margin-top: 40px;
    margin-bottom: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    outline: 0;
    /*box-shadow: 0 5px 15px rgba(0,0,0,0.25);*/
}
#tutorial-popup  .tutorial-left button#skip-tutorial:hover {
    border-color: #fff;
}
#tutorial-popup  .tutorial-right {
    width: calc(100% - 380px);
    position: relative;
}
#tutorial-popup  .tutorial-right iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #202020;
}

/*download v2.2*/
#download-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
}
#download-pop .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    opacity: 0.5;
    cursor: pointer;
}
#download-pop .close-btn:before,
#download-pop .close-btn:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 19px;
    background-color: #000;
    left: 9px;
    border-radius: 1px;
}
#download-pop .close-btn:before {
    transform: rotate(45deg);
}
#download-pop .close-btn:after {
    transform: rotate(-45deg);
}
#download-pop .close-btn:hover { opacity: 1; }
#download-pop .pop-contianer {
    width: 100%;
    overflow: visible;
    /* max-width: 665px; */
    max-width: 891px;
    margin: auto;
    padding: 25px 0;
}
#download-pop .pop-contianer .pop-section {
    background: #fff;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}
#download-pop .pop-section .heading {
    margin-bottom: 25px;
    text-align: left;
}
#download-pop .pop-section .heading h2 {
    font-size: 26px;
    color: #202020;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 5px;
}

#download-pop .pop-section .heading h3 {
    font-size: 26px;
    color: #202020;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 5px;
}

#download-pop h2 {
    color: #202020;
}

#download-pop .pop-section .heading .info-sec {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#download-pop .pop-section .heading .info-sec .icon-info:hover ~ .info-content {
    display: block;
}
#download-pop .pop-section .heading .info-sec .info-tip {
    position: relative;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content {
    position: absolute;
    top: 30px;
    left: -185px;
    width: 544px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    z-index: 1;
    display: none;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content .info-content-wrap {
    padding: 30px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content:before {
    content: '';
    width: 27px;
    height: 27px;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: 185px;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 2;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content:after {
    content: '';
    width: 27px;
    height: 27px;
    border-radius: 3px;
    background-color: #aaa;
    position: absolute;
    top: -6px;
    left: 185px;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 1;
} 
#download-pop .pop-section .heading .info-sec .info-tip .info-content strong {
    color: #202020;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    margin-bottom: 10px;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content p {
    font-size: 13px;
    color: #202020;
    line-height: 16px;
    text-align: left;
    font-weight: 300;
    margin-top: 10px;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content table {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow:0 0 0 1px #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content table thead {
    background-color: #AAAAAA;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content table thead th {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    padding: 15px;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content table td {
    border: 4px solid #fff;
    border-radius: 2px;
    overflow: hidden;
    background-color: #F0F0F0;
    color: #545454;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 15px;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content table td.colored {
    text-align: center;
    font-weight: 300;
    color: #202020;
}
#download-pop .pop-section .heading .info-sec .info-tip .info-content table td.green { background-color: #DDF1DF; }
#download-pop .pop-section .heading .info-sec .info-tip .info-content table td.blue { background-color: #D4E0F9; }
#download-pop .pop-section .heading .info-sec .info-tip .info-content table td.yellow { background-color: #FBEAC0; }
#download-pop .pop-section .heading .info-sec .info-tip .info-content table td.red { background-color: #F7D9DA; }
#download-pop .pop-section .heading .info-sec .info-tip .info-content table tbody {
    border: 2px solid #fff;
}
#download-pop .pop-section .heading p,
#download-pop .pop-section .content p {
    color: #202020 !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 !important;
}
#download-pop .pop-section .heading p > span {
    color: #aaa;
    vertical-align: middle;
}
#download-pop .pop-section .heading  span.icon-info {
    position: relative;
    top: -1px;
    cursor: pointer;
    font-size: 18px;
}
#download-pop .pop-section .heading span.icon-info {
    display: inline-block;
    margin-left: 5px;
}
#download-pop .pop-section .heading span.icon-info:hover {
    color: #487FDF;
}
#download-pop .pop-section .heading span.icon-info:hover:before {
    content: "\e363";
}
#download-pop .pop-section .content p > strong {
    font-weight: bold;
}
#download-pop .pop-section .content .notes-section {
    background: #FFFFE4;
    border: 1px solid #E7E8BA;
    padding: 30px 15px;
    margin-top: 30px;
}
#download-pop .pop-section .content .notes-section .title {
    font-size: 18px;
    font-weight: bold;
    color: #202020;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
}
#download-pop .pop-section .content .notes-section .notes-section-wrap {
    overflow: auto;
    max-height: 400px;
    padding: 0 15px;
    position: relative;
}
#download-pop .pop-section .content .notes-section .shadow-holder {
    position: relative;
}
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow {
    content: '';
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    opacity: 0.2;
    z-index: 1;
    pointer-events: none;
    display: none;
}
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow:before,
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow:after,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow:before,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow:after {
    content: '';
    width: 15px;
    height: 6px;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow,
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow:before,
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow:after {
    top: 0;
    background: rgb(242,242,242);
    background: -moz-linear-gradient(0deg, rgba(242,242,242,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(242,242,242,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(0deg, rgba(242,242,242,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#000000",GradientType=1);
}
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow:before,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow:after {
    bottom: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(242,242,242,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(242,242,242,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(242,242,242,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f2f2f2",GradientType=1);
}
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow:before,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow:before {
    left: -15px;
}
#download-pop .pop-section .content .notes-section .shadow-holder .top-shadow:after,
#download-pop .pop-section .content .notes-section .shadow-holder .bottom-shadow:after {
    left: auto;
    right: -15px;
}
#download-pop .pop-section .content .notes-section .shadow-holder.top-shadow .top-shadow,
#download-pop .pop-section .content .notes-section .shadow-holder.bottom-shadow .bottom-shadow {
    display: block;
}
#download-pop .pop-section .content .notes-section .notes-item {
    margin-bottom: 25px;
}
#download-pop .pop-section .content .notes-section .terms .checkbox {
    position: relative;
    margin-bottom: 10px;
}
#download-pop .pop-section .content .notes-section .terms .checkbox:last-child {
    margin-bottom: 0;
}
#download-pop .pop-section .content .notes-section .terms .checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}
#download-pop .pop-section .content .notes-section .terms .checkbox label {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    text-align: left;
    padding-left: 30px;
    color: #202020;
}
#download-pop .pop-section .content .notes-section .terms .checkbox label:before {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    width: 18px;
    height: 18px;
    background-image: url('../images/form-checkbox-default.svg');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
}
#download-pop .pop-section .content .notes-section .terms .checkbox input:checked ~ label:before {
    content: '';
    background-image: url('../images/form-checkbox-selected.svg');
}
#download-pop .pop-section .content .notes-section .terms .checkbox .notice {
    margin-top: 5px;
    padding-left: 30px;
    display: none;
}
#download-pop .pop-section .content .notes-section .terms .checkbox .notice textarea {
    margin: 10px 0;
    width: 90%;
    border: 2px solid #487FDF !important;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    color: #202020;
    min-height: 100px;
    resize: none;
    outline: 0 !important;
}
#download-pop .pop-section .content .notes-section .terms .checkbox input:checked ~ .notice {
    display: block;
}
#download-pop .pop-section .footer {
    margin-top: 30px;
}
#download-pop .pop-section .footer .btn {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    outline: 0 !important;
    background: #487FDF;
    border-radius: 4px;
    padding: 15px 20px;
    display: inline-block;
}
#download-pop .pop-section .footer .btn.disabled,
#download-pop .pop-section .footer .btn[disabled] {
    cursor: not-allowed;
    background: #CCCCCC;
}
#download-pop .pop-section .photo-notes-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item {
    width: calc((100% / 3) - 6.8px);
    margin-bottom: 20px;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item:nth-child(3n-4) {
    margin-left: 10px;
    margin-right: 10px;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .right-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .yellow,
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .green,
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .download-btn {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    cursor: pointer;
    margin-right: 3px;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .download-btn {
    background-image: url('../images/download-original.svg');
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .count {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    color: #53BA60;
    margin-right: 3px;
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .green {
    background-image: url('../images/green.svg');
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .top .yellow {
    background-image: url('../images/spot-notes.svg');
}
#download-pop .pop-section .photo-notes-wrap .photo-notes-item .img-holder {
    border-radius: 5px;
    overflow: hidden;
    min-height: 115px;
    background-color: #CCCCCC;
    margin-top: 5px;
}
/* 
#download-pop .ptnote-icon .feature-lists { display: none !important; visibility: hidden; opacity: 0; pointer-events: none; }
#download-pop {
    
} */
#download-pop .feature-lists.custom_tooltip {
    display: block;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px;
    padding: 1em 2em !important;
    right: 0;
    width: 208px;
    box-sizing: border-box;
    position: absolute;
}

.haddress-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.meta-holder {
    display: flex;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}
.meta-holder > span {
    display: block !important;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 0 5px !important;
    margin-top: 0 !important;
    float: none;
    margin-right: 5px !important;
}
.meta-holder > span:last-child {
    margin-right: 0 !important;
}
.meta-holder > span.hidden {
    display: none !important;
}

.action-holder {
    display: flex;
    box-sizing: border-box;
    justify-content: flex-end;
    align-items: center;
}
.action-holder > a,
.action-holder > div {
    display: block;
    box-sizing: border-box;
    height: 30px !important;
    line-height: 30px;
    padding: 0 5px !important;
    margin-top: 0 !important;
    float: none;
    position: relative;
    margin-right: 5px !important;
}
.action-holder > a .tooltip-size {
    border-radius: 4px;
    padding: 8px;
    box-shadow: none;
    border: 1px solid #DDDDDD;
    z-index: 10401 !important;
    max-width: 300px;
    position: absolute;
    width: 143px;
    left: -31px;
    top: -50px;
    background: #fff;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #6a6a6a;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.action-holder > a .tooltip-size.w-180 {
    width: 180px;
    left: -55px;
}

.action-holder > a .tooltip-size:before,
.action-holder > a .tooltip-size:after,
.action-holder > div#dl-address-action .tooltip-size:before,
.action-holder > div#dl-address-action .tooltip-size:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(171, 171, 171, 0);
    border-bottom-color: #CCCCCC;
    border-width: 10px;
    margin-left: -10px;
    transform: rotate(180deg);
    transform-origin: bottom;
}
.action-holder > a .tooltip-size:after {
    border-bottom-color: #fff;
    bottom: 1px;
}
.action-holder > a:hover .tooltip-size {
    opacity: 1;
    visibility: visible;
}

.action-holder > div#dl-address-action .tooltip-size,
.action-holder > div#dl-ai-address-action .tooltip-size,
.action-holder > div.v2-dropdown .tooltip-size {
    border-radius: 4px;
    padding: 8px;
    box-shadow: none;
    border: 1px solid #DDDDDD;
    z-index: 10401 !important;
    position: absolute;
    width: 143px;
    left: -31px;
    top: -50px;
    background: #fff;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #6a6a6a;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.action-holder > div#dl-address-action .tooltip-size:before,
.action-holder > div.v2-dropdown .tooltip-size:before,
.action-holder > div#dl-ai-address-action .tooltip-size:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(171, 171, 171, 0);
    border-bottom-color: #CCCCCC;
    border-width: 10px;
    margin-left: -10px;
    transform: rotate(180deg);
    transform-origin: bottom;
}

.action-holder > div#dl-address-action .tooltip-size:after,
.action-holder > div.v2-dropdown .tooltip-size:after,
.action-holder > div#dl-ai-address-action .tooltip-size:after {
    border-bottom-color: #fff;
    bottom: 1px;
}

.action-holder div#dl-address-action:hover .tooltip-size,
.action-holder div#dl-ai-address-action:hover .tooltip-size {
    opacity: 1;
    visibility: visible;
    
}

.action-holder div#dl-address-action {
    width: 95px;
}

.action-holder div#dl-ai-address-action {
    width: 107px;
}

.action-holder div.v2-dropdown {
    width: 107px;
}

.action-holder > a .clock-icon {
    position: relative !important;
    margin-top: 0 !important;
    position: relative;
    top: 50%;
    margin-top: -8px !important;
}
#approve-address-action {
    margin-right: 0 !important;
    width: 63px !important;
}
#approve-address-action .menu {
    position: absolute !important;
    top: 30px !important;
    left: -72px !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    #tutorial-popup {
        background: rgb(0,122,255);
        background: -moz-linear-gradient(20deg, rgba(0,122,255,1) 0%, rgba(19,88,206,1) 100%);
        background: -webkit-linear-gradient(20deg, rgba(0,122,255,1) 0%, rgba(19,88,206,1) 100%);
        background: linear-gradient(20deg, rgba(0,122,255,1) 0%, rgba(19,88,206,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007aff",endColorstr="#1358ce",GradientType=1);
        overflow: auto;
    }
    #tutorial-popup .tutorial-container,
    #tutorial-popup  .tutorial-left {
        background: transparent;
    }
    #tutorial-popup .tutorial-container {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin: auto;
        overflow-y: visible;
        padding: 50px 0;
    }
    #tutorial-popup  .tutorial-left,
    #tutorial-popup  .tutorial-right {
        width: 100%;
        display: block;
    }
    #tutorial-popup  .tutorial-left {
        min-height: auto;
    }
    #tutorial-popup  .tutorial-left > div {
        padding-top: 0;
    }
    #tutorial-popup  .tutorial-right {
        min-height: 220px;
        max-width: 335px;
        margin: 0 auto;
        border-radius: 10px;
        overflow: hidden;
    }
}

#toggle_a_assignment {
    cursor: pointer;
    padding: 12px;
    font-size: 13px;
}

#toggle_a_assignment.gray-bg {
    cursor: not-allowed;
} 

#toggle_a_assignment .feature-lists {
    bottom: 55px !important;
}

/* v4  */
.icon-blue-hover:hover { color: #007aff; }

/* .modal-backdrop:not(.uib-modal-backdrop) {
	 z-index: 8999 !important;
}

.popUpV4:not(.uib-modal) {
	 z-index: 9000 !important;
}

.popUpV4.popUpV4-450 .modal-dialog {
	 max-width: 450px;
     width: 100%;
}

 .popUpV4.popUpV4-700 .modal-dialog {
	 max-width: 700px;
}

.popUpV4.popUpV4-700 .modal-dialog .modal-content {
	 padding: 60px;
}

.popUpV4.popUpV4-750-fixed .modal-dialog {
	 width: 750px;
	 max-width: initial;
}

 .popUpV4.popUpV4-750-fixed .modal-dialog .modal-content {
	 padding: 45px;
}

 .popUpV4.popUpV4-450-fixed .modal-dialog {
	 width: 450px;
	 max-width: initial;
}

 .popUpV4.popUpV4-450-fixed .modal-dialog .modal-content {
	 padding: 45px;
}

 .popUpV4.popUpV4-600 .modal-dialog {
	 max-width: 600px;
}

 .popUpV4.popUpV4-520 .modal-dialog {
	 max-width: 520px;
}

 .popUpV4.popUpV4-520 .modal-dialog .modal-content {
	 padding: 60px;
}

 .popUpV4 .modal-body {
	 padding: 0;
}

.popUpV4 .btn-close {
    position: absolute;
    top: -45px;
    right: -45px;
    width: 18px;
    height: 18px;
    padding: 5px;
    outline: 0 !important;
    box-shadow: none !important;
}

.popUpV4 .modal-content {
    padding: 65px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
}

.popUpV4 .modal-content p {
    font-size: 18px;
    font-family: "DM Sans", sans-serif;
    line-height: 30px;
    color: #202020;
}

.popUpV4 .modal-content .square-icon img {
    max-width: 48px;
    height: auto;
}

.popUpV4 .modal-content .vector img {
    max-width: 102px;
    height: auto;
}

.popUpV4 .modal-content .bg-badge {
    background: #007aff;
    background: -moz-linear-gradient(90deg, rgba(0, 122, 255, 1) 0%, rgba(0, 187, 204, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 122, 255, 1) 0%, rgba(0, 187, 204, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 122, 255, 1) 0%, rgba(0, 187, 204, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007aff",endColorstr="#00bbcc",GradientType=1);
    line-height: 30px;
    position: relative;
    border-radius: 50px;
    display: inline-block;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50px;
}

.popUpV4 .modal-content .bg-badge:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    bottom: 0;
    left: 7px;
    z-index: 0;
    height: 26px;
    width: calc(100% - 4px);
    margin: -5px;
    border-radius: inherit;
    background-color: #fff;
    background: #fff;
}

.popUpV4 .modal-content .badge.editing-setup {
    background-color: transparent;
    background: transparent;
    color: #009be6;
    position: relative;
    z-index: 1;
    line-height: 30px;
}

.popUpV4 .modal-header {
    padding: 60px;
    padding-bottom: 12px;
    border: 0;
    border-radius: 10px;
    display: block;
    position: relative;
}

.popUpV4 .modal-header .close {
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    background-color: transparent;
    font-size: 24px;
    color: rgba(0, 0, 0, .4);
}

.modal-open {
    overflow: hidden;
}

.uib-modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.uib-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.uib-modal *,
.uib-modal *::before,
.uib-modal *::after {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

.uib-modal.uib-modal-centered {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.uib-modal .modal-content {
    border: 0 none;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
}

.uib-modal .modal-content .modal-header, 
.uib-modal .modal-content .modal-body, 
.uib-modal .modal-content .modal-footer {
    padding: 0;
}

.uib-modal .modal-content .fs-15 {
    font-size: 15px !important;
}

.uib-modal .modal-content .fs-13 {
    font-size: 13px !important;
}

.uib-modal .modal-content .tc-white {
    color: #fff;
}

.uib-modal .modal-content .modal-header .uib-modal-close {
    font-size: 32px;
    text-align: right;
    position: absolute;
    top: -25px;
    right: -25px;
}

.uib-modal .modal-content .modal-header .uib-modal-close span {
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
}

.uib-modal .modal-content .modal-header .uib-modal-close span:hover {
    color: #000;
}

.uib-modal .border-radius-5 {
    border-radius: 5px;
}

.modal-backdrop.uib-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
}

.modal-backdrop.uib-modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-backdrop.uib-modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
} */

.pac-container { z-index: 10000 !important; }
/* 
.input-dropdown-grp {
    position: relative;
}

.input-dropdown-grp .dropdown-options {
    background-color: #fff;
    border: 2px solid #c2d6f9;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 53px;
    width: 100%;
    z-index: 1;
    max-height: 200px;
    overflow: auto;
}

.input-dropdown-grp .dd-item {
    cursor: pointer;
    padding: 10px 15px 10px 20px;
}

.input-dropdown-grp .dd-item a {
    color: rgba(32, 32, 32, 1);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-dropdown-grp .dd-item a.add-link {
    color: #007aff;
}

.input-dropdown-grp .dd-item .search-highlight {
    color: #202020;
}

.input-dropdown-grp .dd-item .actions span {
    opacity: 0;
    color: #c2d6f9;
    margin: 0 5px;
}

.input-dropdown-grp .dd-item .actions span:hover {
    color: #007aff;
}

.input-dropdown-grp .dd-item:hover {
    background-color: #ecf5ff;
}

.input-dropdown-grp .dd-item:hover .actions span {
    opacity: 1;
}

.input-dropdown-grp .dd-item.is-selected .actions .selected-icon {
    color: #007aff;
    opacity: 1;
}

.input-dropdown-grp .dd-value-selected input {
    padding-right: 45px !important;
}

.input-dropdown-grp .dd-value-selected .dd-caret {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px;
    line-height: 3;
    text-align: center;
    font-size: 18px;
}

.input-dropdown-grp.is-open input, .input-dropdown-grp.is-open .dropdown-options {
    border-color: #007aff;
} */

.ps-container > .ps-scrollbar-y-rail {
    opacity: 1;
    width: unset;
}

.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
    width: 5px;
    background-color: rgba(255, 255, 255, 0.2);
}

.ps-container.lightBlue-scrollbar > .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgba(0, 122, 255, 0.3);
}

.ps-container.lightBlue-scrollbar > .ps-scrollbar-y-rail:hover {
    background-color: transparent !important;
}

.ps-container.lightBlue-scrollbar > .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
    background-color: #007aff;
}

.ps-container.lightBlue-scrollbar.ps-in-scrolling > .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: #007aff;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: transparent !important;
}

/* .uib-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 15px !important;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.uib-tooltip .tooltip-inner {
    max-width: 285px;
    padding: 20px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 5px;
    word-break: break-all;
}

.uib-tooltip .tooltip-arrow {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    background-color: #000;
    transform: rotate(45deg);
}

.uib-tooltip.fade.in {
    opacity: 1;
    -webkit-animation-name: fade;
    -webkit-animation-duration: .3s;
    animation-name: fade;
    animation-duration: .3s;
}

.uib-tooltip.green-tooltip .tooltip-arrow, .uib-tooltip.green-tooltip .tooltip-inner {
    background-color: #0ccc6c;
}

.uib-tooltip.text-left .tooltip-inner { text-align: left; }

.uib-tooltip.top {
    margin-top: -3px;
    padding: 10px 0;
}

.uib-tooltip.right {
    margin-left: 3px;
    padding: 0 10px;
}

.uib-tooltip.bottom {
    margin-top: 3px;
    padding: 10px 0;
}

.uib-tooltip.left {
    margin-left: -3px;
    padding: 0 10px;
}

.uib-tooltip.top .tooltip-arrow {
    bottom: 2px;
    left: 50%;
    margin-left: -10px;
}

.uib-tooltip.right .tooltip-arrow {
    top: 50%;
    left: 2px;
    margin-top: -10px;
}

.uib-tooltip.left .tooltip-arrow {
    top: 50%;
    right: 2px;
    margin-top: -10px;
}

.uib-tooltip.bottom .tooltip-arrow {
    top: 2px;
    left: 50%;
    margin-left: -10px;
}

.uib-tooltip.no-arrow-tooltip {
    width: 100%;
    width: max-content;
    padding: 5px 0;
}

.uib-tooltip.no-arrow-tooltip .tooltip-arrow {
    display: none;
}

.uib-tooltip.no-arrow-tooltip .tooltip-inner {
    padding: 5px 10px;
    font-size: 15px;
    font-family: "DM Sans", sans-serif;
    color: #fff;
    text-indent: initial;
    box-shadow: 0px 5px 15px rgba(32, 32, 32, 0.8);
} */

/* .form-v4 input:not([type="checkbox"]) {
    display: block;
    height: 55px;
    border: 2px solid #c2d6f9;
    border-radius: 5px;
    width: 100%;
    padding: 0 20px;
    font-size: 15px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: #202020;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: none;
} */

/* .listing-contactType-popup .form-v4 .error input:not([type="checkbox"]) { border-color: #dd5560; }

.listing-contactType-popup .form-v4 .error .error-message {
    font-size: 13px !important;
    color: #dd5560 !important;
    font-family: 'DM Sans', sans-serif;
    line-height: 20px !important;
    display: block;
    padding-top: 10px;
}

.listing-contactType-popup h5 {
    font-size: 22px;
    line-height: 30px;
    color: #202020;
    margin: 0;
    font-family: 'Inter', sans-serif !important;
}

.listing-contactType-popup .add-top-3 { margin-top: 30px ; }

.listing-contactType-popup .add-bottom-3 { margin-top: 30px ; }

.listing-contactType-popup .btn { margin: 0 5px; } */
    
/* .listing-popup h5,
.listing-popup h3 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    color: #202020;
    margin: 0 0 15px 0;
}

.listing-popup h5 {
    font-size: 22px;
    line-height: 30px;
}

.listing-popup h3 {
    font-size: 32px;
    line-height: 40px;
}

.listing-popup h5 span{
    font-size: 20px;
    color: #007aff;
    margin-right: 10px;
}

.listing-popup .md-icon { font-size: 18px; }

.listing-popup .tc-red-1 { color: #dd5560; }

.listing-popup .tc-green-1 { color: #0ccc6c !important; }

.listing-popup .text-left { text-align: left; }

.listing-popup .add-top { margin-top: 10px; }

.listing-popup .add-bottom { margin-bottom: 10px; }

.listing-popup .add-top-15 { margin-top: 15px; }

.listing-popup .add-bottom-15 { margin-bottom: 15px; }

.listing-popup .add-left { margin-left: 10px; }

.listing-popup .add-right { margin-right: 10px; }

.listing-popup .add-left-2 { margin-left: 20px; }

.listing-popup .add-right-2 { margin-right: 20px; }

.listing-popup .fw-bold { font-weight: 700; }

.listing-popup .blue-faded-icon {
    color: rgba(0, 122, 255, .3);
}

.listing-popup .blue-faded-icon:hover {
    color: #007aff;
}

.listing-popup .country-dd .country-flag { display: none; }

.listing-popup .country-dd .ps-scrollbar-x-rail { display: none !important; }

.listing-popup  .country-dd .dd-item > div > span:first-child { width: calc(100% - 30px); }

.listing-popup .modal-header p {
    font-size: 15px;
    font-family: "DM Sans", sans-serif !important;
    line-height: 30px;
    color: #202020;
    text-align: left;
}

.listing-popup .form-grp {
    margin: 15px 0;
    text-align: left;
}

.listing-popup input:not([type="checkbox"]) {
    display: block;
    height: 55px;
    border: 2px solid #c2d6f9;
    border-radius: 5px;
    width: 100%;
    padding: 0 20px;
    font-size: 15px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: #202020;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: none;
}

.listing-popup label {
    font-family: 'Inter', sans-serif !important;
    display: block;
    padding-bottom: 10px;
    color: #202020;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}

.listing-popup .input-dropdown-grp.property-instance-dd .dd-value-selected .media-count, 
.listing-popup .input-dropdown-grp.property-instance-dd .dd-value-selected .puv4-info {
  position: absolute;
  right: 40px;
  top: 18px;
  display: none;
}

.listing-popup .input-dropdown-grp.property-instance-dd .dd-value-selected.has-value input {
  padding-right: 65px !important;
}

.listing-popup .input-dropdown-grp.property-instance-dd .dd-value-selected.has-value .puv4-info {
  display: block;
}

.listing-popup .input-dropdown-grp.property-instance-dd .dd-item .puv4-info {
    opacity: 1;
}

.listing-popup .input-dropdown-grp.with-bottomAction .dropdown-options {
    max-height: initial;
    overflow: initial;
}

.listing-popup .input-dropdown-grp.with-bottomAction .dropdown-options .lightBlue-scrollbar {
    max-height: 190px;
    position: relative;
}
.listing-popup .input-dropdown-grp.with-bottomAction .dropdown-options .lightBlue-scrollbar + a {
    padding: 17px 20px;
    display: block;
    color: #007aff;
}
.listing-popup .modal-footer button {
    border-radius: 5px !important;
    margin: 5px;
}

.listing-popup .error-message { 
    font-size: 13px;
    color: #DD5560;
    font-family: 'DM Sans', sans-serif;
    line-height: 20px;
    display: none;
    padding-top: 10px;
}

.listing-popup .error input:not(.btn):not([type="checkbox"]) { border-color: #DD5560; }

.listing-popup .error .error-message { display: block; }

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
   }
}

.listing-popup .spinner-border {
    color: #007aff;
    width: 16px;
    height: 16px;
    border-width: 2px;
    margin-right: 10px;
    display: none;

    vertical-align: -.125em;
    border: 2px solid #007aff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
}

.listing-popup .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 20px;
}

.listing-popup .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.listing-popup .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c2d6f9;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.listing-popup .switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.listing-popup .switch input:checked + .slider {
    background-color: #007aff;
}

.listing-popup .switch input:focus + .slider {
    box-shadow: 0 0 1px #007aff;
}

.listing-popup .switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.listing-popup .google-input {
    position: relative;
    padding: 0;
}

.listing-popup .google-input .spinner-border {
    display: none;
}

.listing-popup .google-input.google-enabled input {
    padding-left: 45px !important;
}

.listing-popup .google-input.google-enabled .spinner-border {
    position: absolute;
    left: 15px;
    top: 59px;
    z-index: 1;
}

.listing-popup .google-input:not(.google-enabled) .spinner-border {
    position: absolute;
    right: 5px;
    top: 55px;
    z-index: 1;
}

.listing-popup .google-input:not(.google-enabled).loading .spinner-border { display: block; }

.listing-popup .google-input:not(.google-enabled).loading .input-grp::before { z-index: -1; }

.listing-popup .google-input:not(.google-enabled).loading .input-grp input { padding-right: 45px !important; }

.listing-popup .google-input.google-enabled .input-grp {
    position: relative;
}

.listing-popup .google-input.google-enabled .input-grp:before {
    content: '';
    background-image: url('../../../publicV4/images/location.png');
    position: absolute;
    display: block;
    background-position: center;
    top: initial;
    bottom: 0;
    left: 0;
    background-size: 14px;
    width: 45px;
    height: 55px;
    background-repeat: no-repeat;
}

.listing-popup .google-input.google-enabled.verified .input-grp::before {
    background-image: url('../../../publicV4/images/location1.png');
}

.listing-popup .google-input.google-enabled.loading .spinner-border {
    display: block;
}

.listing-popup .google-input.google-enabled.loading .input-grp::before {
    z-index: -1;
}

.listing-popup .google-input.readonly > div:not(.input-grp) > div {
    cursor: not-allowed;
    opacity: .3;
}

.listing-popup .google-input.readonly > div:not(.input-grp) > div .switch { pointer-events: none; }

.listing-popup .google-input.readonly .input-grp { cursor: not-allowed; }

.listing-popup .google-input.readonly .input-grp  input {
    background-color: #F0F1F8;
    border-color: #c2d6f9 !important;
    cursor: not-allowed;
    pointer-events: none;
}

.listing-popup .checkbox {
    position: relative;
}

.listing-popup .checkbox input {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.listing-popup .checkbox label {
    font-family: 'DM Sans', sans-serif;
    color: #202020;
    font-size: 15px;
    line-height: 30px;
    padding-bottom: 0;
    cursor: pointer;
    position: relative;
    font-weight: 400;
}

.listing-popup .checkbox label {
    padding-left: 30px;
    display: inline-block;
}

.listing-popup .checkbox label:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 5px;
    background-color: #f2f8ff;
    border: 2px solid #c2d6f9;
    position: absolute;
    top: 5px;
    left: 0;
    box-shadow: none;
}

.listing-popup .checkbox label:hover:before {
    border-color: #007aff;
}

.listing-popup .checkbox input:checked + label:before {
    background-color: #007aff;
    border-color: #007aff;
    background-image: url('../images/checkbox-check-mark.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px;
}

.listing-popup .check-boxes {
    display: flex;
    margin:  0 -15px;
}

.listing-popup .check-boxes.width-2 > div {
    width: calc(100% / 2);
    margin:  0 15px;
    height: 100%;
}

.listing-popup .check-boxes.width-2 > div small { line-height: 1.3; }

.listing-popup .check-boxes > div {
    cursor: pointer;
    width: calc(100% / 3);
    margin: 10px 5px;
    position: relative;
}

.listing-popup .check-boxes > div .badge2 {
    left: 50%;
    margin-left: -51px;
    position: absolute;
    top: -15px;
    z-index: 5;
}

.listing-popup .check-boxes > div p {
    line-height: 1.5 !important;
    word-break: break-word;
}

.listing-popup .check-boxes > div > div {
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #c2d6f9;
    border-radius: 10px;
    padding: 35px 45px;
    text-align: center;
    position: relative;
    transition: all 0.2s ease-in;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listing-popup .check-boxes > div > div:hover {
    -webkit-box-shadow: 0px 10px 30px rgba(0, 122, 255, .15);
    -moz-box-shadow: 0px 10px 30px rgba(0, 122, 255, 0.15);
    box-shadow: 0px 10px 30px rgba(0, 122, 255, .15);
}

.listing-popup .check-boxes > div > div:before {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    border-left: 50px solid #f2fdf7;
    border-top: 50px solid transparent;
    z-index: 2;
    display: none;
}

.listing-popup .check-boxes > div > div .position-relative {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.listing-popup .check-boxes > div:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    border-top-right-radius: 10px;
    z-index: 2;
    display: none;
}

.listing-popup .check-boxes > div:after {
    content: "\e916";
    color: #fff;
    font-size: 17px;
    font-family: 'puv4-icons';
    font-weight: 400;
    position: absolute;
    right: 8px;
    top: 7px;
    z-index: 3;
}

.listing-popup .check-boxes > div:hover:before {
    display: block;
    background-color: rgba(0, 122, 255, .4);
}

.listing-popup .check-boxes > div:hover > div {
    border-color: #007aff;
}

.listing-popup .check-boxes > div:hover > div:before {
    display: block;
    border-left-color: #fff;
}

.listing-popup .check-boxes > div.is-selected:before {
    display: block;
    background-color: #0ccc6c;
}

.listing-popup .check-boxes > div.is-selected > div {
    background-color: #f2fdf7;
    border-color: #0ccc6c;
}

.listing-popup .check-boxes > div.is-selected > div:before {
    display: block;
    border-left-color: #f2fdf7;
}

.listing-popup .check-boxes > div.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.listing-popup .check-boxes .tc-blue-1 { color: #007aff; }

.listing-popup .check-boxes .xl-icon { font-size: 26px; }

.listing-popup .modal-footer  button { margin: 5px; }

/* .listing-popup .pac-target-input + .pac-container {
    top: 55px !important;
    left: 0 !important;
} */

.listing-popup .pac-container {
    top: 55px !important;
    left: 0 !important;
}

.listing-popup .new-listing-form > div:not(.google-input) > div:not(.row) { padding: 0; } */

/* .listing-dd {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.listing-dd .add-right { margin-right: 10px; }

.listing-dd .add-left { margin-left: 10px; }

.listing-dd .add-left-15 { margin-left: 15px; }

.listing-dd label { margin-bottom: 10px; }

.listing-dd input {
    background-color: transparent;
    border-width: 0;
    border: 1px solid #ccc;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    font-size: 13px;
    padding: 10px;
    outline: none;
    font-family: 'Open Sans', sans-serif;
}

.listing-dd .selected-value.active input {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.listing-dd .selected-value {
    position: relative;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.listing-dd .selected-value:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 100%;
    right: 0;
    cursor: pointer;
}

.listing-dd .selected-value .caret {
    border: solid transparent;
    border-width: 5px;
    content: " ";
    position: absolute;
    border-color: rgba(255, 255, 255, .5);
    border-left-color: transparent;
    border-top-color: #000;
    top: 12px;
    right: 10px;
    opacity: 0.75;
}

.listing-dd .selected-value .ico-info { position: relative; }

.listing-dd .selected-value.active .caret { opacity: 1; }

.listing-dd .selected-value > div {
    width: 100%;
    position: relative; */
    /* margin-right: 15px; */
/* }

.listing-dd .dropdown {
    border: 1px solid #ccc;
    width: calc(100% - 2px);
    position: absolute;
    background-color: #fff;
    z-index: 3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 29px;
}

.listing-dd.has-value .dropdown { width: calc(100% - 25px ); }

.listing-dd .dropdown > div {
    max-height: 130px;
    overflow: auto;
}

.listing-dd .dropdown > a {
    display: inline-block;
    padding: 7px 10px;
    color: #2967de;
}

.listing-dd .dropdown li {
    padding: 5px 10px;
    cursor: pointer;
    float: none;
}

.listing-dd .dropdown li p {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 0;
}

.listing-dd .dropdown li p:first-child { width: calc(100% - 150px); }

.listing-dd .dropdown li p:first-child span:not(.actions) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    margin-right: 5px;
}

.listing-dd .dropdown li p:first-child span.actions {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.listing-dd .dropdown li p:first-child span.actions span, .listing-dd .dropdown li p:first-child span.actions a {
    color: rgba(255, 255, 255, .7);
    margin: 0 3px;
}

.listing-dd .dropdown li .selected-icon { opacity: 0; }

.listing-dd .dropdown .listing-address { color: #202020; }

.listing-dd .dropdown .actions { display: none !important; }

.listing-dd .dropdown .actions span { color: rgba(72, 127, 223, .7); }

.listing-dd .dropdown .actions span:hover { color: #487fdf; }

.listing-dd .dropdown .actions .half-left { margin-left: 5px; }

.listing-dd .dropdown .actions .add-left { margin-left: 10px; }

.listing-dd .dropdown li.is-selected .selected-icon {
    opacity: 1;
    color: #487fdf;
}

.listing-dd .dropdown li:hover { background-color: #007aff; }

.listing-dd .dropdown li:hover .listing-address, 
.listing-dd .dropdown li:hover p,
.listing-dd .dropdown li:hover > div > div span { color: #fff; }

.listing-dd .dropdown li:hover > div > div .c-icon { color: rgba(255, 255, 255, .7); }

.listing-dd .dropdown li:hover .actions { display: flex !important; }

.listing-dd.error input { border-color: #d45245; }

.listing-dd .is-open input { border-color: #ccc; }

.listing-dd.readonly { cursor: not-allowed; }

.listing-dd.readonly input {
    border-color: rgba(204, 204, 204, .5) !important;
    cursor: not-allowed;

}

.listing-dd.readonly > div { pointer-events: none; }

.listing-dd .add-link {
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
    padding: 5px 10px;
}

.listing-dd .add-link p {
    color: #007aff;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 0;
}

.listing-dd .add-link button {
    background-color: #2967de;
    color: #fff;
    text-transform: lowercase;
    border-radius: 2px !important;
    border: 1px solid #2967de;
    line-height: 1.7;
}

.listing-dd.error .error-message {
    color: #d45245 ;
    font-size: 12px;
} */

/* .listing-dd .add-link button.disabled, .listing-dd .add-link button[disabled] { opacity: 0.3; } */

.qtip-duplicate { max-width: 200px !important; }

.qtip-duplicate .qtip-content {
    text-align: center;
    line-height: 1.3 !important;
}

/* .qtip-listing-dd { width: 200px; } */

/* .qtip-listing-dd .qtip-content { line-height: 1.3; } */

/* .listing-popup .google-input.google-enabled .input-grp:before { background-image: url('../../../publicV4/images/location.png'); } */

/* .listing-popup .google-input.google-enabled.verified .input-grp:before { background-image: url('../../../publicV4/images/location1.png'); } */

.uib-tooltip.media-count-tooltip {
    border: 0 none;
    box-shadow: none;
}

.uib-tooltip.media-count-tooltip p  {
    font-size: 15px;
    line-height: 30px;
}

.uib-tooltip.media-count-tooltip p span { margin-left: 30px; }

/* .qtip-listing-dd { width: 200px; } */

/* .qtip-listing-dd .qtip-content { line-height: 1.3; } */

.pe-none {
    pointer-events: none;
}

.listing-instance-popup img { content: url(../../../publicV4/images/purchase-successful.png); }

.listing-instance-popup h3 {
    font-size: 32px;
    line-height: 40px;
    color: #202020;
}

.listing-instance-popup .add-bottom-15 { margin-bottom: 15px; }

.listing-instance-popup .fw-bold { font-weight: 700; }
.listing-instance-popup .fs-15 { font-size: 15px; }

.property-walkthroughModal .modal-dialog {
    max-width: 450px !important;
}
.property-walkthroughModal .modal-header .c-icon {
    color: #007aff;
    display: block;
    font-size: 34px;
    margin-bottom: 15px;
}
.property-walkthroughModal .modal-header h5 {
    color: #202020;
    font-size: 22px !important;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}
.property-walkthroughModal .modal-body {
    margin: 10px 0 30px 0;
}
.property-walkthroughModal button {
    border-radius: 5px !important;
}
.walkthrough-steps-grp .walkthrough-step {
    background-color: #fff;
    border: 2px solid #007aff;
    z-index: 1000;
    position: absolute;
    width: 410px;
    padding: 30px 20px 30px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 88, 255, 0.25);
    -moz-box-shadow: 0px 15px 35px 0px rgba(0, 88, 255, 0.25);
    box-shadow: 0px 15px 35px 0px rgba(0, 88, 255, 0.25);
    box-sizing: border-box;
    display: block;
}
.walkthrough-steps-grp .walkthrough-step > p {
    color: #202020;
}
.walkthrough-steps-grp .walkthrough-step > p .c-icon {
    color: #007aff;
    font-size: 20px !important;
}
.walkthrough-steps-grp .walkthrough-step > p:first-child {
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    display: flex;
    align-items: center;
}
.walkthrough-steps-grp .walkthrough-step > p:nth-of-type(2) {
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-family: "DM Sans", sans-serif !important;
    margin: 10px 0 15px;
}
.walkthrough-steps-grp .walkthrough-step button {
    cursor: pointer;
    pointer-events: auto;
    margin-right: 20px;
    border-radius: 5px !important;
}
.walkthrough-steps-grp .walkthrough-step button + p {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #202020;
    opacity: 0.5;
}
.walkthrough-steps-grp .walkthrough-step .skip-text { 
    font-size: 13px !important;
    pointer-events: auto;
    cursor: pointer;
    font-weight: 600 !important;
}
.walkthrough-steps-grp .walkthrough-step .skip-text:hover { color: #202020; }
.walkthrough-steps-grp .walkthrough-step::before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: white;
    border: 2px solid #007aff;
    transform: rotate(45deg);
    border-radius: 5px;
    box-sizing: border-box;
}
.walkthrough-steps-grp .walkthrough-step.step-1 {
    left: 50%;
    margin-left: -210px;
    bottom: 75px;
}
.walkthrough-steps-grp .walkthrough-step.step-1::before {
    left: 50%;
    bottom: -10px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}
.walkthrough-steps-grp .walkthrough-step.step-2 {
    position: fixed;
    /* bottom: 66%; */
    left: 245px;
}
.walkthrough-steps-grp .walkthrough-step.step-2:before {
    left: -10px;
    top: 55px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}
.walkthrough-steps-grp.pe-view .walkthrough-step.step-1, .walkthrough-steps-grp.vs-view .walkthrough-step.step-1 {
    bottom: 45px;
}
.property-walkthrough-enable:not(.modal-open) { pointer-events: none; }
.property-walkthrough-enable:not(.modal-open) #main-body::before, .property-walkthrough-enable:not(.modal-open) #main::before {
    content: "";
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2;
    top: 0;
    pointer-events: none;
}

.property-walkthrough-enable:not(.modal-open).in-step2 #properties-menu .p-menu {
    background-color: rgba(0,0,0,.5);
}

.property-walkthrough-enable:not(.modal-open) #header.v4 {
    z-index: 100;
}
.property-walkthrough-enable:not(.modal-open).in-step1 select-listing {
    z-index: 1000;
    position: relative;
    pointer-events: none;
}
.property-walkthrough-enable:not(.modal-open).collapse-sidebar .walkthrough-steps-grp .walkthrough-step.step-2 {
    left: 75px;
}

@-moz-document url-prefix() {
    .property-walkthrough-enable:not(.modal-open).in-step1 select-listing { position: initial; }
}
  
/* end of listings */

/* for the earned credits filter */
.select-credits-filter{
    padding:10px 13px;
    font-size:15px;
    border-radius:6px
}

.ai-settings-tt {
    min-width: 410px !important;
    line-height: 1.4em;
}

.ai-settings-tt table tr td{
    text-align: left;
}

.ai-settings-tt table tr td:first-child{
    text-align: right;
}

.add-ai-feedback-icon.active,
.add-ai-feedback-icon:hover, 
.add-internal-feedback-icon.active,
.add-internal-feedback-icon:hover {
    background-color: #487fdf !important;
}
.add-ai-feedback-icon .new-tooltip,
.add-internal-feedback-icon .new-tooltip  {
    min-width:260px !important;
    max-width:283px !important;
}

.add-ai-feedback-icon textarea, 
.add-internal-feedback-icon textarea {
    min-width:230px !important;
    height: 80px;
    resize: none;
    margin-bottom: 0px;
}

.add-ai-feedback-icon input[type=submit], 
.add-internal-feedback-icon input[type=submit]{
    border-style: none;
}

.add-ai-feedback-icon input[type=submit].disabled, 
.add-internal-feedback-icon input[type=submit].disabled {
    pointer-events: none;
    background-color: #9f9f9f !important;
}

.add-ai-feedback-icon .comment-wrap .text, 
.add-internal-feedback-icon .comment-wrap .text{
    word-break: break-all;
    text-align: left;
}

.ai-settings-popup .fancybox-inner, 
.internal-settings-popup .fancybox-inner{
    overflow: hidden !important;
}

.fancy-my-orders .top-icons .add-ai-feedback-icon.sep-right-quart, 
.fancy-my-orders .top-icons .add-internal-feedback-icon.sep-right-quart {
    margin-right:0px !important;
}

.fancy-my-orders .top-icons .add-ai-feedback-icon,
.fancy-my-orders .top-icons .reject-ai-photo-icon,
.fancy-my-orders .top-icons .add-internal-feedback-icon,
.fancy-my-orders .top-icons .reject-internal-photo-icon,
.fancy-my-orders .top-icons .autoenhance-settings-tt {
    display: inline-block;
    float: none !important;
}
.fancy-my-orders .top-icons .add-ai-feedback-icon .new-tooltip,
.fancy-my-orders .top-icons .reject-ai-photo-icon .new-tooltip,
.fancy-my-orders .top-icons .add-internal-feedback-icon .new-tooltip,
.fancy-my-orders .top-icons .reject-internal-photo-icon .new-tooltip,
.fancy-my-orders .top-icons .autoenhance-settings-tt .new-tooltip {
    bottom: auto !important;
    top: 22px !important;
}
.fancy-my-orders .top-icons .add-ai-feedback-icon .new-tooltip.top:before,
.fancy-my-orders .top-icons .reject-ai-photo-icon .new-tooltip.top:before,
.fancy-my-orders .top-icons .add-internal-feedback-icon .new-tooltip.top:before,
.fancy-my-orders .top-icons .reject-internal-photo-icon .new-tooltip.top:before,
.fancy-my-orders .top-icons .autoenhance-settings-tt .new-tooltip.top:before {
    bottom: 100%;
    border-bottom-color: #b9b9b9;
    top: auto;
    border-top-color: transparent;
}
.fancy-my-orders .top-icons .add-ai-feedback-icon .new-tooltip.top:after,
.fancy-my-orders .top-icons .reject-ai-photo-icon .new-tooltip.top:after,
.fancy-my-orders .top-icons .add-internal-feedback-icon .new-tooltip.top:after,
.fancy-my-orders .top-icons .reject-internal-photo-icon .new-tooltip.top:after,
.fancy-my-orders .top-icons .autoenhance-settings-tt .new-tooltip.top:after {
    bottom: 100%;
    border-top-color: transparent !important;
    border-bottom-color: #fff !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    top: auto;
}

.image-set-default,
.pmimage-set-default {
    display: none;
}

.fancy-my-orders .photo-select-menu .pmimage-set-default {
    position: absolute;
    right: 4px;
    top: 50px;
    z-index: 100;
}


.fancy-my-orders .photo-select-menu .image-set-default,
.fancy-my-orders .photo-select-menu .pmimage-set-default {
    display: none;
}

.fancy-my-orders .photo-select-menu .pmimage-set-default.icon-hovers:hover:after {
    width: 0px;
}

.fancy-my-orders .photo-select-menu .photo-select-list li:hover .image-set-default.icon-lock2,
.fancy-my-orders .photo-select-menu .photo-select-list li:hover .image-set-default.icon-lock2,
.fancy-my-orders .photo-select-menu .photo-select-list li .image-set-default.icon-lock2.active,
.fancy-my-orders .photo-select-menu .photo-select-list li:hover .pmimage-set-default.icon-lock2,
.fancy-my-orders .photo-select-menu .photo-select-list li:hover .pmimage-set-default.icon-lock2,
.fancy-my-orders .photo-select-menu .photo-select-list li .pmimage-set-default.icon-lock2.active {
    display: block !important;
}

.group-photo-icon.active,
.group-photo-icon:hover {
    background-color: #487fdf !important;
    cursor: pointer;
}

.ai-feedbackform,
.inernal-feedbackform {
    line-height: 16px;
}

.ai-feedback-chkbox, 
.internal-feedback-chkbox {
    margin-top: -1px;
}

.separator:after {
    content: " |";
    color:rgb(0, 0, 0);
}


/*new-shift-fancybox*/

.new-shift-fancybox .fancybox-skin {
    border-radius: 10px !important;
    padding: 45px !important;
}
#add-shift-schedule .adcl-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    line-height: 40px !important;
    color: #202020 !important;
    margin-bottom: 20px !important;
}
#add-shift-schedule p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 25px !important;
    color: #202020 !important;
}
#add-shift-schedule .checkbox {
    position: relative;
}
#add-shift-schedule .checkbox input {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
#add-shift-schedule .checkbox label {
    font-family: 'DM Sans', sans-serif;
    color: $dark;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 0;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    padding-left: 30px;
    display: inline-block;
    margin-top: 10px;
}
#add-shift-schedule .checkbox label:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 5px;
    background-color: #F2F8FF;
    border: 2px solid #c2d6f9;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: none !important;
}
#add-shift-schedule .checkbox label:hover:before {
    border-color: #007AFF;
}
#add-shift-schedule .checkbox input:checked + label:before {
    background-color: #007AFF;
    border-color: #007AFF;
    background-image: url('../images/checkbox-check-mark.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px;
}
#add-shift-schedule #proceed-shift {
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    -webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    transition: top 0.3s ease;
    text-decoration: none;
    top: 0;
    border-radius: 5px;
    font-size: 16px;
    padding: 17px 30px !important;
    color: #fff;
}

#add-shift-schedule #proceed-shift.green-bg {
    background-color: #007AFF;
    border: 1px solid #007AFF !important;
}

#add-shift-schedule #proceed-shift.gray-bg {
    background-color: #b9b9b9;
    border: 1px solid #b9b9b9 !important;
}

#add-shift-schedule #make-default-shift-schedule {
    color: #007AFF !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 25px !important;
    display: inline-block;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .new-shift-fancybox {
        width: calc(100% - 20px) !important;
        left: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .new-shift-fancybox .fancybox-inner {
        width: 100% !important;
    }
    .new-shift-fancybox .fancybox-skin {
        width: auto !important;
        max-width: 450px;
        margin: 0 auto;
    }
}
@media (max-width: 479px) {
    .new-shift-fancybox .fancybox-skin {
        padding: 45px 25px !important;
    }
}
.fancy-editor-batchinfo .icon-hovers.add-internal-feedback-icon:hover:after {
    right: -20px;
    top: 11px;
}

.add-internal-feedback-icon .jd-tag-suggest {
    padding: 0;
    margin-top: 10px;

}
.add-internal-feedback-icon .ui-state-focus, 
.add-internal-feedback-icon .ui-state-hover {
    background: #eeeeee !important;
}

.add-internal-feedback-icon .jd-suggestions.ui-menu .ui-menu-item {
    line-height: inherit;
    text-align: left;
    padding: 0;
}
.add-internal-feedback-icon .jd-suggestions.ui-menu .ui-menu-item:first-child {
    margin-top: 0.5em;
}

.add-internal-feedback-icon .jd-suggestions.ui-menu .ui-menu-item a {
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    line-height: 25px;
}
.add-internal-feedback-icon .jd-suggestions a {
    display: block;
}
.jd-tag-suggest ul.jd-tag-suggest-results li.no-edit:after {
    content: "";
}

#sv-form .sv-list {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 2px 0;
}

#sv-form .sv-list input {
    padding: 0.5em;
}

#sv-form .sv-list .sv-code {
    width:  50px;
}

#sv-form .sv-list .sv-name {
    width: 810px;
}
#sv-form .sv-list .sort-handle {
    display: inline-block;
    padding: 0.5em;
    cursor: ns-resize;
}

#sv-form .upload-btn {
    float: right;
    position: relative;
    top: -56px;
    right: 0;
    margin-bottom: -56px;
}

#sv-form .icon-remove, #sv-form .icon-remove2 {
    padding: 0.5em;
    display: inline-block;
}
#sv-form .icon-plus {
    padding: 0.5em;
    display: inline-block;
    position: relative;
    top: -30px;
    right: -30px;
    float: right;
    margin-bottom: -30px;
}
#sv-form .empty-box {
    border-color: red;
    animation: blink 1s;
    animation-iteration-count: 3;
}
@keyframes blink { 50% { border-color: #DDDDDD; }  }
/**
 * Dasboard css - Nas 
**/

.pu-sidebar #active-orders li input {
    float:  left;
    position: relative;
    top: 13px;
    top: 10px;
    left: 15px;
}
.pu-sidebar li ul#active-orders li a {
    padding-left: 32px;
}
/* customize queue */
.customize-queue-cont {
    background-color: rgba(41,103, 222, .2);
    border-radius: 3px;
    padding: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.customize-queue-cont > div { padding: 0 5px; }
.customize-queue-cont p { font-family: "Open Sans", sans-serif; }
.customize-queue-cont .title {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.customize-queue-cont .desc {
    color: #202020;
    font-size: 13px;
    font-weight: 400;
}

.blink_text {
  animation: blinker 1.3s linear infinite;
}

@keyframes blinker {
  30% {
    opacity: 0;
  }
}

.cost-breakdown-table {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.cost-breakdown-table table {
    width: 100%;
    border-collapse: collapse;
}

.cost-breakdown-table th {
    background: #f5f7ff;
    color: #404040;
    text-align: left;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
}

.cost-breakdown-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #eaeaea;
    color: #404040;
    font-size: 14px;
}

.cost-breakdown-table th.text-center,
.cost-breakdown-table td.text-center {
    text-align: center !important;
}

.cost-breakdown-table th.text-right,
.cost-breakdown-table td.text-right {
    text-align: right !important;
}

.cost-breakdown-table td.text-right {
    font-weight: 500;
}

.cost-breakdown-table .icon-info {
    color: #2967de;
    font-size: 16px;
    margin-left: 4px;
    opacity: 0.8;
    cursor: help;
}

.cost-breakdown-table .icon-info:hover {
    opacity: 1;
}

.cost-breakdown-table tr.grand-total {
    background: #f5f7ff;
}

.cost-breakdown-table tr.grand-total td {
    padding: 16px;
    font-size: 16px;
    border-bottom: none;
}

.cost-breakdown-table tr.grand-total td strong {
    color: #404040;
}

/* 
V4 uploader css suppport
*/

.homeinfo-photo-list .grouping-radio-class {
    margin-left: 146px;
}

.homeinfo-photo-list .photo-list > li {
    width: 166px;
}


.homeinfo-photo-list .photos-section .status-photo-list:last-child {
    margin-bottom: 0px !important;
}

.homeinfo-photo-list .photos-section .status-photo-list:not(:last-child) {
    margin-bottom: 20px !important;
}

.homeinfo-photo-list .client-batch-info .ptnote-icon .feature-lists {
    white-space: normal;
    width: 220px;
}


.preference-bullet-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px 24px; /* Less vertical space between items */
  }
  
  .preference-bullet-list .item {
    background: none;
    border-radius: 0;
    padding: 4px 12px 4px 20px; /* Reduced padding */
    position: relative;
    font-size: 14px; /* Slightly smaller font */
    color: #2a3b4d;
    box-shadow: none;
    transition: none;
  }
  
  .preference-bullet-list .item::before {
    content: '\2022' !important;
    color: #4a90e2 !important;
    font-size: 1em;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .preference-bullet-list .label {
    font-weight: 500;
    letter-spacing: 0.01em;
  }
  
  /* Columns on wider screens */
  .preference-bullet-list.multi-column {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Swtich for V4 Uploader */
  .switch-v4-uploader {
    padding: 20px 0;
    text-align: right;
  }

  .switch-v4-uploader a .icon {
    curspor: pointer;
    font-size: 20px;
    color: rgba(0, 122, 255, 0.3);
  }

  .switch-v4-uploader a:hover .icon {
    color: rgba(0, 122, 255, 1);
  }