@import url("variable.css");
body {
    font-size: var(--global--font-size-base);
    overflow-x: auto;
}

.un-success {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.row.uccess-box1 .btn {
    margin-top: 18px;
    float: right;
}

.tab-top-text {
    color: var(--black);
    width: 100%;
    padding: 15px 0px;
}

.srl-bg {
    background: var(--black-bg);
    color: var(--white);
}

.srl-center {
    text-align: center;
}

a.btn-send {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: var(--global--font-size-lg);
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 0px;
    float: left;
}

.list-saved2 .template_cls {
    color: var(--black);
}

.list-saved2 .template_cls a {
    color: var(--black);
}

.list-saved2 .panel-body {
    padding: 5px 15px!important;
}

.list-saved-temp {
    padding: 15px;
}

.list-saved-temp {
    display: none;
}

.list-saved-temp.active {
    display: block;
}

.pl-project-create .pl-project-form .inner-bg-1 {
    padding: 15px;
}

.pl-project-create .pl-project-form .inner-bg-1 .col-md-3 {
    padding-left: 0px;
}

.middle-box .h1,
.middle-box h1 {
    font-size: var(--global--font-size-xl-l);
    margin-top: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 2px;
}

.popup-content .control-label {
    font-weight: 400!important;
    color: #000!important;
}

.popup-content .form-group {
    margin-bottom: 0px!important;
}

.popup-content .btn {
    color: var(--black);
    float: right;
    margin: 0px 5px;
    background-color: #d7d7d7;
    border-radius: 25px;
}

.popup-content .btn:hover {
    color: var(--white);
    background-color: #d7d7d7;
}

#accordionright .panel-heading h4 {
    font-size: var(--global--font-size-lg);
}

.well-lg {
    padding: 15px;
    border-radius: 0px;
    margin-bottom: 0px;
    border: 0px solid var(--light-gray-hight);
}

.well-lg h3 {
    margin: 0px 0px 8px;
    font-size: 20px;
}

.pl-project-update .inner-bg-1 {
    padding: 10px 15px 15px 15px;
}

.text-menu {
    font-size: var(--global--font-size-xs)!important;
}

.pstats img {
    vertical-align: top;
    width: 14px;
    margin-left: 4px;
    margin-right: 10px;
}

.well.well-lg .contributer {
    border: 1px solid var(--light-gray);
    background-color: var(--white);
}

.right-top-menu ul li {
    border-radius: 5px!important;
}

table.quote-pdf tr td {
    font-size: var(--global--font-size-md);
    padding: 7px 10px;
}

#creditnotelist {
    color: red;
}

.tab-pane.fade {
    display: none!important;
}

.tab-pane.fade.active.in {
    display: block!important;
}

#docsvalut .table>tbody>tr>td {
    font-weight: normal;
    padding: 3px;
    background: var(--white-bg);
    text-align: center;
    border-bottom: 5px solid var(--light-gray2);
    border-right: 5px solid var(--light-gray2);
}

.sm-btn {
    border-radius: 3px;
    padding: 2px 5px;
    margin-bottom: 0;
    font-size: var(--global--font-size-md);
}

.sets {
    color: var(--black);
    font-weight: normal;
}

.tab-pane.fade.sets.active.in p {
    padding-left: 15px;
}

.template_cls.pl_title {
    float: left;
    color: var(--black);
    width: 40%;
    padding: 5px;
}

#pl_list-temp2 .btn.btn-success {
    margin-bottom: 3px;
}

#pl_list-temp2 {
    padding: 0px;
}

.well-lg .mergeProjectButton {
    float: right;
}

.popup-content h3,
.popup-content h2 {
    font-size: var(--global--font-size-sm);
    margin-top: 0px;
    padding-top: 5px
}

.popup-content .pull-right .fa.fa-remove {
    display: none;
}

.panel-heading h4 a {
    color: #000
}

.gallery.frm {
    width: 100%;
    margin: 10px 0px;
    background: var(--light-gray2);
    padding: 10px;
}

.gallery.frm img {
    margin: 5px 1% 10px;
    width: 23%;
}

.if-plus tbody tr td {
    background: var(--white-bg);
}

.up-img {
    border-left: 1px solid var(--light-gray2)!important;
    border-right: 1px solid var(--light-gray2)!important;
    background: var(--light-gray2)!important;
    font-weight: bold;
}

.share-if-main {
    border: 1px solid var(--light-gray2)!important;
    background: var(--light-gray2)!important;
    padding: 0px!important;
}

.up-thumb-box {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.up-thumb-box li {
    list-style: none;
    padding: 5px;
    float: left;
}

.img-name {
    width: 100%;
    font-size: var(--global--font-size-xs);
    text-align: center;
    height: 30px;
}

.share-if {
    width: 140px;
    height: auto;
    padding: 5px;
    text-align: center;
    float: right;
    border: 1px solid var(--dark-gray-border);
    color: var(--white);
}

.share-if:focus {
    color: var(--white);
    background: var(--dark-gray-color3);
    text-decoration: none;
    border: 1px solid var(--dark-gray-border);
}

.share-if:hover {
    color: var(--white);
    background: var(--dark-gray-color3);
    text-decoration: none;
    border: 1px solid var(--dark-gray-border);
}

.hadding-cal {
    font-weight: bold;
}

.if-plus {
    margin-bottom: 0px;
}

.collection-box {
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--light-gray-hight);
    width: 100%;
    height: auto;
}

.popup-content .table-bordered {
    color: var(--black) !important;
    margin-bottom: 15px;
}

.collection-box .panel-title {
    width: 70%;
    float: left;
}

.status-btn {
    width: 25%;
    float: right;
}

.status-btn {
    text-align: right;
    padding: 5px 15px 0px 0px;
}

.collection-box .panel-title {
    width: 70%;
    float: left;
    padding: 10px 15px;
}

.collection-box .active-btn {
    border: 0px;
    padding: 4px 10px;
}

.collection-box .inactive-btn {
    border: 0px;
    padding: 4px 10px;
}

.update-btn .share-if-main {
    padding: 15px 0px 15px !important;
}

.btn-email {
    margin-right: 20px;
}

.img-close {
    width: 100px;
    float: left;
    padding: 10px;
}

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

.img-close .fa {
    float: right;
    z-index: 9999;
    cursor: pointer;
    background: var(--green-bg);
    color: var(--white);
    padding: 4px 0px;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.up-thumb-box li {
    width: 130px;
    height: auto;
    padding: 15px;
    float: left;
}

.up-thumb-box li img {
    width: 100px;
    height: 100px;
    margin-bottom: 8px;
}

.up-thumb-box li a {
    color: var(--black);
}

.popup-content h1 {
    font-size: var(--global--font-size---lg);
    margin-top: 0px!important;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 12px;
    padding-top: 7px;
}

.email-template {
    max-width: 1167px;
    margin: 0px auto;
}

.email-template .panel-title {
    text-align: center;
}

.email-template .collection-box .panel-title {
    width: 100%;
}

.multipleInput-container {
    border: 1px var(--light-gray) solid;
    padding: 1px;
    padding-bottom: 0;
    cursor: text;
    font-size: var(--global--font-size-base);
    width: 100%;
    height: 75px;
    overflow: auto;
    background-color: white;
    border-radius: 3px;
}

.multipleInput-container input {
    font-size: var(--global--font-size-base);
    width: 150px;
    height: 24px;
    border: 0;
    margin-bottom: 1px;
    outline: none
}

.multipleInput-container ul {
    list-style-type: none;
    padding-left: 0px !important;
}

li.multipleInput-email {
    float: left;
    margin-right: 2px;
    margin-bottom: 1px;
    border: 1px var(--light-blue) solid;
    padding: 2px;
    background: var(--light-blue1);
}

.multipleInput-close {
    width: 16px;
    height: 16px;
    background: url(close.png);
    display: block;
    float: right;
    margin: 0 3px;
}

.email_search {
    width: 100% !important;
}

.email-loading {
    width: 90%;
    position: absolute;
    text-align: center;
    top: 50%;
}

.collection-box .panel-title a {
    color: var(--black);
    font-size: var(--global--font-size-base);
    font-weight: normal;
}

.top-btn {
    width: 100%;
    float: left;
    height: auto;
}

.pl-project-form .nav-tabs {
    border-bottom: 0px solid var(--light-gray-hight);
}

.pl-project-form .nav-tabs>li>a {
    font-size: 15px;
    color: var(--black);
}

.pl-project-form .nav-tabs>li.active>a {
    font-size: 15px;
    color: var(--black);
    border: 0px;
    background: var(--mid-grey);
    border-radius: 0px;
    font-weight: normal;
}

#savedtemplate ul {
    margin: 10px;
}

#savedtemplate ul li a {
    background: var(--dark-gray-color3);
    color: var(--white);
}

#savedtemplate .active a {
    background: var(--black-bg);
}

#set1 ul li a {
    background: var(--dark-gray-color3)!important;
    color: var(--white)!important;
}

#set1 .active a {
    background: var(--black-bg)!important;
}

.bg-color-box1 {
    background: var(--light-gray2);
    padding: 15px;
}

.bg-color-box1 label {
    padding-bottom: 3px;
}

.bg-color-box1 {
    background: var(--light-gray2);
    padding: 15px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.right_margin {
    margin-bottom: 10px;
}

.view-box {
    width: 6%;
    height: auto;
    text-align: right;
    float: right;
    padding-top: 15px;
    margin-right: -5px;
}

.view-box ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: right;
}

.view-box ul li {
    float: right;
    list-style: none;
    margin-left: 3%;
    padding: 3px 0px 1px;
    height: 27px;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 30%;
    text-align: center;
    opacity: 0.3;
}

.view-box ul li.redActive {
    opacity: 1;
}

.main-box1 a {
    color: var(--black);
    text-decoration: none;
    width: 84%;
    float: left;
}

.main-box1 a:hover {
    text-decoration: none;
}

.top-search {
    width: 10%;
    height: auto;
    float: left;
    padding: 0px 0px;
}

.search-button {
    width: 90px;
}

.box-co1-main .task {
    width: 100%;
    background: inherit;
    padding: 0px;
    border: 0px solid var(--mid-grey);
}

.box-co1-main .pro-filler {
    width: 100%;
    background: inherit;
    padding: 0px;
    border: 0px solid var(--mid-grey);
}

.select2-container--default .select2-selection--single {
    border: 0px solid var(--light-gray);
    height: 27px;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
    position: relative;
    float: left;
}

.bootstrap-select.btn-group .btn .filter-option {
    font-size: var(--global--font-size-base);
    font-weight: 500;
    width: auto;
    float: left;
}

.bootstrap-select>.btn .bootstrap-select>.btn {
    border: 0px;
    height: 27px;
    padding: 3px 10px 0px;
}

.top-search.search-button .btn-xs {
    padding: 4px 10px;
    font-size: var(--global--font-size---lg);
    line-height: 1.5;
    border-radius: 3px;
    height: 34px;
}

.action-notes.btn.btn-danger.btn-xs.pull-right {
    color: #e0161a !important;
    background: inherit!important;
    font-size: var(--global--font-size-base);
    line-height: 20px;
}

.logo1 {
    width: 100%;
    float: left;
}

.logo1 img {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 50px;
    display: none;
}

.main-top-menu.menu2 {
    width: auto;
    float: left;
    padding-top: 5px;
    padding-left: 0px;
}

.menu2 .top-menu-con {
    width: 36px;
    height: auto;
    padding-top: 10px;
    float: left;
}

.menu2 .top-menu-con img {
    width: auto;
    height: 28px;
}

.menu2 ul {
    padding: 0px;
    padding-left: 15px;
}

.menu2 ul li {
    width: 83px;
}

.menu3 {
    width: auto;
    padding-top: 20px;
    float: right;
}

.menu3 ul {
    padding: 0px;
}

.menu3 ul li {
    background: inherit;
    padding: 5px;
}

.menu3 ul li a {
    color: var(--white);
}

.middle-box {
    min-height: 650px;
    padding: 0px 0px 0px;
    margin-top: 0px;
    position: relative;
    float: right;
}

.popup-content .middle-box {
    min-height: auto;
}

.counter,
.counter a,
.counter a:visited {
    background-color: inherit!important;
    color: var(--black);
    margin-top: 15px;
}

.counter {
    padding: 5px 10px;
    background-color: inherit!important;
    font-weight: 500;
    font-size: var(--global--font-size-base);
    text-align: center;
}

.counter.active {
    color: var(--black);
    width: auto;
    height: auto;
    padding: 5px 0px 0px;
}

.maintabel-box {
    width: 5%;
    float: left;
    text-align: left;
}

.box-co0 {
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--mid-grey);
}

.box-co0:hover {
    background: #fff;
}

.maintabel-box.p-name {
    width: 21%;
}

.maintabel-box.p-project {
    width: 18%;
}

.main-box-b1.w-99 {
    padding-top: 10px;
}

.maintabel-box.p-Value {
    width: 6%;
    text-align: right;
}

.p-Value .t-box7 {
    text-align: right!important;
}

.p-Value .main-box2 {
    padding-right: 0px!important;
}

.maintabel-box.p-acc {
    width: 20%;
}

.box-co0 .maintabel-box .tabel-box {
    display: none;
}

.box-co0:first-child .maintabel-box .tabel-box {
    line-height: 14px;
    display: block;
    background: var(--light-gray5);
    color: var(--dark-gray-color4);
    font-weight: 500;
    padding: 23px 0px 0px 0px;
    height: 50px;
    /* text-transform: uppercase;
    */
    height: 62px;
    font-size: var(--global--font-size-base);
}

.progress {
    background: inherit;
    height: 27px;
    border-radius: 0px;
    border: 0px solid var(--mid-grey);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.tabel-file,
.tabel-notes,
.t-panel-1 {
    width: 100%;
    height: auto;
    padding: 0px;
    margin-top: 7px;
    padding-top: 5px;
    height: 27px;
}

.p-pencil1 .t-panel-1 {
    padding-top: 8px;
}

.progress-bar {
    color: var(--black)!important;
    line-height: 18px;
}

.t-box5 {
    text-align: center;
}

.maintabel-box.p-docdrop,
.tabel-box.t-box6 {
    text-align: center;
}

.maintabel-box.p-Notes,
.p-docdrop,
.t-box7,
.p-Date,
.p-Value {
    text-align: center;
}

.tab-box-1 .main-box1 {
    border: 0px;
}

.dropzone {
    background-image: url("../images/uploadbg.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.maintabel-box.p-Date {
    width: 8%;
}

.t-panel-1 {
    text-align: center;
    width: 100%;
}

.container1 {
    padding: 0px;
    width: 100%;
}

.maintabel-box.p-pencil1 {
    width: 5%;
}

.maintabel-box.tab-box-1 {
    width: 12%;
}

.p-docdrop .fa,
.p-Notes .fa,
.p-pencil1 .fa {
    background: var(--dark-gray-color4);
    padding: 5px;
    color: var(--white);
    border-radius: 100px;
    width: 21px;
    height: 21px;
}

.p-docdrop .fa:hover,
.p-Notes .fa:hover,
.p-pencil1 .fa:hover {
    background: #646464;
    color: var(--white);
}

.search-box-fild.seller1 {
    padding: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -16px;
    margin-top: 2px;
}

.counter.last-1,
.first-1 {
    display: none;
}

.tabel-file img,
.tabel-notes img {
    margin-top: 4px;
    width: 22px;
    height: 12px;
}

.tabel-file img {
    margin-right: -5px;
}

.timeline-middle-box .calendarView {
    font-size: var(--global--font-size-base);
    margin: 0;
}

.systemdiary-middle-box .calendarView {
    font-size: var(--global--font-size-base);
    margin: 0;
}

.counter.first-2 {
    display: none;
}

.previous-2,
.next-1 {
    text-transform: uppercase;
}

.pagi {
    width: 13.79%;
    height: auto;
    text-align: center;
    margin-right: 2px;
    margin: 35px auto 0px;
}

.pagi ul {
    display: flex;
    justify-content: center;
    list-style: inside;
    padding: 3px 3px;
}

.pagi ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 3px;
    margin: 0px 2px;
    line-height: 18px;
    height: 20px;
    width: 20px;
    font-size: var(--global--font-size-base);
}

.pagi ul li:hover {
    background: var(--white-bg);
}

.page ul li .current {
    color: var(--black);
}

.pagi ul li .fa {
    font-size: var(--global--font-size-xl-l);
}

.pagi .disabled {
    color: var(--black);
}

.pagi ul li:last-child {
    line-height: 15px;
    float: right;
}

.pagi ul li:first-child {
    line-height: 15px;
    float: left;
}

.emptyPagi {
    border: 0px solid #000!important;
    background: inherit!important;
    width: auto!important;
}

.back-to-top .glyphicon {
    font-size: 8px;
    line-height: 19px;
    list-style: none;
    display: inline-block;
    padding: 0px 3px;
    margin: 0px 2px;
    border: 1px solid var(--black-border);
    height: 20px;
    background: var(--dark-gray-color3);
    cursor: pointer;
    width: 20px;
    border-radius: 2px;
}

.back-to-top .glyphicon:hover {
    background: var(--white-bg);
}

.pagi .counter {
    float: none;
}

.counter.previous-2 {
    padding-right: 50px;
}

.previous-1 {
    padding-right: 50px;
}

.counter.next-1 {
    padding-left: 50px;
}

.previous-1 {
    text-transform: uppercase;
}

.counter.disabled.first-1 {
    display: none;
}

.counter.disabled.previous-1 {
    font-weight: 503!important;
}

.side-navi-item.item1 .todo-close {
    display: none;
}

.side-navi-item.item1.active .todo-close {
    display: block
}

.side-navi-item.item1.active .todo-tood {
    display: none;
}

.side-navi-item.active {
    background-color: var(--black);
    color: var(--white);
    width: 25px;
    height: 25px;
    transform: rotate(0deg);
    transform-origin: left top 0;
    border-radius: 100px!important;
    padding: 0px;
    line-height: 12px;
    text-align: center;
    right: 30px;
}

.side-navi-item.item1.active {
    top: 11px;
    border-radius: 15px 15px 0px 0px;
    right: -490px !important;
    left: inherit;
    z-index: 999;
}

.checkbox-1 {
    width: 100%;
}

.checkbox-1 ul {
    padding: 15px 0px;
    margin: 0px;
}

.checkbox-1 ul li {
    float: left;
    list-style: none;
    padding-right: 20px;
}

.checkbox-1 ul li input {
    margin-right: 10px;
}

.modal-dialog.note-modle2 {
    width: 400px
}

.note-modle2 .modal-body {
    padding: 30px;
}

.note-counting {
    width: 100%;
    text-align: right;
    color: #7f7f7f;
}

.modal-dialog.note-modle2 {
    margin: 10% auto;
}

.add-new {
    background: #4c4c4c;
    border: 0px;
    font-size: var(--global--font-size-xl-l);
    width: 25px;
    height: 25px;
    margin-bottom: 19px;
}

.gal-container {
    padding: 12px;
}

.gal-item {
    overflow: hidden;
    padding: 1px;
}

.gal-item .box img {
    width: 100%;
    height: 150px;
}

.gal-item a:focus {
    outline: none;
}

.gal-item a:after {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    right: 3px;
    left: 3px;
    top: 3px;
    bottom: 3px;
    text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: var(--white);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.gal-item a:hover:after {
    opacity: 1;
}

.modal-open .gal-container .modal {
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-open .gal-item .modal-body {
    padding: 0px;
}

.modal-open .gal-item button.close {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: var(--black);
    opacity: 1;
    color: var(--white);
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid var(--white-border);
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
}

.modal-open .gal-item button.close:focus {
    outline: none;
}

.modal-open .gal-item button.close span {
    position: relative;
    top: -3px;
    font-weight: lighter;
    text-shadow: none;
}

.gal-container .modal-dialogue {
    width: 80%;
}

.gal-container .description {
    position: relative;
    height: 40px;
    top: -40px;
    padding: 10px 25px;
    background-color: rgba(0, 0, 0, 0.5);
    color: var(--white);
    text-align: left;
}

.gal-container .description h4 {
    margin: 0px;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}

.middle-box .description {
    background: url("../images/bg3.png");
    background-repeat: repeat;
    color: var(--white);
    margin-top: -38px;
}

.middle-box .description .fa {
    color: #bfbfbf;
    font-size: var(--global--font-size-xl-l);
    margin: 10px 5px;
}

.middle-box .description .fa:hover {
    color: #bfbfbf;
}

.middle-box .description .fa-university {
    font-size: var(--global--font-size---lg) !important;
}

.btnAddPhoto.btn.btn-success {
    padding: 5px 15px;
    margin-right: 15px;
    text-transform: uppercase;
}

.btn.btn-success.btnAddFolder {
    padding: 5px 15px;
    margin-right: 15px;
    text-transform: uppercase;
}

.photo-left h5 {
    font-size: var(--global--font-size---lg);
    text-transform: uppercase;
    padding: 10px;
    background: var(--light-gray2);
}

.photo-left .list-group li {
    background: var(--light-gray2);
    border: 0px;
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

.photo-left .list-group li a {
    color: var(--black);
    text-decoration: none;
    font-size: var(--global--font-size-base);
}

.add-photo-button {
    width: 100%;
    padding: 15px 0px;
    margin-bottom: 0px;
    float: left;
}

.middle-box-1 .modal-dialog {
    padding-top: 10%;
}

.photo-left .fa-pencil,
.photo-left .fa-trash {
    background: var(--dark-gray-color4);
    padding: 5px;
    color: var(--white);
    border-radius: 100px;
    width: 22px;
    height: 22px;
    font-size: var(--global--font-size-base);
    text-align: center;
}

.middle-box-1 .box .description {
    display: none;
}

.middle-box-1 .box:hover .description {
    display: block;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
}

.grid-top-box-1 {
    width: 5%;
    border-right: 1px solid var(--white-border);
    padding: 10px;
    border-left: 1px solid var(--black-border);
    height: auto;
    float: left;
}

.grid-top-box-2 {
    width: 15%;
    border-right: 1px solid var(--white-border);
    padding: 10px;
    height: auto;
    float: left;
}

.grid-top-box-3 {
    width: 35%;
    border-right: 1px solid var(--white-border);
    padding: 10px;
    height: auto;
    float: left;
}

.grid-top-box-4 {
    width: 12%;
    border-right: 1px solid var(--white-border);
    padding: 10px;
    text-align: center;
    height: auto;
    float: left;
}

.grid-top-box-5 {
    width: 10%;
    border-right: 1px solid var(--white-border);
    padding: 10px;
    text-align: center;
    height: auto;
    float: left;
}

.grid-top-box-6 {
    width: 15%;
    height: auto;
    padding: 10px;
    text-align: center;
    float: left;
}

.grid-mid-box-1 {
    width: 5%;
    height: 80px;
    border-right: 1px solid var(--dark-gray-color3);
    border-left: 1px solid var(--dark-gray-color3);
    padding: 10px;
    float: left;
}

.grid-mid-box-2 {
    width: 15%;
    height: 80px;
    border-right: 1px solid var(--dark-gray-color3);
    padding: 10px;
    float: left;
}

.grid-mid-box-3 {
    width: 35%;
    height: 80px;
    border-right: 1px solid var(--dark-gray-color3);
    padding: 10px;
    float: left;
}

.grid-mid-box-4 {
    width: 12%;
    height: 80px;
    border-right: 1px solid var(--dark-gray-color3);
    padding: 10px;
    text-align: center;
    float: left;
}

.grid-mid-box-5 {
    width: 10%;
    height: 80px;
    border-right: 1px solid var(--dark-gray-color3);
    padding: 10px;
    text-align: center;
    float: left;
}

.grid-mid-box-6 {
    width: 15%;
    height: 80px;
    padding: 10px;
    text-align: center;
    float: left;
}

.grid-mid-box {
    width: 100%;
    height: auto;
    border-right: 1px solid var(--dark-gray-color3);
    border-bottom: 1px solid var(--dark-gray-color3);
}

.grid-top-box {
    width: 100%;
    background: #343434;
    color: var(--white);
    font-size: 10px;
}

.grid-top-box a {
    color: var(--white);
    text-decoration: none;
}

.grid-top-box a:hover {
    color: var(--white);
    text-decoration: none;
}

.grid-mid-box-6 .fa,
.grid-mid-box-5 .fa {
    background: var(--dark-gray-color4);
    padding: 5px;
    color: var(--white);
    border-radius: 100px;
    width: 22px;
    height: 22px;
    font-size: var(--global--font-size-base);
    text-align: center;
}

.grid-mid-box {
    background-color: white;
}

.right-grid .summary {
    text-align: right;
    padding: 10px 0px;
}

.grid-mid-box-5 .fa-institution {
    font-size: var(--global--font-size-base);
}

.pagination {
    text-align: center;
    list-style: inside;
    display: inherit;
}

.pagination li {
    list-style: none;
    display: inline-block;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: var(--black);
    background-color: inherit;
    border-color: var(--white);
    text-transform: uppercase;
    padding: 5px;
    font-size: var(--global--font-size---lg);
    border: 0px;
}

.pagination>li {
    text-transform: uppercase;
}

.middle-box.middle-box-1 {
    min-height: 260px;
    clear: both;
    float: left;
    margin-bottom: 15px;
    padding: 0px;
}

.middle-box.middle-box-1 .modal-content .modal-body img {
    width: 100%;
    height: auto!important;
}

.grid-mid-box-2 .img-thumbnail {
    height: 60px;
    padding: 0px;
}

.pl-project-photo-folder-form h1 {
    margin-top: 0px;
    padding: 0px 0px 10px;
}

.pl-project-photo-folder-form #plphotofolder-title {
    background: #e1e1e1;
    border: 0px;
    margin-bottom: 23px;
}

.tech-search title {
    width: 100%;
    height: auto;
    padding: 15px 3px;
}

.tech {
    width: 18%;
    height: auto;
    float: left;
    padding: 0px 5px;
}

.tech .form-group {
    margin-bottom: 0px;
}

.tech-search-1.tech.title {
    width: 8%;
    padding-top: 9px;
}

#pltechnicalsearch-status {
    border: 0px;
    padding-top: 0px;
    position: relative;
    height: 30px;
    padding-left: 0px;
    background-color: inherit!important;
    width: auto;
    padding: 0px 20px 8px 5px;
}

.fa-button {
    background: var(--mid-grey);
}

.list-bordered {
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 15px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    margin-bottom: 30px;
    background: var(--white-bg);
    position: relative;
    float: left;
    width: 100%;
    height: 140px;
    color: var(--black);
}

.list-icon-contant {
    width: 100%;
    float: right;
    padding: 15px 15px 5px 15px;
    min-height: 121px;
    word-wrap: anywhere;
}

.list-padding_in2 .fa {
    color: var(--black);
    margin: 0px 5px;
    font-size: 15px;
}

.title-mod {
    width: 100%;
    padding: 10px 0px 0px;
    height: auto;
    font-weight: bold;
}

.list-icon-bottom {
    float: right;
    margin-bottom: -10px;
    padding-right: 12px;
}

.list-icon-bottom .fa {
    font-size: var(--global--font-size---lg);
}

.list-icon-bottom a {
    width: 30px;
    height: 30px;
    padding: 5px 0px;
    text-align: center;
    font-size: var(--global--font-size-base);
    float: left;
    margin: 0px 3px;
    color: var(--white);
    border-radius: 50%;
    line-height: 19px;
}

.pl-technical-index .btn {
    padding: 5px 10px;
}

.main-g-button {
    width: 100%;
    padding-bottom: 10px;
}

.pl-technical-index thead {
    background: #343434;
    color: var(--white);
    font-size: var(--global--font-size-base);
}

.pl-technical-index thead a {
    color: var(--white);
}

.pl-technical-index .summary {
    padding-bottom: 8px;
    text-align: right;
}

.pl-technical-index tbody .fa,
.pl-technical-index tbody .glyphicon {
    background: var(--dark-gray-color4);
    padding: 5px;
    color: var(--white);
    border-radius: 100px;
    width: 22px;
    height: 22px;
    font-size: var(--global--font-size-base);
    text-align: center;
    margin: 0px;
}

.pl-technical-index tbody .btn {
    border: 0px;
}

.database-list {
    padding: 0px 7px 10px;
    margin-bottom: 20px;
    width: 20%;
}

.database-list .panel-default {
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 15px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
}

.database-list .panel-heading {
    padding: 20px 13px;
    background-color: var(--white);
    border-radius: 20px;
    height: 195px;
    margin-bottom: 0px;
}

.database-list .panel-heading h4 {
    padding-bottom: 5px;
    margin-top: 0px;
    font-size: var(--global--font-size---lg);
    height: 70px;
}

.pl-company-index .summary {
    text-align: right;
    width: 100%;
    padding: 15px 0px 5px;
}

.pl-company-search .form-group {
    margin-bottom: 0px;
}

.database-list .btn.btn-primary {
    width: 30px;
    height: 30px;
    padding: 5px 0px;
    text-align: center;
    font-size: var(--global--font-size-base);
    float: left;
    margin: 0px 3px;
    background: var(--dark-gray-color4);
    color: var(--white);
    line-height: 19px;
}

.database-list .img-thumbnail {
    float: left;
    margin-right: 8px;
}

.tech-search2 {
    margin-bottom: 0px;
}

.pl-company-index .main-g-button .btn {
    border: 0px;
}

.pl-company-index .main-g-button .btn:hover {
    border: 0px;
}

.pl-company-index .listView table tbody a {
    color: var(--black);
}

.pl-company-index .listView table tbody .glyphicon {
    background: var(--dark-gray-color4);
    padding: 5px;
    color: var(--white);
    border-radius: 100px;
    width: 22px;
    height: 22px;
    font-size: var(--global--font-size-base);
    text-align: center;
    margin: 0px;
}

#divNoteListing {
    color: var(--black);
}

.live-chat-icon {
    position: fixed;
    writing-mode: horizontal-tb !important;
    font-size: var(--global--font-size-base);
    color: var(--white);
    height: 54px;
    padding: revert;
    letter-spacing: 0px;
    right: 00px;
    background: var(--dark-gray-color4) url(../images/chat_light.png) no-repeat;
    background-size: 35px;
    width: 54px;
    background-position: center center;
    border-radius: 30px 0px 0px 30px;
    top: 381px;
}

.live-chat-icon .badge.alert-danger {
    position: absolute;
    margin-top: -59px;
    background: var(--white-bg);
    width: 20px;
    height: 20px;
    line-height: 13px;
    font-weight: normal;
    font-size: var(--global--font-size-base);
}

.live-chat-icon-in img {
    border-radius: 50%;
    -webkit-box-shadow: 0px 12px 15px -1px #ffffff;
    box-shadow: 0px 12px 15px -1px #ffffff;
}

.contextmenu {
    z-index: 999;
}

.select2-container {
    width: 100%;
}

.listView thead tr,
.gridView thead tr {
    background-color: #343434;
    color: white;
    font-size: var(--global--font-size-base);
    font-weight: normal;
}

.listView thead tr th a,
.gridView thead tr th a {
    color: white;
}

.listView thead .filters,
.gridView thead .filters {
    background-color: white;
}

.totalProjectCounter {
    float: left;
    width: 4%;
    font-weight: bold;
    font-size: var(--global--font-size-base);
    vertical-align: middle;
    height: auto;
    padding: 10px;
}

.list-view thead tr,
.grid-view thead tr {
    background-color: var(--mid-grey);
    color: var(--black);
    font-size: var(--global--font-size-base);
    font-weight: normal;
}

.list-view thead tr th a,
.grid-view thead tr th a {
    color: white;
}

.list-view thead .filters,
.grid-view thead .filters {
    background-color: white;
}

.tab-content {
    padding: 0px;
}

.right-top-menu.menu3 .fa {
    color: var(--white);
}

#select2-project_id-bc-container {
    width: 100%;
}

