:root{--color-primary:#0053E2;--color-primary-hover:#114AB6;--text-color:#2E2F32;--color-secondary-hover:#F1F1F2;--color-header-table:#F8F8F8}
body{margin:0;font-family:'Everyday Sans Web',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;counter-reset:step}
code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}
input:placeholder-shown{font-style:italic}
.px1{padding-left:1rem;padding-right:1rem}
.group{display:flex;justify-content:space-between}
.main-container{width:80%}
.page-desc-wrapper{text-align:center;padding:5px;width:80%;margin:0 auto 0}
select{display:block}
.text-left{text-align:left}
.text-right{text-align:right}
.cursor-hand{cursor:pointer}

.input-text{width:90%;height:30px;color:#555555;padding:5px 25px 5px 5px;font-size:14px;border-bottom:1px solid #1b75cf !important;margin:10px auto}
.input-label{font-size:14px;margin:10px auto;color:#333333}
textarea{height:auto !important;resize:none;width:100% !important}
.input-select{height:36px;color:rgba(85,85,85,0.65);padding:5px 30px 5px 5px;font-size:14px;border-bottom:1px solid #1b75cf;margin:10px auto 0;border-top:0;border-left:0;border-right:0;border-radius:0;font-style:italic}
.input-textarea{height:90px;padding:10px;color:#555555;font-size:14px;border:1px solid #1b75cf;margin:10px auto}
[type="radio"]:not(:checked),[type="radio"]:checked{position:relative;opacity:1;vertical-align:middle;margin-right:5px}
.input-radio-label{margin-right:20px}
.input-checkbox-label{vertical-align:middle;margin-left:10px;font-size:14px;color:#333333}
.input-checkbox-wrapper{vertical-align:middle;margin-left:10px;font-size:14px;color:#333333}
.input-file{margin:10px auto 0}
.btn-fileupload{font-size:14px;text-decoration:none;background-color:#ffc220;color:#ffffff !important;padding:5px !important;margin:10px auto;display:inline-block;text-align:center !important}
.loader-app-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed}
.loader-app{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}
@keyframes spin{0% {transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.checkbox-wrapper input,.input-checkbox-wrapper input{vertical-align:middle}
.input-error{font-size:12px;font-weight:600;display:inline-block;margin:0 auto 10px;color:#e62b1e;float:left;width:100%;text-align:left;font-style:italic}
.trash-file-icon img{width:12px;margin-left:20px;vertical-align:middle}
.input-document-types{color:darkgray;font-size:small;font-style:italic}
.full-width{width:100%}
.form-container .row{margin-bottom:10px}
label.no-label{opacity:0}
.react-datepicker-wrapper{width:100%}
.datepicker-container{position:relative;display:inline-block;width:100%}
.datepicker-img{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer}
.datepicker-container input{position:relative;padding-right:60px}
.datepicker-clear-btn{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#999;padding:5px 8px;transition:color 0.2s ease}
.datepicker-clear-btn:hover{color:#d32f2f}
.datepicker-clear-btn:focus{outline:none;color:#1b75cf}
.export-btn{background:transparent;border:0;color:#1b75cf}
.export-btn img{vertical-align:middle}
input[type=submit]{cursor:pointer}


.supplier-banner-img{height:400px;width:100%}
.page-suppliers .section-suppliers{margin-top:70px}
.suppliers-module-img{width:100%}
.width-100{width:100%}
.width-50{width:50%}
.module-title{display:flex;align-items:center}
.module-title-icon{flex-grow:1}
.module-title-icon img{max-width:100px}
.module-title-text{flex-grow:2;font-size:20px;color:#0b59a1}
.bg-grey{background:#e7e7e7}
.supplier-construction{padding-bottom:40px}
.supplier-construction .title-wrapper{padding:15px}
.icon-text-wrapper{color:#1b75cf;font-weight:bold;font-size:18px}
.column-item{display:flex;padding:30px}
.column-text,.column-image{flex-grow:1;flex-basis:0;min-width:0}
.column-image img{max-width:500px;width:488px;height:325px}
.column-text{width:100%;background:#fff;padding:30px;position:relative;left:30px;max-height:316px;box-shadow:rgba(51,51,51,0.43) 1px 4px 10px;margin-bottom:25px;height:315px}
.suppliers-column-title{padding:5px;border-bottom:1px rgba(51,51,51,0.25) solid;padding-bottom:20px !important;font-size:20px !important;text-align:left !important;margin:0 0 25px auto !important}
.column-item.column-grey{padding:60px;background-color:#e7e7e7}



.folio-tracking-container{background:#007dc6;height:auto;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;padding:10px;font-size:14px}
.folio-tracking-select{width:80%;max-width:330px;height:30px;padding:5px 25px 5px 0;color:#fff;font-size:14px;margin:5px 15px 5px 20px;border:0 solid #fff;border-bottom-width:1px;background-color:transparent;border-radius:0}
.folio-tracking-select option{color:#282828}



.news-images{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px 5%;overflow:hidden}
.news-item{min-width:0;flex:50%;max-width:50%;margin:0 auto;background:#fff;position:relative;height:480px;overflow:hidden}
.news-img{width:100%;height:100%}
.basicQuadImg:hover{background:rgba(0,0,0,.8)}
.basicQuadImg:hover .caption-num4{transform:translateY(-101%)}
.caption{width:100%;height:100%;padding-top:50px;padding-bottom:10px;background:rgba(0,0,0,.8);z-index:2;font-weight:300;transition:all .5s;margin:0 auto;text-align:center;color:#fff}



.map-wrapper{height:500px}



.input-select-react__control{border:0 !important;border-bottom:1px solid !important;border-radius:0 !important;height:40px}
.input-select-react-wrapper{margin-bottom:30px}
.input-select-react__indicator-separator{display:none}


.grid-table thead th{color:#004c91}
table.grid-table.striped > tbody > tr:nth-child(odd){background:#f5f5f5}
table.grid-table.striped > tbody > tr:nth-child(even){background:#fff}
table.grid-table.striped > thead > tr{background:#f5f5f5}
table.stripped > thead > tr > th{color:#b3d4fc}
.text-break-word{word-break:break-all}
.pagination-nav-btn{width:11px}
.pagination-nav-btn2{width:7px}
.grid-pagination-wrapper{text-align:right}

[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:relative;opacity:1;pointer-events:all}
.css-hpgf8j{padding:0 !important}
.text-center{text-align:center}
.m-0{margin:0 !important}
.mb-10{margin-bottom:10px !important}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mr-20{margin-right:20px}
.flex-container{display:flex;align-items:center}
.flex-item.flex-0{flex:0}
.flex-item.flex-2{flex:2}
.float-right{float:right}
.captcha-refresh-icon{font-size:30px;vertical-align:middle;margin-left:20px}
.step-one:after{content:none !important}
.multistep-progress-bar li.active:after{background:#76c043 !important}
.submit-btn{text-decoration:none;color:#fff;background:#ffc220;padding:5px 0;display:block;text-align:center;margin:20px auto;border:none;width:100%;max-width:240px}
.ReactModal__Overlay{z-index:999}
.toggleLabel{font-size:14px;color:#333333;margin-bottom:15px}
button:focus{background-color:#fdbb30}

[type="checkbox"] + span:not(.lever):before,[type="checkbox"]:not(.filled-in) + span:not(.lever):after{display:none;content:''}
[type="checkbox"] + span:not(.lever){padding-left:0}
.popup-title{margin:0 !important}
.error-text{color:red !important}
.model-container{top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;transform:translate(-50%,-50%);height:95%;width:45%;z-index:100;inset:50% auto auto 50%;border:1px solid rgb(204,204,204);background:rgb(255,255,255);border-radius:4px;position:absolute;outline:none;padding:20px;overflow-y:auto}
.ReactModalPortal.land-sale-popup .model-container{height:95% !important;width:45% !important}


.switch{position:relative;display:inline-block;width:90px;height:34px}
.switch input{display:none}
.toogle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ca2222;-webkit-transition:.4s;transition:.4s;border-radius:34px}
.toogle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%}
input:checked + .toogle-slider{background-color:#2ab934}
input:focus + .toogle-slider{box-shadow:0 0 1px #2196F3}
input:checked + .toogle-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(55px)}
.price-notice{text-align:center;font-size:15px;color:#cccccc;margin-bottom:20px}

.toogle-slider:after{content:'OFF';color:white;display:block;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:10px;font-family:Verdana,sans-serif}
input:checked + .toogle-slider:after{content:'ON'}



.role-new-btn-wrapper{text-align:center;color:blue;font-size:16px}
.role-new-btn-wrapper span{vertical-align:middle}
.role-new-btn-wrapper .icon-plus{font-size:25px;margin-right:5px}
.input-select-react.role-select-wrapper{display:inline-block;margin-right:20px}
.role-edit-btn{font-size:20px}
.role-role-flex{display:flex;align-items:end}
.role-role-select-cont{min-width:80%;margin-right:15px}



.price-input{display:inline-block;width:calc(100% - 20px);padding-left:10px}
.price-dollar-div{display:inline-block}
.relative-div{position:relative}
.map-btn{position:absolute;right:10px;top:30px}


.pdf-down-btn{margin:20px 0;vertical-align:middle}
.ReactModalPortal.map-popup .model-container{height:auto !important;width:45% !important}
.map-popup .popup-model-content-cotainer .side-map.map-wrapper{height:280px}


.ReactModalPortal.height-auto .model-container{height:auto !important}
.change-pass-success-container{color:green}

.bg-blue-row{background-color:#004c91;text-align:center;color:#fff;padding:10px;margin-bottom:40px}



.p-10{padding:10px}
.p-3{margin:10px}
.freq-rating-container{text-align:right}
.titleBar{padding:10px 32px 10px 15px;color:#0b59a1;background:#ddeaf8;display:flex;position:relative}



.icon-under-const{width:140px}

.cat-lc-detail-column{flex-grow:1}
.cat-lc-detail-row{display:flex}
.cat-lc-title{color:#039be5;margin-bottom:10px}
.vertical-middle{vertical-align:middle}
.catlg-deter-input{display:inline-block;width:auto !important}



.main-color-text{color:#0b59a1 !important}

fieldset{border:0}
fieldset.disabled{opacity:0.7}
fieldset.disabled .user-states-container{position:relative;z-index:-1}
.munici-search-input{max-width:200px}
.search-img{position:absolute;right:0;top:15px;z-index:1}
.icon-color-main{color:#0072CE}



.note-item{background:#fff;flex:48%;height:480px;overflow:hidden;position:relative;box-shadow:inset 0 -1px 4px rgba(136,136,136,0.45);max-width:300px;border:1px solid #cecece}
.notes-item{display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;gap:10px;margin:20px 5%}
.note-item-inner{background:#fff;text-align:center;margin:5px 5px;height:490px !important}
.note-img{margin:5px auto;width:95%;padding:5px;max-height:264px;height:100%}
.note-item .note-text{color:#333333;font-size:13px;text-align:justify;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;height:50px;max-height:55px;margin:0 auto;line-height:17px;text-overflow:ellipsis}
.note-item .title{display:block;font-size:16px;font-weight:900;color:#0b59a1;margin:20px auto}
.note-item .note-text-container{width:86%;padding:10px;margin:0 auto}
.cl-effect-1{text-decoration:none;color:#0b59a1;margin:10px auto;display:block;text-align:right;font-weight:800}
.cl-effect-1 > .detail-btn:hover{color:#fcba2f}
.cl-effect-1 .detail-btn::before{margin-right:10px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}
.cl-effect-1 .detail-btn::before,.cl-effect-1 .detail-btn::after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity 0.2s;-moz-transition:-moz-transform 0.3s,opacity 0.2s;transition:transform 0.3s,opacity 0.2s}
.cl-effect-1 .detail-btn:hover::before,.cl-effect-1 .detail-btn:hover::after,.cl-effect-1 .detail-btn:focus::before,.cl-effect-1 .detail-btn:focus::after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
.cl-effect-1 .detail-btn::after{margin-left:10px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
.note-popup-img{width:100%}
.ReactModalPortal.notes-detail-popup .model-container{max-width:600px !important}

.section-images-item{width:100%}
.section-image{max-width:100%}
@media only screen and (max-width: 768px){
.mbl-pb-2{padding-bottom:20px !important}
.page-content{margin:0 10px}
.page-desc-wrapper{width:100%}
table.grid-table th{display:none}
.ReactModal__Content.ReactModal__Content--after-open{width:90% !important}
.ReactModalPortal.land-sale-popup .model-container{width:90% !important}
.ReactModalPortal.map-popup .model-container{width:90% !important}
.mbl-w-100{max-width:100%}
.input-select-react{margin-bottom:0 !important}
.input-container{margin-bottom:20px}
.mbl-mb-0{margin-bottom:0}

    .cat-lc-detail-row{flex-direction:column}
.cat-lc-detail-column{display:flex;width:100%}
.cat-lc-detail-column > div{flex:1}
.mbl-role-page-flex{flex-direction:column}
.mbl-input-item-role{width:100%;margin-bottom:20px}
.supplier-banner-img{height:auto}
.module-title-icon img{max-width:60px}
}
@media only screen and  (min-width: 769px) and (max-width: 1080px){
.input-select-react-wrapper{margin-bottom:0 !important}
.input-container{margin-bottom:20px}
}
@media only screen and  (max-width: 1080px){
.model-container.show-scroll{overflow:scroll}
}