@import url("variable.css");
body {
    font-size: var(--global--font-size-base);
    overflow-x: hidden;
}
.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;}
.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: 15px;}
.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: 5px 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: 28px;  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: left; width:100%; }
.popup-content .middle-box {  min-height: auto;}
.popup-content .dropzone {  background-size: 50%; background-position: center; height: auto; border: 0px;}
.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: #fbfbfb;}
.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);}
.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;
}
.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 {
}
.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 {
    width: 30px;
    height: 30px;
    padding: 5px 0px;
    text-align: center;
    font-size: var(--global--font-size-base);
    float: left;
    margin: 0px 3px;
    background: var(--light-blue);
    color: var(--white);
    line-height: 19px;
}

.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(--light-blue);
    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;
}
.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 20px;
}
.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: 50%;
    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%;
}
.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 {
    width: auto;
    white-space: nowrap;
    line-height: 19px;
    padding-top: 2px;
}
#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: 323px;
    padding-top: 11px;
}
.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;
}
.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;
}
.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;
}
.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: 11px;
    font-size: 18px;
    left: 12px;
    color: #dcdcdc;
}
.data_search_btn .button-search .btn {
    height: 28px;
}
.mail-serch-box .search-icon {
    top: 9px;
}
.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%;
}
.rightTodayTaskSubMenu {
    border: 1px solid var(--white-border);
    background-color: #dfdfdf;
    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;
}

.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;
    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);
}
g3027 .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:170px; float: left; margin-right: 5px; position:relative; }
.update-project-center .update-group-li-in {
    width: 180px;
    float: left;
    position: absolute;
    z-index: 999;
    margin-top: 36px;
}
.update-project-center .update-group-li{ padding:7px 8px; background:#fafafa;}


.up-pro-icon .pro1 {
    width: auto;
    height: 17px;
    margin-right: 3px;
    float: right;
    margin-top:1px;
}
.up-pro-icon .pro2 {
    width: 18px;
    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: 7px 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: 810px;}
.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: 20px 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;
}
.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;

}
.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: 2px;
}
.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: 20px;
    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: 15px;} 
.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: 10px 0px;
    padding-bottom: 5px;
    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: 816px;
    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: 35px;
    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;  }
.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: 23px;
    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 {
    font-size: var(--global--font-size-xxxy);
    color: var(--black);
    position: absolute;
    top: 9px;
    left: 14px;
}
.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: 213px;
}
.lock .fixed-lock {
    position: fixed;
    width: 100%;
    background:var(--light-gray3);
    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);
}

.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: 583px;
}
.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;
    background: var(--light-blue);
    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;
    float: left;
}
.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.active a {
    color: red;
}
.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:86%;
    margin-top: 15px;
}
.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: 13%;
    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: 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;
}
.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: 140px;
    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 { margin-top: 5px; border: 1px solid var(--dark-gray-color3); border-radius: 5px; width: 149px!important;}
.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: 1px 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 {  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-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: 58%;
}
.alert-main .alert {float: left; margin-bottom: 0px;margin-left:0%; width:64.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;}
.pl-photo-search .search-icon{ top:11px!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;}
.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;  }
.btn-save-dropdown,.btn-save-dropdown:focus,.btn-save-dropdown:focus{ width: auto;
                                                                         padding: 6px 15px;
                                                                         background-color: var(--light-blue);
                                                                         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,.col-setup-right .col-setup-right-in .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-pink{ width:100%; height: auto; float: left; background:#d6dce5; border-radius:3px; margin-bottom:3px; color:#000; padding-left: 3px; }
.color-green{ width:100%; height: auto; float: left; background:#e2f0d9; 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{margin-right: 3px;border-radius: 25px;padding:7px 15px;height: auto; line-height: 19px;}
.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; }
.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: -25px;}
.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{ float:left; margin-left:5px; }
.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-architect-block .project-title span{line-height: 29px;}
.project-value-box input[type=radio] { float:right; margin-left: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:right; }
.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;
}

@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; }
    .menu2 ul li {width:65px;  }
    .mail-box-right-in .bg-mail-mid.scrollbar-2 {   height: 500px;}
    .photo-view-search {  width: 27.8%; }
}
@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 { width: 5.8%; height: auto; padding-top: 30px; 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; }

}

@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: 35px;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;}

}
@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%;  }

}

.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: 14px;}
.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: 10px; }
.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;}
.compose-icon { display: grid;grid-template-columns: 1fr 1fr 1fr; width: 65px; 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 {
    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;}
#google_translate_element select {
    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;}
#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;}
#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: 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%);    }
.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:3px;}
.update-project-center .update-group-li-in{ padding-left: 0px;}
.update-project-top-row{ width:100%; float: left;}
.update-project-left.project-page-in {
    width: 80%;
    float: left;
}






.t-box1 span {
    text-align: left;
    padding-left: 25px;
}

.box-co0 .container1 {
    padding-left:25px;
}
.box-co0 .container1.customScroll{
    padding-left:0px;
    text-align: left;
}