.pl-icon select {
    width: 80%;
    float: left;
}

.pl-margen {
    margin-left: 15px;
}

.hight-fix .form-group {
    margin: 0px;
}

.pl-icon a {
    margin-top: 23px;
}

.save-button {
    padding: 5px 2px 10px;
}

.problem-box .field-plcompany-problem label {
    width: auto;
    float: left;
    padding-right: 15px;
}

.help-block {
    width: 100%;
    float: left;
}

.foram-line {
    background: var(--light-gray2);
    width: 99.7%;
    float: left;
    margin-bottom: 5px;
    padding: 5px 0px 5px;
    margin-left: 2px;
}

.form-edit-box ul {
    padding: 0px;
}

.form-edit-box ul li {
    list-style: none;
}

.form-group.field-plcompany-problem {
    padding-top: 15px;
}

.panel-heading.top-hadding {
    background: #dfdfdf;
}

.name-box {
    padding: 15px 0px 10px;
}

.pr-type,
.lead-origin,
.pro-des,
.pro-des2 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: var(--light-gray3);
    border: 1px solid #ededed;
    border-radius: 15px;
    padding-top: 15px;
}

.btn-primary:active:hover {
    background: #000;
}

.form-check-1 {
    padding: 5px 0px;
    line-height: 12px;
}

.description1 {
    padding: 3px 0px;
    line-height: 17px;
}

#accordionright .link-text-pref {
    float: right;
}

.table-bordered a {
    color: var(--black);
    text-decoration: none;
}

.table-bordered .glyphicon {
    color: var(--black);
    font-size: var(--global--font-size-base);
    text-align: center;
}

.est_project {
    width: 100%;
    font-size: var(--global--font-size-base);
    padding: 0px 0px 10px;
}

.right-list-1 {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    padding: 0px;
}

.right-list-1 li {
    width: 50%;
    float: left;
}

#est_project_value_ul li {
    width: auto;
    margin-right: 5px;
    padding-right: 15px;
}

.right-report-box .panel-heading {
    background: #dfdfdf;
}

.tech-search2 .help-block {
    display: none;
}

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

#projectform_docs_vault .addDocument {
    padding-right: 15px;
}

.link-text-pref .fa {
    float: right;
}

.loca {
    padding-bottom: 20px;
}

#accordionleft .panel-heading {
    background: #dfdfdf;
}

#projectFinancePaymentRows table thead tr th,
#projectFinancePaymentRows table thead tr td {
    background: inherit;
}

#projectFinancePaymentRows table {
    margin-bottom: 0px;
}

#copyFinancialData {
    background: inherit;
}

#projectFinancePaymentRows {
    padding: 5px;
}

.Project-id-box {
    width: 100%;
    padding-bottom: 10px;
}

#section_sample_room_color_specified .fa,
#section_sample_room_sample_ordered .fa {
    color: var(--white);
}

#listProjectNameAka {
    float: left;
    width: 100%;
}

#quotationtemp a {
    color: var(--black);
}

#quotationtemp a:hover {
    color: var(--black);
}

.right-check-1 .fa {
    padding: 5px;
    width: 22px;
    height: 22px;
    float: right;
    margin-left: 5px;
}

.row.row-striped .fa {
    color: var(--white);
}

.bootsidemenu-left>.toggler {
    right: -21px;
}

.row.min-div-cart {
    padding-bottom: 30px;
    overflow-y: hidden
}

.cart-feedback {
    padding-bottom: 30px;
}

.min-div-cart .top-title,
.cart-feedback .top-title {
    width: 100%;
    height: auto;
    background: #e7e7e7;
    padding: 10px 15px;
    font-size: var(--global--font-size---lg);
    margin-bottom: 15px;
}

.t-box8-new,
.main-box2 {
    line-height: 26px;
}

.satting-thumb-right {
    width: 100%;
    float: right;
}

.satting-thumb a {
    float: left;
    width: 49%;
}

.satting-t3 {
    float: left;
    width: 50%;
    padding-top: 15px;
    line-height: 14px;
}

.satting-t3 input {
    float: left;
    margin: 0px 7px 0px 05px;
}

.satting-thumb-right .satting-thumb {
    width: 50%;
    float: left;
    height: 65px;
}

.satting-title {
    width: 100%;
    padding: 0px 0px 8px;
    float: left;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--light-gray-hight);
    font-size: 15px;
    font-weight: 600;
}

.satting-label-title {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.form-group.field-sitesetup-logo {
    float: left;
}

.form-group.field-sitesetup-logo .col-lg-12 {
    width: 100%;
    padding: 0px;
}

.satting-thumb img {
    width: 90%
}

#sitesetup-edit_icon label {
    width: 50%;
    float: left;
    font-weight: 400;
    font-size: 8px;
}

.inner-line {
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 20px 15px 15px;
    border-radius: 25px;
    width: 98%;
    height: auto;
    margin: 0px 0px 15px 1%;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    width: 100%;
    float: right;
    margin-bottom: 15px;
}

.middle-box .nav-tabs>li {
    float: left;
    text-align: left;
}

.middle-box .nav-tabs>li>.active {
    background: #343434;
    color: var(--white);
    font-weight: normal;
    border: 0px;
}

.satting-label-button .btn {
    float: right;
}

.satting-1.top .satting-2,
.satting-1.top .satting-3,
.satting-1.top .satting-4,
.satting-1.top .satting-5 {
    width: 25%;
    height: auto;
    float: left;
    padding: 0px 10px 10px 2px;
    font-size: var(--global--font-size-base);
    font-weight: bold;
}

.satting-1.top {
    text-align: left;
    color: var(--black);
}

.satting-1.bott {
    text-align: center;
    margin-bottom: 8px;
    color: var(--black);
}

.satting-1.bott .satting-2,
.satting-1.bott .satting-3,
.satting-1.bott .satting-4,
.satting-1.bott .satting-5 {
    width: 25%;
    height: auto;
    float: left;
    padding: 5px 2px;
    text-align: left;
}

.ucase1 {
    background: inherit;
    border: 0px;
    font-weight: bold;
}

.btn_sa {
    color: var(--black);
}

.inner-line-hight {
    width: 100%;
    height: auto;
    float: left;
    min-height: 216px;
}

.form-control-sa {
    background: inherit;
    border: 0px;
}

.sent-btn {
    width: 100%;
    text-align: right;
}

.lms-mailing-create .lms-mailing-form .form-group {
    margin-bottom: 10px!important;
    float: left;
    width: 100%;
}

.lms-mailing-create .lms-mailing-form label {
    width: 100%;
    float: left;
    padding: 0px;
    font-weight: 400;
}

.lms-mailing-create .lms-mailing-form {
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 15px 15px 30px;
}

.sent-btn {
    width: 100%;
    text-align: right;
}

.lms-mailing-create .lms-mailing-form label {
    width: 100%;
    float: left;
    padding: 0px;
}

.mailing-contant {
    background-color: var(--light-gray2);
    width: 100%;
    padding: 15px;
    height: auto;
    margin-top: 15px;
}

.field-mailing-to_user,
.field-mailing-subject {
    width: 52%;
    float: left;
}

.top-mail-icon {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    text-align: right;
}

.listView-home thead tr {
    background: var(--white-bg);
    color: var(--black);
}

.listView-home thead tr a {
    color: #000!important;
}

.listView-home .table-bordered>thead>tr>th,
.listView-home .table-bordered thead tr td {
    border: 0px;
}

.listView-home .table>tbody>tr>td {
    border: 0px;
}

.listView-home .table {
    border: 0px;
}

.listView-home .table-bordered>thead>tr {
    background: #d8d8d8;
    border-bottom: 1px solid var(--light-gray2)!important;
    border-top: 1px solid var(--light-gray2)!important;
}

.listView-home .summary {
    padding-bottom: 10px;
    position: absolute;
    margin-top: -25px;
}

.listView-home table tbody tr {
    border-bottom: 1px solid var(--mid-grey);
}

.listView-home table tbody tr:hover {
    background: var(--light-gray2)!important;
}

.listView-home .table-bordered thead tr td input,
.listView-home .table-bordered thead tr td select {
    width: 50%;
}

.email-input {
    width: 100%;
    height: auto;
    float: left;
}

.listView-home .table-bordered>thead>.filters {
    background: #eaeaea;
}

.form-group.submitButton button {
    margin-right: 15px;
}

.listView-home .table-bordered>thead>.filters {
    background: #eaeaea;
}

.mailing-top-add {
    background-color: var(--light-gray2);
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
}

.prv_msg_top {
    width: 100%;
    padding: 10px 0px;
    height: auto;
}

.striped_msg {
    background-color: var(--light-gray2);
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
}

.fname-striped-msg {
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 5px 10px;
    margin-top: 5px;
}

.fname-striped-sub {
    font-weight: 600;
    padding-top: 10px;
    width: 100%;
}

.striped_msg_top {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 10px;
}

.date-striped {
    width: 50%;
    height: auto;
    float: left;
}

.fname-striped {
    width: 49%;
    height: auto;
    text-align: right;
    float: right;
}

.prv_msg {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
}


/*.fancybox-content{
     width:650px!important
}
*/

.dropzone .dz-clickable {
    height: 100%;
}

.rating-container.rating-xs .glyphicon {
    background: inherit!important;
    padding: inherit!important;
    color: inherit!important;
    border-radius: inherit!important;
    width: inherit!important;
    height: inherit!important;
    font-size: inherit!important;
    text-align: inherit!important;
    margin: inherit!important;
    border: 0px!important;
}

.well.well-lg.box-co1-main.tech-search2 {
    padding: 5px 0px;
    height: auto;
}

.well.well-lg.box-co1-main.tech-search2 .col-md-2.col-sm-3 {
    padding: 0px 5px;
}

.summary.summary1 {
    padding-top: 0px;
}

.wpcf7-form label {
    font-size: var(--global--font-size-xl-l);
}

.dropzone .dz-clickable {
    height: 100%;
}

.main-box-big {
    width: 14%;
    padding-top: 0px;
    position: relative;
    margin-top: 7px;
}

.box-co1-main {
    height: auto;
    padding: 15px 0px 10px;
}

.middle-box .nav-tabs>li {
    width: 100%;
    padding: 10px 5px 10px 14px;
    border: 1px solid var(--light-gray-hight);
    margin-bottom: 5px;
    border-radius: 25px;
    color: var(--black);
}

.middle-box .nav-tabs>li.active {
    border: 1px solid #82898e;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover .nav-tabs>li>a:hover {
    background-color: inherit;
    border: 0px solid var(--light-gray-hight);
}

.nav-tabs>li>a {
    border: 0px;
}

.nav-tabs>li>a:hover {
    background: inherit;
    border: 0px;
}

.red {
    color: red;
}

.box-co1-main .btn-group.bootstrap-select {
    border-radius: 0px;
    border: 0px solid #7a797a;
}

.box-co1-main .btn-default:hover {
    background-color: var(--white);
}

.progressTask .progress-bar {
    padding-left: 0px;
    height: 20px;
}

.progressTask .progress-bar .pull-left {
    position: relative!important;
    background: #f3f5f4;
    width: 100%;
    padding-left: 10px;
}

.maintabel-box.p-docdrop {
    padding-right: 0px!important;
}

.maintabel-box.p-Notes {
    padding-left: 0px!important
}

.n-in-box {
    width: 35px;
    margin: 0px auto;
}

.n-in-box1 {
    position: relative;
    width: 13px;
    height: 13px;
    right: 0;
    float: right;
    color: #eb1d21;
    font-size: var(--global--font-size-base);
    line-height: 13px;
    padding-left: 5px;
    margin-top: 6px;
}

.aud-1 {
    padding-right: 0px;
    width: 38%;
    float: right;
}

.tab-box-1 .main-box1 .aud-1 a {
    width: 100%;
}

.top-right-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    position: absolute;
    padding-right: 0;
    right: 0;
    top: 0;
}

.top-right-logo {
    width: 160px;
    height: 80px;
    float: right;
    background: var(--dark-gray-color4);
    overflow: hidden;
}

.top-right-logo img {
    height: 80px;
}


/*.project_finance_subwindow dd{
     padding:0px!important;
     margin:0px!important;
}
*/


/*#project_form a ,#project_form a:hover{
    color: var(--black);
}
*/

.project-name-box {
    width: 100%;
    color: #211e1f;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.duplication-11 {
    float: left;
    width: 19%;
    color: #a97e88;
    font-size: var(--global--font-size-base);
}

.duplication-11 a {
    color: #a97e88;
    text-decoration: none;
    display: none;
}

.follow-11 {
    width: 11%;
    color: #3ba2ee;
    float: left;
    font-size: var(--global--font-size-base);
}

.follow-11 a {
    color: #3ba2ee;
    text-decoration: none;
}

.price-11 {
    width: 7%;
    color: #049d45;
    float: left;
}

.price-11 a {
    color: #049d45;
    text-decoration: none;
}

.action-11 {
    width: 11%;
    color: #e23d3f;
    float: right;
}

.action-11 a {
    color: #e23d3f;
    text-decoration: none;
}

.tabel-box.t-box9 {
    text-align: center;
}

.top-search.search-button .btn.btn-primary.btn-xs {
    height: 34px;
    line-height: 0;
}

.well-lg .caret,
.box-co0:first-child .maintabel-box .tabel-box .caret {
    background-image: url("../images/arrow1.png");
    background-repeat: no-repeat;
    background-position: right;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    top: 30% !important;
    vertical-align: middle;
    border-top: 0px dashed;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
}

#projectpeople .nav-tabs>li>a {
    font-size: var(--global--font-size-base);
}

.tab-content-inner {
    background: var(--white-bg);
    padding: 15px;
}

.bg-color-tab .bg-color-selection {
    width: 100%;
    padding: 30px 15px;
    border: 1px solid #c7c7c7;
    margin-bottom: 15px;
}

.bg-color-tab .bg-image {
    width: 100%;
    padding: 30px 15px;
    border: 1px solid #c7c7c7;
    margin-bottom: 15px;
}

.active-n {
    text-align: center;
    width: 100%;
}

.adminsuite-formal-set-doc-index h1 {
    font-size: var(--global--font-size-xl-l);
    margin-top: 10px;
}

.jscolor {
    border: 0px;
    padding: 0px 15px;
    border-radius: 25px;
    height: 36px;
}

.update-button {
    width: 100%;
    text-align: center;
}

.pl-company-update {
    padding: 15px 15px 15px;
}

.main-body {
    width: 100%;
    padding: 4px 3%;
    height: auto;
    height: 100%;
}

.top-color.lock .main-body {
    padding: 8px 3%;
}

.container {
    max-width: 100%;
    width: 100%;
    padding: 0px;
}

.pagi ul {
    border: 0px solid #d8d8d9;
    height: 27px;
}

.back-to-top {
    border: 0px solid #d8d8d9;
    width: 4.79%;
    text-align: center;
    margin-left: 2px!important;
    background: #f3f5f4;
    margin-right: 2px!important;
}

.form-edit-box .fa.fa-pencil {
    position: absolute;
    float: right;
    margin-left: 3px;
}

.middle-box .pl-project-update h1 .myTabs li a {
    background-color: var(--light-gray2);
}

.middle-box .pl-project-update h1 .myTabs li {
    background-color: var(--light-gray2);
}

.maintabel-box.p-pencil1 input[type="checkbox"] {
    -webkit-appearance: initial;
    appearance: initial;
    display: none;
    background: var(--white-bg);
    border: none;
    position: relative;
    border: 1px solid #adaeb0;
    transform: scale(1)!important;
}

.maintabel-box.p-pencil1 input[type="checkbox"]:checked {
    background: url("../images/crose-icon.png");
    background-repeat: no-repeat;
    color: var(--white);
    border: 1px solid #adaeb0!important;
    border-radius: 0px!important;
    background-position: left 1px bottom 0px;
    transform: scale(1)!important;
}

.maintabel-box.p-pencil1 input[type="checkbox"]:checked:after {
    background: url("../images/crose-icon.png");
    background-repeat: no-repeat;
    color: var(--white);
    border: 1px solid #adaeb0!important;
    background-position: center;
}

.zenburn.bootsidemenu-right>.toggler .icon-top1 {
    writing-mode: horizontal-tb !important;
    font-size: var(--global--font-size-base);
    color: var(--white);
    height: 54px;
    padding: revert;
    letter-spacing: 0px;
    right: 30px;
    background: var(--dark-gray-color4) url(../images/book.png) no-repeat;
    width: 54px;
    background-position: center center;
    border-radius: 30px 0px 0px 30px;
}

.customAffixButton #saveBtn {
    background: var(--dark-gray-color4) url(../images/light-icon/save_light.svg) no-repeat;
}

.customAffixButton #saveAndcloseBtn {
    background: var(--dark-gray-color4) url(../images/light-icon/save_close_light.svg) no-repeat;
}

#pltechnicalsearch-status {
    width: 80px;
}

.crl {
    clear: both;
}

.bootsidemenu-right>.toggler {
    left: -38px !important;
    width: 37px !important;
}

.icon-toodo.icon {
    position: absolute;
    left: 15px;
    top: 34px;
    font-size: var(--global--font-size-xl-l);
    letter-spacing: 4px;
}

.maintabel-box.p-pencil1 input:focus {
    outline: none !important;
    background-position: center;
    border-radius: 0px!important;
    border: 1px solid #adaeb0!important;
    transform: scale(1)!important;
}

.main-top-menu ul li a {
    color: var(--black);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.main-top-menu ul li a:hover .top-menu-con {
    background: inherit;
}

.top-menu-box.active {
    color: var(--black);
}

.view-dis3 {
    padding-top: 6px !important;
}

.view-dis1 {
    padding-top: 6px !important;
}

.view-dis2 {
    padding-top: 6px !important;
}

.layout_center {
    text-align: center;
    padding: 5px 3px;
    width: 100%;
}

.pay-head {
    float: right;
    width: 100px;
}

.layout_center_in {
    padding: 5px 0px;
    width: 100%;
    background: #e3e4e6;
    border-radius: 25px;
    color: var(--black);
}

.pl-project-form .col-md-7 {
    padding-right: 3px;
    padding-left: 9px;
}

.pl-project-form .col-md-5 {
    padding-left: 0px;
    text-align: center;
    padding-right: 0px;
}

.pl-project-form .col-md-5 img {
    margin-right: 5px;
}

.project_id_box {
    width: 55%;
    float: left;
    overflow-x: scroll;
}

.pl-project-form .collapse.in {
    color: var(--black);
}

.arrow-bg4 {
    padding: 15px !important;
    background: #f1f2f2;
}

.bg-right-pro .table {
    margin-bottom: 0px;
}

.tableover>tbody>tr>td {
    padding: 0px!important;
}

.down_arrow {
    width: 10px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}


/*#div_general_notes #btnAddGeneralNotes,#div_meeting_notes #btnAddMeetingNotes{
     padding: 7px 20px;
}
*/

.arrow-bg2 {
    border: 0px;
}

.arrow-bg4 {
    border: 0px;
}

.bg-left-pro {
    padding: 5px!important;
}

.tableover-date {
    padding: 2px 5px;
}

.customScroll {
    padding-left: 10px;
    width: auto;
    white-space: nowrap;
    line-height: 19px;
    padding-top: 2px;
    text-align: left;
}

#app>div>a {
    color: var(--black);
    margin: 0px 7px;
}

#app>div>a:hover {
    color: var(--black);
}

span.titletext {
    color: #c0c0c0;
}

span.titletext.bold {
    color: var(--black);
}

.pl-company-index .row {
    margin: 0px -3px!important
}

.well.well-lg .btn {
    margin: 0px 5px;
    padding: 1px;
}

.pstats input {
    margin-left: 5px;
    margin-top: 5px!important;
}

.panel-heading {
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.add-list .billing-address {
    width: 100%;
    height: 35px;
    margin-bottom: 10px;
}

.add-list button {
    margin-bottom: 10px;
}

.plus-add input {
    width: 100%;
    height: 35px;
    margin: 10px 0px;
}

#pl_db_entry_address_form #add-plus-btn {
    margin-bottom: 10px;
    border: 0px;
}

.pagi ul {
    line-height: 20px;
}

.reviews-content a {
    color: var(--white);
    text-decoration: none;
}

.row.footer2 {
    margin: 0px;
}

.back-to-top .fa {
    display: none;
}

.main-tabel-box2 {
    float: left;
    width: 100%;
    margin-bottom: -62px;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    background-color: #fafafa;
    border-color: #fafafa;
}

.back-to-top {
    padding: 3px 3px 0px!important;
    height: 27px!important;
}

.aud-1 img {
    width: 24px;
    height: auto;
}

.top-search .btn {
    height: 27px!important;
    padding: 3px 10px 0px 10px!important;
    border: 0px;
}

.progress-leftcolune {
    z-index: 99;
    width: 14%;
    float: left;
    color: var(--black);
    padding-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    padding-left: 1%;
}

.progress-rightcolune {
    width: 80%;
    float: right;
    margin-top: 10px;
    height: 7px;
    background: var(--mid-grey);
    border-radius: 3px;
}

.progress-b {
    width: 100%;
    height: 8px;
    margin-top: -13px;
}

.progress-bar1 {
    overflow: hidden;
    background: inherit!important;
}

.duplication-11,
.follow-11,
.price-11,
.action-11 {
    display: none;
}

.view-box-go {
    float: left;
    width: 200px;
    padding-top: 11px;
}

.popup-content .sitesetup_in_title .sitesetup_in_btn {
    float: right;
}

.popup-content .sitesetup_in_title h1 {
    height: 60px;
}

.view-box-go ul li {
    list-style: none;
}

.view-dis4 {
    float: left;
    list-style: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
}

.view-dis5 {
    float: left;
    list-style: none;
    padding-top: 6px;
}

.view-box-go .view-dis5 {
    padding-top: 0px;
}

.view-dis4 button {
    background: #d0d0d0;
    border: 1px solid #d0d0d0;
    color: var(--black);
    height: 27px;
    width: 27px;
    margin: 2px 2px 0px;
}

.view-dis4 button:hover {
    background: #d0d0d0;
    border: 1px solid #d0d0d0;
    color: var(--black);
}

.view-dis5 button {
    background: inherit;
    border: 1px solid var(--light-gray-hight);
    color: #000!important;
    height: 27px;
    width: 50px;
    margin: 2px 2px 0px;
    font-weight: 400;
    border-radius: 36px;
    line-height: 0px;
    padding: 5px;
}

.view-dis5 button:hover {
    background-color: #d0d0d0;
    border: 1px solid #d0d0d0;
    color: var(--black);
}

.red-box1 a {
    color: var(--white)!important
}

.rating-container .empty-stars {
    font-size: var(--global--font-size-lg);
    float: left;
}

.pl-company-form .control-label,
.pl-company-form .contextmenu {
    font-size: var(--global--font-size-base);
    font-weight: normal;
}

.pl-company-form .row {
    padding: 0px;
    margin: 5px 0px;
    background: #f3f5f4;
}

.save-button .btn {
    padding: 5px 15px !important;
    height: auto;
    font-size: var(--global--font-size-base);
    border: 0px;
}

.pl-company-update .btn {
    height: auto;
    font-size: var(--global--font-size-base);
    border: 0px;
}

.btn-design {
    color: #000
}

.progress-at {
    width: 100%;
    background: #f3f5f4;
    padding: 3px;
    height: 27px;
}

.addClientManager.btn.btn-primary.pl-margen {
    background: inherit;
    border: 1px solid var(--black-border);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 0px;
    margin-top: 5px;
    text-align: center;
    padding: 0px;
    float: right;
    line-height: 24px;
    margin-right: 5px;
    color: #fff;
}

.data_company-row-in .panel-heading .accordion-toggle:after {
    margin-right: 10px;
}

.form-edit-box .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 27px;
    user-select: none;
    -webkit-user-select: none;
    border-radius: 0px;
    padding: 0px;
    line-height: 23px;
    height: auto;
}

.form-edit-box .panel-title {
    padding: 0px !important;
    font-weight: normal;
    font-size: var(--global--font-size-base);
    line-height: 20px;
}

.form-edit-box .panel-heading h4 a {
    font-size: var(--global--font-size-base);
    font-weight: 300;
}

.form-edit-box .col-md-4.col-sm-4.hight-fix {
    height: 65px;
    padding: 2px;
}

.form-edit-box .input-group-addon {
    padding: 4px 9px;
    background: inherit;
    border: 0px;
    z-index: 9990;
    position: absolute;
    right: 8px;
    border-left: 1px solid;
    margin-top: 6px;
}

.form-edit-box .problem-box {
    padding-left: 0px;
}

.ratting-box-left {
    padding-left: 9px;
}

.ratting-box-right label {
    width: auto;
    padding-right: 15px;
    padding-top: 4px;
}

.form-group.field-plcompany-problem {
    padding-top: 0px;
    margin: 0px;
    padding-top: 2px;
}

.form-edit-box .help-block {
    margin-top: -3px;
    margin-bottom: 0px;
    font-size: var(--global--font-size-base);
    text-align: right;
    padding-top: 5px;
}

.form-group.field-pldbentry-rating {
    margin-bottom: 0px;
}

.pl-company-create h1 {
    display: none;
}

.rating-container .filled-stars {
    font-size: var(--global--font-size-lg);
    margin-top: 0px!important;
}

.pl-company-update {
    padding: 0px;
    width: 100%;
    height: auto;
    float: left;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
}

.new11 {
    padding-bottom: 10px;
}

.mid-part-top label {
    width: 20%;
    float: left;
}

.mid-part-top .form-control {
    height: 47px;
    width: 70%;
}

.mid-part-top .form-group {
    margin-bottom: 0px;
}

.summary-view-repet .tabel-box {
    display: none;
}

.summary-view-repet .tab-box-1 .main-box1 {
    background: var(--white-bg);
    border: 0px;
    padding: 0px;
}

.summary-alert1 {
    width: 100%;
    float: left;
    color: var(--black);
    text-align: right;
    padding-right: 5px;
    line-height: 26px;
    font-size: var(--global--font-size-base);
    height: 27px;
    margin-bottom: 4px;
}

.summary-alert2 {
    width: 30%;
    height: 27px;
    float: left;
    background: var(--white-bg);
    line-height: 27px;
    padding: 0px 3px;
}

.summary-alert-main {
    width: 100%;
    height: 27px;
    float: left;
    margin-bottom: 4px;
    background: var(--white-bg);
    line-height: 27px;
    padding: 0px 0px;
    font-size: var(--global--font-size-base);
}

.summary-alert3 {
    width: 40%;
    height: 30px;
    float: left;
    line-height: 25px;
    text-align: right;
    padding-right: 5px;
    font-size: var(--global--font-size-base);
}

.summary-alert4 {
    width: 30%;
    height: 27px;
    float: left;
    background: var(--white-bg);
    line-height: 27px;
    padding: 0px 3px;
}

.main-box1.summary3 {
    margin-bottom: 4px;
}

.main-box2.calendar_box {
    height: auto;
    min-height: 276px;
    height: auto;
    float: left;
    border-radius: 5px;
    padding: 0px 5px;
    font-size: var(--global--font-size-base);
    background: var(--light-gray3);
    border: 1px solid var(--mid-grey);
    margin-bottom: 10px;
}

.summary-view-repet .main-box1 {
    background: var(--white-bg);
    padding: 0px;
}

.maintabel-box.p-project-2col {
    width: 26%;
}

.notes-at {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding: 0px;
}

.project_col-left h6 {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 10px;
    color: #000;
    font-weight: 700;
    text-align: left;
}

.summary-view-page .pl-project-summary-view .summary-at {
    width: 50%;
    text-align: right;
    float: right;
}

.summary-view-page .pl-project-summary-view .summary-at a {
    width: 100%;
}

.notes-at1 {
    font-size: var(--global--font-size-base);
    min-height: auto;
}

.maintabel-box.product-note {
    width: 14%;
}

.docdrop-link {
    margin-right: -2px;
}

.boxWithEvent {
    right: 0!important;
    top: 0!important;
    border-right: 0px solid transparent!important;
    width: 0!important;
    height: 0!important;
    border-top: 8px solid red!important;
    border-left: 8px solid transparent!important;
    background-color: transparent!important;
}

.myTabs {
    width: auto;
    float: left;
    margin: 0px;
    padding-left: 0px;
}

.myTabs li {
    list-style: none;
    display: inline;
    background-color: #fafafa;
    color: black;
    padding: 7px 8px;
    border-radius: 25px;
    margin-right: 3px;
    font-weight: normal;
    float: left;
    border: 0px;
    margin-bottom: 7px;
    border: 1px solid #dadada;
}

.myTabs a {
    color: #000;
}

.myTabs li.active,
.myTabs li.active a {
    color: #000;
    background-color: #eaeaea
}

#accordionleft>.panel.panel-default:first-child {
    margin-top: 0px;
}

.middle-box .pl-project-update h1 {
    color: #000000;
    padding: 0px 8px;
    margin-bottom: 4px;
    width: 100%;
    float: left;
}

.middle-box .pl-project-update h1 .myTabs li {
    background-color: inherit;
    padding: 0px;
    margin: 0px;
    float: left;
}

.middle-box .pl-project-update h1 .myTabs li a {
    background-color: #dfdfdf;
    font-size: var(--global--font-size-base);
    padding: 9px 7px 9px 7px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-left: 1px solid #548235;
    border-right: 1px solid #548235;
    border-top: 1px solid #548235;
    border-bottom: 1px solid #548235;
    margin-bottom: 0px;
    position: relative;
}

.middle-box .pl-project-update h1 .myTabs .active a {
    background-color: #aaaaaa;
}

.middle-box .pl-project-update h1 .myTabs {
    margin-bottom: 0px;
}

.middle-box .pl-project-update h1>span {
    padding-top: 11px;
}

.maintabel-box.note-icon {
    width: 5%;
}

.middle-box .pl-project-update h1 .myTabs li a {
    background-color: var(--light-gray2);
    float: left;
}

.middle-box .pl-project-update h1 .myTabs .active a {
    background-color: var(--light-gray2);
    color: var(--black);
    line-height: 11px;
}

.note-icon1 {
    width: 35px;
    height: 35px;
    float: left;
    text-align: center;
    background: var(--light-blue);
    border-radius: 50%;
    color: var(--white);
    line-height: 30px;
}

.note-icon2 {
    width: 35px;
    height: 35px;
    float: left;
    text-align: center;
    background: var(--light-blue);
    border-radius: 50%;
    margin: 0px 5px;
    color: var(--white);
    line-height: 35px;
}

.note-icon3 {
    width: 35px;
    height: 35px;
    float: left;
    text-align: center;
    background: var(--light-blue);
    border-radius: 50%;
    color: var(--white);
    line-height: 32px;
}

.main-box1.summary3 {
    background: inherit;
}

.main-box1.summary3.last {
    margin-bottom: 0px;
}

.main-box-b1.notes-at.notes2 {
    margin-bottom: 0px;
    height: 80px;
}

.AddContact-btn {
    padding-bottom: 5px;
}

.table-new {
    margin-bottom: 0px;
}

.product-note .notes-at {
    min-height: 146px;
}

.pl-project-summary-view .box-co0:first-child .maintabel-box .tabel-box {
    margin-bottom: 0px
}

.summaryInnerText {
    font-size: var(--global--font-size-base);
}

.right-report-box .well.well-lg .btn {
    width: auto!important;
    height: auto!important;
    padding: 3px 5px!important;
}

.notes2 .notes-at1 {
    height: auto;
}

.note-color-box {
    width: 15px;
    height: 20px;
    background: #e11b1c;
    border: 1px solid var(--black-border);
    margin: 3px auto 0px;
}

.note-color-box-main {
    width: 40px;
    float: left;
    margin-right: 3px;
    text-align: center;
}

.note-in-content {
    width: 100%;
    height: 110px;
    padding-top: 5px;
    float: left;
    overflow: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

.note-in-content::-webkit-scrollbar {
    /* WebKit */
    white-space: nowrap;
    width: 0;
    height: 0;
}

.note-in-content2 {
    width: 100%;
    height: 60px;
    padding-top: 5px;
    float: left;
    overflow: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

.note-in-content2::-webkit-scrollbar {
    /* WebKit */
    white-space: nowrap;
    width: 0;
    height: 0;
}

.note-in-content2 .note-color-box-main {
    padding-top: 5px;
}

.note-color-box.yelow {
    background: yellow
}

.note-color-box.green {
    background: green
}

.maintabel-box.note-icon {
    width: 110px;
    float: right;
    position: absolute;
    margin: 0px;
    padding: 0px;
    right: 0;
    margin-bottom: -30px;
    bottom: -28px;
}

.notes-at2 .notes-at1 {
    min-height: 96px;
}

.notes-top-title {
    text-align: left;
    width: 100%;
}

.privacy ul {
    padding: 15px 0px 0px 15px;
}

.innerDocs img {
    width: 18px;
    height: auto;
}

.pl-project-summary-view111 .main-box1 {
    line-height: 19px;
}

.tab-box-1-all .summary-alert1:last-child {
    margin-bottom: 0px;
}

.blank-row {
    width: 100%;
    height: 27px;
    margin: 2px auto;
}

.p-acc table>tbody>tr>td {
    position: relative;
    width: 15px;
    float: left;
}

.p-acc table>tbody>tr>td>div {
    float: left;
}

.popup-content .rating-container .filled-stars {
    margin-top: 12px;
}

.customAffix {
    z-index: 999;
}

.criticlePointBox.PointBox1 {
    float: left;
    margin-right: 4px;
    height: 14px;
    margin-top: 3px;
}

.progress-rightcolune .progress-bar1 {
    float: left;
    height: 7px;
    background: var(--mid-grey);
    border-radius: 5px;
}

.progress-rightcolune .progress-bar1 img {
    border-radius: 10px;
}

.progress-box-n1 {
    float: left;
}

#tableColorSpecified table tr td:nth-child(2) {
    padding: 0px!important;
}

.icon-project .fa {
    color: black;
    padding: 9px;
}

.icon-project {
    text-align: center;
}

.tech-search-4.tech .btn {
    line-height: 27px;
}

#sampleroom .tab-content td {
    width: 15%;
}

#sampleroom .tab-content td:first-child {
    width: 20%;
    padding-left: 3px;
}

#sampleroom .tab-content td:last-child {
    width: 60%;
}

.n-in-box .docdrop-link {
    width: 20px;
    float: left;
}

.price-main-div {
    width: 100%;
    height: auto;
    padding: 15px 0px
}

.price-but1 {
    width: 161px;
    float: right;
    position: absolute;
    right: 0;
    top: 14px;
}

.price-main-div h1 {
    width: 100px;
    float: left;
    padding: 10px 5px;
}

.main-stock-1,
.main-stock-in1 {
    width: 10%;
    float: left;
    padding: 2px 2px;
}

.main-stock-2,
.main-stock-in2 {
    width: 20%;
    float: left;
    padding: 2px 2px;
}

.main-stock-3,
.main-stock-in3 {
    width: 30%;
    float: left;
    padding: 2px 2px;
}

.main-stock-4,
.main-stock-in4 {
    width: 15%;
    float: left;
    padding: 2px 2px;
}

.main-stock-5,
.main-stock-in5 {
    width: 13%;
    float: left;
    padding: 2px 2px;
}

.main-stock-6,
.main-stock-in6 {
    width: 12%;
    float: left;
    padding: 2px 2px;
}

.main-stock-in6 a {
    color: var(--black);
    margin: 0px 5px;
}

.main-stock-box,
.main-stock-box1 {
    width: 100%;
    height: auto;
    background: #f3f5f4;
    padding: 3px;
    height: 27px;
    overflow: hidden;
    line-height: 21px;
}

.price-main-search .table {
    margin-bottom: 2px;
    border: 0px !important;
}

.price-main-search .table-bordered>tbody>tr>td {
    border: 0px !important;
    padding: 2px;
}

.price-main-search .table-bordered>tbody>tr>td:nth-child(1) {
    width: 10%;
    float: left;
    padding: 2px 2px;
}

.price-main-search .table-bordered>tbody>tr>td:nth-child(2) {
    width: 20%;
    float: left;
    padding: 2px 2px;
}

.price-main-search .table-bordered>tbody>tr>td:nth-child(3) {
    width: 30%;
    float: left;
    padding: 2px 2px;
}

.price-main-search .table-bordered>tbody>tr>td:nth-child(4) {
    width: 15%;
    float: left;
    padding: 2px 2px;
}

.price-main-search .table-bordered>tbody>tr>td:nth-child(5) {
    width: 13%;
    float: left;
    padding: 2px 2px;
}

.price-main-search .table-bordered>tbody>tr>td:nth-child(6) {
    width: 12%;
    float: left;
    padding: 2px 2px;
}

.price-main-search {
    padding: 0px 2px;
}

.pl-project-summary-view {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 25px;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
}

.summary-view-page .pl-project-summary-view {
    border-radius: 0px 0px 25px 25px;
    padding: 0px 3px;
}

.summaryInnerText {
    overflow-x: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    white-space: nowrap;
}

.summaryInnerText::-webkit-scrollbar {
    /* WebKit */
    white-space: nowrap;
    width: 0;
    height: 0;
}

.summary-alert1,
.summary-alert2,
.summary-alert3,
.summary-alert4 {
    text-transform: none;
}

.innerNotes {
    overflow-x: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    /*white-space: nowrap;
    */
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.innerNotes::-webkit-scrollbar {
    /* WebKit */
    white-space: nowrap;
    width: 0;
    height: 0;
}

.innerDocs {
    overflow-x: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    /*white-space: nowrap;
    */
    height: 80px;
}

.innerDocs::-webkit-scrollbar {
    /* WebKit */
    white-space: nowrap;
    width: 0;
    height: 0;
}

.calendarBoxInner {
    /*white-space: nowrap;
    */
    height: 260px;
    padding-left: 0px;
    padding-right: 0px;
}

.calendarBoxInner::-webkit-scrollbar {
    /* WebKit */
    white-space: nowrap;
    width: 0;
    height: 0;
}

#tableColorSpecified .fa {
    color: black;
}

.calendarLink {
    font-size: var(--global--font-size-base);
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.icon-rotate-90 {
    transform: rotate(90deg);
}

.icon-rotate-minus90 {
    transform: rotate(-90deg);
}

#selectRecordPerPage {
    display: none;
    z-index: 9999;
    border: 1px solid black;
    border-radius: 5px;
}

#selectRecordPerPage ul {
    margin: 0px 0px 0px -40px;
}

#selectRecordPerPage li {
    list-style: none;
    cursor: pointer;
    color: black;
}

span.current {
    color: red;
    border-bottom: 1px solid var(--black-border);
}

.pagi li a {
    color: black;
    display: block;
    width: 18px;
    height: 18px;
    margin-left: -3px;
}

.customAffix {
    position: fixed;
    top: 298px;
    ;
    left: 0px;
    /*writing-mode: vertical-rl;
     text-orientation: upright;
    */
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.bootsidemenu {
    top: 192px;
}

.customAffixButton button {
    writing-mode: horizontal-tb !important;
    font-size: var(--global--font-size-base);
    color: var(--white);
    height: 54px;
    padding: revert;
    letter-spacing: 0px;
    right: 30px;
    width: 54px;
    background-position: center center;
    border-radius: 0px 30px 30px 0px;
    border: 0px;
    margin-top: 12px;
}


.btn5 ,.btn3,.btn4  {
    writing-mode: horizontal-tb !important;
    font-size: var(--global--font-size-base);
    color: var(--white);
    height: 54px;
    padding: revert;
    letter-spacing: 0px;
    right: 30px;
    width: 54px;
    background-position: center center;
    border-radius: 0px 30px 30px 0px;
    border: 0px;
  margin-top: 12px;
    background-size: 20px;
    background-position: center center;
}


.btn3 {
    background: #d9d9d9 url(../images/add-project.png) no-repeat;
    background-size: 20px;
    background-position: center;
}
.btn4 {
    background: #d9d9d9 url(../images/read-project.png) no-repeat;
    background-size: 20px;
    background-position: center;
}

.btn5 {
    background: #d9d9d9 url(../images/show-m.png) no-repeat;
    background-size: 20px;
    background-position: center;
}


.btn5.btnm4.addDocument {
    background: #d9d9d9 url(../images/doc-project_light.png) no-repeat;
    background-size: 20px;
    background-position: center;
}






.customAffixButton #saveBtn {
    background: var(--dark-gray-color4) url(../images/light-icon/save_light.svg) no-repeat;
    background-size: 20px;
    background-position: center center;
}

.customAffixButton #saveAndcloseBtn {
    background: var(--dark-gray-color4) url(../images/light-icon/save_close_light.svg) no-repeat;
    background-size: 20px;
    background-position: center center;
}

.zenburn.bootsidemenu-left>.toggler {
    background: var(--dark-gray-color4) url(../images/right-light.png) no-repeat;
    background-size: 20px;
    background-position: center center;
    top: 254px;
    right: -57px;
}

.live-chat-icon-in {
    width: 54px;
    height: 54px;
}

.docGridTop {
    display: flex;
    flex-wrap: wrap;
}

.docGridTop span {
    flex-direction: column;
    margin-top: 4px;
    align-items: flex-start;
}

.table-bordered a {
    color: var(--black);
}

.ui-widget.ui-widget-content {
    z-index: 9999 !important;
}

input:focus,
button:focus,
a:focus {
    outline-width: 0;
    outline: none!important;
}

.table-bordered .glyphicon {
    color: var(--black);
}

@-moz-document url-prefix() {
    .maintabel-box.product-note {
        width: 13.99%;
    }
}

.bg-gray {
    background-color: var(--light-gray-hight);
    color: white;
    font-weight: bold;
}

.boxWithAlert {
    left: 0!important;
    top: 0!important;
    width: 0!important;
    height: 0!important;
    border-top: 8px solid red!important;
    border-right: 8px solid transparent!important;
    background-color: transparent!important;
    float: left;
    margin-top: 4px;
}

.view-box-todo {
    float: right;
    width: auto;
    margin-right: 2px;
    padding-top: 0px;
    line-height: 0px;
    list-style: none;
    margin-top: 10px;
    padding-left: 10px;
}

.view-meeting-box {
    width: 13.1%;
    float: right;
    height: 27px;
    margin-top: 9px;
    margin-right: 2px;
}

.customTimer {
    /*font-size: 10px;
    */
    color: red;
    text-align: left;
}

.contributer {
    display: inline-flex;
}

.main-tabel-box {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
    background: var(--white-bg);
    padding-bottom: 20px;
    box-shadow: 0px 2px 5px -1px rgba(176, 176, 176, 0.75);
    -webkit-box-shadow: 0px 2px 5px -1px rgba(176, 176, 176, 0.75);
    -moz-box-shadow: 0px 2px 5px -1px rgba(176, 176, 176, 0.75);
}

.top-header {
    width: 100%;
    min-height: 80px;
}

.left-CompanyWidget {
    width: 160px;
    height: auto;
    float: left;
    margin-right: 10px;
    padding-top: 22px;
}

.top-menu-con1 img {
    width: 25px;
}

.top-menu-con1 {
    width: 94px;
    height: 50px;
    text-align: center;
    padding-top: 7px;
    margin-top: 6px;
}

.icon-refresh {
    width: 22px;
    margin: 0px 9px;
}

.t-box1 span {
    width: 50%;
    float: left;
    text-align: center;
}

.tab-box-1 .main-box1 a {
    color: var(--black);
    text-decoration: none;
    width: 50%;
    float: left;
    text-align: center;
}

.tab-box-1 .main-box1 a:hover {
    color: var(--black);
}

.p-name .main-box1 a {
    padding-left: 10px;
}

.p-Value .main-box2 {
    margin-top: 11px;
}

.search-icon {
    position: absolute;
    top: 9px;
    font-size: 18px;
    left: 12px;
    color: #dcdcdc;
}

.data_search_btn .button-search .btn {
    height: 28px;
}

.mail-serch-box .search-icon {
    top: 11px;
    left: 15px;
}

.mail-serch-box .mail-serch {
    padding-left: 35px;
}

.mail-serch-box .mail-serch:focus {
    padding-left: 35px;
}

.stock-btn-top {
    width: 100%;
    height: auto;
    float: left;
}

.stock-text-right {
    width: 50%;
    height: auto;
    float: left;
}

.stock-search {
    width: 50%;
    height: auto;
    float: right;
}

.stock-item-index .summary {
    width: 100%;
    height: auto;
    float: right;
    padding-bottom: 10px;
    text-align: right;
}

#stockitem-currency_id {
    width: 100%;
}

.icon-top-remove {
    width: 17px;
    cursor: pointer;
}

.tabel-box.t-box2 {
    padding-left: 15px!important;
}

.bootsidemenu-right iframe {
    border: 0px!important;
    border-radius: 25px;
}

.weekBox .heading a {
    color: var(--black);
    text-decoration: none;
}

.weekBox {
    border: 1px solid var(--mid-grey);
    border-radius: 10px;
    padding: 7px 10px;
    margin: 5px 0px;
    font-size: var(--global--font-size-base);
}

.currentDate {
    margin: 0;
    background: #ff6b6b;
    color: var(--white);
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 21px;
}

.rightTodayTaskSubMenu {
    border: 1px solid var(--white-border);
    border-radius: 15px 0px 0px 15px;
}

.rightTodayTaskSubMenu .menuHeading {
    border-radius: 15px 0px 0px 0px;
    background-color: var(--light-blue);
    font-size: var(--global--font-size-base);
}

.rightTodayTaskSubMenu ul {
    border: 0px solid black;
    border-radius: 21px;
    text-align: left;
}

.dayBox {
    border: 1px solid var(--mid-grey);
    border-radius: 20px;
    min-height: 100px;
    height: auto;
    padding: 5px 15px;
    margin: 5px 0px;
}

.dayViewDayName {
    font-size: var(--global--font-size-base);
}

.myactive {
    font-weight: bold;
    color: var(--white)!important;
    background: var(--dark-gray-color4);
    border-radius: 14px;
}

.diaryCalendarLink {
    padding: 5px 10px;
}

.mytitle2 {
    font-weight: bold;
}

.bootstrap-select .btn:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    background: inherit!important;
}

.meeting-widget .btn:focus {
    background: #fff!important;
}

.view-box ul li.view-dis1 img {
    height: 20px;
}

.pagi ul li:hover {
    background: inherit;
}

.left-footer {
    text-align: left;
}

.pagi {
    position: relative;
    z-index: 99999;
}

.left-footer {
    color: var(--black);
}

.right-footer {
    color: var(--black);
}

.left-footer a {
    color: var(--black);
}

.right-footer a {
    color: var(--black);
}

.well-lg .btn-default:active {
    background-color: inherit!important;
}

.zenburn.bootsidemenu-right>.toggler {
    width: 0px!important;
}

.bootsidemenu-right>.toggler {
    left: 0px !important;
}

.switch {
    position: relative;
    width: 14rem;
    padding: 0px 3px;
    /* float: right; */
    background: var(--white-bg);
    border-radius: 40px;
    width: 50px;
    height: 22px;
    border: 1px solid var(--light-gray-hight);
}

.switch:before {
    content: ' ';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 3rem;
    border-radius: 30px;
}

.switch__label {
    display: inline-block;
    width: 20px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    transition: color 200ms ease-out;
    width: 50%;
    float: left;
    height: 20px;
    font-size: 1px;
    color: var(--white);
}

.switch__label:hover {
    color: white;
}

.switch__indicator {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: 0;
    background: blue;
    border-radius: 50%;
}

.switch input#one:checked~.switch__indicator {
    background: var(--dark-gray-color4);
    transform: translate3d(0.5rem, 0, 0);
}

.switch input#two:checked~.switch__indicator {
    background: var(--dark-gray-color4);
    transform: translate3d(3rem, 0, 0);
}

.switch input#three:checked~.switch__indicator {
    background: var(--dark-gray-color4);
    transform: translate3d(10.6rem, 0, 0);
}

.switch input[type="radio"]:not(:checked),
.switch input[type="radio"]:checked {
    display: none;
}

.switch_name_main {
    float: right;
    display: flex;
}

.switch_name_left {
    padding-right: 10px;
    padding-top: 1px;
}

.switch_name_right {
    padding-left: 10px;
    padding-top: 1px;
}

.view-meeting-box .customTimer {
    color: inherit!important;
}

.view-meeting-box .customTimer:hover {
    color: inherit!important;
    background: inherit!important;
}

.view-meeting-box .custom-dropdown .dropDownRow:hover {
    background-color: inherit!important;
    border-radius: 25px;
    color: var(--black);
}

.well-lg .btn-default {
    background-color: inherit!important;
    border-color: inherit!important;
}

.well-lg .btn.active,
.well-lg .btn:active {
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 13%)!important;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 13%)!important;
}

.p-project-2col .notes-at {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background: var(--light-gray3);
}

.project-overview-block {
    width: 30%;
    float: left;
}

.project-overview-block-left .project-overview-block {
    width: 100%;
}

.project-overview-block-left .summary-4block {
    width: 100%;
    float: left;
}

.project-overview-block-left .summary-4block .summary-alert-title-block {
    width: 40%;
    float: left;
}

.project-overview-block-left .summary-alert-main {
    width: 55%;
    float: right;
}

.project-overview-block-left .summary-alert2 {
    width: 100%;
    float: left;
}

.project-overview-block-left .summary-block-add-1 {
    width: 100%;
    float: left;
}

.project-overview-block-left .summary-4block .summary-alert1 {
    width: 40%;
    float: left;
}

.project-overview-block-left .summary-4block .summary-alert-main {
    width: 60%;
    float: left;
}

.project-overview-block-left {
    width: 30%;
    padding: 0px 5px;
    height: auto;
    float: left;
}

.project-overview-block-in {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 5px;
    padding: 5px;
    font-size: var(--global--font-size-base);
    background: var(--light-gray3);
    border: 1px solid var(--mid-grey);
    margin-bottom: 5px;
    min-height: 192px;
}

.project-overview-block-in .project_o_title {
    width: 100%;
    float: left;
}

.project-overview-block-in .project_o_left {
    width: 30%;
    height: auto;
    float: left;
}

.project-overview-block-in .project_o_row {
    width: 100%;
    height: auto;
    float: left;
    display: table;
}

.col {
    display: table-cell;
}

.project-overview-block-in .project_o_row .project_col-left {
    width: 60%;
    height: auto;
    float: left;
    padding: 0px 0px;
    font-weight: normal;
    padding-right: 10px;
    color: #57595b;
    text-align: right;
    font-weight: 900!important;
}

.project_col-right.border-0 {
    border: 0px!important;
}

.project-overview-block-in .project_o_row .project_col-right {
    width: 40%;
    height: auto;
    min-height: 19px;
    float: right;
    padding-left: 8px;
}

.project_o_left .project_col-right {
    border-left: 1px solid var(--mid-grey);
}

.project-overview-block-in .project_o_right {
    width: 70%;
    height: auto;
    float: right;
}

.project-overview-block-in .project_o_right .project_col-left {
    width: 30%;
    padding-right: 10px;
    color: #57595b;
    font-weight: 900!important;
    text-align: right;
}

.project-overview-block-in .project_o_right .project_col-right {
    width: 70%;
    border-left: 1px solid var(--mid-grey);
}

.project-overview-block-in-2 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 5px;
    padding: 5px;
    font-size: var(--global--font-size-base);
    background: var(--light-gray3);
    border: 1px solid var(--mid-grey);
    margin-bottom: 10px;
}

.project-overview-block-in-2 .alert_o_row {
    width: 100%;
    float: left;
}

.project-overview-block-in-2 .alert_o_row .alert_col-left {
    width: 19%;
    float: left;
}

.project-overview-block-in-2 .alert_o_row .alert_col-right {
    width: 81%;
    float: right;
}

.calendarBoxInner .container-fluid {
    padding: 0px;
}

.maintabel-box.p-acc.calendar_box-2 {
    width: 25%;
    padding-right: 5px;
}

.calendar_box-2 .calendarView {
    margin-top: 0px!important;
}

.popup-content .container-fluid {
    padding: 0px;
}

.bootsidemenu-right .popup-content .container-fluid {
    padding: 15px!important;
}

.aintabel-box.product-note.product-samples-1 {
    width: 19%;
    padding: 5px;
}

.product-note.product-samples-1 .notes-at {
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    font-size: var(--global--font-size-base);
    background: var(--light-gray3);
    border: 1px solid var(--mid-grey);
}

.scrollbar-2 {
    height: 200px;
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: ltr;
    scrollbar-color: #ffffff #ffffff;
    scrollbar-width: thin;
    padding-right: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.content-bottom-1 input {
    margin-top: 3px!important;
}

.scrollbar-2 p+p {
    margin-top: 1rem;
}

.scrollbar-2::-webkit-scrollbar {
    width: 5px;
}

.scrollbar-2::-webkit-scrollbar-track {
    background-color: #cecece;
    border-radius: 100px;
}

.scrollbar-2::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-image: linear-gradient(180deg, #535353 0%, #535353 99%);
    box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
}

.project-overview-in-block.scrollbar-2 {
    height: auto;
}

.project-overview-inner-page.scrollbar-2 {
    height: 67px;
    margin-bottom: 0px;
}

.metting-nots {
    display: none;
}

.notes-in-1.scrollbar-2 {
    height: 120px;
}

.maintabel-box.product-note.product-samples-1 {
    width: 18%;
    margin-left: 5px;
}

.main-box-b1.notes-at.notes-at2 {
    min-height: 124px;
}

.Scroll.mouse {
    display: none;
}

.project-summary-view-row-inner {
    background: var(--white-bg);
    float: left;
}

.project-summary-view-row-inner .box-co0 .maintabel-box.p-acc {
    padding-top: 0px;
}

.project-summary-view-row-inner .maintabel-box.p-acc.calendar_box-2 {
    padding-top: 0px;
}

.summary-view-page .pl-project-summary-view {
    box-shadow: 0px 0px 0px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 0px 0px 0px 0px rgba(179, 179, 179, 0.75);
}

.summary-view-page .project-summary-view-row-inner {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 25px;
    margin-bottom: 30px;
    -box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
}

.pl-project-summary-view111.single-product #summaryViewHeader {
    display: none;
}

.pl-project-summary-view111.project-summary-view-row-inner:first-child .box-co0.inner-top-nav {
    display: block!important;
}

.summary-view-page .box-co0.summary-view-repet {
    padding: 15px 25px 15px 30px;
}

.summary-view-page .box-co0 {
    border-bottom: 0px solid #3f3f3f!important;
    padding-top: 15px;
}

.summary-view-page .project-summary-view-row-inner .summary-view-repet .maintabel-box.p-acc {
    padding-top: 0px;
}

.maintabel-full-row {
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
    position: relative;
    padding-top: 15px;
}

.maintabel-box.note-icon {
    width: 124px;
    float: right;
    position: absolute;
    margin: 0px;
    padding: 0px;
    right: 0;
    bottom: -57px;
}

.main-box-b1.notes-at.notes3 {
    padding: 5px;
}

.p-acc-padding-0 {
    padding-top: 0px!important
}

.maintabel-1 {
    width: 18px;
    height: auto;
}

.maintabel-2 {
    width: 20px;
    height: auto;
}

.maintabel-3 {
    width: 15px;
    height: auto;
}

.p-project-2col .notes-at {
    padding: 7px;
}

.left-timtline {
    font-size: var(--global--font-size-base);
}

.notes3 .notes-at1.scrollbar-2 {
    height: 102px;
    overflow-x: hidden;
}

.product-samples-1 .scrollbar-2 {
    height: 122px;
}

.main-box-b1.notes-at.notes-at2 .scrollbar-2 {
    height: 100px;
}

.calendarViewInnerTimeline .row {
    width: 95%;
}

.switchView {
    color: #8c8c8c;
}

.project_col-right a {
    color: #8c8c8c;
}

.cal-mid-div {
    width: 100%;
    height: auto;
    margin: 0px auto 10px;
}

.tab-box-1 .main-box1 {
    color: var(--white);
}

.summary-view-page .project-summary-view-row-inner:first-child {
    border-radius: 0px 25px 0px 25px;
}

.sitesetup-form {
    color: var(--black);
    position: relative;
}

.pl-project-summary-view111.project-summary-view-row-inner.summaryViewFirstChildRow {
    border-radius: 0px 0px 25px 25px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
}

.table.table-borderless input {
    border: 1px solid var(--mid-grey);
    border-radius: 25px!important;
}

.summary-view-page .tab-box-1 .main-box1 a img {
    width: 23px;
}

.project-overview-block-in .project_o_row .project_col-left.title-2 {
    border: 0px!important;
}

.project-overview-block-in-2 .project-overview-block-in-2 .alert_o_row .alert_col-left {
    width: 15%;
}

.project-overview-block-in-2 .alert_o_row .alert_col-right {
    width: 81%;
}

.update-project {
    width: 100%;
    height: auto;
    float: left;
}

.update-project-left {
    width: 12%;
    height: auto;
    float: left;
    font-size: 10px;
}

.update-project-left.project-page-in {
    width: 100%;
    position: relative;
}

.update-project-left .update-project-li {
    border: 1px solid #dadada;
    float: left;
    width: 100%;
    padding: 7px 8px;
    margin-bottom: 5px;
    border-radius: 25px;
}

.update-project-center .update-project-left .update-project-li {
    width: auto;
    float: left;
    margin-right: 7px;
}

.update-project-center .update-project-group {
    width: 130px;
    float: left;
    margin-right: 5px;
    position: relative;
}

.update-project-center .update-group-li-in {
    width: 131px;
    float: left;
    position: absolute;
    z-index: 999;
    margin-top: 36px;
}

.update-project-center .update-group-li {
    padding: 7px 8px;
    background: #fafafa;
}

.update-project-center .up-pro-icon .pro1 {
    height: 13px;
    margin-top: 2px;
}

.up-pro-icon .pro1 {
    width: auto;
    height: 13px;
    margin-right: 3px;
    float: right;
    margin-top: 4px;
}

.up-pro-icon .pro2 {
    width: 13px;
    float: left;
}

.up-pro-icon {
    float: right;
    padding-right: 5px;
}

.update-project-group {
    width: 100%;
    margin-bottom: 0px;
    border-radius: 25px;
    float: left;
}

.update-group-li {
    width: 100%;
    padding: 10px 5px 10px 14px;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px;
    border-radius: 25px;
    cursor: pointer;
    color: var(--black);
    float: left;
}

.update-group-li:hover {
    text-decoration: none;
}

.update-group-li.group-li-1 {
    color: var(--black);
    padding: 9px 8px;
    float: left;
    margin-right: 5px;
}

.update-group-li-in {
    padding: 3px 0px 3px 15px;
    width: 100%;
    float: left;
}

.update-project-li-all {
    width: auto;
    padding-top: 5px;
    float: left;
}

.float-right {
    float: right;
}

.tpl-order-index .summary {
    float: left;
    line-height: 34px;
}

.sitesetup-pages .form-group label {
    font-weight: 400;
}

.sitesetup-pages .label-danger {
    font-size: var(--global--font-size-base);
    font-weight: 400;
    line-height: 16px;
    height: 18px;
}

.update-project-li-all a {
    color: var(--black);
    text-decoration: underline;
    padding-left: 16px;
}

.update-project-center {
    width: 58.7%;
    padding-left: 0px;
    height: auto;
    float: left;
    padding-right: 0px;
    overflow-x: hidden;
}

.project-in {
    width: 100%;
    height: auto;
}

.update-project-center-in.scrollbar-2 {
    padding-right: 25px;
    height: 800px;
}

.project-content-right-icon .line-icon1 {
    width: 13px;
}

.project-content-right-icon .line-icon2 {
    width: 13px;
    margin-left: 5px;
}

.project-content-right-icon .line-icon3 {
    width: 18px;
    margin-left: 5px;
}

.project-content-right-icon .line-icon4 {
    width: 12px;
    margin-left: 5px;
}

.project-content-right-icon {
    width: 120px;
    padding: 0px 3px;
    text-align: right;
}

.project-content-line {
    width: 100%;
    height: auto;
    display: flex;
}

.project-content-line-left {
    width: 85%;
    border-bottom: 2px solid var(--mid-grey);
    height: 11px;
}

.update-pro-title {
    font-size: var(--global--font-size-xl-l);
    color: #989898;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.update-pro-title span {
    color: var(--black);
}

.project-architect-block {
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 15px 15px 15px;
    border-radius: 25px;
    width: 98%;
    height: auto;
    margin: 3px 0px 15px 1px;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    float: left;
}

.project-top-hadding {
    width: 100%;
    display: flex;
    height: auto;
    padding: 3px;
}

.project-top-hadding .top-hadding-1 {
    width: 10%;
    height: auto;
    text-align: left;
}

.project-top-hadding .top-hadding-2 {
    width: 15%;
    height: auto;
    text-align: left;
}

.project-top-hadding .top-hadding-3 {
    width: 15%;
    height: auto;
    text-align: left;
}

.project-top-hadding .top-hadding-4 {
    width: 15%;
    height: auto;
    text-align: left;
}

.project-top-hadding .top-hadding-5 {
    width: 12%;
    height: auto;
    text-align: left;
}

.project-top-hadding .top-hadding-6 {
    width: 24%;
    height: auto;
}

.project-content-bottom {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 5px;
}

.project-content-border {
    border: 1px solid var(--mid-grey);
    border-radius: 5px;
    padding: 3px;
}

.content-bottom-4 .col-md-5 .content-bottom-4 .col-md-7 {
    padding: 0px;
}

.project-content-bottom .content-bottom-1 {
    width: 10%;
    text-align: left;
    height: auto;
}

.project-content-bottom .content-bottom-2 {
    width: 15%;
    height: auto;
    text-align: left;
}

.project-content-bottom .content-bottom-3 {
    width: 15%;
    height: auto;
    text-align: left;
}

.project-content-bottom .content-bottom-4 {
    width: 15%;
    height: auto;
    text-align: left;
    display: flex;
    line-height: 12px;
}

.project-content-bottom .content-bottom-5 {
    width: 12%;
    height: auto;
    text-align: left;
    padding-left: 5px;
}

.project-content-bottom .content-bottom-6 {
    width: 24%;
    height: auto;
    word-break: break-all;
}

.project-content-bottom .g-note-share {
    width: 15px;
}

.g-note-block .g-note-block-1 {
    width: 10%;
}

.g-note-block .g-note-block-2 {
    width: 7%;
    text-align: center;
}

.g-note-block .g-note-block-3 {
    width: 78%;
    font-style: italic;
    text-align: left;
    /*padding-right: 15px;*/
}

.g-note-block .g-note-block-3 span {
    font-weight: bold;
}

.g-note-block .g-note-block-4 {
    width: 10%;
    margin-left: 5px;
}

.g-note-block .g-note-block-4_5 {
    width: 10%;
    text-align: center;
}

.g-note-block .g-note-block-4_5 a {
    color: #000;
    font-size: 12px;
    margin: 0px 5px;
}

.g-note-block .g-note-block-5 {
    width: 6%;
}

.project-right-gicon {
    float: right;
    font-size: var(--global--font-size-base);
    position: relative;
}

.project-right-gicon img {
    width: 14px;
    margin: 0px 4px;
}

.update-project-right {
    width: 39%;
    height: auto;
    float: right;
    position: relative;
}

.update-project-right .project-title .sub {
    color: var(--dark-gray-color3);
    padding-top: 5px;
    line-height: 10px;
    font-size: var(--global--font-size-base);
    padding-top: 5px;
    float: left;
    width: 100%
}

.project-status-raund-block {
    width: 100%;
    height: auto;
    padding-top: 8px;
    padding-bottom: 5px;
    float: left;
}

.project-status-raund-block .project-status-raund-1 {
    width: 16%;
    height: auto;
    float: left;
    padding-bottom: 5px;
}

.project-status-raund-block .raund-check {
    padding-top: 4px;
}

.project-status-raund-block .project-status-raund-1 .raund-1 {
    width: 22px;
    color: var(--black);
    height: 22px;
    border-radius: 50px;
    text-align: center;
    line-height: 22px;
    margin-right: 6px;
    background: inherit;
}

.project-status-raund-block .project-status-raund-1 .raund-1.dark-blue {
    background: #00148b;
    border: 1px solid #00148b;
}

.project-status-raund-block .project-status-raund-1 .raund-1.dark-green {
    background: #a2e073;
    border: 1px solid #a2e073;
}

.project-status-raund-block .project-status-raund-1 .raund-1.dark-yallow {
    background: #ffd863;
    border: 1px solid #ffd863;
}

.project-status-raund-block .project-status-raund-1 .raund-1.light-blue {
    background: var(--light-blue);
    border: 1px solid var(--light-blue);
}

.project-status-raund-block .project-status-raund-1 .raund-1.dark-orange {
    background: #ef843d;
    border: 1px solid #ef843d;
}

.project-status-raund-block .project-status-raund-1 .raund-1.dark-red {
    background: #ff6b6b;
    border: 1px solid #ff6b6b;
}

.update-project-right .right-update-icon img {
    width: auto;
    height: 15px;
    margin: 0px 5px;
}

.col-content-1 {
    width: auto;
    float: left;
}

.col-content-2 {
    width: 35px;
    float: right;
    margin-left: 7px;
}

.update-project-right .right-update-icon {
    float: right;
    position: absolute;
    right: 11px;
    top: 25px;
}

.update-project-right .right-update-icon .update-icon3 {
    width: 15px;
}

.update-project-right .right-update-icon a {
    color: var(--black);
    font-size: var(--global--font-size-base);
}

.status-li {
    /*width: 95%;*/
    height: auto;
    margin-bottom: 7px;
    padding-left: 5px;
    float: left;
}

.status-li-in {
    padding: 7px 5px;
    border-radius: 25px;
    margin-right: 3px;
    font-weight: normal;
    float: left;
    border: 0px;
    margin-bottom: 3px;
    border: 1px solid #dadada;
}

.status-li-in.active {
    background: #eaeaea;
}

.msg-icon img {
    height: 13px;
    margin-right: 5px;
}

.img-color-box img {
    height: 25px;
    width: auto;
}

.line_bottom_research {
    border-bottom: 1px solid var(--light-gray-hight);
}

.admin_suite_body img {
    width: auto;
    height: 13px;
    margin: 4px;
}

.items_new-1 {
    float: left;
    padding: 5px 5px 5px 15px;
}

.items_1 {
    width: 20px;
    height: auto;
    float: left;
}

.items_2 {
    width: 32px;
    height: auto;
    float: left;
}

.items_3 {
    float: left;
}

.s-title {
    padding-bottom: 5px;
}

.meeting-widget {
    display: block!important;
    height: auto;
    position: relative;
    float: right;
}

.brand_row {
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--light-gray-hight);
    float: left;
    margin: 3px 0px;
}

.brand_row input {
    float: left;
    margin-right: 5px;
}

.brand_row span {
    float: left;
}

.panel-heading-3 {
    width: 100%;
    float: left;
}

.status-li-in a {
    color: var(--black);
    text-decoration: none;
    font-weight: normal;
}

.project-profile-block1 {
    width: 100%;
    height: auto;
    margin-top: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    float: left;
}

.project-profile-block1 .project-profile-1 {
    width: 20%;
    height: auto;
    float: left;
}

.project-profile-block1 .project-profile-1 .project-profile-photo {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    overflow: hidden;
    margin: 0px auto;
}

.project-profile-block1 .project-profile-1 .project-profile-photo img {
    height: 42px;
    width: auto;
}

.project-profile-block1 .project-profile-1 .project-profile-d {
    padding: 5px;
    width: 100%;
    text-align: center;
    position: relative;
}

.architect-time-line-1 {
    width: 100%;
    height: auto;
    display: flex;
    padding: 7px 0px;
    border-bottom: 1px solid var(--mid-grey);
}

.architect-time-line-1 .time-line-1 {
    width: 46%;
}

.architect-time-line-1 .time-line-2 {
    width: 18%;
}

.architect-time-line-1 .time-line-3 {
    width: 18%;
}

.architect-time-line-1 .time-line-4 {
    width: 18%;
}

.project-status-report {
    float: left;
    width: 100%;
}

.time-line-check {
    text-align: center;
}

.update-project-center .project-architect-in.scrollbar-2 {
    height: 300px;
    padding-right: 10px;
    overflow-x: hidden;
}

.project-architect-block.architect-block-2 .project-architect-in.scrollbar-2 {
    height: 225px;
    padding-right: 10px;
    overflow-x: hidden;
}

.project-architect-block.g-note-block .project-architect-in.scrollbar-2 {
    height: 250px;
    padding-right: 10px;
    overflow-x: hidden;
}

.project-architect-block .project-profile-block.scrollbar-2 {
    height: 250px;
    padding-right: 10px;
    overflow-x: hidden;
}

.project-architect-block .project-architect-time-line.scrollbar-2 {
    height: 192px;
    padding-right: 10px;
    overflow-x: hidden;
}

.update-project-right .project-pro-right.scrollbar-2 {
    height: 786px;
    width: 100%;
    padding-right: 25px;
    overflow-x: hidden;
}

.status-li-in.avtive a {
    color: var(--white);
}

.systemdiary-middle-box {
    background: var(--white-bg);
    color: var(--black);
    padding: 20px 10px 39px;
    min-height: 550px;
    overflow: hidden;
}

.timeline-middle-box {
    padding: 5px 0px;
    color: var(--black);
    overflow: hidden;
}

.adminsuite-formal-set-doc-index .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--white);
}

.box-co0 .prompts-block {
    margin-top: 13px;
}

.y-title {
    text-align: right;
    font-size: var(--global--font-size---lg);
    font-weight: bold;
    position: absolute;
    margin-top: -19px;
    padding-left: 8px;
}

.left-timtline {
    color: var(--black);
}

.top-tab-cale-right {
    float: right;
}

.summaryViewFirstChildRow .box-co0:hover {
    background: inherit!important;
}

#summaryViewHeader {
    padding-top: 0px;
}

.system-border {
    border: 1px solid var(--mid-grey);
    border-radius: 4px;
    padding: 5px 3px 0px;
}

.well-lg.box-co1-main .selectpicker {
    background: inherit;
}

.popup-contener {
    background: var(--white-bg);
    color: var(--black);
    padding: 15px;
    border-radius: 15px;
}

.popup-content .progress_bar_task {
    color: var(--black);
}

.popup-content .middle-box {
    color: var(--black);
    padding: 15px;
    float: left;
}

.popup-content .stockorder_box {
    padding-bottom: 10px;
}

.list_modle_aka .inner-bg-1 .btn {
    padding: 7px 10px;
    border-radius: 25px;
    margin-right: 3px;
    font-weight: normal;
    margin-bottom: 3px;
    font-size: 9px;
}

.doc-listing-div {
    height: auto!important
}

.sampale-room-btn {
    position: absolute;
    top: 8px;
    right: 8px;
}

.editform-box-content .padding-right {
    padding-left: 0px;
}

.panel-group .panel.brand-room {
    border-radius: 20px;
    padding: 3px 15px;
    border: 1px solid var(--mid-grey);
    background: var(--mid-grey);
    float: left;
    width: 100%;
    position: relative;
}

.panel-group .panel.brand-room .panel-collapse {
    width: 100%;
    float: left;
}

.pro-ed {
    width: 16px;
    float: right;
}

.editform-box-content {
    padding-top: 10px;
    float: left;
    margin-top: 5px;
}

#section_delivery_detail img {
    height: auto;
}

.project-architect-block .project-architect-in {
    overflow-x: hidden;
}

.doc-listing-div .table>tbody>tr>td {
    color: var(--black);
    text-align: center;
}

#projectform_docs_vault a {
    color: var(--black);
}

.project-right-gicon .fa {
    margin-left: 6px;
}

.fancybox-content body {
    background: var(--white)!important;
}

.project-status-raund-1 .raund-check_img {
    width: 22px;
    height: 22px;
    border-radius: 50px;
    float: left;
}

.project-status-raund-1 .right-check {
    float: left;
}

.padding-top-text {
    padding-top: 6px;
}

.inner-bg-1 {
    border: 1px solid var(--mid-grey);
    height: auto;
    border-radius: 15px;
    margin: 1%;
    width: 98%;
}

.listProjectNameAka .inner-bg-1 {
    margin: 0%;
    width: 100%;
}

.f-color-1 {
    color: var(--black);
}

.body-summary-view .project-overview-block-left {
    width: 45%;
}

.body-summary-view .maintabel-box.p-project-2col {
    width: 25%;
}

.body-summary-view .maintabel-box.p-name {
    width: 33%;
}

.body-summary-view .maintabel-box.p-acc {
    width: 17%;
}

.body-summary-view .maintabel-box.p-project {
    width: 11%;
}

.body-summary-view .maintabel-box.p-Date {
    width: 7%;
}

.body-summary-view .maintabel-box.p-Value {
    width: 5%;
    text-align: right;
}

.body-summary-view .maintabel-box.product-note.product-samples-1 {
    width: 16%;
}

.body-summary-view .maintabel-box.p-acc.calendar_box-2 {
    width: 13%;
}

.body-summary-view .project_col-left {
    font-weight: bold;
}

.body-summary-view .maintabe-title {
    font-weight: bold;
}

.body-summary-view .notes-top-title {
    font-weight: bold;
    color: #000;
}

.body-summary-view .box-co0:hover {
    background: inherit;
    border-radius: 30px;
}

.timeline-middle-box h1 {
    font-size: var(--global--font-size-base);
}

.timeline-middle-box .calendarView a {
    color: var(--black)!important;
    background: var(--mid-grey);
    border-radius: 25px;
}

.timeline-middle-box .calendarView a:hover {
    text-decoration: none;
}

.timeline-middle-box .calendarView a.myactive {
    background: var(--mid-grey);
    border-radius: 25px;
}

.timeline-middle-box .calendarView a.myactive:hover {
    text-decoration: none;
}

.calendarViewInnerTimeline .box a {
    color: var(--dark-gray-color4);
    padding: 2px 0px;
    float: left;
    width: 100%;
}

.progress-leftcolune {
    width: auto;
    margin-left: 7%;
}

.progress-rightcolune {
    width: 74%;
}

.admin_suite_body {
    background: inherit;
    color: var(--black);
    overflow-x: initial;
}

.fancybox-content .popup-content .middle-box {
    padding: 15px!important;
}

.project-architect-time-line .editform-box-content {
    padding-top: 0px;
}

#btnAddMeetingNotes,
#btnAddAlertMessage {
    font-size: var(--global--font-size-base);
}

.list_modle_aka .inner-bg-1 .col-md-3 {
    /*background: var(--mid-grey);*/
    margin: 6px 5px 0px 0px;
    padding: 3px 8px;
    width: auto;
    border-radius: 5px;
    font-size: var(--global--font-size-base);
}

.list_modle_aka .inner-bg-1 .row {
    margin: 0px;
    padding: 0px;
}

.main-table1 .main-tabel-box .main-tabel-box3 {
    text-align: center;
    color: var(--black);
    padding: 15px 0px 0px;
}

.editform-box-content .well.well-sm {
    margin: 10px 0px;
    font-size: 10px;
}

.editform-box-content .well.well-sm a {
    color: #909090!important;
}

#section_delivery_detail h3 {
    font-size: var(--global--font-size-lg);
}

.padding-finance .checkbox label,
.padding-finance .radio label {
    padding-top: 4px;
    padding-left: 0px;
}

.finance-top-2 .est_project_value_input {
    float: left;
    margin-right: 5px;
    opacity: 1!important;
}

.finance-border {
    border-top: 1px solid var(--mid-grey);
    border-bottom: 1px solid var(--mid-grey);
    padding-left: 0px;
}

.row-padding-data {
    margin: 5px 0px 15px;
}

.cal-mid-div .cal-title {
    font-weight: 700;
    padding: 4px 0px 6px;
    font-size: 10px;
}

.mon-t {
    border-bottom: 1px solid var(--mid-grey);
}

.table-striped .top-padding1 {
    color: var(--black);
}

.admin_suite_body h1 {
    font-size: var(--global--font-size-lg);
    float: left;
    width: 60%;
    margin-top: 14px;
}

.description1 input[type=checkbox],
.description1 input[type=radio] {
    float: left;
    margin-right: 6px;
    border-radius: 50%;
    margin-top: 2px;
}

.field-plchecklist-checklist_ref label {
    float: left;
}

.project-architect-block .form-group {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}


/*#btnAddChecklistItem{ margin-top:-50px; }*/

.sitesetup_in_btn #btnAddChecklistItem {
    margin-top: 0px;
}

.pl-checklist-item-create {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    float: left;
    width: 100%
}

.pl-checklist-item-form .form-group {
    width: 100%;
    float: left;
}

#adminSuiteIframe .form-group {
    margin-bottom: 0px;
}

.admin_suite_body .container-fluid {
    background: #fff;
    border-radius: 15px;
}

.adminsuite-formal-set-doc-form {
    width: 100%;
    float: left;
}

.adminsuite-formal-set-doc-form .form-group {
    margin-bottom: 0px;
}

.adminsuite-formal-set-doc-form .help-block {
    padding: 0px;
    margin: 0px;
}

.adminsuite-formal-set-doc-form .form-group label {
    width: 100%;
    padding: 0px;
    line-height: 34px;
    margin: 0px;
    color: #000;
}

.admin_suite_body .nav-tabs {
    border-bottom: 0px solid var(--light-gray-hight);
    padding: 0px 6px;
    width: 70%!important;
    float: left;
    padding-left: 0px;
}

.admin_suite_body .nav-tabs li {
    padding: 7px 10px 0px 0px;
}

.admin_suite_body .dropdown-menu li {
    padding-right: 0px;
}

.adminsuite-1 a {
    color: #000;
    margin-top: 12px;
    float: left;
}

body .swal2-content {
    font-size: var(--global--font-size-lg)!important;
    padding: 30px 0px;
}

.sample_items_box_aline {
    width: 100%;
}

#tableSampleOrdered {
    color: var(--black);
}

#accordionsampleroom table {
    width: 100%;
}

.pl-order-index .btn {
    margin-bottom: 10px;
}

.form-check-1 input {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

#costMonitorSummary>tbody>tr>td {
    border-top: 0px;
    padding: 5px 0px;
    font-weight: bold;
}

#section_delivery_detail span {
    float: right;
    font-size: var(--global--font-size---lg);
    padding-top: 6px;
}

#section_delivery_detail span a {
    color: var(--black);
    margin: 0px 2px;
}

.mon-t {
    border-bottom: 2px solid var(--mid-grey);
    color: #57595b;
    margin-bottom: 3px;
    font-weight: bold;
}

.calendarViewInnerTimeline .col-xs-12 {
    padding: 0px;
}

.project_col-left {
    font-weight: 500 !important;
}

.adminsuite-quotation-index .summary {
    padding-bottom: 15px;
}

.grid-view thead tr th a {
    color: var(--black);
    font-size: var(--global--font-size-base);
}

.add_project_people {
    color: #000 !important;
}

.project-profile-d .glyphicon {
    color: var(--black);
    margin-left: 5px;
    position: absolute;
    cursor: pointer;
}

.btn {
    color: var(--black);
    background-color: var(--mid-grey);
    border: 0px;
    border-radius: 20px;
    font-size: var(--global--font-size-base);
    height: 36px;
    padding: 5px 18px;
    line-height: 26px;
}

.btn:hover {
    color: var(--black);
    background-color: #bebebe;
    border-color: #bebebe;
}

.help-block a {
    color: var(--black);
    text-decoration: none;
}

.add_project_people.btn.btn-primary,
.pl-checklist-update .btn {
    margin-right: 3px;
    border-radius: 25px;
    padding: 5px 15px;
    height: auto;
    line-height: 19px;
    margin-bottom: 0px;
}

.right-color-cod-1 {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    line-height: 21px;
}

.right-color-cod-1 .right-color-cod {
    margin-right: 15px!important;
}

.pl-mst-status-create h1 {
    float: left;
    width: 100%;
}

.pl-mst-status-create .control-label {
    margin-left: 15px;
}

#projectFinancePaymentRows .fa {
    color: var(--black)!important;
}

#listProjectNameAka .inner-bg-1 .col-md-3 a {
    color: var(--black)!important;
}

.box-co0 .prompts-block img {
    height: 21px;
    float: left;
}

.icon10.logout-btn-right {
    margin-top: 12px;
}

.well-lg .nots-bottom-text {
    padding-left: 10px;
    color: #b9b9b9;
}

.tech-search-4.tech .nots-bottom-text {
    margin-top: -10px;
    padding-left: 1px;
}

.sitesetup-pages h1 {
    width: 100%;
    padding: 5px 0px 15px;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--light-gray2);
    font-size: var(--global--font-size-lg);
    font-weight: 600;
}

.tech-search-4.tech .form-control,
body .caret1 {
    background-color: inherit;
    border: 0px;
    padding-left: 0px;
}

.view-box-todo.select-notes button {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.well-lg .view-box-todo .nots-bottom-text {
    padding-left: 12px;
}

.view-lock {
    float: right;
    list-style: none;
    width: 50px;
    font-size: var(--global--font-size-base);
    padding-top: 20px;
    text-align: left;
}

.view-lock a {
    color: var(--black);
    text-decoration: none;
    font-weight: 500;
}

#plcompany-problem {
    margin-top: 3px;
}

.view-box-todo.select-notes .bootstrap-select>.btn {
    width: 100%;
    padding-right: 16px;
}

.right-hader-top {
    padding-top: 12px;
    font-size: var(--global--font-size-base);
    margin-top: 17px;
    height: 40px;
    padding-right: 0px;
}

.top-alert-msg .fa {
    color: var(--black);
    position: absolute;
    top: 10px;
    left: 11px;
    font-size: 15px;
}

.top-alert-msg {
    width: 100%;
}

.top-alert-msg button {
    border: 1px solid var(--light-gray-hight);
    height: 35px;
    border-radius: 25px;
    padding-left: 40px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    font-size: var(--global--font-size-base);
    background: var(--white-bg);
}

.top-alert-msg .countdown {
    color: var(--black)!important;
    border-radius: 25px;
    font-size: var(--global--font-size-base);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
}

.top-alert-msg .countdown:hover,
.top-alert-msg .countdown:focus {
    background: #fff;
}

.meeting-widget .custom-dropdown .dropDownRow:hover {
    background-color: #fff;
}

.calendarView .left-timtline {
    width: 100%;
}

.calendarView .right-day {
    width: 100%;
    text-align: center;
}

.calendarViewInnerTimeline a {
    color: var(--black);
}

.lock {
    padding-top: 217px;
}

.lock .fixed-lock {
    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    padding: 4px 3% 0px;
    z-index: 999;
    top: 0;
}

.top-baar-fixed .box-co0 {
    border: 0px;
    padding: 0px 0px;
}

footer .footer-logo {
    width: 100px;
    height: auto;
}

.main-tabel-box2 .pagi {
    /*margin-bottom: -60px;
    */
}

.weekBox .heading {
    font-weight: normal;
    font-size: var(--global--font-size-base);
    padding-top: 7px;
}

.calendarViewInnerTimeline h3 {
    font-size: var(--global--font-size-base);
}

.label-div {
    width: 30%;
    height: auto;
    padding-top: 7px;
    float: left;
}

.text-div {
    width: 68%;
    height: auto;
    float: right;
}

.plproject-row .project-ty {
    padding: 0px;
}

.project-ty-2 {
    padding-top: 10px;
}

.label-div-1 {
    padding-bottom: 5px;
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 30px;
}

.cr-left {
    padding-right: 5px;
    padding-bottom: 10px;
}

.cr-right {
    padding-left: 5px;
    padding-bottom: 10px;
}

.cr-label {
    width: 30%;
    padding-top: 6px;
    float: left;
    text-align: center;
}

.cr-content {
    width: 68%;
    float: right;
}

.top-baar-fixed {
    width: 100%;
}

.top-baar-fixed-inner {
    border-radius: 25px 25px 0px 0px;
    overflow: hidden;
}

.pl-project-summary-view .t-box1,
.pl-project-summary-view .t-box2,
.pl-project-summary-view .t-box3,
.pl-project-summary-view .t-box4,
.pl-project-summary-view .t-box5,
.pl-project-summary-view .t-box6,
.pl-project-summary-view .t-box7,
.pl-project-summary-view .t-box8,
.pl-project-summary-view .t-box9 {
    display: none!important
}

.sitesetup_title_box {
    width: 100%;
    height: auto;
    float: left;
}

.round-box-15 {
    border-radius: 100%;
    height: 20px;
    width: 20px;
    line-height: 22px;
}

.expmonth-1 {
    margin: 0px;
    padding: 0px!important;
}

.expmonth-1 .btn {
    color: var(--black)!important;
    background-color: #fafafa;
    border: 0px;
    border-radius: 20px;
    width: 93%;
    margin-right: 4%;
    padding: 4px 3px;
    font-size: var(--global--font-size--lg);
    margin-bottom: 4px;
    float: left;
    height: 25px;
    line-height: 16px;
}

.expmonth-1 .btn:hover {
    color: var(--white)!important;
}

.expmonth-1 .btn.active {
    background-color: var(--mid-grey);
    color: #000!important;
}

.project_finance_subwindow {
    font-size: var(--global--font-size--lg);
    background-color: inherit!important;
}

.nav-tabs>li.dropdown>a {
    background-color: inherit;
    color: var(--black);
    border: 0px;
    padding: 0px;
}

.nav-tabs>li>a {
    padding: 0px;
    color: var(--black);
}

.nav-tabs>li.dropdown.open>a {
    background-color: var(--white);
    color: var(--black);
    border: 0px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: var(--white);
    background-color: inherit;
}

.update-project-right .right-update-icon img.update-icon1 {
    width: 28px;
}

.timesheetTable {
    font-size: var(--global--font-size--lg)!important;
}

.zenburn {
    background-color: var(--dark-gray-color4);
    color: var(--white);
}

.live-chat-icon #message_count_badge {
    background-color: transparent;
    color: red;
    font-weight: bold;
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--white-bg);
}

.alert button {
    right: 0px!important;
}

.swal2-content {
    font-size: var(--global--font-size-lg);
}

.right-box-1 {
    width: 84%;
    float: right;
}

.right-box-shadow {
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 20px 15px 15px;
    border-radius: 25px;
    width: 98%;
    height: auto;
    margin: 0px 0px 15px 1%;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    width: 100%;
    float: right;
    margin-bottom: 15px;
}

.update-project.top-padding {
    padding-top: 15px;
}

.block-top-title {
    border-bottom: 1px solid var(--light-gray-hight);
    width: 100%;
    padding: 0px 0px 10px;
    margin-bottom: 15px;
    font-size: var(--global--font-size---lg);
}

.right-box-1 .right-box-block1 {
    width: 33%;
    background: var(--light-gray3);
    border: 1px solid var(--light-gray2);
    float: left;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 20px;
}

.right-box-1 .right-box-block2 {
    width: 32%;
    background: var(--light-gray3);
    border: 1px solid var(--light-gray2);
    float: left;
    margin: 0px 1%;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.right-box-1 .right-box-block3 {
    width: 33%;
    background: var(--light-gray3);
    border: 1px solid var(--light-gray2);
    float: left;
    padding: 10px;
    border-radius: 20px;
}

.rightcolune-left {
    width: 25%;
    height: auto;
    float: left;
}

.right-box-1 .progress-rightcolune {
    margin-top: 5px;
    padding-top: 0px;
}

.right-box-block-in {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.live-box-right-icon {
    float: right;
}

.live-box-right-icon img {
    width: 20px;
    margin: 0px 3px;
}

.live-box-right-row {
    width: 100%;
    text-align: left;
    font-weight: bold;
    float: left;
    border-bottom: 1px solid var(--light-gray-hight);
    padding: 0px 0px 10px;
    margin-bottom: 10px;
}

.shadow-box-2 .right-box-block1 {
    width: 49.5%;
    height: auto;
    float: left;
}

.shadow-box-2 .right-box-block2 {
    width: 49.5%;
    height: auto;
    margin: 0px;
    float: right;
}

.right-box-block1 .six-colume-row {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid var(--light-gray-hight);
    width: 100%;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
}

.right-box-block1 .six-colume-row.bold {
    font-weight: bold;
}

.right-box-block1 .six-colume-row .col-1 {
    width: 22%;
    height: auto;
    float: left;
}

.right-box-block1 .six-colume-row .col-2 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block1 .six-colume-row .col-3 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block1 .six-colume-row .col-4 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block1 .six-colume-row .col-5 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block1 .six-colume-row .col-6 {
    width: 10%;
    height: auto;
    float: left;
}

.right-box-block2 .six-colume-row {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid var(--light-gray-hight);
    width: 100%;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
}

.right-box-block2 .six-colume-row.bold {
    font-weight: bold;
}

.right-box-block2 .six-colume-row .col-1 {
    width: 22%;
    height: auto;
    float: left;
}

.right-box-block2 .six-colume-row .col-2 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block2 .six-colume-row .col-3 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block2 .six-colume-row .col-4 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block2 .six-colume-row .col-5 {
    width: 17%;
    height: auto;
    float: left;
}

.right-box-block2 .six-colume-row .col-6 {
    width: 10%;
    height: auto;
    float: left;
}

.right-box-1-row {
    width: 100%;
    height: auto;
    float: left;
}

.stock-item-category-index>h1 {
    padding: 15px 0px;
}

.mail-box-left {
    width: 49%;
    height: auto;
    float: left;
}

.mail-box-right {
    width: 50%;
    float: right;
}

.mail-box-in-box1 {
    height: auto;
    margin: 1px 0px 15px 1%;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 20px 15px 25px;
    border-radius: 25px;
    width: 99%;
    float: left;
    min-height: 601px;
}

.mail-box-right-in {
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 0px;
    border-radius: 25px;
    width: 100%;
    height: auto;
    margin: 1px 0px 15px 1%;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    float: right;
    padding-bottom: 15px;
}

.mail-box-top {
    padding-bottom: 15px;
    width: 100%;
    float: left;
    height: 50px;
    padding-top: 5px;
}

.mail-box-top .mail-title {
    width: 200px;
    height: auto;
    color: var(--black);
    float: left;
    font-size: var(--global--font-size-sm);
}

.mail-box-top .compose-icon {
    width: 110px;
    height: auto;
    float: right;
    color: var(--black);
    text-align: right;
}

.mail-box-top .compose-icon a {
    color: var(--black);
    text-decoration: none;
}

.mail-box-top .compose-icon .fa {
    font-size: var(--global--font-size-xl-l);
    margin-left: 15px;
}

.mail-box-right-in .top-bg-mail {
    width: 100%;
    background: #f7f7f7;
    height: auto;
    padding: 15px 0px;
    font-weight: bold;
    border-radius: 25px 25px 0px 0px;
    float: left;
}

.mail-box-right-in .top-bg-mail .bg-mail-1 {
    width: 20%;
    padding-left: 15px;
    padding-left: 23px;
    float: left;
}

.mail-box-right-in .top-bg-mail .bg-mail-2 {
    width: 50%;
    float: left;
}

.mail-box-right-in .top-bg-mail .bg-mail-3 {
    width: 20%;
    float: left;
}

.mail-box-right-in .bg-mail-mid-row .bg-mail-mid-1 {
    width: 20%;
    padding-left: 15px;
    float: left;
}

.mail-box-right-in .bg-mail-mid-row .bg-mail-mid-2 {
    width: 51%;
    float: left;
}

.mail-box-right-in .bg-mail-mid-row .bg-mail-mid-3 {
    width: 20%;
    float: left;
}

.mail-box-right-in .bg-mail-mid-row .bg-mail-mid-4 {
    width: 9%;
    text-align: center;
    float: left;
}

.mail-box-right-in .bg-mail-mid.scrollbar-2 {
    width: 98%;
    height: auto;
    float: left;
    padding-left: 1%;
    height: 516px;
    margin-top: 15px;
}

.mail-box-right-in .bg-mail-mid-row {
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--light-gray2);
    padding: 15px 0px;
    position: relative;
}

.mail-serch-box {
    width: 40%;
    height: 50px;
    position: relative;
    float: right;
}

.mail-serch-box .search-icon {
    color: var(--light-gray);
    margin-top: 0px;
}

.mail-box-profile {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--light-gray2);
    margin-bottom: 25px;
}

.mailer-photo {
    width: 74px;
    height: auto;
    float: left;
}

.mailer-name {
    width: 88%;
    height: auto;
    position: relative;
    float: right;
    padding-top: 15px;
}

.mailer-sub-title {
    font-weight: 600;
    font-size: var(--global--font-size-xl-l);
    padding-top: 5px;
}

.mailer-date {
    width: 200px;
    float: right;
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
}

.project-architect-block .right-vault a {
    font-size: var(--global--font-size---lg);
    color: #000;
    font-size: 13px;
    padding-left: 8px;
}

.right-vault-2 {
    float: right;
}

.right-vault {
    float: left;
    padding-right: 10px;
}

.brand_title-top {
    font-size: var(--global--font-size-base);
}

.add-coll_btn {
    padding: 5px 0px 10px;
    float: left;
    width: 100%;
}

.mailer-name {
    font-size: var(--global--font-size-lg);
}

.mailer-name span.sub {
    font-size: var(--global--font-size-base);
    padding-left: 5px;
}

.mailer-date {
    font-size: var(--global--font-size-base);
    padding-top: 17px;
}

.mailer-date span {
    padding-left: 10px;
}

.mailer-photo img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.icon-top-remove-mail {
    width: 16px;
}

.edit-mail-icon {
    width: 19px;
    height: auto;
    margin-left: 10px;
}

.pl-project-update {
    font-size: var(--global--font-size--lg);
}

.adminsuite-formal-set-doc-index {
    font-size: var(--global--font-size-base);
}

.project-content-bottom .nav-tabs {
    padding-top: 0px;
}

.alert {
    color: red!important;
    background-color: var(--white)!important;
    border-color: var(--light-gray)!important;
    padding: 5px 10px;
    font-size: var(--global--font-size-base);
    width: 44%;
}

.popup-content .alert {
    width: 100%;
    margin-left: 0%;
}

.body-summary-view .top-baar-fixed .box-co0 {
    padding: 0px 3px;
}

.update-group-li.active {
    background: #eaeaea;
}

.update-project-left .update-project-li.active {
    background: #f0f0f0;
}

.chat-container {
    color: var(--black);
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--light-gray2);
    height: 34px;
    border-radius: 25px!important;
    width: 100%;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--light-gray2);
    height: 34px;
    border-radius: 25px!important;
    width: 100%;
    border-radius: 4px;
    cursor: text;
}

.bg-mail-mid-2 a {
    color: var(--black);
}

.mailer-details.scrollbar-2 {
    width: 100%;
    float: left;
    height: 389px;
    padding-right: 15px;
    overflow-x: auto;
}

.compose_1 {
    height: 16px;
    margin: 0px 3px;
}

.db1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 0px 0px;
}

.popup-content .lms-mailing-create .lms-mailing-form {
    padding: 0px;
}

.popup-content .lms-mailing-form h1 {
    padding: 0px 0px 10px;
    margin-bottom: 15px;
}

.db1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 0px 0px;
}

.data_mobile {
    width: 100%;
    height: auto;
}

.grid_view_panel {
    width: 80px;
    height: auto;
    text-align: right;
    float: right;
}

.grid_view_panel img {
    width: 20px;
}

.btn_view_img_1 {
    margin-right: 10px;
}

.create_database {
    width: 150px;
    height: auto;
    float: right;
}

.create_database .fa {
    font-size: var(--global--font-size-xl-l);
}

.create_database {
    width: 147px;
    height: auto;
    float: right;
    padding-top: 15px;
    font-size: var(--global--font-size-base);
}

.create_database a {
    color: var(--black);
    float: right;
}

.create_database .fa {
    font-size: var(--global--font-size-xl-l);
    margin-left: 10px;
}

.create_database span {
    float: left;
}

.data-left-page_title {
    float: left;
    font-size: var(--global--font-size-lg);
    width: 130px;
    padding-top: 8px;
}

.well {
    background-color: inherit;
    border: 0px solid var(--light-gray-hight);
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 5%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 5%);
}

.data_g {
    padding-top: 13px;
}

.data-search_panel {
    width: 50%;
    height: auto;
    float: left;
}

.data-search_panel .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(../images/arrow1.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    top: 30% !important;
    vertical-align: middle;
    border-width: 0px;
    font-weight: 500;
    border-top: 0px dashed;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
}

.data-search_panel .well.well-lg.box-co1-main.tech-search2 {
    padding-top: 0px;
}

.well.well-lg.box-co1-main input {
    font-size: var(--global--font-size-base);
    border: 0px solid var(--light-gray);
    border: 1px solid var(--light-gray-hight);
    border-radius: 25px!important;
    height: 36px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
}

.data-search_panel .well.well-lg.box-co1-main.tech-search2 .col-md-2.col-sm-3 {
    width: 30%;
    float: left;
}

.well.well-lg .btn.go_data {
    background: var(--white-bg);
    border: 1px solid var(--black-border);
    color: var(--black);
    height: 32px;
    width: 50px;
    margin: 0px 2px 0px;
    font-weight: 400;
    line-height: 0px;
    float: left;
    border-radius: 36px;
}

.data_search_1 {
    width: 16%;
    height: auto;
    padding: 0px 15px;
    float: left;
    margin-right: 15px;
}

.data_search_2 {
    width: 28%;
    height: auto;
    padding: 0px 5px;
    float: left;
}

.data_search_3 {
    width: 28%;
    height: auto;
    padding: 0px 5px;
    float: left;
    margin-right: 7px;
}

.select2-container--default .select2-selection--single {
    background: inherit;
}

.data_search_1 .select2-dropdown {
    border: 0px solid 1px solid var(--white-border)!important;
}

.data_search_1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 24px;
    font-weight: bold;
}

.data-button {
    float: right;
    margin-bottom: -15px;
    position: relative;
}

.data-button img {
    height: 14px;
    width: auto;
}

.data_contect span {
    width: 67px;
    float: left;
    font-weight: bold;
}

.data_email span {
    width: 67px;
    float: left;
    font-weight: bold;
}

.data_mobile span {
    width: 67px;
    float: left;
    font-weight: bold;
}

.data_name_box .data_name span {
    font-size: var(--global--font-size-sm);
    font-weight: 600;
}

.data_rating {
    height: 18px;
    width: 100%;
    float: left;
}

.data-tree {
    width: 100%;
    float: left;
    min-height: 85px;
    margin-top: 8px;
}

.data_search_1 .select2-selection--single .select2-selection__arrow b {
    margin-top: 2px;
}

.db-row {
    height: 50px;
}

.pl-company-index {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 0px 15px;
}

.pl-company-index .summary {
    display: none;
}

.pl-company-index .search-icon {
    font-size: var(--global--font-size-xl);
    left: 9px;
    top: 6px;
}

.main-box-data {
    float: right;
    position: relative;
    margin-top: 0px;
    padding: 0px;
    width: 14%;
    display: none;
}

.pl-company-update .bt-1 {
    padding-bottom: 20px;
}

.database_edit_left {
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 20px 15px 15px;
    border-radius: 25px;
    height: auto;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    margin-bottom: 15px;
    width: 48%;
    float: left;
}

.database_edit_right {
    width: 48%;
    float: right;
}

.database_edit_right_in {
    background: #fff;
    color: var(--dark-gray-color4);
    padding: 20px 15px 15px;
    border-radius: 25px;
    height: auto;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    margin-bottom: 25px;
    width: 100%;
    float: right;
}

.data_company-datails {
    background: var(--light-gray3);
    color: var(--dark-gray-color4);
    padding: 10px 15px 15px;
    border-radius: 15px;
    height: auto;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.data_company-row-in {
    width: 100%;
    height: auto;
    float: left;
    padding: 3px 0px;
}

.data_company-row-in .data_col {
    width: 48%;
    height: auto;
    float: left;
}

.data_company-row-in .data_col.data_col_right {
    width: 48%;
    height: auto;
    float: right;
}

.data_company-datails .title {
    font-size: var(--global--font-size-xs);
    padding-bottom: 10px;
}

.database_edit_top {
    width: 100%;
    height: auto;
    float: left;
    padding: 0px 0px 5px;
    border-bottom: 2px solid var(--light-gray-hight);
}

.database_edit_block1 {
    width: 17%;
    height: auto;
    float: left;
    font-weight: 600;
}

.database_edit_block2 {
    width: 53%;
    height: auto;
    float: left;
}

.database_edit_block3 {
    width: 27%;
    height: auto;
    float: right;
    text-align: right;
    height: 31px;
}

.database_edit_top_2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 15px;
    border-bottom: 2px solid var(--light-gray-hight);
    margin-bottom: 15px;
}

.database_edit_block4 {
    width: 48%;
    float: left;
}

.database_edit_block5 {
    width: 48%;
    float: right;
}

.database_edit_block3 .rating-container .star {
    margin-top: 6px;
}

.database_edit_block3 .control-label {
    width: 20%;
    float: right;
}

.database_edit_block2 .field-plcompany-problem {
    width: 30%;
    float: right;
}

.database_edit_block2 .control-label {
    width: 70%;
    float: left;
    padding-right: 5px;
}

.database_edit_block2 .problem_reason {
    float: left;
    width: 66%;
}

.form-group.field-plcompany-problem_reason {
    margin-bottom: 0px;
}

.database_edit_block4 label {
    width: 30%;
    float: left;
    padding-top: 10px;
}

.database_edit_block4 .form-control {
    width: 67%;
    float: right;
    margin-bottom: 0px;
    height: 34px;
}

.database_edit_block5 label {
    width: 30%;
    float: left;
    padding-top: 10px;
}

.database_edit_block5 .form-control {
    width: 67%!important;
    float: right;
    margin-bottom: 0px;
}

.database_edit_block5 .form-group {
    margin-bottom: 0px;
}

.data_company-datails label {
    width: 30%;
    float: left;
    padding-top: 10px;
    font-weight: 600;
}

.data_company-datails .form-control {
    width: 67%;
    float: right;
    margin-bottom: 0px;
}

.data_bottom-right a {
    width: 30px;
    height: 30px;
    padding: 5px 0px;
    text-align: center;
    font-size: var(--global--font-size-base);
    margin: 0px 3px;
    background: var(--light-blue);
    color: var(--white);
    line-height: 19px;
    border-radius: 15px;
    float: right;
}

.data_bottom-right a img {
    width: 15px;
    height: auto;
}

.data_bottom-right {
    width: auto;
    float: right;
    position: relative;
    margin-bottom: -37px;
    text-align: right;
    padding-right: 20px;
}

.data_bottom-right .btn {
    width: auto;
    padding: 6px 15px;
    color: var(--white);
    height: 36px;
    border-radius: 25px;
    line-height: 24px;
}

.database-col {
    width: 50%;
    float: left;
}

.rating-md .caption {
    display: none;
}

.database_r,
.db-right {
    padding-left: 20px;
}

.database-col.db-cl-1 .field-pldbentry-client_manager_id {
    width: 89%;
    float: left;
    margin-bottom: 0px;
}

.database_edit_right .db-cl-1 .form-group select {
    width: 64%;
    padding-right: 0px;
}

.database-col-right {
    width: 100%;
    float: left;
    padding: 3px 0px;
}

.database_edit_right .database_edit_right_in label {
    width: 30%;
    float: left;
}

.database_edit_right .database_edit_right_in .form-control {
    width: 68.8%;
    float: left;
}

.database-col.db-cl-1 label {
    width: 36%;
}

.data_company-row-in .data_col .panel-default>.panel-heading {
    border-radius: 25px;
    border: 1px solid var(--dark-gray-color3);
    padding: 6px;
}

.database-col.db-cl-7 .form-control {
    width: 100%;
    float: right;
    border-radius: 25px;
}

.database_edit_right .headline-title {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 600;
    border-bottom: 2px solid var(--light-gray-hight);
    padding: 0px 0px 15px;
    margin-bottom: 15px;
}

.db-cl-7 .input-group {
    width: 69%;
    float: left;
}

.pagination>li>a,
.pagination>li>span {
    background-color: inherit;
    border: 0px solid var(--light-gray-hight);
    font-size: var(--global--font-size-md);
    color: var(--black);
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: var(--black);
    cursor: default;
    background-color: inherit;
    border-color: inherit;
}

.pagination .fa-angle-double-left,
.pagination .fa-angle-left,
.pagination .fa-angle-double-right,
.pagination .fa-angle-right {
    font-weight: 700;
    font-size: var(--global--font-size---lg);
}

.database_edit_right_in .table {
    background: inherit;
}

.database_edit_right_in .table a {
    color: var(--black);
    margin-bottom: 0px;
}

.data_company-row-in .panel-default {
    border: 0px;
    width: 67%;
    float: right;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.database_edit_block2 .form-control {
    border-radius: 15px;
}

.list_view_top-row {
    width: 100%;
    padding: 23px 0px;
    background: #eeeeee;
    float: left;
    border-radius: 25px 25px 0px 0px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
}

.listView .list-view {
    width: 100%;
    float: left;
}

.listView .list-view .list-padding_1:hover {
    background: #fbfbfb;
}

.list-padding {
    padding-left: 30px;
}

.list-padding-right {
    text-align: center;
}

.list-padding_1 {
    padding: 0px;
    margin: 0px;
}

.list-padding_in2 {
    width: 99%;
    border-bottom: 1px solid var(--light-gray2);
    margin: 0px auto;
    padding: 15px 0px;
    float: left;
    margin-left: 0;
}

.list-padding_in2 .ratting-list {
    height: 21px;
}

.list-padding_in {
    width: 98%;
    margin-left: 1%;
    font-weight: bold;
}

.list-padding_in a {
    color: var(--black);
}

.list-padding-right a {
    color: var(--black);
    padding: 0px 8px;
}

.db-center {
    text-align: center;
}

.list-view .item_rows {
    width: 100%;
    float: left;
    background: var(--white-bg);
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    border-radius: 0px 0px 25px 25px;
    padding-bottom: 25px;
}

.item_pager {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.item_pager .pagination {
    padding: 25px 0px 0px;
    margin: 0px;
    margin-bottom: -57px;
    z-index: 9999;
    position: relative;
}

.gridView .pl-company-index .pagination {
    padding: 45px 0px 0px;
    margin: 0px;
    margin-bottom: -74px;
    z-index: 9999;
    position: relative;
}

.data_photo {
    width: 57px;
    height: 55px;
    position: relative;
    float: left;
}

.data_photo a {
    float: left;
}

.data_photo .btnRemoveContactImage {
    float: right;
    padding-left: 0px;
    margin-left: -1px!important;
    margin-top: -10px!important;
}

.dropdown-menu>li>a {
    font-size: var(--global--font-size-base);
    color: var(--black)!important;
}

.btnRemoveContactImage {
    vertical-align: top;
    color: red;
    position: absolute;
    left: 57px;
}

.data_name_box {
    width: 70%;
    float: left;
    padding-left: 10px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: var(--dark-blue);
    background-color: inherit;
    border-color: inherit;
}

.pl-order-index .table {
    margin-top: 10px;
    float: left;
}

.pl-order-index .dropdown {
    float: right;
    width: auto;
    text-align: left;
    margin-top: -21px;
}

.checklist-ff .summary {
    padding-bottom: 5px;
    text-align: right;
    width: 100%
}

.admin_suite_body .btn,
.btnSetupDeliveryDetail {
    margin-bottom: 0px;
    height: auto;
    padding: 3px 10px;
    float: right;
    margin-left: 5px;
}

.tech-search-4.tech {
    width: 16%;
    padding-right: 24px;
    position: relative;
    padding-left: 24px;
}

.database_edit_block3 .control-label {
    padding-top: 9px;
}

.box-co1-main.tech-search {
    width: 70%;
    float: left;
}

.pl-technical-box_ {
    width: 100%;
    height: auto;
    float: left;
}

.pl-technical-box_ .data-left-page_title {
    padding-top: 23px;
}

.main-technical-button {
    width: 20%;
    float: right;
}

.technical-list-grid img {
    width: 20px;
    height: auto;
    float: left;
    margin-left: 10px;
}

.technical-list-grid {
    width: 72px;
    float: right;
}

.technical-list-grid a {
    float: left;
    padding: 0px;
    margin: 0px;
}

.technical-list-grid .technical-list-grid {
    width: 60px;
    height: auto;
    float: left;
}

.btnBulkUpload {
    color: var(--black);
}

.btnBulkUpload:hover {
    text-decoration: none;
    color: var(--black);
}

.btnBulkUpload .fa {
    margin-left: 10px;
    font-size: var(--global--font-size---lg);
}

.main-technical-button {
    width: 220px;
    float: right;
    margin-top: 28px;
}

.padding_tach {
    padding: 5px;
}

.row.row-11 {
    margin: 0px -5px;
}

.tach-text {
    width: 50%;
    float: left;
    text-align: left;
}

.list-icon-contant img {
    float: left;
    width: 60px!important;
    height: 60px!important;
    margin-right: 10px;
}

.date-mod {
    padding-top: 10px;
}

#pltechnicalsearch-status option {
    color: var(--black);
}

.pl-photo-index .update-group-li.group-li-2 {
    width: 92%;
    margin-top: 8px;
}

.update-group-li.group-li-1 a {
    color: var(--black);
}

.right-photo-panel-1 {
    width: 83%;
    height: auto;
    float: right;
}

.right-photo-panel {
    width: 84%;
    height: auto;
    float: right;
    color: var(--dark-gray-color4);
    margin: 0px 0px 15px 1%;
    width: 100%;
}

.photo-padding {
    padding: 0px 7px;
}

.add-folder-left {
    width: 300px;
    float: left;
    padding-left: 50px;
}

.add-folder-left img {
    margin-right: 15px;
    padding-bottom: 15px;
}

.title_photo {
    font-size: var(--global--font-size---lg);
    width: 100%;
    height: 40px;
    padding-top: 10px;
    font-weight: 600;
    color: var(--light-gray4);
}

.add-folder-left img {
    width: 30px;
    height: auto;
}

.title_photo span {
    color: var(--black);
}

.photo-row {
    margin: 0px;
    padding: 0px;
}

.pl-photo-index {
    width: 100%;
    padding: 0px;
}

body .right-photo-panel-1 .img-thumbnail {
    width: 50px;
    height: auto;
    border: 0px;
    border-radius: 0px;
    height: 32px;
}

.update-project-group-in.scrollbar-2 {
    padding-right: 6%;
    height: 500px;
    float: left;
}

.col-setup-left {
    width: 49.4%;
    float: left;
    padding: 2px 0px 0px;
    height: 700px;
}

.col-setup-right {
    width: 50%;
    float: right;
}

.inner-line.setup-haff {
    width: 48.6%;
    float: left;
    min-height: 300px;
    position: relative;
}

.satting-con .form-group {
    margin-bottom: 0px;
}

.inner-line.setup-haff.right-setup {
    float: right;
}

.satting-logo_img {
    width: 40%;
    height: auto;
    float: left;
}

.satting-logo_input {
    width: 60%;
    height: auto;
    float: left;
    padding-top: 0px;
}

.satting-url-input {
    width: 60%;
    height: auto;
    float: left;
    padding-top: 15px;
}

.satting-logo_input .row,
.satting-logo_input .col-lg-10 {
    padding: 0px;
    margin: 0px;
}

.satting-company-web {
    width: 16%;
    float: left;
    padding-top: 8px;
    font-weight: 600;
}

.satting-url-input .col-lg-10 {
    width: 100%;
}

.satting-company-web {
    width: 40%;
    float: left;
    font-weight: 400;
    padding-top: 23px;
}

.pl-checklist-index .empty {
    width: 100%;
    float: left;
}

.finance-c {
    width: 33%;
    float: left;
}

.currency.checkbox {
    float: left;
    margin: 0px;
    width: 65%;
}

.currency-b {
    width: 20px;
    height: 20px;
    float: left;
    background: var(--light-gray-hight);
    border-radius: 15px;
    color: var(--black);
    text-align: center;
    margin-right: 3px;
    position: relative;
}

.currency-b label {
    position: absolute;
    width: 100%;
    top: 0;
    left: 12px;
    line-height: 11px;
    font-size: var(--global--font-size-sm);
}

.project_finance_subwindow .boder-top-bottom {
    border-top: 0px;
}

.finance-top-1 {
    width: 100%;
    text-align: left;
    float: left;
    padding: 5px 0px;
}

.finance-top-2 dd {
    padding-left: 31px;
    float: left;
    width: 100%;
}

.project_finance_subwindow2 {
    background-color: inherit!important;
}

.finance-td {
    width: 100%;
    padding: 4px 0px;
    height: auto;
    float: left;
}

.finance-td .finance-tr_1,
.finance-td .finance-tr_2,
.finance-td .finance-tr_3,
.finance-td .finance-tr_4 {
    width: 25%;
    height: auto;
    float: left;
}

.project_finance_subwindow2 {
    width: 100%;
    float: left;
}

.finance-yes-no {
    width: 100%;
    text-align: right;
}

.finance-p-btn .fa {
    width: 20px;
    height: 20px;
    background: orange;
    border-radius: 25px;
    color: var(--white);
    text-align: center;
    line-height: 22px;
    font-size: var(--global--font-size-sm);
    font-weight: normal;
    float: left;
    margin-right: 5px;
}

.project_finance_subwindow2 .costMonitorClass {
    margin-top: 5px;
}

.currency-right-box {
    text-align: right;
    padding-right: 6px;
    font-weight: bold;
}

.statement_btn {
    width: 100%;
    float: right;
    text-align: right;
}

.col-setup-left .satting-con2 {
    width: 100%;
    padding: 0px;
    float: left;
}

.form-control-2 {
    border: 1px solid var(--dark-gray-color3);
    border-radius: 25px;
    width: 100%;
    padding: 8px 32px 8px 10px;
    background: url(../images/right_dark.png) no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-control,
.form-control:focus {
    border: 1px var(--light-gray2) solid;
    border-radius: 18px;
    padding: 8px 10px 8px 10px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.form-control {
    background-image: url(../images/arrow1.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 13px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.pl-photo-search .form-control,
.top-search .form-control {
    border: 1px solid var(--light-gray-hight);
    border-radius: 25px!important;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    width: 98%;
    margin: 0px 1%;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 34px;
}

.well.well-lg .form-control {
    border: 1px solid var(--light-gray-hight);
    border-radius: 25px!important;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 36px;
}

.data_search_btn {
    float: left;
    padding-top: 2px;
    padding-left: 14px;
}

.meeting-widget .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 13%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 13%);
    background: #fff;
}

.tech-search .form-control,
.tech-search-4 .form-control,
.sitesetup-pages .form-control,
.well.well-lg .form-control,
#pltechnicalsearch-status {
    background-color: white;
    display: inline-block;
    font: inherit;
    font-weight: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    box-shadow: 0px 0px 0px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: 0px 0px 0px 0px rgba(199, 199, 199, 0.75);
    color: var(--black);
    height: 36px;
    font-size: var(--global--font-size-base);
    padding-right: 0px;
    border-radius: 30px;
}

.sitesetup-pages textarea.form-control {
    height: 100px;
    border-radius: 15px;
}

.adminsuite-pricelist-create .sitesetup-row {
    padding: 0px;
    margin: 0px;
}

.field-sitesetup-logo .form-control,
.satting-company-web.form-control {
    padding-right: 10px;
}

.input-top input {
    display: none;
}

.input-top .form-control {
    border: 0px;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: var(--global--font-size-base);
    font-weight: 400;
    cursor: pointer;
    cursor: pointer;
    background: inherit;
    text-align: center;
}

.col-setup-left .form-control-2 {
    border: 1px var(--light-gray2) solid;
    border-radius: 25px;
    width: 100%;
    padding: 8px 32px 8px 10px;
    background: url(../images/right_dark.png) no-repeat;
    background-position: right 10px center;
    background-size: 16px!important;
    height: 36px;
}

.satting-logo_img .img-thumbnail {
    padding: 0px;
    border: 0px solid var(--light-gray-hight);
    border-radius: 0px;
}

.timezone-satting .col-lg-10 {
    width: 100%;
}

.field-sitesetup-timezone .select2.select2-container {
    border: 1px solid var(--light-gray2);
    border-radius: 25px;
    width: 100%!important;
    padding: 0px;
    background: var(--white-bg) url(../images/arrow1.png) no-repeat!important;
    background-position: right 10px center!important;
    background-size: 13px!important;
    height: 36px;
}

.adminsuite-pricelist-box .crl {
    opacity: 0;
}

.sitesetup-row .col-md-12 {
    padding: 0px;
}

.field-sitesetup-logo .form-control:active,
.satting-company-web.form-control:active {
    background: #ffffff!important;
}

.field-sitesetup-timezone .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.field-sitesetup-logo input::-webkit-file-upload-button {
    visibility: hidden;
}

.field-sitesetup-logo input::before {
    content: 'Select some files';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, var(--light-gray-hight));
    border: 0px solid var(--dark-gray-border);
    padding: 0px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 0px 0px var(--white-border);
}

.field-sitesetup-logo input:hover::before {
    border-color: black;
}

.field-sitesetup-logo input:active::before {
    background: -webkit-linear-gradient(top, var(--light-gray-hight), #f9f9f9);
}

.setup-cost .satting-label-title {
    font-weight: 600;
}

.setup-cost .col-lg-10 {
    width: 100%;
}

.field-sitesetup-logo input:active::before {
    background: #fff;
}

.setup-cost .form-control {
    background: var(--white-bg);
    color: var(--black);
    padding-right: 10px;
}

.col-setup-right-in {
    background: #fff;
    color: var(--dark-gray-color4);
    padding: 20px 20px 15px;
    border-radius: 25px;
    width: 98.8%;
    height: auto;
    margin: 0px 0px 15px 0%;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
    float: right;
    margin-bottom: 15px;
    min-height: 623px;
    position: relative;
}

.tech-search-4 .well-lg .nots-bottom-text {
    padding-left: 13px;
}

.list-icon-bottom a img {
    width: 13px;
}

.list-padding_in2 a img {
    width: 14px;
}

.list-padding_in2 a {
    padding: 0px 15px 0px 0px;
}

.list-view .item-rows {
    width: 100%;
    float: left;
}

.main-technical-button img {
    width: 20px;
    margin-left: 15px;
}

.btn_view_img_1 .btn_view_img_1 {
    width: 20px;
    margin-left: 14px;
}

.btn_view_img_1.photo-view-btn a {
    margin-right: 10px;
    width: 20px;
    float: left;
}

.photo-view-search {
    width: 30%;
    height: auto;
    float: right;
}

.pl-photo-search {
    width: 73%;
    float: left;
    position: relative;
}

.photo-view-btn {
    padding-top: 10px;
}

.photo-view-search input {
    padding-left: 40px;
}

.photo-view-search .fa {
    opacity: 0.3;
    left: 15px;
}

.update-project-left .update-group-li a {
    color: var(--black);
}

.photo_list_1,
.photo_list_3,
.photo_list_4,
.photo_list_5,
.photo_list_6 {
    padding-top: 8px;
}

.photo_list_5,
.add-library {
    text-align: center;
}

.photo_list_top_5,
.add-t-library {
    text-align: center;
}

.photo_list_6,
.photo_list_action {
    text-align: left;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px 5px;
}

.situation-download {
    float: right;
}

.situation-download a {
    color: var(--black);
}

.list-padding_in2 .photo_list_5 a,
.list-padding_in2 .add-library a {
    padding: 0px;
}

.list-bordered {
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 15px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    margin-bottom: 30px;
    background: var(--white-bg);
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    color: var(--black);
}

.row_library_right {
    width: 85.5%;
    height: auto;
    float: right;
}

.supplier_libraries .library {
    margin-bottom: 0px;
    border-radius: 25px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    margin-bottom: 30px;
    background: var(--white-bg);
    position: relative;
    float: left;
    width: 100%;
    color: var(--black);
}

.library-left-col-1 {
    width: 50%;
    height: auto;
    font-weight: bold;
    font-size: var(--global--font-size-lg);
    float: left;
    padding-top: 8px;
}

.library-right-col-1 {
    width: 50%;
    height: auto;
    float: right;
}

.library-top-row.list_view_top-row {
    padding-left: 15px;
    padding-right: 15px;
}

.library-middle {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 15px;
}

.library-middle-left {
    width: 30%;
    float: left;
    margin: 0px 15px;
}

.library-middle-left .library-left-text {
    background: var(--light-gray3);
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0px;
    border: 1px solid var(--light-gray3);
}

.library-middle-left .library-middle-right {
    background: var(--light-gray3);
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0px;
    border: 1px solid var(--light-gray3);
}

.library-middle-left .library-middle-right h3,
.library-middle-left .library-left-text h3 {
    font-size: var(--global--font-size---lg);
    border-bottom: 1px solid #e7e7e7;
    padding: 0px 0px 10px;
    margin-top: 0px;
}

.library-middle .library-right-text h3 {
    font-size: var(--global--font-size---lg);
    border-bottom: 1px solid #e7e7e7;
    padding: 0px 0px 10px;
    margin-top: 0px;
}

.library-middle .library-right-text {
    background: var(--light-gray3);
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0px;
    border: 1px solid var(--light-gray3);
    width: 67%;
    float: left;
}

.list_view_top-row1 {
    width: 100%;
    padding: 23px 15px;
    background: #ececec;
    float: left;
    border-radius: 25px 25px 0px 0px;
}

.library-description.scrollbar-2,
.collection_library.scrollbar-2 {
    height: 150px;
}

.up-thumb-box.scrollbar-2 {
    height: 385px;
}

.coll {
    font-weight: bold;
}

.library_btn {
    width: 100%;
    float: right;
    padding: 15px 15px 0px;
    text-align: right;
    margin-bottom: -14px;
}

.library_btn.list-icon-bottom a {
    float: right;
}

.library_btn.list-icon-bottom a:hover {
    text-decoration: none;
}

.library_top_row {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0px 10px;
}

.library_top_row .library_top_col {
    width: 14%;
    float: left;
    font-size: var(--global--font-size-lg);
    font-weight: 600;
    padding-top: 8px;
}

.library_top_row .library_top_col_2 {
    width: 85.5%;
    height: auto;
    float: right;
}

.library_top_row .library_col_in_1 {
    width: 30%;
    float: left;
}

.library_top_row .library_col_in_2 {
    width: 49%;
    float: left;
    padding-right: 20px;
}

.library_top_row .library_col_in_3 {
    width: 20%;
    float: right;
}

.library_top_row .library_col_in_3 .pl-photo-search {
    width: 100%;
}

.library_top_row .library_col_in_3 .pl-photo-search input {
    padding-left: 30px;
}

.library_col_in_1 .tech-search-4.tech {
    width: 110px;
    padding-left: 0px;
}

.library_col_in_1 .tech-search-4.tech #pltechnicalsearch-status {
    padding-left: 4px;
}

.library_col_in_1 .tech-search-4.tech .nots-bottom-text {
    padding-left: 0px;
}

.library_col_in_2 .link-text-pref-ifollo {
    font-size: var(--global--font-size-xs);
    float: right;
    font-weight: 600;
    padding-top: 10px;
    color: var(--black);
    text-decoration: none;
}

.library_col_in_2 .link-text-pref-ifollo:hover {
    color: var(--black);
    text-decoration: none;
}

.library_col_in_2 .link-text-pref-ifollo .fa {
    margin-left: 10px;
}

.ifollow-plus-main-box .library .list_view_top-row1 {
    padding: 15px 15px 15px 30px;
}

.tech-search-4.tech .form-control option {
    font-weight: 400;
}

.update-group-li span {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 112px;
}

.tech-search-4 select.form-control option {
    color: var(--black);
    padding-left: 5px;
}

.library_col_in_2 img {
    width: 20px;
    height: auto;
    margin-left: 10px;
}

body .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: inherit!important;
}

.note_meeting .fa {
    font-size: var(--global--font-size---lg);
    margin: 0px 5px;
}

.tab-site-satting {
    width: 12%;
    margin-top: 10px;
    height: auto;
    float: left;
}

.tab-site-satting ul {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}

.tab-site-satting ul li {
    list-style: none;
}

.tab-site-satting ul li a {
    color: var(--black);
    text-decoration: none;
    width: 100%;
    float: left;
}

.tab-site-satting ul.submenu-small {
    padding-left: 15px;
}

.sitesetup-pages {
    width: 86%;
    margin-top: 10px;
    float: right;
}

body .caret1 {
    float: right;
    background: url(../images/arrow1.png) no-repeat;
    width: 13px;
    margin-top: 2px;
    height: 13px;
    margin-right: 5px;
}

.site-border {
    border: 0px!important
}

.update-group-li ul {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.sitesetup-pages>div {
    margin-bottom: 0px;
    border-radius: 25px;
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px rgba(199, 199, 199, 0.75);
    margin-bottom: 30px;
    background: var(--white-bg);
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 15px 12px;
    color: var(--black);
}

.sitesetup-pages .sitesetup-default-index {
    margin-bottom: 0px;
    border-radius: 0px;
    box-shadow: -0px 0px 0px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -0px 0px 0px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -0px 0px 0px 0px rgba(199, 199, 199, 0.75);
    margin-bottom: 0px;
    background: inherit;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    color: var(--black);
    padding-right: 0px;
}

.sitesetup-form tr td,
.sitesetup-form table {
    border: 0px!important
}

.botton-button {
    position: relative;
    margin-bottom: -28px;
}

.col-setup-right .botton-button,
.inner-line .botton-button {
    position: absolute;
    margin-bottom: -14px;
    bottom: 0;
    right: 15px;
}

.sitesetup-default-index .inner-line {
    margin-bottom: 19px;
    margin-left: 0px;
}

.sitesetup-pages-1 {
    width: 83%;
    float: right;
}

.sitesetup-top-1 h1 {
    width: 50%;
    float: left;
    font-size: var(--global--font-size-lg);
    font-weight: 600;
}

.sitesetup-top-1 .btn {
    float: right;
}

.select2-container--open .select2-dropdown--below {
    width: 210px!important;
    margin-top: 5px;
    border: 1px solid var(--dark-gray-color3);
    border-radius: 5px;
}

.sitesetup-top-1 {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    float: left;
    padding-top: 12px;
}

.sitesetup-pages-1 .photo_list_action {
    text-align: center;
}

.popup-content .nav-tabs>li>a {
    color: var(--black)!important;
}

.well-lg .bootstrap-select.btn-group .btn .caret {
    margin-top: 0px;
    float: left;
    position: relative;
    margin-left: 17px;
}

.sitesetup-pages-in .form-control-3 label {
    width: 40%;
    float: left;
    font-weight: 400;
}

.sitesetup-pages-in .form-group .control-label {
    font-weight: 600;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: inherit;
    border: 0px;
}

.popup-content .nav-tabs {
    border-bottom: 0px solid var(--light-gray-hight);
    padding: 0px 6px 0px;
    width: 87%;
    float: left;
}

.popup-content .nav-tabs li {
    float: left;
    width: auto;
    padding: 10px 25px;
    margin-right: 10px;
}

.popup-content .summary {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    color: var(--black);
}

.popup-content .tab-content {
    padding: 0px;
    float: left;
    width: 100%;
}

.popup-content .company-meeting-form .btn {
    margin-top: 10px!important;
}

.timezone-satting .field-sitesetup-timezone .select2-selection__rendered {
    color: var(--black)!important;
}

.view-box-todo.select-notes .bootstrap-select.btn-group .btn .caret {
    margin-top: -4px;
    float: left!important;
}

.select2-results__option[aria-selected] {
    color: var(--black);
}

.popup-content .tab-content .company-note-form .btn {
    margin-top: 0px!important;
}

.field-sitesetup-edit_icon input[type=radio] {
    margin: 2px 0 0;
    float: left;
    margin-right: 5px;
}

.right-check-1 a,
.removeSample {
    color: var(--black);
    font-size: 15px;
}

.admin_suite_body .nav-tabs>li.dropdown>a {
    padding: 3px;
    color: var(--black);
}

.pl-checklist-index .dropdown {
    float: right;
}

.pl-order-form {
    padding-right: 15px;
    float: left;
    width: 100%;
}

.admin_suite_body .nav-tabs .dropdown-menu {
    border: 0px;
}

.admin_suite_body .btn-group button {
    padding: 0px 15px;
    height: auto;
    margin-top: 4px;
}

.admin_suite_body .summary {
    width: 100%;
    float: left;
    text-align: right;
    padding-bottom: 6px;
    position: absolute;
    top: 42px;
    right: 12px;
}

.admin_suite_body .adminsuite-formal-set-doc-index .summary {
    top: 42px;
}

.admin_suite_body p .btn {
    float: right;
    margin-top: -34px;
}

.delivery_form .col-md-12 label {
    width: 25%;
    float: left;
    color: var(--black);
    font-weight: 400;
}

.delivery_form .col-md-12 select option {
    color: var(--black);
}

.delivery_form .col-md-12 .form-control {
    color: var(--black);
    width: 74%;
    float: right;
}

.delivery_form_block h1 {
    border-bottom: 1px solid var(--light-gray-hight);
    padding-bottom: 10px;
    margin-bottom: 15px
}

.delivery-view-left {
    width: 53%;
    float: left;
}

.delivery-view-right {
    width: 44%;
    height: auto;
    float: right;
}

.delivery-view-in {
    background: var(--white-bg);
    color: var(--dark-gray-color4);
    padding: 20px 15px 15px;
    border-radius: 25px;
    width: 98%;
    height: auto;
    margin: 3px 0px 15px 1%;
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179, 179, 179, 0.75);
}

.delivery_item_rows.scrollbar-2 {
    height: 670px;
    border-top: 1px solid var(--light-gray2);
    margin-top: 14px;
}

.delivery_detete,
.delivery-update {
    text-align: center;
}

.delivery_item_rows .col-md-2 a {
    float: none;
    margin: 0px auto;
}

.delivery_top-row {
    border-bottom: 0px solid var(--light-gray2);
    padding-bottom: 15px;
    margin-bottom: 10px
}

.delivery-view-in h1 {
    color: var(--black);
    border-bottom: 1px solid var(--light-gray2);
    padding-bottom: 10px;
    margin-bottom: 15px
}

.project-architect-block.delivery_form_block {
    background: #ffffff;
}

.list-center-delivery {
    text-align: center;
}

.list-center-delivery a {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
}

.delivery-list-padding_in {
    padding-right: 13px;
    color: var(--black)
}

.delivery-list-padding_in a {
    color: var(--black)
}

.delivery_top-row .item_pager .pagination {
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    z-index: 9999;
    position: relative;
}

.delivery_top-row .pagination li span,
.delivery_top-row .pagination li a {
    color: var(--black)!important;
}

.product_description,
.project_description,
.project-status-raund-1 input,
.lead-origin .form-check-input,
.content-bottom-1 input,
.listProjectNameAka input {
    width: 1.3em;
    height: 1.3em;
    background-color: var(--white);
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid var(--dark-gray-border);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-top: 0px;
}

.product_description:checked,
.project-status-raund-1 input:checked,
.lead-origin .form-check-input:checked,
.content-bottom-1 input:checked {
    background-color: var(--white)!important;
    background-image: url(../images/raund-check-box.png)!important;
    border-radius: 50%!important;
    background-size: 100%;
}

.select-notes-dropdown,
.meeting-window {
    float: right;
    margin-left: 5px;
}

.description1 input[type=checkbox]:checked {
    background-color: var(--white)!important;
    background-image: url(../images/raund-check-box.png)!important;
    border-radius: 50%!important;
    background-size: 100%;
}

.brand-room input[type=checkbox]:checked {
    background-color: var(--white)!important;
    background-image: url(../images/raund-check-box.png)!important;
    border-radius: 50%!important;
    background-size: 100%;
}

#section_delivery_detail img {
    width: auto;
    height: 15px;
}


/* Sitesetup pages classes */

.sitesetup_item_rows .col-md-2 a {
    float: none;
    margin: 0px auto;
}

.sitesetup_top_row {
    border-bottom: 1px solid var(--light-gray2);
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    width: 100%;
    float: left;
}

.sitesetup_list_padding_in {
    padding-right: 0px;
    color: var(--black);
    font-weight: 400;
}

.sitesetup_list_padding_in a {
    color: var(--black);
}

.sitesetup_top_row .item_pager .pagination {
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    z-index: 9999;
    position: relative;
}

.sitesetup_top_row .pagination li span,
.sitesetup_top_row .pagination li a {
    color: var(--black)!important;
}

.sitesetup_list_padding_1 {
    width: 100%;
    border-bottom: 1px solid var(--light-gray2);
    margin: 0px auto;
    padding: 15px 0;
    float: left;
    margin-left: 0;
}

.sitesetup_list_padding_in2 {
    color: #000;
    width: 100%;
    border-bottom: 1px solid var(--light-gray2);
    margin: 0px auto;
    padding: 8px 0px;
    float: left;
    margin-left: 0;
}

.sitesetup_list_padding_in2 a img {
    width: 20px;
    padding: 0px 3px;
}

.sitesetup_list_padding_in2 .thumb {
    width: 120px;
    padding: 0px 3px;
}

.sitesetup-pages h1 .sitesetup_in_btn {
    float: right;
}

.sitesetup-pages h1 span {
    line-height: 36px;
}

.sitesetup_list_padding_in2 .img-responsive {
    width: auto;
    height: 37px;
}

textarea.form-control {
    height: 100px;
}

.company-form label {
    font-weight: normal;
}

input[type=file] {
    border: 1px var(--light-gray2) solid;
    border-radius: 25px;
    padding: 8px 10px 8px 10px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.swal2-content .btn {
    color: #fff;
}

input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type=file]::before {
    content: 'Select some files';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, var(--light-gray-hight));
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: var(--global--font-size-base);
    background: url(../images/right_dark.png) no-repeat;
    background-position: right 10px center;
    background-size: 16px!important;
    width: 100%;
}

input[type=file]:hover::before {
    border-color: black;
}

.inner-line.setup-haff.right-setup input[type=file]::before {
    background-position: right 0px center;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, var(--light-gray-hight), #f9f9f9);
}

.field-company-logo input {
    padding: 8px 0px 8px 15px;
}

.bottom-create-company {
    float: right;
    text-align: right;
}

.popup-content .company-form .select2-container {
    width: 100%!important;
}

.popup-content .company-form hr {
    width: 100%;
    float: left;
    border: 0px;
    margin: 0px;
}

.popup-content .company-form h3 {
    float: left;
    width: 100%;
}

.popup-content .company-form input[type=checkbox] {
    float: left;
    margin-right: 12px;
}

.popup-content .select2-container--default .select2-selection--multiple {
    height: auto;
    ;
    float: left;
}

.popup-content .company-form ul {
    float: left;
    width: 100%;
    padding: 0px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}

.popup-content .company-form .select2-selection__rendered {
    background: inherit;
    margin: 2px;
    width: 98%;
}

.popup-content .company-form ul li {
    list-style: none;
}

.add-price-btn a {
    color: var(--black);
    text-decoration: none;
}

.stockorder_box {
    text-align: right;
}

.stockorder_box .actionBtn {
    margin: 0px 3px;
    width: 18px;
}

.field-stockitemsearch-term {
    margin-bottom: 0px;
}

.form-group.field-stockordersearch-term {
    margin-bottom: 0px;
}

.choose_background_color,
.choose_background-img {
    color: var(--black);
    float: left;
    width: 100%;
    padding: 25px 0px;
    margin: 0px;
}

.choose_background_color .radio_active input,
.choose_background-img .radio_active input {
    float: left;
    margin-right: 5px;
}

.choose_background_id {
    background: var(--white);
    height: 36px;
    border-radius: 25px;
    color: var(--black);
    line-height: 33px;
    padding-left: 15px;
    border: 1px var(--light-gray2) solid;
}

.choose_background_id2 {
    opacity: 0;
}

.choose_background_color {
    border-bottom: 1px solid var(--light-gray2);
}

.choose_background_color input:focus,
.choose_background-img input:focus {
    border-radius: 25px;
}

.data_full_view {
    float: right;
}

.data_full_view a:hover {
    text-decoration: none;
}

.full_view_block .scrollbar-2 {
    height: auto!important;
    min-height: auto;
}

.update-project-center.scrollbar-2.full_view_block_main {
    height: auto!important;
    min-height: auto;
}

.check_list_row {
    padding: 0px 15px;
}

.select-notes button {
    padding-left: 0px;
}

.tech-search-4.tech .nots-bottom-text.status_sr {
    padding-left: 5px;
}

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

.no-padding-left {
    padding-left: 0px;
}

.no-margin-bottom {
    margin-bottom: 0px;
    padding: 8px 0px;
}

.project-enq-fild input {
    float: left;
    margin-right: 5px;
    margin-top: 0px;
}

.project-enq-fild .control-label {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

.brand-room input {
    margin-top: 2px;
}

select.form-control.week_number {
    width: auto;
    padding-right: 40px;
}

.alert-main {
    width: 89%;
    float: left;
}

.alert-main .alert span,
.tab-content .alert span {
    margin-left: 15px;
}

.alert-main .alert button,
.tab-content .alert button {
    height: 15px;
}

.alert {
    margin-bottom: 15px;
    margin-left: 0;
    width: 17%;
}

.alert-main .alert {
    float: left;
    margin-bottom: 0px;
    margin-left: 0%;
    width: 15.5%;
}

#adminSuiteIframe .admin_suite_body {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.satting-company-web-men {
    width: 100%;
    float: left;
}

.c-center {
    text-align: center;
}

.project-architect-block.prompts-project-right {
    width: 98%;
    position: relative;
}

.update-project-li .up-pro-icon {
    padding-right: 24px;
    padding-left: 5px;
}


/*.userprofile-form .form-group{ width:50%; float:left; }*/

.userprofile-form .help-block {
    margin: 0px;
}

.sitesetup-pages .userprofile-update .form-control {
    padding-right: 4px;
}

.datetimepicker td,
.datetimepicker th {
    line-height: 30px;
}

.select-notes-dropdown button {
    background: #fff;
    color: #000!important;
    border: 1px solid var(--light-gray-hight);
    box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: -1px 0px 5px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: -1px 0px 5px 0px
}

.meeting-widget button:hover {
    background: #fff;
    color: #000!important
}

.view-meeting-box .dropDownRow {
    padding: 5px;
    border-radius: 3px;
}

.view-meeting-box .custom-dropdown-content {
    border-radius: 3px;
    width: 192px;
    margin-top: 1px;
}

.close {
    opacity: 1;
}

.popup-content .alert-main {
    width: 100%;
}

.popup-content .alert-main .alert {
    margin-left: 0%;
    width: 100%;
    margin-bottom: 15px;
}

.adminsuite-office-set-doc-form .form-group {
    width: 100%;
    padding: 0px 10px;
    float: left;
    margin-bottom: 0px;
}

#adminSuiteIframe .fancybox-is-open .fancybox-bg {
    opacity: 1!important;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

#adminSuiteIframe .fancybox-bg {
    background: #fff!important;
}

.admin_suite_body .tab-content {
    width: 100%;
    height: auto;
    float: left;
}

.pl-checklist-create h1 {
    width: 100%;
}

.popup-content .company-meeting-index img {
    width: 14px;
}

.project-right-gicon1,
.project-right-gicon2 {
    float: right;
}

.project-right-gicon1 .add-coll_btn,
.project-right-gicon2 .add-coll_btn {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pl-photo-search .form-group {
    width: 20%;
    float: left;
}

.pl-photo-search .form-group.field-plphotosearch-title {
    width: 80%;
    float: left;
}

.data_full_view {
    margin-left: 6px;
    margin-top: 0px;
}

.library_col_in_3.share_3 .pl-photo-search .form-group {
    width: 100%;
    display: flex;
}

.update-project-left.photo-left-panel {
    width: 15%;
}

.ui-autocomplete li .ui-menu-item-wrapper .btn {
    padding: 3px 10px;
    height: 18px;
    line-height: 10px;
}

.updatePageContent .meeting-widget {
    margin-right: 1.5%;
    margin-bottom: -30px;
    padding-top: 6px;
}

.update-project-group .update-group-li-in .up-pro-icon {
    padding-right: 24px;
}

.update-project-top-row .update-project-group .update-group-li-in .up-pro-icon {
    padding-right: 0px;
}

.sitesetup-pages.s-order-create>div {
    width: 40%;
}

.sitesetup-pages.s-order-create.big>div {
    width: 62%;
}

.sitesetup-pages.s-order-create.big1>div {
    width: 46%;
}

.up-stock-order-1 {
    width: 40%;
    float: left;
    margin-top: 7px;
}

.up-stock-order-2 {
    width: 57%;
    float: right;
    margin-top: 7px;
}

.sitesetup-pages.stock-order-update-bg>div,
.sitesetup-pages.s-order-create .sitesetup-pages>div {
    background: inherit;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgb(199 199 199 / 75%);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(199 199 199 / 75%);
    -moz-box-shadow: 0px 0px 0px 0px rgba(199, 199, 199, 0.75);
    padding-top: 0px;
}

.sitesetup-pages.s-order-create .up-stock-order-1 {
    width: 100%;
    padding: 0px;
}

.sitesetup-pages.s-order-create .stock-order-create {
    padding: 0px;
}

.sitesetup-pages.s-order-create .up-stock-order-2 {
    display: none;
}

.sitesetup-pages.s-order-create .up-stock-order-1 .col-sm-12 {
    padding-bottom: 0px;
    margin-bottom: 17px;
    padding-top: 15px;
}

.popup-content .pagination>li>a,
.popup-content .pagination>li>a:hover,
.pagination>li>span {
    color: #000;
}

.sitesetup-pages.stock-order-update-bg .stock-order-update {
    padding: 0px;
}

.mailer-details .middle-box {
    min-height: auto;
}

.pl-checklist-box {
    width: 100%;
    float: left;
}

.export_load {
    padding-right: 15px;
}

.select2-results__option {
    color: #000;
}

.btn-save-dropdown,
.btn-save-dropdown:focus,
.btn-save-dropdown:focus {
    width: auto;
    padding: 6px 15px;
    background-color: #3b3b3b;
    color: var(--white);
    height: 36px;
    border-radius: 25px;
    line-height: 24px;
    border: 0px;
    appearance: none;
    background-image: url(../images/arrow1_light.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 13px;
    padding-right: 35px;
}

.btn-save-dropdown option {
    padding: 5px 8px;
    border: 0px;
}

.inner-line.setup-haff.right-setup .satting-title .btn {
    right: 15px;
    top: 8px;
    padding: 3px 15px;
    height: auto;
    position: absolute;
}

.satting-cost-top .satting-con {
    float: left;
    width: 100%;
    padding-top: 0px;
}

.haff-width {
    width: 50%!important;
}

.check-box-text input {
    float: left;
    margin-right: 8px;
    margin-top: 2px;
}

.color-out {
    width: 100%;
    height: auto;
    float: left;
    background: #e2f0d9;
    border-radius: 3px;
    margin-bottom: 3px;
    color: #000;
    padding-left: 3px;
}

.color-action {
    width: 100%;
    height: auto;
    float: left;
    background: red;
    border-radius: 3px;
    margin-bottom: 3px;
    color: #000;
    padding-left: 3px;
}

.color-in {
    width: 100%;
    height: auto;
    float: left;
    background: #cfe2ff;
    border-radius: 3px;
    margin-bottom: 3px;
    color: #000;
    padding-left: 3px;
}

.duplicateFieldContainer .help-block {
    margin: 0px;
}

.tab-content.sitesetup-pages-1 .sitesetup-top-1 {
    padding-bottom: 0px;
}

.right-vault-2 {
    width: 100%;
    float: right;
    text-align: right;
    padding-top: 5px;
}

.form-group.field-plcompany-problem_reason .control-label {
    width: 41%;
}

.form-group.field-plcompany-problem_reason .form-control {
    width: 59%;
    height: 36px;
}

.library_col_in_3.share_3 .search-icon {
    top: 8px;
}

.brand-room .btn {
    margin-right: 5px;
}

.project-architect-block .content-bottom-2 img {
    width: 10px;
    height: auto;
}

.project-architect-block .pl-project-form .col-md-5 {
    padding-right: 0px;
}

.input-top .notes-padding {
    margin-top: 25px;
}

.project-architect-block .btn {
    border-radius: 25px;
    padding: 5px 15px;
    height: auto;
    line-height: 19px;
}

#toggleChecklist .btn {
    margin-top: -4px;
}

.project-right-gicon.gicon-full {
    width: 100%;
}

.project-right-gicon.right-gicon-right .glyphicon,
.project-right-gicon.right-gicon-right .fa {
    font-size: 14px;
    color: #000;
}

.mail-serch-box form {
    position: relative;
}

.list-center {
    padding: 0px;
    text-align: center;
}

.list-center.left {
    text-align: left;
}

.pl-order-form textarea.form-control {
    height: 62px;
}

.update-icon1 a {
    padding: 5px 0px!important;
    width: 45px;
    text-align: center;
}

.update-pro-11 {
    float: left;
}

.project-top-padding {
    padding-top: 0px;
    min-height: 40px;
}

.inner-line.setup-4 {
    width: 24%;
    float: left;
    margin-right: 1.3%;
    position: relative;
}

.inner-line.setup-2 {
    width: 49.3%;
    float: left;
    margin-right: 1.3%;
    position: relative;
}

.inner-line.setup-3 {
    width: 74.7%;
    float: left;
    margin-right: 1.3%;
    position: relative;
}

.setup-2-height {
    min-height: 585px;
}

.setup-3-height {
    min-height: 872px;
}

.setup-4-height {
    min-height: 1169px;
}

.scrollbar-height-2 {
    margin-bottom: 0px;
    height: 506px;
}

.scrollbar-height-3 {
    margin-bottom: 0px;
    height: 803px;
}

.scrollbar-height-4 {
    margin-bottom: 0px;
    height: 1090px;
}

.inner-line.setup-0 {
    margin-right: 0px;
}

.col-setup-4box {
    width: 100%;
    height: auto;
    float: left;
}

.satting-thumb-inner.inner-line .satting-title .btn {
    position: relative;
    float: right;
    margin-left: 5px;
    margin-top: -5px;
    padding: 5px 12px;
    height: auto;
    line-height: 17px;
}

.body-summary-view .box-co0:first-child .maintabel-box .tabel-box {
    height: 64px;
}

#section_general_notes {
    padding-top: 15px;
}

h1.live-status-top {
    width: 50%;
    float: left;
    position: absolute;
    margin-top: -16px;
    padding-bottom: 10px;
}

.popup-content .krajee-icon-clear {
    margin-top: -4px;
}


/*
#fancybox-container-3 .fancybox-content{ width:500px!important; height:200px!important; }
#fancybox-container-2 .fancybox-content,#fancybox-container-4 .fancybox-content{ width:500px!important; height:200px!important; }
*/

.pl-technical-form.col-md-6 {
    padding: 0px;
}

#w1 a,
#w1 input {
    margin-left: 2px;
    margin-top: 2px;
}

.setup-4 .satting-title {
    margin-bottom: 5px;
}

.setup-cost-2.scrollbar-2 {
    height: 119px;
}

.title-pree1 {
    padding-right: 0px!important;
}

.title-pree2,
.title-pree3 {
    padding-left: 3px!important;
    padding-right: 3px!important;
}

.title-pree4 {
    padding-left: 0px!important;
}

.title-pree {
    padding-right: 3px!important;
}

.setup-1 .sitesetup-form .botton-button {
    margin-bottom: -27px;
}

.popup-content .table>thead>tr>th {
    background: #fff;
    color: #000;
}

.note-raund {
    border: 1px solid var(--mid-grey);
    margin: 50px 0px;
    border-radius: 15px;
    width: 100%;
    padding: 8px;
}

.note-raund table {
    border: 0px;
}

.note-raund .note_meeting_1 {
    border: 0px solid var(--mid-grey)!important;
}

.project-architect-block .project-title {
    width: 100%;
    height: auto;
    font-size: 15px;
    padding-bottom: 5px;
    float: left;
    line-height: 21px;
    border-bottom: 2px solid var(--light-gray-hight);
    font-weight: 500;
}

.project-title-model {
    width: 75%;
    float: left;
}

.project-architect-block .project-title span {
    line-height: 29px;
}

.project-value-box input[type=radio] {
    float: left;
    margin-right: 5px;
    margin-right: 0px;
}

.project-value-box .form-check-1 {
    text-align: right;
}

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

.currency-1,
.currency-2,
.currency-3 {
    padding: 0px 5px
}

.project-acc {
    margin: 5px 0px;
    border: 1px solid var(--light-gray-hight);
    margin-top: 10px;
}

.project-acc .pdf {
    text-align: right;
}

.project-acc .pdf a {
    color: #fff;
    float: right;
    font-size: 14px;
}

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

.project-acc-top-bg {
    background-color: #f8f8f8;
    margin-bottom: 5px;
    padding-left: 8px;
}

.finance-head {
    background-color: #f8f8f8;
    margin-bottom: 5px;
    padding-left: 8px;
}

.acc-right.bold {
    font-weight: bold;
}

.project-acc-d.top {
    border-top: 1px solid var(--light-gray-hight);
    margin-top: 5px;
    padding-top: 5px;
}

.toggleFinancial.full_view_block {
    height: auto;
}

#toggleAdminSuite .scrollbar-2 {
    padding-right: 0px;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.checklist-f-btn {
    position: absolute;
    right: 4px;
}

#adminsuiteformalsetdoc-special_client_id {
    margin-bottom: 15px;
}

.tab-content.checklist-ff .summary {
    position: relative;
    top: 0;
}

.adminsuite-formal-set-doc-index .pl-checklist-box .checklist-f-btn {
    top: 0;
}

body .btn-pp .btn {
    float: right;
    margin-top: 0px!important;
}

body .container-fluid.invoice02 {
    margin-top: 15px!important;
}

.adminsuite-quotation-index .checklist-f-btn {
    margin-top: -21px!important;
}

.col-sm-4.project-value-box {
    text-align: left;
    padding-left: 15px;
    line-height: 15px;
}

.col-sm-4.project-value-box label {
    padding-left: 5px;
    font-weight: 400;
}

.admin_suite_body .fancybox-content img {
    width: 100%;
    height: auto;
}

.view-meeting-box.top-search .top-alert-msg button {
    width: 100%;
}

.reasan-link a {
    color: #000;
    text-decoration: none;
}

.editform-box-content.scrollbar-2.showFullStatusWindow {
    height: auto;
}

.meeting-input-box {
    width: 100%;
    height: auto;
}

.top-right-both {
    clear: both;
}

.pro1.headPin.headPin2 {
    width: 13px;
}

.editform-box-content .table {
    margin-top: 18px;
}

.mail-box-right-in .pagination>li>a,
.pagination>li>span {
    color: #000;
}

.list-view .text-center {
    width: 100%;
    float: left;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
    background-color: #bebebe;
    border-color: #bebebe;
}

.update-project-center .update-project-left .pl-project-form .collapse.in {
    color: var(--black);
    position: absolute;
    width: 180px;
    z-index: 99999;
    margin-top: 45px;
    padding-left: 0px;
}

.update-project-top-row .update-project-li a {
    color: #000;
}

.btn.btn-success.btn-m2 {
    margin-top: 15px;
}

.update-pro-title.project-pro {
    width: auto;
    padding-left: 8px;
}

.project-top-padding .col-md-7 {
    padding: 10px 10px;
}

.project-top-padding .myTabs {
    margin-top: -8px;
    margin-left: 8px;
}

.pull-right.tow-btns {
    float: right;
}

.project-globe-in-2 {
    padding-left: 30px;
    float: left;
}

.project-globe-in-2 img,
.project-globe img {
    width: 20px;
}

.summary-view-page .pl-project-summary-view .summary-at {
    width: 33%;
}

.tab-box-1 .main-box1 a {
    width: 32%;
}

.pl-photo-search .btn {
    height: 34px;
}

.project-profile-d a {
    position: absolute;
    top: -45px;
}

.swal2-close:focus {
    box-shadow: inset 0 0 0 0px rgb(100 150 200 / 50%)!important;
}

.swal2-html-container button,
.swal2-actions button {
    margin: 15px 15px;
    border-radius: 25px!important;
}

#stockitem-currency_id {
    width: 77px;
}

.unread {
    font-weight: bold;
}

.not-set {
    color: #c55;
    font-style: italic;
}

a.asc:after,
a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e113";
}

a.desc:after {
    content: "\e114";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: var(--dark-gray-color);
}

.error-summary {
    color: var( --error-summary-color);
    background: var(--light-gray3);
    border-left: 3px solid var(--light-gray-hight);
    padding: 10px 10px;
    margin: 0 0 15px 0;
    border-radius: 3px;
}

.actionBtn {
    width: 13px;
}

.sitesetup_in_btn .actionBtn {
    width: 17px;
    margin: 0px 5px;
}

.customTable {
    width: 100%;
}

.customTable thead tr {
    border-bottom: 1px solid var(--light-gray2)
}

.customTable thead th {
    padding: 5px 0px 5px 10px;
    font-weight: bold;
}

.customTable thead th a {
    margin-left: 0px !important;
}

.customTable thead tr {
    background-color: inherit;
    color: black;
}

.customTable thead th a {
    color: black;
    text-decoration: none;
}

.customTable tbody tr {
    border-bottom: 1px solid var(--light-gray2)
}

.customTable tbody td {
    padding: 5px 0px 5px 10px;
}

.customTable tfoot td {
    padding: 12px 0px 12px 10px;
}

.customTable tbody td a {
    color: black;
    text-decoration: none;
}

.list-view thead tr,
.grid-view thead tr {
    background-color: transparent !important;
    padding-top: 10px
}

.list-view thead td,
.list-view thead th {
    line-height: 12px;
}

.table>thead>tr>th {
    border-bottom: 1px solid var(--light-gray-hight);
}

.duplicateFieldContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.btn.start_chat {
    padding: 5px!important;
    height: 20px!important;
    line-height: 0px!important;
}

.meeting-widget .notes-padding {
    margin-top: 0px;
    margin-bottom: 4px;
    margin-right: 10px;
}

.CompanyNoteMeetingFinance-default-index .table.table-borderless tr td {
    text-align: left;
    line-height: 21px;
}

.btn_aka {
    color: var(--black);
    background-color: var(--mid-grey);
    border: 0px;
    border-radius: 5px;
    font-size: var(--global--font-size-base);
    padding: 5px 10px;
}

.btn_aka:hover {
    text-decoration: none;
}

.btn_new {
    padding: 5px 10px;
    margin-left: 10px;
}

.company_name ul li {
    list-style: disc;
    margin-left: 12px;
}

.document_manager_select {
    width: 100px;
}

.btn_01 {
    margin: 0px 3px;
}

.select-notes .btn .caret {
    float: right!important
}

.fancybox-container {
    z-index: 99999999!important;
}

.left-meeting-widget {
    padding-right: 0px;
    float: right;
    padding-top: 30px;
    margin-bottom: -20px;
}

.dayBox .heading {
    font-size: 10px!important;
}

a:focus,
a:hover {
    text-decoration: none;
}

.btn_new.btnDocumentFolder {
    font-size: 13px;
}

#pldbentry-rating {
    display: none;
}

.caption-badge {
    font-size: 8px;
    width: 50px;
}

.theme-krajee-svg.rating-md .krajee-icon,
.theme-krajee-svg.rating-md .krajee-icon-clear {
    width: 15px;
    height: 15px;
}

.krajee-icon-clear {
    margin-top: 10px;
}

.rating-md {
    margin-top: -6px;
}

.fancybox-content .krajee-icon-clear {
    margin-top: 10px;
}

.form-group.field-plcompany-problem img {
    width: 13px;
}

.mail-serch-box {
    width: 100%;
    display: grid;
    grid-template-columns: 200px 40%;
    justify-content: flex-end;
    padding-top: 6px;
}

.compose-icon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: auto;
    gap: 2px;
}

.boxGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 483px));
    grid-template-rows: auto;
    gap: 4rem;
    grid-auto-flow: dense;
}

.boxGrid .box {
    max-height: 300px;
    border-radius: 25px;
    background-color: white;
    color: black;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
}

.boxGrid .box .boxHeading {
    color: var(--dark-gray-color4);
    font-size: 15px;
    font-weight: 600;
    border-bottom: 2px solid var(--light-gray-hight);
    margin-bottom: 1rem;
    line-height: 3rem;
    margin-top: 0px;
}

.boxGrid .box .boxContent {
    overflow: auto;
    max-height: 200px;
}

.boxGrid .bigBox {
    grid-column: span 2;
}

.boxGrid .superBigBox {
    grid-column: span 3;
}

.google-visualization-table-table {
    font-size: 10px!important;
}

#google_translate_element {
    color: transparent;
}

#google_translate_element a {
    display: none;
}

div.goog-te-gadget {
    color: transparent !important;
}

#google_translate_element select {
    padding: 5px;
    color: black;
    border: 0px;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: var(--global--font-size-base);
    font-weight: 400;
    cursor: pointer;
    font-size: 11px;
    background: inherit;
    -webkit-appearance: none;
    -moz-appearance: window;
    border: none;
    background-image: url(../images/arrow1.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: auto;
    padding-right: 15px;
    margin-top: 0px;
}

#google_translate_element select option {
    color: #000!important
}

#goog-gt-tt {
    display: none;
}

.form-group.bottom_btn .btn {
    margin-left: 15px;
}

input[type=checkbox],
input[type=radio] {
    float: left;
    margin: 0px 7px 0px 0px;
    border-radius: 50%;
}

#w3 .table caption {
    border-bottom: 1px solid var(--black-bg-theme5);
}

.asc {
    color: #000!important;
}

.popup-content .grid-view thead tr th a {
    color: #000!important
}

.finSituation-box {
    line-height: 19px;
    border: 1px solid #A2E073;
    border-radius: 5px;
    background: #A2E073;
    color: #fff;
    text-align: center;
    width: 35px;
    height: 21px;
    float: left;
    font-size: 13px;
}

.dropdown-label.select-label {
    line-height: 17px;
}

.dropdown-list.list-1 {
    padding: 0px;
}

.progress-rightcolune-in {
    position: relative;
}

.progress-end {
    width: 2px;
    height: 12px;
    background: red;
    float: right;
    position: absolute;
    right: 0;
    top: -3px;
}

.popup-content input[type=file]::before {
    background-position: right 0px center;
}

.adminsuite-formal-set-doc-form .col-md-6 {
    width: 50%;
    float: left;
}

.adminsuite-formal-set-doc-form input[type=file] {
    width: 100%;
}

.adminsuite-0 label {
    margin-bottom: 0px;
    padding-top: 0px;
    float: left;
    width: 100%
}

.admin_suite_body .alert {
    margin-bottom: 15px;
    margin-left: 0px!important;
    width: 99%!important;
    position: absolute;
    top: 0;
    z-index: 99;
}

.field-adminsuiteofficesetdoc-filename input {
    width: 100%;
}

.admin_suite_body .col-md-6 {
    width: 50%;
    float: left;
}

.adminsuite-quotation-form .col-md-12 {
    padding: 0px;
}

.project-content-bottom #adminSuiteIframe {
    height: 707px;
}

.adminsuite-quotation-item-update label {
    color: #ffffff;
}

.right-p2.scrollbar-2 {
    height: 188px;
}

#section_meeting_notes,
.architect-inn {
    margin-top: 5px;
    float: left;
}

.col-xs-6.right-padding-0 {
    padding-right: 0px;
}

.time-line-4.time-line-check a {
    float: right;
    margin-right: 34%;
}

.row-border .col-md-2 {
    padding-left: 5px;
}

.row-in {
    background: var(--mid-grey);
    margin-bottom: 5px;
    width: 100%;
    float: left;
}

.row-border-2 {
    margin-bottom: 5px;
}

.col-padding {
    padding-right: 5px;
    padding-left: 5px;
}

.col-edit-btn a {
    color: #000;
    font-size: 11px;
    margin-right: 4px;
}

.subContentBg {
    background: var(--mid-grey);
}

#toggleTimesheet .fullViewRight {
    float: left;
    margin-top: -3px;
}

.btn.btn-2 {
    margin-top: -14px;
}

.note-in {
    border: 1px solid var(--light-gray-hight);
    padding: 5px 10px;
    border-radius: 25px;
    height: 33px;
    line-height: 18px;
}

.note-in-2 {
    border: 1px solid var(--light-gray-hight);
    padding: 10px;
    border-radius: 25px;
    min-height: 178px;
}

.note-in-3 {
    border: 1px solid var(--light-gray-hight);
    padding: 10px;
    border-radius: 25px;
    min-height: 75px;
}

.btns_2 a {
    color: #000;
    margin-right: 5px;
    margin-bottom: 8px;
    float: left;
    font-size: 10px;
}

.btns_2 a .fa {
    font-size: 15px;
}

.icons_top {
    width: 100%;
    float: left;
}

.note-in-2 h6 {
    margin-top: 0px;
    padding-top: 0px;
}

.btns_2 .scrollbar-2 {
    height: 165px;
    margin-bottom: 0px;
}

.note-in-5.scrollbar-2 {
    height: 100px;
    margin-bottom: 0px;
}

.note-in-2 table {
    margin-bottom: 0px;
}

.note-in-2 .table>tbody>tr>td {
    padding: 0px;
}

.table>tbody>tr>td {
    padding: 5px;
}

.update-project-right .table>tbody>tr>td,
.update-project-center .table>tbody>tr>td {
    padding: 5px;
}

.note-in.note-in-6 {
    height: 80px;
}

.note-in-7.scrollbar-2 {
    height: 67px;
    margin: 0px;
}

.btns_2 .scrollbar-2 {
    height: 165px;
    margin-bottom: 0px;
}

.note-in-5.scrollbar-2 {
    height: 100px;
    margin-bottom: 0px;
}

.meetingNoteAttachmentTable a {
    font-size: var(--global--font-size--lg);
}

.note-in-2 .scrollbar-2 {
    height: 148px;
}

.full_view_block .note-in-2 .scrollbar-2 {
    height: 148px!important;
}

.attendee .note-in {
    margin-bottom: 8px;
}

.full_view_block .note-in-5.scrollbar-2 {
    height: 290px!important;
}

.table.attendee {
    margin-bottom: 0px;
}

.DPreview {
    float: left;
    width: 100%;
    padding: 0px 0px 10px;
    text-align: center;
}

.setupRequired {
    font-size: 10px;
    color: red;
    font-weight: normal;
}

.share-1 .col-md-12 {
    width: 100%;
    height: auto;
    padding: 10px;
    float: left;
}

.share-1 .col-md-4 {
    width: 20%;
    padding: 10px;
    float: left;
}

.share-1 .col-md-8 {
    width: 80%;
    padding: 10px;
    float: right;
}

h1.share-title {
    padding-top: 0px;
    margin-top: 0px;
}

.DPreview,
.btnShareGeneralNote {
    color: #000;
}

.main-note .note-1 {
    width: 25%;
    height: auto;
    float: left;
}

.main-note .note-2 {
    width: 25%;
    height: auto;
    float: left;
}

.main-note .note-3 {
    width: 25%;
    height: auto;
    float: left;
}

.main-note .note-4 {
    width: 25%;
    height: auto;
    float: left;
}

.main-note-1 {
    background: #000;
    width: 100%;
    float: left;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.main-note-2 .main-note-1 {
    background: #ececec;
    width: 100%;
    float: left;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.shared-doc-1 {
    background: #000;
    width: 100%;
    float: left;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.shared-doc-2 .shared-doc-1 {
    background: #ececec;
    width: 100%;
    float: left;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.shared-doc-1 .shared-doc-a1 {
    width: 75%;
    height: auto;
    float: left;
}

.shared-doc-1 .shared-doc-a2 {
    width: 25%;
    text-align: center;
    height: auto;
    float: left;
}

.note-in-2 .btns_2 a {
    text-align: left;
}

.deliveryDetailboxGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-template-rows: auto;
    gap: 1rem;
    grid-auto-flow: dense;
    margin-top: 10px;
}

.deliveryDetailboxGrid .box {
    height: 100px;
    border-radius: 10px;
    background-color: white;
    color: black;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
    box-shadow: 1px 1px 5px 0px rgb(179 179 179 / 75%);
}

.deliveryDetailboxGrid .box h3 {
    color: var(--dark-gray-color4);
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
}

.deliveryDetailboxGrid .box p {
    overflow: auto;
    max-height: 50px;
}

.deliveryDetailboxGrid .bigBox {
    grid-column: span 2;
}

.deliveryDetailboxGrid .superBigBox {
    grid-column: span 3;
}

.pdfRow h3 {
    font-size: 12px !important;
    font-weight: bold;
}

.noteAttachmentGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20px, 20px));
    grid-template-rows: auto;
    gap: 3px;
    grid-auto-flow: dense;
}

.noteAttachmentGrid .box {
    max-height: 25px;
}

.login-box-left .form-control,
.login-box-left .form-control:focus {
    border-radius: 5px;
    border: 0px;
    height: 43px;
    font-size: 13px;
}

.update-project-center .update-group-li-in {
    padding-left: 0px;
}

.update-project-top-row {
    width: 100%;
    float: left;
}

.update-project-left.project-page-in {
    float: left;
    margin-bottom: 5px;
}

.ellipse_whitespace {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    display: block;
}

.t-box1 .aud-1.title-aut {
    float: right;
    width: 38%;
}

.project-globe {
    float: left;
    color: #000;
    padding-left: 20px;
    width: 42px;
    height: 25px;
}

.top-add {
    padding-left: 55px;
    text-align: left!important;
}

.login-box-right-login.signup {
    padding-top: 190px;
}

.help-dsk {
    border: 1px solid gray;
    border-radius: 10px;
    width: 30%;
    margin: auto;
    padding: 20px;
    font-size: 14px;
}

.help-dsk-title {
    font-size: 18px;
}

.compose-icon .btn {
    height: 34px;
}

.compose_1 {
    height: 13px;
    margin: 0px 3px;
}

.update-project-left.project-page-in .update-group-li.group-li-1 {
    padding: 7px 8px!important;
}

.sitesetup_list_padding_in2 input[type=checkbox],
.sitesetup_list_padding_in2 input[type=radio] {
    margin: 3px 7px 1px 10px;
}

#library-frm .gallery {
    padding: 0px;
}

.select2-search--dropdown .select2-search__field {
    color: #000;
}

.pl-technical-box_ .list-view {
    width: 100%;
    float: left;
}

.btn-save-box {
    width: 100%;
    height: auto;
    float: left;
}

.well-lg.box-co1-main .dropdown-toggle.btn-default {
    display: flex;
}

.pl-company-update .pl-company-form.form-edit-box .error-summary {
    border-radius: 3px;
    float: left;
    width: 100%;
    border: 0px;
}

.zenburn.bootsidemenu-left,
.zenburn.bootsidemenu-right,
.zenburn.bootsidemenu-left>.toggler,
.zenburn.bootsidemenu-right>.toggler {
    z-index: 999;
    border: 0px!important;
}

.weekBoxListing,
.dayBoxListing {
    margin-left: 0px;
    padding: 0px;
}

.dayBoxListing a {
    color: #000;
}

.dayBox .heading a .glyphicon-plus {
    color: #000;
    margin-right: 10px;
}

.zenburn .list-group-item.active,
.zenburn .list-group-item.active:focus,
.zenburn .list-group-item.active:hover,
.zenburn .item.active:focus {
    color: #000;
    background-color: #fff!important;
    border-color: #fff!important;
}

.checklist-f-btn.dropdown.open:hover {
    border-radius: 40px;
}

.main-top-menu.menu2 ul li.icon5 {
    padding-left: 0.5%;
}

.modal-title {
    color: #000;
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 0px rgb(100 150 200 / 50%)!important;
}

.pull-right.reportIcons a {
    background: inherit!important;
    padding: 0px 5px;
    text-decoration: none;
    color: #000;
}

.database_billing_add_1 .db-center .fa {
    position: relative!important;
    margin-right: 10px;
    float: left;
    font-size: 14px;
}

#dbEntryFormWebsiteAddArea a {
    float: left;
}

.popup-content .btn.btn-m2 {
    margin-top: 10px;
}

.reportRows {
    background-color: #f2f2f2!important;
}

.reportIcons-top {
    width: 100%;
    float: left;
}

.reportIcons-top1,
.reportIcons-top2 {
    width: 26%;
    float: left;
}

.pl-project-report-index {
    width: 100%;
    float: left;
}

button:focus {
    box-shadow: 0 0 0 0px rgba(112, 102, 224, .5)!important;
}

.photo-padding .list-bordered .list-icon-contant a {
    float: left;
}

.photo-padding .list-bordered .list-icon-contant .title-mod {
    width: 70%;
    padding: 10px 0px 0px;
    height: auto;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-page.dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100px;
    background-color: inherit;
    z-index: 9999;
    max-height: 200px;
}

.project-page.dropdown:hover {
    background-color: inherit;
}

ul.project-page li:hover>a {
    background-color: inherit!important;
    color: #ffffff !important;
}

.project-page.dropdown li {
    position: relative;
}

.project-page.dropdown li a {
    color: #ffffff !important;
    text-align: left;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    margin-top: 5px;
    padding-bottom: 3px;
}

.project-page.dropdown li ul {
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    line-height: normal;
    background-color: #fff;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.project-page.dropdown li ul li a {
    text-align: left;
    color: #000!important;
    font-size: 10px;
    padding: 0px 10px;
    display: block;
    white-space: nowrap;
}

.project-page.dropdown li ul li a:hover {
    background-color: inherit;
    color: #000;
}

.project-page.dropdown li ul li ul {
    left: 100%;
    top: 0;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

ul.project-page li:hover>a {
    background-color: #fff;
    color: #000 !important;
}

ul.project-page>li:hover>a {
    color: #fff !important;
}

ul.project-page li:hover>ul {
    display: block;
}

.project-page.dropdown {
    background-image: url(../images/arrow1_light.png)!important;
    background-repeat: no-repeat;
    background-position: right 5px;
    z-index: 999999;
}

.project-page2 {
    padding: 0px;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url(../images/u1-1.png)!important;
    background-repeat: no-repeat;
    width: 7px;
    height: 14px;
    opacity: 0.8;
    margin-top: -8px!important;
    margin-left: -2px!important;
    border: 0px!important;
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../images/ui-2.png)!important;
    background-repeat: no-repeat;
    width: 7px;
    opacity: 0.8;
    background-size: 7px!important;
    height: 10px;
    margin-left: -4px!important;
    margin-top: -6px!important;
    border: 0px!important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center!important;
}

.duplicateFieldContainer .form-group {
    margin-bottom: 0px!important;
}

.switch_name_main_new_right {
    float: right;
    padding: 2px 19px;
}

.switch_name_main_new_right a {
    color: #000;
}

.popup-content .dropzone {
    background-size: 50%;
    background-position: top center;
    height: auto;
    border: 0px;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 130px;
}

.dropzone .dz-preview .dz-image {
    width: 70px!important;
    height: 70px!important;
    background: #e4e4e4;
}

.dropzone .dz-preview {
    width: 70px!important;
    margin-right: 4px!important;
}

.popup-content .dropzone {
    padding-left: 15px;
    padding-right: 15px;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    font-size: 10px;
}

.dropzone .dz-preview .dz-image img {
    width: 100%;
}

.dz-details {
    padding: 0px;
}

.fancybox-can-swipe .fancybox-content {
    padding: 25px 15px;
    text-align: center;
    border-radius: 25px;
}

.left-footer a {
    float: left;
    padding-top: 4px;
}

.switch_name_main_new_right {
    float: right;
    padding: 2px 15px;
}

.switch_name_main_new_right .glyphicon-share {
    margin-right: 5px;
}

.popup-content .switch_name_left,
.popup-content .switch_name_right {
    color: #000!important;
}

.admin_suite_body .container-fluid {
    padding-bottom: 15px;
    margin-top: 15px;
}

.custom-dropdown-content {
    width: 234px;
    border-radius: 15px;
}

#section_project_additionalCost .table>tbody>tr>td {
    line-height: 35px;
}

#btnAddProjetNameAka {
    height: 34px;
    line-height: 23px;
}

.project-content-bottom .content-bottom-5.star-panel {
    width: 6%;
}

.project-content-bottom .col-comp .col-content-1 {
    width: 54%;
    word-break: break-all;
}

.project-top-hadding .top-hadding-5.star-panel {
    width: 6%;
}

.login-box-left .field-loginform-code {
    display: none;
}

.login-demotext-1 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #ff0000;
    text-transform: uppercase;
}

.login-demotext3 {
    font-size: 16px;
    text-align: center;
    max-width: 368px;
    margin: 0px auto;
    padding-left: 47px;
}

.login-demotext3 span {
    color: red;
}

@media (min-width:2200px) and (max-width :2600px) {
    .update-project-center-in.scrollbar-2 {
        height: 1100px;
    }
    .update-project-right .project-pro-right.scrollbar-2 {
        height: 1100px;
    }
}

@media only screen and (max-width:1900px) {
    .note-icon1 {
        width: 32.20%;
    }
    .right-vault-2 {
        margin-right: 0px;
    }
}

@media only screen and (max-width:1735px) {
    .pagi {
        width: 7.70%;
    }
    .note-icon1 {
        width: 32%;
    }
    #sampleroom .tab-content td {
        width: 20%;
    }
    #sampleroom .tab-content td:first-child {
        width: 25%;
        padding-left: 3px;
    }
    #sampleroom .tab-content td:last-child {
        width: 60%;
    }
    .menu3 {
        width: auto;
        padding-top: 3px;
        float: left;
        padding-left: 9%;
        padding-bottom: 3px;
    }
    .satting-t3 {
        width: 48%;
    }
    .left-CompanyWidget {
        width: 120px;
    }
    .right-hader-top {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 7px;
    }
    .menu2 ul li {
        width: 50px;
    }
    .mail-box-right-in .bg-mail-mid.scrollbar-2 {
        height: 500px;
    }
    .photo-view-search {
        width: 27.8%;
    }
    .menu2 .top-menu-con img {
        width: auto;
        height: 22px;
    }
    .top-menu-con1 img {
        width: 20px;
    }
}

@media only screen and (max-width:1500px) {
    .project-right-gicon .right-vault-2 a {
        margin-bottom: 5px;
    }
    .right-vault-2 {
        margin-right: 0px;
    }
    .ttext {
        display: none;
    }
    .back-to-top .fa {
        display: block;
        font-size: var(--global--font-size-xl-l);
    }
    .top-right-logo {
        height: auto;
        padding-top: 0px;
        float: right;
    }
    .customScroll {
        width: 88px;
    }
    .back-to-top {
        width: 4.7%;
        height: 30px;
    }
    .left-CompanyWidget {
        width: 140px;
        height: auto;
        float: left;
        margin-right: 20px;
        padding-top: 17px;
    }
    #stockitem-currency_id {
        width: 55px;
    }
    .pl-photo-search {
        width: 64%;
    }
    .sitesetup-pages.s-order-create>div {
        width: 60%;
    }
    .g-note-block .g-note-block-4_5 a {
        margin: 0px 0px;
    }
    .row_library .update-project-left {
        width: 17%;
    }
}

@media only screen and (max-width:1450px) {
    .form-group.field-sitesetup-logo {
        margin-bottom: 0px!important;
    }
    .up-pro-icon .pro1 {
        height: 13px;
    }
    .menu2 ul li.icon5 {
        padding-left: 10px;
    }
    .pagi {
        width: auto;
    }
    .criticlePointBox.PointBox1 {
        float: left;
        margin-right: 4px;
        height: 13px;
        margin-top: 3px;
    }
    #sampleroom table tr td:nth-child(3) {
        font-size: var(--global--font-size-base);
    }
    .db-cl-2 .form-control,
    .db-cl-4 .form-control,
    .db-cl-7 .form-control,
    .db-cl-9 .form-control {
        width: 78%;
    }
    .padding_tach {
        width: 20%;
    }
    .customScroll {
        width: 77px;
    }
    .top-right-logo {
        width: 75px;
        height: 75px;
    }
    .view-box-go {
        width: 270px;
        padding-left: 10px;
    }
    .main-top-menu.menu2 {
        padding-top: 9px;
    }
    .view-meeting-box {
        width: 4.8%;
    }
    .view-box {
        width: 7%;
    }
    .database_edit_right_in .col-md-6 {
        width: 100%;
        padding: 0px;
    }
    .logo1 {
        width: 100%;
    }
    .main-top-menu.menu2 {
        padding-left: 0px;
    }
    .text-menu a {
        font-size: var(--global--font-size-md);
    }
    .menu2 {
        width: 78px;
    }
    .top-right-logo {
        width: 120px;
        padding-top: 0px;
        height: 75px;
    }
    .logo.logo1 {
        width: 68.9%;
    }
    .top-search {
        width: 12%;
    }
    .top-search.search-button {
        width: 8%;
    }
    .project-content-line-left {
        width: 81%;
    }
    .t-box1 span {
        width: 41%;
    }
    .summary-view-page .box-co0.summary-view-repet {
        padding: 15px 15px 15px 20px;
    }
    .timeline-middle-box h1 {
        font-size: var(--global--font-size-sm);
    }
    .progress-leftcolune {
        width: auto;
        font-size: var(--global--font-size-base);
    }
    .progress-rightcolune {
        width: 74%;
    }
    .status-li-in {
        width: auto;
        float: left;
    }
    .status-li {
        display: block;
        margin-bottom: 5px;
    }
    .left-CompanyWidget {
        width: 127px;
    }
    .status-li-in {
        padding: 5px 5px;
        margin-top: 5px;
    }
    .lock {
        padding-top: 227px;
    }
    .row_library_right {
        width: 80%;
    }
    .library_top_row .library_top_col_2 {
        width: 80%;
    }
    .library-middle .library-right-text {
        width: 66%;
    }
    .right-photo-panel-1 {
        width: 81%;
    }
    .photo-view-search {
        width: 30.8%;
    }
    .col-setup-left {
        padding: 2px 2px 0px 5px;
    }
    .satting-t3 {
        width: 48%;
    }
    .sitesetup_list_padding_in2 a img {
        width: 17px;
    }
    .menu2 ul li {
        width: 57px;
    }
    .view-box-todo {
        width: 128px;
    }
    .satting-thumb a {
        width: 52%;
    }
    .satting-t3 input {
        margin: 2px;
    }
    .satting-t3 {
        padding-top: 7px;
    }
    .col-setup-left .satting-con2 {
        padding: 0px;
    }
    .satting-logo_input {
        padding: 0px 10px 0px;
    }
    .satting-thumb img {
        width: 90%;
    }
    .top-menu-con1 {
        padding-top: 8px;
    }
    .right-hader-top {
        padding: 7px 10px 0px;
        height: 35px;
    }
    .project-globe-in-2 {
        color: #000;
    }
}

@media only screen and (max-width:1400px) {
    .back-to-top {
        width: 4.76%;
    }
    .box-co0:first-child .maintabel-box .tabel-box {
        font-size: var(--global--font-size-base);
    }
    .view-box ul li {
        width: 30%;
    }
    .diaryCalendarLink {
        padding: 5px 7px;
    }
    .menu2 ul li {
        width: 52px;
    }
}

@media only screen and (max-width:1375px) {
    .box-co0 {
        width: 100.08%;
    }
}

mark.marker-yellow {
    background-color: #fdfd77;
}

mark.marker-green {
    background-color: #62f962;
}

mark.marker-pink {
    background-color: #fc7899;
}

mark.marker-blue {
    background-color: #72ccfd;
}

mark.pen-red {
    color: #e71313;
}

mark.pen-green {
    color: #128a00;
}

a.text-green {
    color: lime !important;
}

a.text-gray {
    color: #cccccc !important;
}

.showHint {
    color: red;
    padding-bottom: 8px;
    display: none;
}

.quickFilterUL {
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 200%;
}

.currencyCheckBox:checked {
    font-weight: 900;
}