@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700);
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap);
/*

CSS PROVISORIO PARA ESTILO DO END DESING

*/

.mainModalmsg {
  text-align: center;
  color: #fff;
  margin: 20px 0;
}

.mainModalmsg p {
  color: #fff;
  margin-bottom: 10px;
}

.alertTimezone {
  border: dotted 1px #d4d4d4;
  padding: 30px;
  margin-bottom: 30px;
  margin: 0 30px 30px;
}

.alertTimezone b {
  font-weight: bold;
}

.bp-layout {}

.errorSpace .ant-form-explain {
  margin-top: 10px !important;
}

.txtSpan {
  font-size: 11px !important;
}

.bp-video-preview {
  margin-bottom: 60px;
  max-width: 270px;
}

.bp-map-item h2 {
  margin-bottom: 50px;
  color: #1883ff;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
}

.bp-map-item img.img-mapa {
  width: 90%;
}

.bp-map-item button img {
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  left: -5px;
  top: -3px;
  transform: rotate(180deg);
}

.bp-video-faq {
  margin-bottom: 15px;
  padding-bottom: 17px;
  border-bottom: solid 1px #000;
}

.bp-video-faq h2 {
  position: relative;
  color: #434343;
  font-size: 15px;
  font-weight: 700;
  padding-left: 40px;
  cursor: pointer;
}

.bp-video-faq h2::before {
  position: absolute;
  content: "+";
  left: 15px;
  top: 0px;
  font-size: 20px;
  font-weight: 700;
  color: #1883ff;
}

.bp-video-faq.open h2::before {
  content: "-";
}

.bp-video-faq p {
  padding-left: 40px;
  color: #434343;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.faq-description {
  height: 0;
  transition: all 0.5s ease;
  overflow: hidden;
}

.lineSearch {
  width: 100%;
  border-bottom: solid 1px #e2e2e2;
  margin: 50px 0;
}

.bp-video-faq.open .faq-description {
  height: auto;
}

.mainVideo {
  padding: 0 100px;
}

.bp-file-preview {
  margin-bottom: 5px;
}

.bp-file-preview a {
  border-bottom: solid 1px #d4d4d4;
  padding: 15px;
  display: block;
  text-align: left;
  color: #353535;
  transition: all 0.3s ease;
  opacity: 1;
}

.bp-file-preview a:hover {
  /* background: #fff; */
  color: #000;
  opacity: 0.5;
}

.paList span {
  margin-bottom: 5px !important;
}

.bp-video-preview span {
  color: #696969;
  font-size: 15px;
  position: relative;
}

.maskvideo {
  position: absolute;
  background: transparent;
  width: 100%;
  max-width: 300px;
  height: 80%;
  z-index: 90;
}

.bp-video-preview {
  cursor: pointer;
}

.bp-video-preview img {
  opacity: 1;
  transition: all 0.7s ease;
  width: 100%;
}

.bp-video-preview:hover img {
  opacity: 0.5;
}

.bp-tabsmanu .button {
  margin-right: 15px;
}

.bp-layout .ant-layout-sider {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}

.bp-layout .ant-menu {
  box-shadow: none;
  border: 0;
}

.bp-layout .ant-menu-inline .ant-menu-item:not(:last-child) {
  margin: 0;
}

.bp-layout .ant-menu-inline>.ant-menu-item {
  height: 28px;
  line-height: 28px;
}

.bp-layout .ant-menu-inline>.ant-menu-item span {
  padding-left: 15px;
  font-size: 15px;
}

.section-menu {
  margin-bottom: 80px;
}

.loomDiv {
  position: relative;
  padding-bottom: 62.5%;
  height: 0;
}

.loomDiv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pdfView {
  height: 100vh;
}

.btpull {
  overflow: hidden;
  margin-bottom: 20px;
}

.card-container.card-wikis {
  padding: 40px;
  margin-top: 30px;
}

.bp-layout .ant-menu-inline>.ant-menu-item.menu-all {
  padding: 0 40px 0;
  color: #1883ff;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 40px;
}

.title-menu {
  color: #696969;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  /* padding: 0 20px; */
  /* margin-bottom: 15px; */
}

.title-menu.tbottom {
  margin-top: 60px;
}

.menu-wikis .ant-menu-item>a {
  color: #696969;
}

.menu-wikis .ant-menu-item-selected>a {
  color: #1883ff;
}

.bp-headerpage {
  background: #fff;
  height: 74px;
  margin-top: 65px;
  box-sizing: border-box;
  padding: 19px 0;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: transparent;
}

.ant-menu-inline .ant-menu-item-selected::after {
  border-right: solid 3px #696969;
}

.menu-slider {
  padding: 20px;
  text-align: right;
  transition: all ease 0.3s;
}

.ant-layout-sider-collapsed .menu-slider {
  text-align: center;
}

.bp-layout .ant-menu {
  display: block;
  opacity: 1;
  transition: all 0.3s ease;
}

.ant-layout-sider-collapsed .ant-menu {
  display: none;
}

.iconDiv img {
  width: 55px;
}

.listBrandTable {
  overflow: hidden;
  border-bottom: solid 1px #efefef;
  padding: 5px;
}

.listBrandTable a {
  float: right;
}

.iconDiv.maior img {
  width: 75px;
}

.bp-group-radio .ant-radio-inner::after {
  top: 4px;
  left: 4px;
}

.bp-group-radio .vertical {
  height: 50px;
  line-height: 50px;
}

/* 
.bp-group-radio span {
  color: #000;
}
.bp-group-radio .ant-radio-inner {
  width: 25px;
  height: 25px;
}



.bp-group-radio .ant-radio-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


.bp-group-radio .ant-radio-wrapper {
  flex: 1;
} */

.btsEditDelete {
  text-align: right;
}

.btsEditDelete a {
  margin: 10px;
}

.btsEditDelete a.button {
  margin: 0 0 5px 0 !important;
}

.form-tier {
  position: relative;
  top: -15px;
}

.btn-submit {
  clear: both;
  overflow: hidden;
}

.porcentBp input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.filterProject {
  text-align: right;
  margin-bottom: 20px;
}

.selectTier {
  width: 120px;
  display: inline-block;
  margin-right: 10px;
}

.iconeTxt {
  width: 25px;
  position: relative;
  top: -2px;
}

.ant-select-selection--multiple {
  min-height: 35px;
  top: -3px;
  position: relative;
}

.miniInfo {
  margin-top: 20px;
  line-height: 16px;
  font-size: 11px;
}

.SelectMoeda {
  width: 80px;
  float: right;
  margin: 20px 30px 0 0;
}

.descMini {
  margin-top: 0px;
}

.descMini p {
  font-size: 13px;
  margin-bottom: 10px !important;
  line-height: 10px !important;
  color: #4a4a4a !important;
  font-weight: normal;
}

.descMini p span {
  color: #4a4a4a !important;
  font-size: 11px !important;
}

.ant-card-head {
  font-weight: normal;
}

.SelectMin {
  font-size: 10px !important;
}

.titile-padding {
  padding: 30px 27px 0;
}

.some-bpool {
  text-align: right;
  padding: 20px;
}

.some-bpool.left {
  text-align: left;
}

.some-bpool .valor,
.some-bpool .porc {
  display: inline-block;
}

.some-bpool .valor {
  font-size: 16px;
  position: relative;
  top: -6px;
  margin-right: 8px;
}

.some-bpool .porc {
  font-weight: 600;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
}

.some-bpool .porc .vat,
.some-bpool .porc .value {
  display: block;
}

/*  LABEL  */

.ant-form-item-label>label,
.label-bp {
  font-size: 13px;
  font-weight: 700;
  line-height: 37px;
  color: #353535;
}

.ant-form label.ant-radio-wrapper {
  font-weight: normal !important;
}

.ant-form-item-label {
  margin-bottom: -7px;
}

.ant-select {
  display: block;
}

/*  INPUT  */

.ant-select-auto-complete.ant-select .ant-input {
  height: 35px;
}

.ant-input {
  height: 35px;
  border-radius: 20px !important;
  background: #e7e7e7;
  outline: none !important;
}

.has-error .ant-input,
.has-error .ant-input:hover {
  background: #e7e7e7;
}

/* RADIO */

.ant-radio {
  position: relative;
  top: 2px;
}

.has-error input.ant-input:read-only {
  border: solid 1px #f5222d !important;
}

input.ant-input:read-only {
  background: #e7e7e7 !important;
  border: solid 2px #e7e7e7 !important;
  width: 100%;
  padding: 15px 12px 12px;
  display: block;
  box-sizing: border-box;
  height: 35px;
  border-radius: 15px;
  font-family: "Helvetica Neue LT Std";
  color: #696969;
}

.ant-input-number {
  width: 100%;
  height: 35px;
  position: relative;
  top: -1px;
}

.ant-input-number-input,
.ant-calendar-picker-input {
  border: solid 1px #000;
  border-radius: 0;
  height: 35px;
}

.ant-radio-inner {
  width: 20px;
  height: 20px;
}

.ant-radio-inner::after {
  width: 10px;
  height: 10px;
}

/* 
.ant-radio-checked .ant-radio-inner {
  border-color: #000;
} */

.ant-form label.ant-radio-wrapper {
  color: #353535;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #000;
  border-color: #000;
}

/* CHECKBOX */

.ant-checkbox-inner {
  border: solid 2px #000;
}

.ant-checkbox-inner::after {
  left: 18%;
}

.ant-input-number,
.ant-input-number:hover {
  border: 0 !important;
}

.ant-input-number-focused {
  box-shadow: none;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus+.ant-checkbox-inner {
  border: solid 2px #000;
}

.ant-checkbox-group .ant-checkbox-group-item {
  display: block;
  margin-bottom: 5px;
  color: #353535;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
}

.ant-drawer {
  z-index: 3147483000 !important;
}

.ant-select-dropdown {
  z-index: 3147483001 !important;
}

.ant-drawer-title {
  font-weight: 600;
}

.modaltypes {
  text-align: center;
}

.modaltypes h2 {
  margin-bottom: 40px;
}

.ant-modal-content {
  border-radius: 10px;
}

.pullcenter .control {
  text-align: center;
}

.customDots {
  border: solid 1px #1883ff;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 33px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.slideAutor {
  font-size: 12px;
  font-style: italic;
  color: #565656;
}

.slideAutor span {
  text-transform: capitalize;
}

.slideNumber {
  padding: 0 0 55px;
  margin: 0 0 55px;
}

.slideNumber .slick-prev,
.slideNumber .slick-next {
  top: 23%;
}

.slick-prev::before,
.slick-next::before {
  display: none;
}

.slideNumber .slick-dots li {
  width: 35px;
  height: 35px;
  margin: 0 2px;
}

.slideNumber .slick-active .customDots {
  color: #fff;
  background: #1883ff;
}

/* SEARCH - PLUS */

.ant-input-search-enter-button.InputPlus input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.InputPlus .ant-input-group .ant-input {
  width: 100%;
}

.InputPlus .ant-input-group-addon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.InputPlus .ant-input-group-addon button::after {
  content: "+";
  font-size: 30px;
  position: relative;
  color: #fff !important;
  top: -4px;
  left: 0px;
  font-weight: 400;
}

.InputPlus .ant-input-group>.ant-input:last-child,
.ant-input-group-addon:last-child {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.ant-input-search-enter-button.InputPlus+.ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button.InputPlus input+.ant-input-group-addon .ant-input-search-button {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 0;
  display: block;
  background: #000;
}

/* SEARCH - Lupa */

.ant-input-search-enter-button.InputLupa input {
  border: solid 1px #000;
}

.InputLupa .ant-input-group-addon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.InputLupa .ant-input-group>.ant-input:last-child,
.ant-input-group-addon:last-child {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.ant-input-search-enter-button.InputLupa+.ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button.InputLupa input+.ant-input-group-addon .ant-input-search-button {
  width: 35px;
  height: 35px;
  padding: 0;
  display: block;
  background: #000;
  border: 2px #000 solid;
}

/* TAGS */

.ant-select-selection--multiple .ant-select-selection__choice {
  background: #000;
  color: #fff;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: #fff;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: #fff;
}

/*
    SELECT
*/
.ant-select-selection-selected-value {
  position: relative;
  top: 2px;
}

.ant-select-selection--single {
  height: 35px;
  border-radius: 25px;
  top: -1px;
  background: #e7e7e7;
  overflow: hidden;
}

.ant-select-arrow {
  height: 33px;
  width: 30px;
  background: transparent;
  color: #000;
  top: 0;
  right: 3px;
  margin: 0;
}

.ant-select-arrow i {
  font-size: 16px;
  top: 9px;
  position: relative;
}

/* ELEMTENTOS BP */

.ListDinamic {
  margin: 15px 0;
}

.ListDinamic li {
  border-bottom: dotted #ccc 1px;
  overflow: hidden;
}

.ListDinamic li a {
  color: #353535;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  display: block;
  padding: 5px 10px;
  transition: background 0.7s ease;
  display: block;
  width: calc(100% - 50px);
  float: left;
  overflow: hidden;
  position: relative;
  height: 35px;
}

.ListDinamic li a span.txt {
  display: block;
  position: absolute;
  top: 4px;
  left: 33px;
}

.ListDinamic li a:hover {
  color: #ccc;
}

.ListDinamic li a i {
  margin-right: 10px;
}

.ListDinamic .iconList {
  position: relative;
  top: 7px;
  float: right;
  cursor: pointer;
}

/* BUTTON */

.ant-btn.ant-btn-primary {
  background: #000000;
  border-color: #000;
  color: #ffffff;
}

.ant-btn-primary.caps {
  text-transform: capitalize;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus,
.ant-btn-primary:active {
  background: #565656;
  border-color: #565656;
}

.ant-form-item-required::before {
  display: none;
}

.ant-upload.ant-upload-select-picture-card {
  position: relative;
}

.ant-checkbox-group {
  width: 100%;
}

@media (max-width: 768px) {
  .ant-radio-wrapper {
    white-space: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #f7f7f7;
  }
}

.ant-form-item-label.space>label::after {
  display: none !important;
}

.ant-table-placeholder {
  border: solid 1px #000;
}

.ant-tooltip-inner {
  background-color: rgba(0, 0, 0, 0.9);
}

/* .ant-modal-body {
    max-height: 520px;
    overflow: auto;
} */

.ant-select-dropdown .ant-empty-description {
  text-indent: -9999em !important;
  color: #fff;
  font-size: 0;
}

.ant-select-dropdown .ant-empty-description::before {
  content: "Sem Informação";
  font-size: 14px;
  display: block;
  text-indent: 0;
  color: #000;
}

.ant-upload.ant-upload-drag {
  height: 160px;
  z-index: 10;
}

.ant-upload.ant-upload-drag p.ant-upload-text {
  font-size: 10px;
  text-transform: uppercase;
  position: relative;
  line-height: 14px;
  z-index: 50;
  opacity: 1;
  transition: all 0.5s ease;
}

.ant-upload.ant-upload-drag p.ant-upload-text.carregando {
  opacity: 0.2;
  transition: all 0.5s ease;
}

.ant-upload.ant-upload-drag p.ant-upload-text span {
  display: block;
  margin: 5px 0;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 5px;
  position: relative;
  z-index: 50;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #000;
}

.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: block;
}

#root .ant-table table {
  border: solid 1px #ccc;
  overflow: hidden;
}

.pb-bt .ant-upload.ant-upload-select.ant-upload-select-text {
  width: 100%;
}

.ant-btn-primary.ant-btn-block {
  width: 100%;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close,
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  color: #fff;
  font-weight: bold;
}

.card-container .ant-tabs-extra-content {
  display: none;
}

.ant-input-group-addon {
  background: #000;
  color: #fff;
  border-radius: 0;
  border: solid 1px #000;
}

.ant-calendar-picker-input.ant-input {
  padding: 0;
  background: #e7e7e7;
  overflow: hidden;
}

.ant-calendar-picker-input.ant-input input:read-only {
  background: transparent;
}

/* boxTitle */

.boxTitle {
  padding: 0 20px;
}

.boxTitle.left {
  padding-right: 40px;
}

.boxTitle.right {
  padding-left: 40px;
  border-left: solid 1px #000;
}

.checkInvite .checkbox .checkmark {
  top: 3px;
}

.tmargin {
  display: block;
  margin-bottom: 30px !important;
}

.admin-boxs .box {
  height: 100%;
}

.react-audio-player {
  height: 40px;
  width: calc(100% - 70px);
}

.titleAudio {
  margin-bottom: 10px;
}

.titleAudio span {
  float: left;
  width: 40px;
  height: 40px;
  background: #000;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0;
  border-radius: 50%;
  margin-right: 15px;
}

.boxAudio {
  padding: 40px 20px;
  border-bottom: solid 1px #efefef;
}

.boxAudio .descricao {
  margin-top: 20px;
  font-size: 14px;
}

.rowFlexBp {
  margin-bottom: 130px;
}

.rowFlexBp .card {
  height: 100%;
}

.listFilesAudio {
  margin-top: 20px;
  padding-top: 20px;
  overflow: hidden;
  border-top: solid 1px #efefef;
}

.listFilesAudio a {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  font-size: 24px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 17px;
  background: #efefef;
}

.totalTable {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
}

.expTable {
  padding: 20px 50px 20px 0px;
}
#partner-signup-steps .yes-mobile {
    display: none
}

.btn-zindex {
    position: relative;
    z-index: 80;
    margin-bottom: 20px;
}

.cleaboth {
    clear: both;
}
@media screen and (max-width: 1088px) {
    .container {
        padding: 0 20px;
    }


    .navbar-menu {
        box-shadow: none;
    }

    .partner-step .container {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}

@media screen and (max-width: 768px) {

    .level-item, .level-item .field {
        width: 100%;
    }

    .bp-level h5 {
        margin-bottom: 20px;
    }

    .bp-level input {
        width: 100%!important;
    }

    .selectProject {
        margin-top: 80px;
    }

    .passo2 {
        padding-top: 200px!important;
    }

    .brm {
        display: none;
    }

    .heading-mobile {
        padding-top: 50px
    }

    /* .hero.is-fullheight {
        padding-bottom: 50px;
    } */

    .form-mobile .field {
        margin-bottom: 30px;
    }

    .form-mobile {
        padding-bottom: 50px;
    }

    .field .button.is-leaked {
        margin-left: 0!important;
    }

    .breadcrumb.is-medium {
        padding-top: 15px;
    }

    #partner-signup-steps .yes-mobile {
        display: block;
    }
    .client-step-1 {
        padding-top: 100px;
    }

    .np-basicFormInit .text {
        margin-bottom: 15px;
    }

    .fields-form-space {
        margin-top: 50px;
    }

    .media-template-card .media-left {
        display: none;
    }


    .card-content {
        padding: 20px;
    }

    body div.hero-body {
        padding: 0!important;
    }

    #root .uplift-step-2, #root .uplift-step-2 {
        padding-top: 60px !important;
    }

    .menu-list {
        margin-bottom: 50px;
    }

    .checkbox {
        margin-left: 0!important;
    }

    .radio-left {
        margin-left: 10px;
    }

    .field-cond {
        width: 100%;
        margin-bottom: 15px;
    }

    .text-field-margin {
        margin-top: 30px;
    }

    .mobile-small {
        width: 100%!important;
    }

    .mobile-steps #partner-signup-steps.reference-signup-steps {
        width: 100%;
        margin-left: 0;
    }

    #partner-signup-steps li a.progress-bar--menu-item {
        margin-left:0;
        height: 30px;
        position: relative;
        top: -10px;
    }

    #partner-signup-steps .is-active a.progress-bar--menu-item > span, #partner-signup-steps li a.progress-bar--menu-item > span {
        left: 0px!important;
        width: 100%;
        top: 27px!important;
    }

    .mob-button .field.is-narrow {
        overflow: hidden;
        margin-bottom: 40px;
    }

    .mob-button.no-margin-mob .field.is-narrow{
        margin-bottom: 0;
    }

    .mob-button .button, .btn-mobile {
        width: 100%;
    }

    .mob-centered {
        justify-content: inherit!important;
        display: block!important;
    }

    .mob-centered .is-expanded {
        width: 100%;
    }

    .upload-button-icon {
        float: right;
        position: relative;
        top: -5px;
    }



    body .container-calendar .sub-container-calendar  {
        margin-top: 40px;
    }


    body .container-calendar .schedule-container {
        padding: 0px;
        border: 0;
        height: 260px!important;
    }

    .container-calendar .icon i {
        font-size: 20px!important;
    }

    .bp-toolbar label {
        font-size: 20px!important;
    }

    .project-definition .schedule-title, .project-ongoing .schedule-title {
        font-size: 18px!important;
        font-weight: 500!important;
    }

    body .container-calendar .text-mob {
        margin: 20px 0 40px;
        font-size: 14px;
    }

    .resumo-proposta {
        margin-top: 40px;
    }

    .resumo-proposta .space-box {
        padding: 20px 20px 5px 20px;
    }

    .resumo-proposta .has-text-right {
        text-align: left!important;
    }

    .resumo-proposta .column {
        padding: 0 10px 15px;
    }

    .resumo-proposta .columns .tit {
        font-weight: bold;
    }

    .resumo-proposta .columns {
        margin-bottom: 30px;
        border-bottom: dotted 1px #999;
    }

    .big-idea-box div,.big-idea-box {
        width: 100% !important;
    }

    .client-step-1 {
        padding-top: 200px;
    }

    .for-np + .client-step > .container {
        padding: 20px!important;
    }

    .container-content {
        padding: 0!important;
    }

    .p-btns {
        padding: 0 20px!important;
    }

    .fileList {
        padding: 20px !important;
    }


    .uplift.partner-projects h1, .uplift.partner-projects h1 + p {
        padding: 0!important;
    }

    .uplift .invitation-tabs  {
        margin: 0;
    }

    .uplift .invitation-list-boxes {
            padding: 24px 0px;
    }

    .uplift .invitation-list-item-details {
        padding: 15px!important;
    }

    .uplift .box-with-cover .tag {
        top: -10px!important;
        left: -18px;
        right: inherit!important;
    }

    .status-mobile {
        padding: 0;
        position: relative;
        height: 30px;
    }

    .bt-add-mobile {
        margin-top: 30px;
    }

    .modal-content .table-main {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 700px) {
    .roxa th {
        min-width: 100px;
    }

    .roxa .th-item {
        min-width: 250px;
    }

    .media-template-card .subtitle,.media-template-card-content {
        padding: 20px!important;
    }

    .media-template-card .subtitle {
        font-size: 20px!important;
    }

    .project-ongoing .card-header-title {
        font-size: 16px!important;
    }

}

@media screen and (max-width: 380px) {
    .container {
        padding: 0;
    }

    .form-logoin {
        padding: 30px 20px!important;
    }
    .btn-full-w {
        display: block;
        float: inherit!important;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .btn-full-w .button.is-black.is-outlined {
        width: 100%;
    }
    .no-mobile {
        display: none;
    }
    .btns-calendario {
        display: block;
    }

    .btns-calendario button {
        width: 100%;
        margin-bottom: 10px;
    }

    .hero-head.is-fixed + div > .hero-body.for-np .title {
        font-size: 18px;
    }

    .step-4-header .btn-mobile {
        width: 100%!important;
    }
}

.BoxNewProposal {
  padding: 30px;
  background-color: #fff;
  border-radius: 20px;
}

.stepnew .client-container-1 {
  padding-top: 120px !important;
}

.BoxNewProposal .actions {
  margin-top: 30px;
}

.BoxNewProposal .actions a {
  margin-right: 20px;
}

/* RESET BULMA */
.filtersAssetsRate label.ant-radio-wrapper {
  margin-right: 20px;
}

.filtersAssetsRate img {
  margin-left: 10px;
  position: relative;
  top: -3px;
}

.legendAssets {
  margin: 50px 0 30px;
}

.legendAssets.borderTop {
  border-top: solid 4px #fff;
  margin-top: 20px;
  padding-top: 30px;
}

.legendAssets p {
  display: flex;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 16px;
}

.legendAssets .icone {
  margin-right: 15px;
  width: 32px;
}

.alertIsRequiredAprovation {
  background-color: #000;
  padding: 20px;
  color: #fff;
  border-radius: 15px;
  margin-bottom: 20px;
}

.progress-bar--item.disabled {
  opacity: 0.3;
}

.bolStatus {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #000;
  border-radius: 12px;
}

.bolStatus.vencer {
  background: #ddd;
}

.bolStatus.vencido {
  background: #f00;
}

.bolStatus.pago {
  background: rgb(7, 197, 0);
}

.legendStatus {
  margin-top: 30px;
}

.listStatus .item {
  margin-right: 25px;
}

.alertFaturamento {
  padding: 30px;
  background: #f3f3f3;
  border-radius: 20px;
  margin-bottom: 40px;
}

.displayValores {
  padding: 20px;
}

.displayValores p {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: solid 1px #ddd;
}

.displayValoresWhite {
  padding: 0;
}

.displayValoresWhite p {
  color: #fff;
  border-bottom: solid 1px #eee;
  margin: 0;
  padding: 10px 0;
}

.msgGlobal {
  padding: 30px;
  border-radius: 20px;
  background: #f7f7f7;
  margin-bottom: 30px;
}

.msgGlobal h2 {
  font-weight: bold;
  margin-bottom: 20px;
}

.BtnEx {
  display: block;
  margin-bottom: 20px;
  position: relative;
  z-index: 80;
  overflow: hidden;
}

.feedback-box {
  padding: 0 40px 50px;
}

.main-feed {
  background: #fafafa;
  padding: 20px;
}

.PbuttonView {
  position: relative;
  top: -40px;
}

.displayDocumento {
  margin: 20px;
  color: #fff;
  background-color: #eeeeee;
  padding: 30px 30px 30px;
  border-radius: 20px;
  text-align: center;
}

.IconeAlert {
  font-size: 40px;
}

.profile-pic {
  width: 45px;
  height: 45px;
  background-color: #090909;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-pic p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.IconeAlert i {
  color: #ffc222;
}

.displayDocumento h3 {
  font-weight: bold;
  font-size: 24px;
}

.ant-input-number {
  background: transparent;
}

.displayDocumento p {
  margin-bottom: 20px;
}

.messageDocumento p {
  margin: 2px 20px;
  color: #fff;
  background-color: #f8c6c6;
  padding: 15px 15px 15px;
  border-radius: 10px;
  text-align: left;
  color: #000;
}

.BoxPaymentCurrency {
  margin: 0 20px 50px 20px;
  display: block;
  background: #eeeeee;
  border: solid 1px #000;
  border-radius: 15px;
  padding: 20px 40px;
  position: relative;
  top: -20px;
}

.modDoc {
  margin-top: 20px;
  border-top: solid #efefef;
  padding-top: 15px;
  margin-bottom: 30px;
}

.modDoc p {
  font-size: 14px;
}

.boxBeneficiario .radiomark {
  top: 30%;
}

.ant-upload-list.ant-upload-list-text {
  position: relative !important;
  z-index: 90 !important;
}

.modDoc p img {
  width: 20px;
  position: relative;
  left: -4px;
}

.tooltip-status-bpay .ant-tooltip-inner {
  min-width: auto !important;
}

.ant-notification-notice.notification-bpool {
  padding: 16px;
}

.ant-notification-notice.notification-bpool .ant-notification-notice-icon {
  font-size: 30px;
  margin-left: 0;
}

.tooltip-repo-files .ant-tooltip-inner {
  min-width: auto !important;
}

.ant-tooltip-inner {
  min-width: 400px !important;
}

.topRaius {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  overflow: hidden;
}

.someBox {
  padding: 0 30px 20px;
}

.titPartnerH4 {
  font-size: 16px;
  font-weight: 700;
}

.spanAdmin {
  display: block;
}

.iconColor i {
  color: #fff;
  margin-right: 20px;
}

.pivotTableBp {
  overflow: auto;
}

.mainCalendario {
  padding-bottom: 100px;
  display: block;
  height: 100%;
  min-height: 600px;
}

.boxResumeScroll {
  height: 120px;
  overflow: auto;
  margin: 15px 0;
  padding-right: 15px;
}

.selectIdioma .idioma-bpool:after {
  border-color: #696969 !important;
}

.selectIdioma .idioma-bpool,
.selectIdioma .is-active .idioma-bpool {
  border: solid 2px #e7e7e7;
  background: #e7e7e7 !important;
  padding: 10px 12px 12px;
  display: block;
  box-sizing: border-box;
  height: 35px;
  border-radius: 15px;
  font-family: "Helvetica Neue LT Std";
  color: #696969 !important;
  width: 200px;
}

.selectIdioma .navbar-dropdown {
  width: 200px !important;
  min-width: 200px !important;
}

.selectIdioma .idioma-bpool:hover {
  color: #696969 !important;
  background: #ededed !important;
}

.countBx {
  text-align: right;
  color: #1883ff !important;
  font-weight: bold;
  position: relative;
}

.descMini .spanVat {
  font-size: 10px;
  font-weight: normal !important;
}

.footer {
  position: relative;
  z-index: 98;
}

.footer-card-select {
  border: 0;
  text-align: center;
  display: block;
  padding-top: 20px;
  max-width: 367px;
}

.sucesso-select {
  max-width: 400px;
  padding-top: 100px;
  margin-bottom: 80px;
}

.complexBadge2 {
  background: #353535;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin: 0 2px;
}

.quotation-summary {
  clear: both;
}

.customized-projects-header {
  background: #fff;
  margin-top: -15px !important;
  border-radius: 20px;
}

.customized-projects-header.parHead {
  margin-top: 90px !important;
}

.labelSpan {
  display: inline-block;
  width: 245px;
}

.ant-table-thead > tr > th {
  background: #434343;
}

.ant-table-thead > tr > th * {
  color: #fff;
}

h1 span {
  font-weight: 600;
}

.table td,
.table th {
  vertical-align: middle;
}

.row-bpool .ant-form-item {
  margin-bottom: 10px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.input,
.textarea {
  box-shadow: none;
}

.has-error .ant-form-explain,
.has-error .ant-form-split {
  margin-top: 3px;
}

.ContainerEvent {
  padding: 20px 40px;
}

.bp-menu-list {
  padding-top: 30px;
}

.bp-control-exatra a {
  margin-bottom: 20px;
  margin-right: 20px;
}

/* TITLES */

.topPadding {
  padding-top: 220px !important;
}

.title-bpool {
  font-family: "Helvetica Neue LT Std";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  margin-bottom: 20px;
}

.title-bpool.medium {
  font-size: 25px;
}

.title-bpool.regular {
  font-size: 18px;
}

.title-bpool.big {
  font-size: 32px;
}

.title-bpool.no-bottom {
  margin-bottom: 0;
}

.tagNameExtra {
  margin-bottom: 30px;
}

.pbottom {
  margin-bottom: 10px;
}

.pbottom button {
  cursor: default !important;
}

.pCompany {
  display: block;
  font-size: 12px;
  position: relative;
  font-weight: normal;
  top: -5px;
  color: #333333;
}

.invite .titPartnerH4 {
  margin-top: 5px;
  line-height: 20px;
}

/* Botões */

.price-bpool {
  color: #1883ff;
  font-size: 22px;
  font-weight: 600;
}

.mright {
  margin-right: 10px;
}

/* .ant-btn {
  border-radius: 15px;
  height: 35px;
  color: #000;
  transition: all 0.5s ease;
  padding: 0 20px 0;
  line-height: 39px;
  cursor: pointer;
  display: inline-block;
} */
.itemNone {
  display: none !important;
}

.ant-drawer-mask {
  z-index: 99999;
}

.ant-drawer-content-wrapper {
  z-index: 99999;
}

.ant-modal-root {
  position: relative;
  z-index: 3147483001;
}

.ant-btn.button.bt-bpool {
  color: #fff !important;
}

.button.bt-bpool {
  border-radius: 15px;
  border: 0;
  height: 35px;
  color: #fff;
  transition: all 0.5s ease;
  padding: 0 20px 0;
  line-height: 40px;
  background: #1883ff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
}

.button.bt-bpool.is-selected {
  background: #1883ff !important;
}

.button.bt-bpool.full {
  width: 100%;
}

.button.bt-bpool.big {
  border-radius: 20px;
  font-size: 16px;
  padding: 5px 40px;
  height: 46px;
}

.button.bt-bpool.bsmall {
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  line-height: 29px;
}

.button.bt-bpool.quad {
  border-radius: 5px;
}

.button.bt-bpool.mini {
  font-size: 9px;
  line-height: 30px;
  height: 25px;
}

.ant-modal-confirm-body .ant-modal-confirm-title {
  font-weight: 600;
}

.ant-btn.button.bt-bpool.mini {
  line-height: 28px;
}

.button.bt-bpool.black {
  background: #434343;
}

.button.bt-bpool.black:hover {
  background: #696969;
}

.button.bt-bpool.grey {
  background: #ececec;
  color: #434343;
}

.button.bt-bpool.grey-blue {
  background: #d4d4d4;
  color: #707070 !important;
}

.button.bt-bpool.grey-blue:hover,
.button.bt-bpool.grey-blue.active {
  background: #1883ff;
  color: #fff !important;
}

.button.bt-bpool.grey:hover {
  background: #696969;
  color: #fff;
}

.button.bt-bpool:hover {
  background: #434343;
}

.txtOito {
  position: relative;
  top: -25px;
}

.txtOito p {
  font-size: 14px;
  line-height: 18px;
}

.bt-bpool.button.next {
  float: right;
}

.bt-bpool.button[disabled] {
  background: #eeeeee;
  color: #434343 !important;
  opacity: 0.5;
  cursor: not-allowed !important;
}

.bt-bpool.button.desabilitado[disabled] {
  background: #eeeeee;
  color: #fff !important;
  background-color: #696969 !important;
  opacity: 0.3;
  cursor: not-allowed !important;
}

.textResume {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.liderSlideMain {
}

.liderSlideMain .slick-track {
  display: flex !important;
}

.liderSlideMain .slick-slide {
  height: inherit !important;
  display: flex !important;
}

.liderSlideMain .slick-slide > div {
  height: 100%;
}

.itemLider {
  height: inherit !important;
}

/* TABLE NOTIFICACAO */

.table-bpool #root table.table-bpool,
#root table.table-bpool.no-opacity {
  border: 0;
  width: 100%;
  margin-bottom: 30px;
}

#root table.table-bpool tr {
  border-bottom: solid 1px #ededed;
}

#root table.table-bpool.no-opacity tr td {
  opacity: 1;
}

#root table.table-bpool tr td {
  padding: 10px 15px 5px;
  opacity: 0.6;
}

#root table.table-bpool td.is-new {
  opacity: 1;
}

.notificationItemTopicDate {
  padding-left: 4px;
}

/* ELEMENTOS DE FORM */

.uplift .label,
.help.is-danger {
  padding-left: 15px;
}

.help.is-danger {
  color: #ff0000;
  font-size: 12px;
  line-height: 20px;
  padding-top: 3px;
}

.section-cadastro {
  min-height: 768px;
}

.section-cadastro .field {
  margin-bottom: 15px;
}

.section-cadastro .form-group {
  margin-top: 0;
}

.section-cadastro .columns {
  margin-top: 15px;
}

.ant-select-selection--multiple .ant-select-selection__choice {
  padding: 0 20px;
  border-radius: 20px;
}

.alertPay {
  background: #eee;
  padding: 20px;
  border-radius: 20px;
  margin-top: 20px;
  font-size: 14px;
}

.alertPay a {
  font-weight: bold;
}

.bpForce.mini div {
  height: auto;
}

.bpForce.mini .filds input[type="email"],
.bpForce.mini .filds input[type="text"],
.bpForce.mini .filds input[type="password"],
.bpForce.mini .field input[type="text"],
.bpForce.mini .field input[type="text"],
.bpForce.mini .field input[type="password"] {
  background: #fff !important;
  height: 40px;
}

.bpForce .filds input[type="email"],
.bpForce .filds input[type="text"],
.bpForce .filds input[type="password"],
.bpForce .field input[type="text"],
.bpForce .field input[type="text"],
.bpForce .field input[type="password"] {
  background: #fff !important;
  height: 50px;
}

.filds input[type="email"],
.filds input[type="text"],
.filds input[type="password"],
.field input[type="text"],
.field input[type="text"],
.field input[type="password"],
body .uplift .control .input,
.ant-input-number-input-wrap input,
.ant-input {
  border: solid 2px #e7e7e7;
  background: #e7e7e7 !important;
  /* border:none; */
  width: 100%;
  padding: 15px 12px 12px;
  display: block;
  box-sizing: border-box;
  height: 35px;
  border-radius: 15px;
  font-family: "Helvetica Neue LT Std";
  color: #696969;
}

.pright {
  margin-top: 15px;
}

.ant-select-selection {
  border: 0;
  background: #e7e7e7;
  border-radius: 15px;
  padding: 1px 0px;
}

.ant-modal-title {
  font-weight: 600 !important;
}

.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ant-input-group-addon {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.field textarea {
  border: 0;
  outline: none;
  background: #e7e7e7;
  border-radius: 15px;
  resize: none;
}

.select:not(.is-multiple):not(.is-loading)::after {
  color: #000;
}

.field select {
  background: #e7e7e7;
  border: solid 2px #e7e7e7;
  /* border:none; */
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 35px;
  line-height: 33px;
  border-radius: 15px;
  font-family: "Helvetica Neue LT Std";
  color: #696969;
  outline: none;
  border: 0 !important;
  box-shadow: none !important;
}

body .uplift .control .input.is-danger {
  border: solid 2px #ff0000;
}

body .bp__control {
  width: 100%;
  padding: 0 12px 12px;
  background: #e7e7e7;
  border: solid 2px #e7e7e7;
  display: block;
  box-sizing: border-box;
  min-height: 35px;
  border-radius: 15px !important;
  font-family: "Helvetica Neue LT Std";
  color: #696969;
}

body .bp__control .bp__value-container {
  top: -7px;
  min-height: inherit;
}

.uplift .bp__control .bp__multi-value {
  top: 11px !important;
}

body .uplift .control .bp__control {
  background: #e7e7e7;
}

body .bp__control .bp__value-container {
  padding: 0 15px;
  box-sizing: border-box;
}

body .bp__control .bp__indicators,
body .select::before {
  width: 20px;
  position: absolute;
  top: 2px;
  right: 27px;
  background-color: transparent;
}

.multiple-bpool .bp__indicators {
  right: 65px !important;
}

.pagepreview {
  padding-top: 75px !important;
}

body .bp__control .bp__indicators svg {
  fill: #000;
}

.bp--is-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.review-header {
  margin-top: 160px;
}

.review-header .LogoAvatar {
  left: 20px !important;
}

/* Projeto */

.listBundle .tabs.is-toggle li.is-active a {
  background: #1883ff;
  color: #fff;
}

.listBundle .tabs.is-toggle li.is-active a span {
  color: #fff;
}

.listBundle .tabs.is-toggle li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.bt-ico img {
  position: relative;
  top: 6px;
  right: 5px;
}

.listBundle .tabs.is-toggle li a {
  border-radius: 8px;
  font-size: 13px;
  height: 36px;
  padding: 0 20px;
  line-height: 40px;
}

.topAssets {
  text-align: center;
  padding: 20px 0 60px;
}

.topAssets p {
  color: #434343;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 10px;
}

.title-new {
  color: #434343;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0 !important;
}

.bp-level {
  padding-bottom: 30px;
  overflow: hidden;
}

.bp-level h5 {
  font-family: "Helvetica Neue LT Std";
  color: #434343;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}

.bp-level h5 span.numberTag {
  color: #fff;
  background: #434343;
  padding: 5px 20px 0;
  line-height: 40px;
  display: inline-block;
  border-radius: 20px;
  margin-right: 10px;
}

.bp-level input {
  border-radius: 20px !important;
  width: 200px;
}

.boxItens {
  background: #eee;
  padding: 20px;
  border-radius: 20px;
  margin: 30px 0;
}

.boxItens .bp__control {
  padding-bottom: 0 !important;
}

.boxItens h2 {
  color: #434343;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  font-family: "Helvetica Neue LT Std";
  float: left;
}

.boxItens ul {
  margin: 20px 0 0 0;
}

.priceText {
  overflow: hidden;
  padding: 0 30px;
  color: #434343;
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue LT Std";
  font-style: normal;
  margin-bottom: 0 !important;
}

.priceText span {
  color: #1883ff;
  font-weight: bold;
  position: relative;
  /* top: 5px; */
}

.bigValue {
  float: right;
}

.priceScope span {
  color: #1883ff;
  font-size: 18px;
  font-weight: bold;
  line-height: 37px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Helvetica Neue LT Std";
  font-style: normal;
  font-weight: bold;
}

/* CARD BULMA */

.card {
  box-shadow: none;
  border-radius: 15px;
}

.project-review-bp {
  padding-top: 40px;
}

.flag-yellow {
  background: #000 !important;
  color: #fff;
  margin-left: 7px;
}

/* BRIEFING */
.itemBriefingEdit {
  margin-bottom: 30px;
}

.itemBriefingEdit .card {
  overflow: hidden;
  border: solid 1px;
}

.itemBriefingEdit .card .card-header {
  background: #000;
  color: #fff;
  font-weight: bold;
}

.itemBriefingEdit .card .card-header div {
  color: #fff;
  font-weight: bold;
}

.menu-list li {
  border-bottom: solid 1px #ececec;
}

.menu-list li a {
  color: #000;
  padding: 10px;
}

.menu-list li a.active {
  background: whitesmoke;
  font-weight: bold;
}

/* HACK BULMA */

.check-blue .break-word {
  color: #1883ff;
}

.client-step .checkbox input:checked ~ .checkmark {
  background: #1883ff !important;
  border-color: #1883ff;
}

.ant-table-column-title {
  font-weight: 600;
}

.card-partner-bpool {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border: solid 1px #000;
  border-radius: 30px;
}

.card-partner-bpool .bannerMidia .image {
  height: 187px;
  text-align: center;
  background: #000;
}

.card-partner-bpool .bannerMidia .image img {
  height: 100%;
  display: inline-block;
  width: auto;
}

.card-partner-bpool .card-content {
  padding-left: 0;
  padding-right: 0;
}

.card-top,
.smallCardInfo {
  padding-left: 20px;
  padding-right: 20px;
}

.menuIcons {
  display: block;
}

.menuIcons img {
  width: 33px;
}

.menuIcons .clickWhats {
  width: 36px;
}

.menuIcons a {
  margin-right: 10px;
  opacity: 1;
  transition: all 0.5s ease;
}

.menuIcons a:hover {
  opacity: 0.4;
}

.card-top .urlsite {
  color: #1883ff;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: underline;
}

.card-top {
  margin-bottom: 10px !important;
}

.card-top .companyName {
  display: block;
  padding-top: 4px;
  font-size: 14px;
}

.card-top .pcity {
  color: #696969;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.smallCardInfo {
  text-align: center;
  color: #696969;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.card-partner-bpool .media .image.is-64x64 img {
  overflow: hidden;
  border-radius: 50%;
}

.is-warning span {
  font-weight: normal;
}

.boxInvite {
  border-radius: 20px;
  overflow: hidden;
  background: #eeeeee;
  height: "100%";
  display: "flex";
  position: relative;
  padding-bottom: 70px;
}

.infoInvite {
  padding: 70px 30px 20px;
  height: 55%;
}

.tabsInvite {
  margin-bottom: 40px;
}

.tabsInvite .button {
  margin-right: 10px;
  min-width: 100px;
  font-size: 13px;
}

.tabsInvite .button {
  max-width: 120px;
}

.btnCenter {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 10px;
  left: 20px;
}

.infoInvite h3 {
  margin-bottom: 20px;
  color: #434343;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}

.infoInvite p {
  color: #696969;
  font-size: 13px;
  line-height: 20px;
}

.boxInvite .thumbLogo {
  width: 76px;
  height: 76px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: -40px;
  left: 20px;
}

.boxInvite .thumbLogo img {
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.boxInvite .clientHeader {
  background-size: cover;
  width: 100%;
  height: 78px;
  position: relative;
  /* border-top-right-radius: 20px; */
  /* border-top-left-radius: 20px; */
}

.ant-form-item-control {
  line-height: inherit;
}

.fixedChat {
  display: flex !important;
  position: fixed;
  right: 18px;
  bottom: 100px;
  margin-top: -20px;
  z-index: 700;
  height: 65px !important;
  width: 65px;
  border-radius: 100px !important;
  grid-gap: 5px;
  gap: 5px;
}

.fixedChat img {
  width: 16px;
  position: relative;
  left: 0px;
  margin-bottom: 0px;
}

.fixedChat b {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  line-height: 16px;
  font-size: 12px;
}

.error-display {
  padding: 20px;
  border: solid 1px rgb(255, 191, 191);
  font-size: 14px;
}

.error-display ul li i {
  color: #e50000;
}

.error-list-bpool ul li i {
  color: #e50000;
}

.errors-top {
  padding-top: 30px;
}

.btns-inline .field {
  display: inline-block !important;
  margin: 0 0 0 15px;
}

.btns-inline {
  text-align: right;
  padding-top: 10px !important;
}

.center-alert {
}

.alert-bpool {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.alertTop {
  margin-top: 25px !important;
}

.alert-bpool p {
  font-size: 12px;
  line-height: 16px;
  color: #777;
}

.hero-body.header-bpool {
  padding: 1.5rem 0 1.2rem !important;
}

.btn-voltar-preview {
  display: block;
  text-align: center;
  margin: 50px 0;
}

.btn-voltar-preview .button {
  width: 150px;
}

.topFilter {
  margin: 20px 0;
}

.topFilter .field input {
  background: url("/img/ico-lupa.png") no-repeat #fff;
  height: 42px;
  border-radius: 20px;
  border: 1px solid #1883ff;
  padding-left: 80px;
  background-position: 30px 10px;
}

@media screen and (max-width: 1275px) {
  .container {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px;
  }
}

@media screen and (max-width: 1280px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 1275px) {
  .media-template-card {
    margin: 0 0 20px !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 1200px) {
  .ant-drawer-content-wrapper,
  .ant-modal {
    width: 80% !important;
  }
}

@media screen and (max-width: 768px) {
  .button.bt-bpool.full {
    width: auto;
  }

  .WrapperForm {
    padding: 0 !important;
  }

  .lista-assets {
    margin-top: 60px;
  }

  .build-closure .form-resumo {
    padding-top: 90px;
  }

  .mob-container {
    padding-top: 0 !important;
  }

  .criar-asset {
    padding-top: 0 !important;
  }

  .review-header .LogoAvatar {
    left: 0 !important;
  }

  .review-header {
    margin-top: -20px;
    margin-bottom: 60px;
  }
}

.pselect {
  text-align: center;
}

.pselect .button {
  margin: 0 5px;
}

/* ADMIN */

.admin-page .container {
  width: 90% !important;
  max-width: 90% !important;
}

.available-dates ul li {
  border-bottom: solid 1px #ccc;
  padding: 5px 0 7px;
}

.available-dates ul li .tit-list {
  font-size: 12px;
  position: relative;
  top: 2px;
}

.contentModalCall {
  background: #fff;
  padding: 50px 30px;
  text-align: center;
}

.contentModalCall .control {
  text-align: center;
}

.contentModalCall ul {
  margin: 30px 0;
}

.contentModalCall ul li {
  border-bottom: solid 1px #eee;
  margin-bottom: 5px;
}

.content-card-scrool {
  height: 350px;
  overflow-x: auto;
}

.content-card-scrool h3 {
  font-size: 18px;
  font-weight: 600;
}

.label-company {
  font-size: 12px;
  position: relative;
  top: -10px;
}

.data-meeting {
  margin-bottom: 15px;
}

.box-meeting {
  border-bottom: solid 1px #ccc;
  padding-bottom: 15px;
}

.box-meeting h3 {
  font-weight: 600;
  font-size: 16px;
}

.pageChat {
  border: solid 1px #eeeeee;
  height: 500px;
}

.mainChat {
  height: 100% !important;
}

.scrollItens {
  height: 100%;
  border: solid 2px;
}

.icofile {
  border: solid;
  width: 40px;
  height: 37px;
  display: inline-block;
  border-radius: 50%;
  background: #1883ff;
  color: #eeeeee;
  position: relative;
}

.icofile i {
  font-weight: bold;
  position: absolute;
  top: 5px;
  left: 6px;
}

.admin-content-right {
  padding-left: 30px;
  padding-right: 20px;
}

.listButtons a,
.listButtons button {
  margin-right: 20px;
}

@media screen and (max-width: 600px) {
  .ant-drawer-content-wrapper,
  .ant-modal {
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .form-mobile button {
    top: 0 !important;
  }
}

.p-btns {
  margin-bottom: 100px;
  overflow: hidden;
}

.tabsPartnerInfo {
  margin-bottom: 40px;
}

.tabsPartnerInfo .button {
  margin-right: 10px;
  min-width: 100px;
  font-size: 13px;
}

/* CALENDARIO */

@charset "UTF-8";

.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled].rbc-btn {
  cursor: not-allowed;
}

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}

.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: #999999;
}

.rbc-off-range-bg {
  background: #e6e6e6;
}

.rbc-header {
  overflow: hidden;
  flex: 1 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}

.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-content {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-row-content-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.rbc-row-content-scrollable
  .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}

.rbc-today {
  background-color: #eaf6ff;
}

.rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}

.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}

.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}

.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-toolbar button:active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}

.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.rbc-btn-group button + button {
  margin-left: -1px;
}

.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}

.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px;
}

.rbc-event,
.rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.rbc-slot-selecting .rbc-event,
.rbc-slot-selecting .rbc-day-slot .rbc-background-event,
.rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}

.rbc-event.rbc-selected,
.rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}

.rbc-event:focus,
.rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}

.rbc-event-label {
  font-size: 80%;
}

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-row {
  display: flex;
  flex-direction: row;
}

.rbc-row-segment {
  padding: 0 1px 1px 1px;
}

.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
}

.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  flex: 1 0;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  height: 100%;
}

.rbc-month-header {
  background: #000 !important;
  color: #fff !important;
  display: flex;
  flex-direction: row;
}

.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}

.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}

.rbc-date-cell {
  flex: 1 1;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}

.rbc-date-cell.rbc-now {
  font-weight: bold;
}

.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0;
  overflow: hidden;
}

.rbc-day-bg {
  flex: 1 0;
}

.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}

.rbc-overlay > * + * {
  margin-top: 1px;
}

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}

.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0;
  overflow: auto;
}

.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}

.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}

.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}

.rbc-agenda-time-cell {
  text-transform: lowercase;
}

.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}

.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}

.rbc-agenda-event-cell {
  width: 100%;
}

.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.rbc-time-column .rbc-timeslot-group {
  flex: 1 1;
}

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}

.rbc-time-gutter,
.rbc-header-gutter {
  flex: none;
}

.rbc-label {
  padding: 0 5px;
}

.rbc-day-slot {
  position: relative;
}

.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}

.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}

.rbc-day-slot .rbc-event,
.rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}

.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}

.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}

.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}

.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}

.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}

.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}

.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  flex: 1 0;
  flex-basis: 0px;
}

.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}

.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  flex: 1 1;
  flex-basis: 0 px;
}

.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}

.rbc-time-slot {
  flex: 1 0;
}

.rbc-time-slot.rbc-now {
  font-weight: bold;
}

.rbc-day-header {
  text-align: center;
}

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}

.rbc-slot-selecting {
  cursor: move;
}

.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}

.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
}

.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}

.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}

.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}

.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}

.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}

.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}

.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}

.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-header-content {
  flex: 1 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}

.rbc-time-content {
  display: flex;
  flex: 1 0;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}

.rbc-time-content > .rbc-time-gutter {
  flex: none;
}

.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-time-content > .rbc-day-slot {
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
}

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}

.rbc-header:first-child,
.rbc-header:last-child {
  background: #777 !important;
  color: #fff;
}

.rbc-date-cell a {
  display: block;
  color: #fff !important;
  width: 31px;
  height: 30px;
  float: right;
  background: #ccc;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  padding: 8px 5px 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.rbc-now.rbc-current a {
  background: #000;
}

.tableMilestoneFiles .ant-table-placeholder {
  border: 0;
  background: transparent;
  text-indent: -100px;
}

.iconeLoading {
  text-align: center;
  font-size: 30px;
}

.checkMilestone {
  /* text-align: center; */
  font-size: 20px;
  color: #9cc42b;
}

.errorMilestone {
  font-size: 20px;
  color: #f24423;
}

.slide-types {
  background: #fff;
  padding: 40px 0;
  margin-bottom: 40px;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.itemTypeSlide {
  position: relative;
  padding-bottom: 30px;
}

.itemTypeSlide.active .circType {
  background: #1883ff;
}

.itemTypeSlide.active .circType img {
  /* filter: brightness(0.99); */
  filter: brightness(0) invert(1);
}

.slide-types label.checkbox {
  display: block;
  position: absolute;
  /* background: #c0c; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* opacity: 0.4; */
}

.slide-types .slick-prev,
.slide-types .slick-next {
  display: none;
  width: 20px !important;
  height: 36px !important;
  background-size: 100% !important;
}

.circType {
  width: 97px;
  height: 97px;
  background-color: #fafafa;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 30px;
}

.circType .estrategia {
  position: relative;
  top: -5px;
}

.circType .iconCustom {
  width: 38px;
}

.slide-types .break-word {
  position: absolute;
  display: block;
  width: 100%;
  margin: 0;
  left: 0;
  text-align: center;
  bottom: 0px;
  color: #000000;
  opacity: 1;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}

.circType img {
  display: inline-block;
}

.slide-types .control {
  position: inherit;
}

.slide-types .checkmark {
  height: 1px;
  width: 1px;
  opacity: 0;
}

.painelbriefing .public-DraftEditor-content {
  min-height: 50px;
}

.fileBriefing {
  font-size: 13px;
}

.item-list-notification {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.PrintLogoName {
  display: none;
}

.PrintLogoName img {
  width: 150px !important;
}

.PrintLogoName h2 {
  text-align: right;
}

/* MENU v2 ADMIN */
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a,
.ant-dropdown-menu-submenu,
.ant-dropdown-menu-submenu-title {
  color: #4a4a4a;
  font-size: 16px;
}

.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a,
.ant-dropdown-menu-submenu-title {
  padding: 12px 18px;
}

.ant-dropdown-menu-item > a > i,
.ant-dropdown-menu-submenu-title > a > i {
  margin-left: 4px;
}

.ant-dropdown-menu-submenu-arrow {
  right: 4px !important;
}

.ant-dropdown-menu-item > a:visited,
.ant-dropdown-menu-submenu-title > a:visited {
  color: #4a4a4a;
}

.ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-submenu-title > a:hover {
  color: #000000;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f2f2f2;
}

/* breadcrumb */
.breadcrumb.is-medium {
  font-size: 0.875rem;
}

.ant-popover {
  z-index: 9999999999;

  .popconfirm-button-secondary {
    background: #fff;
    border-color: #1883ff;
    color: #1883ff;
  }

  .popconfirm-button-primary {
    background: #1883ff;
    border-color: #1883ff;
  }

  .popconfirm-button-primary.disabled {
    opacity: 0.5;
  }
}

.bpool-button-primary {
  cursor: pointer;
  background-color: #1883ff !important;
  border: 1px solid #1883ff;
  color: #ffffff !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: 50px;
  font-size: 14px;
  padding: 0 16px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bpool-button-primary:hover {
  background-color: #2883ed !important;
  border-color: #2883ed !important;
}

.bpool-button-tertiary {
  cursor: pointer;
  background-color: #ffffff !important;
  border: 1px solid #1883ff !important;
  color: #1883ff !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: 50px;
  font-size: 14px;
  padding: 0 16px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bpool-button-tertiary:hover {
  background-color: #2883ed !important;
  border-color: #2883ed !important;
  color: #ffffff !important;
}

.bpool-button-primary.bt-small,
.bpool-button-tertiary.bt-small {
  padding: 0 8px;
  height: 32px;
  border-radius: 6px;
  font-size: 12px;
}

.ant-tag-gray {
  color: #515151;
  background: #e8e8e8;
  border-color: #515151;
}

.ant-tag-green {
  color: #15b467;
  background: #efffe5;
  border-color: #15b467;
}

.ant-tag-blue {
  color: #1883ff;
  background: #ecf5ff;
  border-color: #1883ff;
}

.ant-tag-black {
  color: #ffffff;
  background: #414141;
  border-color: #000000;
}

.ant-popover-buttons button.proposal-popconfirm-delete-ok {
  height: 32px;
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}

.ant-popover-buttons button.proposal-popconfirm-delete-cancel {
  height: 32px;
  background-color: #fff;
  border-color: #ff0000;
  color: #ff0000;
}

.centerImage {
  margin-left: auto;
  margin-right: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
  font-weight: inherit;
}

.tagLive {
  font-size: 0.5rem !important;
}

.card-boxes {
  background: #fff;
  border-radius: 20px;
}

.cardMatch {
  font-size: 10px;
  height: 100px;
}

.hasTableCounter {
  counter-reset: serial-number;
}

.hasTableCounter td:first-child:before {
  counter-increment: serial-number;
  content: counter(serial-number);
  min-width: 1em;
  margin-right: 1em;
}

.is-active .modal-content {
  overflow: initial !important;
}

.paymentWarn {
  font-size: 10px;
}

.customAssetHeader {
  padding: 0.3rem 15px;
  font-weight: 600;
  color: #fff;
  background-color: #000;
}

.complexBadgeTxt {
  margin-left: 10px;
}

.complexBadge {
  position: absolute;
  background: #353535;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

.iconNotificationWithLink {
  cursor: pointer;
}

.iconNotificationWithOutLink {
  cursor: default;
}

.notificationViewAll a {
  font-size: 12px;
  font-weight: bold;
  color: black;
}

.notificationItemTopicSeen {
  font-size: 13px;
  color: black;
}

.notificationItemTopicNotSeen {
  font-weight: bold;
  font-size: 14px;
  color: black;
}

.notificationItemTopicNotSeen .button {
  margin-right: 20px;
}

.notificationItemTopicDate {
  font-size: 10px;
  color: black;
}

.notificationItemDescription {
  padding-top: 100px;
}

.paddingButtonsCheckout {
  padding-top: 20px;
}

.caseDisplay {
  max-width: 600px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.card2 {
  box-shadow: 0 !important;
}

.termsContainer {
  height: 350px;
  width: 100%;
  padding: 3px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}

.termsContent {
  height: 324px;
  overflow: auto;
  background: #fff;
  text-align: left;
  font-size: 14px;
}

.fileList {
  padding-left: 100px;
  font-size: 14px;
}

.smallCardInfo {
  font-size: 12px;
}

.not-active {
  cursor: default;
  text-decoration: none;
  color: black;
}

.previewInfo {
  margin-left: 60px;
  font-size: 14px;
}

.discount .has-text-grey-dark span {
  font-size: 10px;
  font-weight: lighter !important;
}

[data-letters]:before {
  content: attr(data-letters);
  display: inline-block;
  font-size: 1.8em;
  font-family: 'Montserrat';
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  border-radius: 50%;
  background: gray;
  vertical-align: middle;
  margin-right: 1em;
  color: white;
}

.orSpace {
  margin-right: 30px;
}

.centerCard {
  margin-left: auto;
  margin-right: auto;
}

.discount {
  font-size: 10px;
  font-weight: lighter;
}

.bellNotificationYes,
.bellNotificationNo {
  color: #fff;
  font-size: 18px;
  position: relative;
  padding: 10px 0;
  margin-top: 2px;
}

.bellNotificationYes::after {
  position: absolute;
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #e30404;
  top: 12px;
  right: -2px;
}

.bellNotificationNo {
  color: #666666;
  font-size: 18px;
}

.partner-signup h1 {
  font-weight: bold;
}

.partner-signup p {
  margin-bottom: 1rem;
}

.field_half {
  width: 50%;
}

.logo img {
  width: 150px;
  margin-top: 10px;
}

.client-step-1 {
  background-color: #fafafa;
}

.client-step-2 {
  background-color: #eeeeee;
}

.client-step-3 {
  background-color: #eeeeee;
}

.client-step-4 {
  background-color: #eeeeee;
}

.client-step-5 {
  background-color: #eeeeee;
}

.client-step-6 {
  background-color: #eeeeee;
}

.partner-step-1 {
  background-color: #bce6f4;
  padding-top: 40px;
}

.partner-step-2 {
  background-color: #bdeedf;
  padding-top: 40px;
}

.partner-step-3 {
  background-color: #ffdbd3;
  padding-top: 40px;
}

.partner-step-4 {
  background-color: #f6e39f;
  padding-top: 40px;
}

.partner-step-5 {
  background-color: #bfb3d2;
  padding-top: 40px;
}

.partner-step-6 {
  background-color: #e2fbb9;
  padding-top: 40px;
}

.reference-step-1 {
  background-color: #bfb3d2;
}

.reference-step-2 {
  background-color: #bfb3d2;
}

.leader-step-1 {
  background-color: #f0e2a1;
}

.leader-step-2 {
  background-color: #ffc5b9;
}

.leader-step-3 {
  background-color: #a8d7eb;
}

.navbar-item img {
  max-height: 2.7rem;
}

.navbar.is-main {
  background-color: #090909;
  padding: 3px 0;
}

.hero.signup {}

.hero-head {
  background-color: #1c1c1c;
  position: fixed;
  width: 100%;
  z-index: 92;
}

.hero-body {
  align-items: unset !important;
  padding: 1.5rem 0 !important;
}

.slogan {
  color: #767676;
  padding-left: 30%;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.form-field-valid {
  color: #007800 !important;
}

.form-field-wrapper {
  margin-right: 0.75rem;
}

.is-disable {
  pointer-events: none;
  opacity: 0.65;
}

/*
 * PARTNER SIGNUP STEPS
 * --------------------------------------- */

#partner-signup-steps {
  display: flex;
  justify-content: space-between;
  text-align: left;
  font-size: 12px;
  width: 100%;
}

#partner-signup-steps li {
  display: inline-block;
  width: calc(100% / 6);
  padding-right: 30px;
  font-size: 12px;
}

#partner-signup-steps li a {
  color: inherit;
  display: block;
  margin-left: 20px;
  border-top-style: solid;
  margin-top: -14px;
  padding-top: 12px;
  position: relative;
  font-size: 12px;
}

.progress-bar--item h3 {
  height: 30px;
}

.progress-bar--menu-item-mod {
  transform: translateY(0);
}

/*
 * NEW PROJECT STEPS
 * --------------------------------------- */

.hero-head.is-fixed+div>.hero-body.for-np {
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.15);
  padding-bottom: 8px !important;
  z-index: 20;
}

.hero-head.is-fixed+div>.hero-body.for-np .title {
  font-weight: 600;
  transform: translateY(2px);
}

#partner-signup-steps.partner-signup-newproj-steps h3 {
  font-size: 14px;
}

#partner-signup-steps.partner-signup-newproj-steps h3::after {
  content: '.';
}

#partner-signup-steps.partner-signup-newproj-steps li {
  /* padding-right: 0; */
}

#partner-signup-steps.partner-signup-newproj-steps li a {
  display: block;
  height: 100%;
  font-size: 11px;
  margin-top: -21px;
  width: 90%;
}

#partner-signup-steps.partner-signup-newproj-steps li a.progress-bar--menu-item {
  padding-bottom: 12px;
  padding-top: 0;
}

#partner-signup-steps.partner-signup-newproj-steps a.progress-bar--menu-item>span {
  opacity: 0;
}

#partner-signup-steps.partner-signup-newproj-steps .is-active a.progress-bar--menu-item>span {
  opacity: 1;
  background: #434343;
}

#partner-signup-steps.partner-signup-newproj-steps a.progress-bar--menu-item>span,
#partner-signup-steps.partner-signup-newproj-steps .is-active a.progress-bar--menu-item>span {
  bottom: 0;
  top: auto;
}

.np-buttons .button {
  display: block;
  margin: 0;
  position: relative;
}

.np-buttons .button.is-selected {
  border-color: black;
}

.np-buttons .control:first-child,
.np-buttons .control:last-child {
  width: 50%;
}

.np-buttons .button img {
  display: inline-block;
  left: 50%;
  height: 100px;
  margin: -9px 0 0 -84px;
  position: absolute;
  width: 42px;
}

.button.comunicacao img {
  left: 40%;
}

.np-buttons .button span {
  color: black;
  display: inline-block;
  font-size: 80%;
  line-height: 84px;
  text-indent: 42px;
  width: 100%;
}

.np-basicFormInit .field {
  width: 75%;
}

.title-for-np {
  font-size: 25px;
  font-weight: 300;
}

.title-for-np-bordered {
  padding-bottom: 12px;
}

.small-control-text {
  font-size: 75%;
  line-height: 1.25;
  padding: 12px 0 36px;
}

.regular-control-text {
  font-size: 85%;
  line-height: 1.6;
}

.for-np+div .container {
  padding-bottom: 64px;
}

.columns-for-np hr {
  height: 1px;
  margin: 2.5rem 0;
}

.left-column-for-np h4 {
  font-size: 85%;
  font-weight: 600;
}

.left-column-for-np h4.is-bigger {
  font-size: 25px;
  font-weight: 300;
}

.left-column-for-np .centered-button {
  text-align: center;
}

.left-column-for-np .button.is-black {
  font-weight: 600;
}

.for-np+div .checkbox {
  margin-bottom: 16px;
}

.for-np+div .checkbox input~.checkmark {
  background-color: #fff;
}

.for-np+div .checkbox input~.checkmark+p,
.left-column-for-np .is-pulled-right {
  font-size: 12px;
  line-height: 25px;
}

.right-column-for-np nav.level {
  margin-bottom: 0;
}

.right-column-for-np nav.level {
  margin-bottom: 0;
  margin-top: -10px;
}

.right-column-for-np .level-number h5 {
  color: #333;
  font-weight: 600;
}

.right-column-for-np nav.level+hr {
  margin-top: 16px;
}

.listBundle {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.listBundle .tabs {
  padding: 0 30px;
}

.media-template-card {
  position: relative;
  border-radius: 20px;
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 20px !important;
  display: block !important;
}

.media-template-card.full {
  width: 100%;
  margin: 0;
}

.media-template-card .media-left {
  background-image: url('/img/ilustra.svg');
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 25%;
}

.media-template-card .subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0 !important;
  padding: 32px 32px 24px;
  font-family: 'Helvetica Neue LT Std';
}

.media-template-card .media-template-card .tabs {
  padding: 0 32px;
}

.media-template-card .tabs ul {
  margin: 0;
}

.media-template-card .tabs ul li {
  border-radius: 0;
  height: auto;
}

.media-template-card .tabs ul a {
  border: 0;
  display: inline-block;
  padding-bottom: 3px;
}

.media-template-card .tabs ul span {
  color: #333;
}

.media-template-card li+li {
  margin-top: 0;
}

.media-template-card-content {
  padding: 12px 32px 0;
}

.media-template-card-content ul .regular-control-text .tooltip {
  transform: translateY(-5px);
}

.media-template-card-content ul .regular-control-text {
  list-style: none;
  position: relative;
}

.media-template-card-content .button.is-black {
  border-radius: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.for-np+div .pagination-link {
  border: 0;
}

.for-np+div .pagination {
  display: block;
  margin-top: 64px;
}

.for-np+div .pagination-list {
  justify-content: center;
}

.for-np+div .pagination-link.is-current {
  background-color: black;
}

.review-bg {
  background: linear-gradient(to right,
      #eee 0%,
      #eee 55%,
      #dbdbdb 55.000001%,
      #dbdbdb 100%);
}

.for-np+div .radiomark {
  background-color: transparent;
  border: solid 1px black;
}

.for-np+div .radiomark:after {
  top: 6px;
  left: 6px;
}

.is-link-to-return,
.is-link-to-return:hover,
.is-link-to-return:visited {
  background: transparent;
  border: 0;
  color: #333;
  display: block;
  font-size: 10px;
  float: right;
  padding: 6px 0;
  text-decoration: underline !important;
}

.is-link-to-return:hover {
  background: transparent;
  border: 0;
}

.button.is-back.is-outlined,
.button.is-back.is-outlined:hover,
.button.is-back.is-outlined:visited {
  background-color: transparent;
  border: 0;
  color: #333;
  display: inline-block;
  float: left;
  margin-right: 24px;
}

.button.is-back.is-outlined span {
  display: inline-block;
  padding-right: 12px;
  transform: scale(0.75, 1.5);
}

.button.is-back.is-outlined.is-alone {
  float: right;
  margin: 12px 0;
}

.client-step-np-review .button.is-back.is-outlined+div {
  float: left;
}

.reviewed-media .subtitle {
  border: 0;
}

.reviewed-media .tabs {
  border: 0 !important;
}

.reviewed-media .media-template-card-content p span,
.reviewed-media .media-template-card-content p+span {
  font-size: 15px;
}

.reviewed-media:not(.uplift-review) .media-template-card-content p span,
.reviewed-media:not(.uplift-review) .media-template-card-content p+span {
  background-color: transparent !important;
}

.reviewed-media:not(.uplift-review) .media-template-card-content p span::after,
.reviewed-media:not(.uplift-review) .media-template-card-content p+span::after {
  content: ':';
}

.reviewed-card p {
  font-size: 12px;
  line-height: 18px;
}

.reviewed-card h1 {
  font-weight: 600;
  margin-bottom: 6px !important;
}

.reviewed-card .card-model {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 12px;
  padding: 5px 8px;
  background: #000 !important;
  color: #fff;
}

.for-np+div .reviewed-media .media {
  outline: 0 !important;
}

@media (max-width: 768px) {
  .np-basicFormInit .field {
    width: 100%;
  }

  /* .field.has-addons .control:first-child .button,
    .field.has-addons .control:last-child .button,
    .np-buttons .control:first-child,
    .np-buttons .control:last-child {
        min-height: 140px !important;
        min-width: 120px !important;
    } */

  .np-buttons .control:last-child .button img {
    margin-left: -26px;
  }

  .np-buttons .button img {
    margin-left: -21px;
  }

  .np-buttons .button span {
    padding-top: 48px;
    text-indent: 0;
  }

  .media-template-card-content .button.is-black {
    margin-top: 12px;
  }

  .review-bg {
    background: transparent;
  }

  .hero-body.for-np .columns.is-mobile {
    display: block;
  }

  .hero-body.for-np .columns.is-mobile .column {
    display: block;
    width: 100%;
  }

  .hero-body.for-np .columns.is-mobile .column.is-3 {
    padding-bottom: 0;
    padding-top: 0;
  }

  .hero-body.for-np .columns.is-mobile .column.is-3 .title {
    font-size: 115%;
  }

  .hero-body.for-np #partner-signup-steps.partner-signup-newproj-steps h3::after {
    display: none;
  }

  .hero-body.for-np #partner-signup-steps.partner-signup-newproj-steps h3 {
    text-align: center;
  }

  .hero-body.for-np #partner-signup-steps.partner-signup-newproj-steps li {
    position: relative;
  }

  .hero-body.for-np #partner-signup-steps.partner-signup-newproj-steps li a {
    margin-left: 0;
    width: 100%;
  }

  .hero-body.for-np #partner-signup-steps.partner-signup-newproj-steps a.progress-bar--menu-item>span,
  .hero-body.for-np {
    height: 4px;
  }

  .hero-body+div>.container {
    padding-top: 148px !important;
  }

  .left-column-for-np .regular-control-text+br,
  .left-column-for-np .regular-control-text+br+br {
    display: none;
  }

  .for-np+.client-step>.container {
    padding: 1.5rem;
  }

  .for-np+.client-step>.container>.column.is-12,
  .for-np+.client-step>.container>.column.is-8,
  .for-np+.client-step>.container>.column.is-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .for-np+.client-step>.container>.column.is-8 {
    padding-bottom: 36px;
  }

  .for-np+.client-step>.container>.column.is-12>form>.columns,
  .for-np+.client-step>.container>.column.is-12>form .column {
    margin: 0;
    padding: 0;
  }

  .project-review {
    display: none;
  }

  .for-np+div .pagination {
    display: block;
  }
}

/*
 * CLIENT
 * ------ */

.content-client .input,
.content-client .textarea {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.content-client .subtitle {
  border-bottom: solid 1px #000;
  font-size: 16px;
  font-weight: 600;
  padding-top: 36px;
}

.content-client .button.previous {
  border: 0;
  position: relative;
}

.content-client .button.previous::before {
  content: '<';
  display: block;
  left: 12px;
  position: absolute;
  top: 6px;
  transform: scale(1, 1.25);
}

.content-client .switch[type='checkbox'].is-success:checked+label::before,
.content-client .switch[type='checkbox'].is-success:checked+label:before {
  background-color: #2f7708;
}

.content-client .checkbox input~.checkmark,
.content-client .checkbox input:checked~.checkmark,
.content-client .checkbox:hover input:checked~.checkmark,
.content-client .checkbox:hover input:checked~.checkmark {
  background-color: #fff;
}

.content-client .checkbox .checkmark:before,
.content-client .checkbox .checkmark:after {
  border-color: #000;
}

.content-client .checkmark+p {
  cursor: pointer;
}

.content-client .inputsize-half {
  margin-bottom: 10px;
  width: 50%;
}

.content-client .inputsize-zipcode {
  margin-bottom: 10px;
  margin-right: 12px;
  width: 35%;
}

.content-client .label>.tooltip {
  z-index: 2;
}

.content-client .subtitle-v2 {
  font-size: 25px;
  font-weight: 300;
}

.content-client .table-blue-head th {
  background-color: #a8d7eb;
}

.content-client .table.is-bordered td,
.content-client .table.is-bordered th,
.content-client .partner-step .table td,
.content-client .partner-step .table th,
.content-client .leader-step .table td,
.content-client .leader-step .table th {
  box-shadow: 0 0 0 1px #eee;
}

.content-client .fullsize-border .subtitle {
  border-bottom: 0;
}

.content-client .fullsize-border {
  border-bottom: solid 1px #000;
}

.content-client .select-on-title {
  transform: translate(12px, 22px);
}

.content-client.client-step-5 .subtitle>.tooltip .fas.fa-question-circle {
  margin-top: 20px;
}

/*
 * PARTNER STEPS
 * --------------------------------------- */

.partner-step .container {
  padding: 80px 0;
}

.partner-step .container h1,
.leader-step .container h1 {
  font-weight: 300;
}

.partner-step .container h1 span,
.leader-step .container h1 span {
  display: inline-block;
  margin-right: 15px;
  font-weight: bold;
}

.partner-step .container label,
.leader-step .container label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 30px;
}

.partner-step .container .media label {
  margin-top: 0;
}

.partner-step .container .media .control {
  margin-top: 4px;
}

.media .image.is-64x64 {
  margin: 0;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.media .delete.is-black {
  margin-bottom: 10px;
}

.partner-step .container input,
.partner-step .container select,
.partner-step .container textarea,
.leader-step .container input,
.leader-step .container select,
.leader-step .container textarea {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.title {
  font-size: 25px;
}

.navbar-item img {
  max-height: 2.7rem;
}

.field.is-grouped.is-grouped-centered {
  padding-top: 40px;
  padding-bottom: 120px;
}

.partner-step .container .subtitle,
.leader-step .container .subtitle {
  font-weight: bold;
  color: black;
  padding-bottom: 12px;
  margin-bottom: 40px;
  margin-top: 60px;
  border-bottom: 1px solid black;
  font-size: 16px;
}

.partner-step .container .button.next,
.leader-step .container .button.next {
  border-radius: 0;
  display: inline-block;
  font-size: 12px;
  height: auto;
  letter-spacing: 3px;
  padding: 8px 0px;
}

.partner-step .container .button {
  border-radius: none;
}

.partner-step .container .button.previous,
.leader-step .container .button.previous {
  border: none;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 8px 0px;
}

.partner-step .container .button.previous:hover,
.leader-step .container .button.previous:hover {
  background-color: transparent;
  color: black;
}

.partner-step .container .button.previous::before,
.leader-step .container .button.previous::before {
  content: '<';
  display: inline-block;
  font-weight: 400;
  transform: scale(1, 1.5) translateX(-8px);
}

/*
 * INPUT STYLES
 * --------------------------------------- */

.button.is-rounded {
  padding-left: 10px;
  padding-right: 10px;
}

.control.is-expanded .button.is-rounded {
  border-radius: 18px;
  letter-spacing: 3px;
  height: auto;
  font-size: 12px;
  padding: 8px 15px;
  margin-top: 0;
}

.checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
}

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: white;
}

.checkmark-grey .checkmark {
  background-color: #cccccc;
}

.checkmark:after,
.checkmark:before {
  content: '';
  position: absolute;
  display: none;
}

.checkbox input:checked~.checkmark:after,
.checkbox input:checked~.checkmark:before {
  display: block;
}

.checkbox .checkmark:before {
  left: -1px !important;
  top: -1px !important;
  width: 15px;
  height: 15px;
  border: solid black;
  border-width: 0 0 3px 0;
  transform: rotate(315deg);
}

.checkbox .checkmark:after {
  left: 7px !important;
  top: -1px !important;

  width: 15px;
  height: 15px;
  border: solid black;
  border-width: 0 0 3px 0;
  transform: rotate(45deg);
}

.checkbox p {
  line-height: 25px;
}

.checkbox .checkmark {
  background: #fff;
  height: 22px;
  transition: background 0.15s ease-out;
  width: 22px;
}

.checkbox input:checked~.checkmark {
  background: #000;
}

.table thead td,
.table thead th {
  border-width: 0 0 1px;
}

/* .logged-page {
    background-color: #eee;
} */

.logged-page {
  background-color: #fafafa;
}

.card-label {
  text-align: right;
  padding-right: 1rem;
  font-weight: bold;
  vertical-align: middle;
}

.table thead td,
.table thead th {
  border-width: 0 0 1px;
}

.card-label {
  text-align: right;
  padding-right: 1rem;
  font-weight: bold;
  vertical-align: middle;
}

.radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 15px;
  min-height: 30px;
}

.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 50%;
}

.radiomark:after {
  content: '';
  position: absolute;
  display: none;
}

.radio input:checked~.radiomark:after {
  display: block;
}

.radio .radiomark:after {
  top: 7px;
  left: 7px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: black;
}

.partner-step .container select {
  background: linear-gradient(to right,
      #ffffff 0%,
      #ffffff calc(100% - 40px),
      #000000 calc(100% - 40px),
      #000000 100%);
}

.select:not(.is-multiple):not(.is-loading):after {
  border-color: #696969;
}

.step-4-header .button {
  background-color: black;
}

.field .button.is-leaked,
.step-4-header .button.is-leaked {
  border: 2px solid black;
  background-color: transparent;
  font-size: 12px;
  letter-spacing: 2px;
  display: inline-block;
  height: auto;
  letter-spacing: 0;
  margin-left: 15px;
  padding: 6px 6px 6px !important;
}

.step-4-header .button,
.step-4-header .button.is-leaked,
.step-4-header .button.is-black {
  letter-spacing: 0;
  font-weight: bold;
  font-size: 12px;
  height: auto;
  border-width: 1px;
  width: calc(100% / 4.25);
  margin: 0 6px;
}

.field .button.has-icon {
  border-radius: 100%;
}

.field .button.is-rounded {
  border-radius: 18px;
  padding-left: 12px;
  padding-right: 12px;
}

.field .button.is-circle {
  border-radius: 50%;
  width: 36px;
}

.step-4-header {
  display: flex;
  justify-content: space-between;
}

.step-4-header .button:first-of-type {
  margin-left: 0;
}

.step-4-header .button:last-of-type {
  margin-right: 0;
}

/* table {
    border-collapse: separate;
    border-spacing: 2px;
    background-color: transparent !important;

}

table th {
    background-color: #ececec;
    color: black;
    font-weight: bold;
}

table td {
    background-color: white;
    color: black;
    font-weight: normal;
} */

/* table tr,
table th,
table td {
    border: none !important;
    margin: 1px;
} */

.react-datepicker-wrapper input {
  padding: 10px 15px 8px;
}

.react-datepicker-wrapper+.icon,
.react-datepicker-popper+.icon {
  color: white;
  background-color: black;
  padding: 17px;
  font-size: 13px;
}

.react-datepicker__day--selected {
  background-color: black;
}

.react-datepicker {
  border-radius: 0;
}

textarea {
  outline: none;
  resize: none;
  width: 100%;
  padding: 15px;
  margin-bottom: 3px;
  min-height: 150px;
}

.dropzone {
  border: 1px dashed rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 80px;
  padding: 25px 23px 23px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.dropzone .icon {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.3);
}

.years-select-expertise,
.months-select-expertise {
  padding-right: 15px;
}

td i.fa {
  color: #666;
}

.is-submenu {
  background-color: white !important;
  color: #0a0a0a !important;
  z-index: 9;
}

.bp-is-completed {
  color: #a9a9a9 !important;
}

.bp-is-pending {
  color: #dbdbdb !important;
}

.bp-is-selected td {
  color: #ffffff !important;
  background-color: #00d1b2 !important;
}

.bp-has-text-dark {
  color: #353535;
}

.bp-has-text-dark a {
  color: #353535;
  font-weight: bold;
}

.bp-has-text-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.bp-partner-banner-text {
  line-height: 28px;
  font-weight: 500;
  font-size: 15px;
}

.colot-line {
  background-color: #000;
  width: 100px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

.colot-line2 {
  background-color: #000;
  width: 100px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

.title-box {
  background: #000;
  color: #fff;
  cursor: default;
  display: inline-block;
  margin: 2px 0 0 12px;
  padding: 8px 18px;
}

.bp-has-background-pink {
  background-color: #ffc5b9;
}

.bp-has-background-blue {
  background-color: #a8d7eb;
}

.bp-has-background-purple {
  background-color: #bab1d0;
}

.bp-has-background-green {
  background-color: #e2fbb9;
}

.client-step-5 th {
  background-color: #bab1d0;
}

.client-step-6 th {
  background-color: #e2fbb9;
}

.new-job-class {
  background-color: #f0e2a1;
}

/*--------------------------------------------------------*/
/*--------------- INICIO CARRINHO NEW JOB ----------------*/
/*--------------------------------------------------------*/

.media+.media {
  border: 0;
}

.customize-content {
  padding: 50px;
}

.customize-content h2 {
  font-size: 25px;
}

.customize-content h4 {
  font-size: 13px;
}

.customize-content p {
  font-size: 13px;
}

.customize-content span.price {
  font-size: 15px;
  font-weight: bold;
}

.customize-baseline {
  height: 8px;
  background: #f0e2a1;
  display: none;
}

.customize-content-bottom {
  flex: 1 1;
  display: flex;
  line-height: 36px;
}

.customize-content-bottom span {
  flex: 3 1;
  display: flex;
}

.customize-content-bottom button {
  flex: 1 1;
  display: flex;
}

.customize-form-search::after {
  content: '\f002';
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  display: inline-block;
  color: #7eb306;
  position: absolute;
  right: 20px;
  top: 15px;
}

.customize-form-search {
  border-radius: 5px;
  border: none;
  height: 35px;
  width: 100%;
  padding-right: 50px;
  color: #93a36e;
  display: inline-block;
}

.customize-form-search+i {
  position: absolute;
  top: 8px;
  right: 20px;
  font-size: 20px;
}

.customize-filter-option {
  padding: 10px;
  border: none;
  border-radius: 0px;
  color: #535353;
  font-size: 1em;
  box-shadow: none;
  height: 60px;
  background: #fff url(/img/bg-arrow-black.png) no-repeat 100% center;
  background-size: 14%;
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 300px;
  height: 40px;
}

.customize-filter-content {
  display: inline-block;
  padding-right: 15px;
}

.customize-filter-content label {
  font-weight: bold;
}

.customize-filter-wrapper {
  margin-bottom: 50px;
}

.customize-cart-items {
  position: absolute;
  top: -15px;
  right: -5px;
  background: red;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
}

.resume-cart-heading .customize-cart-items {
  background: #2f7708;
}

.customize-cart-content {
  position: relative;
  text-align: right;
}

.customize-cart {
  position: relative;
}

.customize-cart i {
  font-size: 25px;
}

.customize-cart-amount {
  font-weight: bold;
  margin-left: 15px;
  margin-right: 15px;
  cursor: pointer;
}

.customize-cart-content .customize-cart-dropdown {
  padding: 30px;
}

.customize-cart-content .customize-is-hoverable:hover .navbar-dropdown {
  transform: scale(1);
  transition: all 0.4s ease-out;
}

.customize-cart-content .navbar-dropdown {
  border: 5px solid #f0e2a1;
  border-radius: 5px;
  box-shadow: none;
  display: block;
  left: auto;
  min-width: 380px;
  transform: scale(0);
  transform-origin: 95% top;
  transition: all 0.2s ease-out;
  right: 0;
}

.customize-cart-dropdown-item {
  flex: 1 1;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  /* border-bottom: 2px solid gray; */
}

.btnAtualizar {
  padding: 0 50px 15px;
  display: flex;
}

.btnAtualizar a {
  margin: 0 10px;
}

.borderBottomItem {
  border-bottom: 2px solid gray;
}

.customize-cart-dropdown-item:last-child {
  /*border-bottom: 4px solid #000000;*/
  padding-bottom: 10px;
}

.customize-cart-dropdown-item .cart-item-name {
  flex: 3 1;
  /* display: flex; */
  text-align: left;
}

.customize-cart-dropdown-item .cart-item-delete {
  flex: 1 1;
  display: flex;
  text-align: left;
}

.customize-cart-dropdown-item .cart-item-total {
  flex: 1 1;
  display: flex;
  font-weight: bold;
}

.customize-cart-dropdown-item .cart-item-amount {
  flex: 1 1;
  display: flex;
  font-weight: bold;
}

.customize-cart-dropdown-item-sum {
  flex: 1 1;
  display: flex;
  padding-top: 20px;
  padding-bottom: 30px;
}

.customize-cart-dropdown-item-sum .cart-item-total {
  flex: 4 1;
  display: flex;
  text-align: right;
}

.customize-cart-dropdown-item-sum .cart-item-amount {
  flex: 1 1;
  display: flex;
  font-weight: bold;
}

.resume-cart-heading h1 {
  float: left;
}

.resume-cart-heading h1 span {
  font-weight: bold;
}

.resume-cart-heading a {
  float: right;
  cursor: inherit !important;
}

.resume-cart-item {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.resume-cart-item-content {
  border-bottom: 2px solid gray;
  padding-bottom: 35px;
}

.resume-cart-item:last-child .resume-cart-item-content {
  border-bottom: 4px solid #000000;
}

.resume-cart-item-name {
  padding-bottom: 0px;
  margin-left: 10px;
}

.resume-cart-item-amount {
  text-align: right;
  padding-bottom: 0px;
  font-weight: bold;
}

.resume-cart-item-action {
  padding-bottom: 0px;
}

.resume-cart-item-border {
  width: 100px;
  height: 15px;
  background: #f0e2a1;
}

.resume-subtotal-total {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: right;
}

.resume-subtotal-amount {
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}

.resume-subtotal-amount br {
  display: none;
}

.resume-subtotal-amount span {
  display: block;
  float: inherit !important;
}

/*--------------------------------------------------------*/
/*--------------- FIM CARRINHO NEW JOB ----------------*/
/*--------------------------------------------------------*/

/*---------------------------------------------------------------*/
/*--------------- INICIO CUSTOMIZACAO VARIATION  ----------------*/
/*---------------------------------------------------------------*/

.edit-right {
  float: right;
}

.regular-control-text.underline {
  text-decoration: underline;
}

.asset-tooltip-description {
  display: none;
  position: absolute;
  left: 100px;
  width: 450px;
}

.asset-label {
  padding-left: 15px;
  line-height: 30px;
  font-size: 70%;
}

.editCall {
  font-size: 70%;
}

.asset-label.disabled {
  font-size: 70%;
}

.asset-label:hover+.asset-tooltip-description {
  display: inline;
  background: white;
}

/*---------------------------------------------------------------*/
/*------------------ FIM CUSTOMIZACAO VARIATION  ----------------*/
/*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
/*----------------------- NEW STYLE UPDATES ---------------------*/
/*---------------------------------------------------------------*/

.partner-step .icon.tooltip,
.client-step .icon.tooltip {
  color: #000;
}

.partner-step .label>.tooltip .fas.fa-question-circle::before,
.client-step .label>.tooltip .fas.fa-question-circle::before {
  display: block;
  left: 7px;
  transform: scale(1.1);
}

.project-approval-page .checkbox input~.checkmark,
.project-approval-page .checkbox:hover input~.checkmark,
.partner-step .checkbox input~.checkmark,
.partner-step .checkbox:hover input~.checkmark,
.client-step .checkbox input~.checkmark,
.client-step .checkbox:hover input~.checkmark,
.company-admin .checkbox input~.checkmark,
.company-admin .checkbox:hover input~.checkmark,
.company-admin .checkbox:hover input:checked~.checkmark,
.specialist-admin .checkbox input~.checkmark,
.specialist-admin .checkbox:hover input~.checkmark,
.specialist-admin .checkbox:hover input:checked~.checkmark,
.contract-payment-admin .checkbox input~.checkmark,
.contract-payment-admin .checkbox:hover input~.checkmark,
.contract-payment-admin .checkbox:hover input:checked~.checkmark {
  background-color: #fff;
}

.company-admin h1 {
  font-weight: bold;
  color: black;
  padding-bottom: 12px;
  margin-bottom: 40px;
  margin-top: 60px;
  border-bottom: 1px solid black;
  font-size: 16px;
}

.company-admin p {
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  font-family: var(--font-rubik);
  margin: 0;
  padding: 0;
}

.company-admin .table.is-bordered td {
  box-shadow: 0 0 1px #707070;
  font-size: 13px;
  padding: 10px 12px;
  text-align: center;
}

.project-approval-page .checkbox input:checked~.checkmark,
.project-approval-page .checkbox input:checked~.checkmark,
.partner-step .checkbox input:checked~.checkmark,
.client-step .checkbox input:checked~.checkmark,
.partner-step .checkbox:hover input:checked~.checkmark,
.client-step .checkbox:hover input:checked~.checkmark {
  background-color: #000;
}

.project-approval-page .checkbox:hover input~.checkmark::before,
.partner-step .checkbox:hover input~.checkmark::before,
.client-step .checkbox:hover input~.checkmark::before,
.company-admin .checkbox:hover input:not(:checked)~.checkmark::before,
.specialist-admin .checkbox:hover input:not(:checked)~.checkmark::before,
.contract-payment-admin .checkbox:hover input:not(:checked)~.checkmark::before {
  left: 1px;
  top: 1px;
  width: 15px;
  height: 15px;
  border: solid #dedede;
  border-width: 0 0 3px 0;
  transform: rotate(315deg);
}

.project-approval-page .checkbox:hover input~.checkmark::after,
.partner-step .checkbox:hover input~.checkmark::after,
.client-step .checkbox:hover input~.checkmark::after,
.company-admin .checkbox:hover input:not(:checked)~.checkmark::after,
.specialist-admin .checkbox:hover input:not(:checked)~.checkmark::after,
.contract-payment-admin .checkbox:hover input:not(:checked)~.checkmark::after {
  left: 9px;
  top: 1px;
  width: 15px;
  height: 15px;
  border: solid #dedede;
  border-width: 0 0 3px 0;
  transform: rotate(45deg);
}

.project-approval-page .checkbox:hover input~.checkmark::after,
.project-approval-page .checkbox:hover input~.checkmark::before,
.partner-step .checkbox:hover input~.checkmark::after,
.partner-step .checkbox:hover input~.checkmark::before,
.client-step .checkbox:hover input~.checkmark::after,
.client-step .checkbox:hover input~.checkmark::before,
.company-admin .checkbox:hover input~.checkmark::after,
.company-admin .checkbox:hover input~.checkmark::before,
.specialist-admin .checkbox:hover input~.checkmark::after,
.specialist-admin .checkbox:hover input~.checkmark::before,
.contract-payment-admin .checkbox:hover input~.checkmark::after,
.contract-payment-admin .checkbox:hover input~.checkmark::before {
  content: '';
  position: absolute;
  display: block;
}

.project-approval-page .checkbox .checkmark::before,
.project-approval-page .checkbox .checkmark::after,
.project-approval-page .checkbox:hover input:checked~.checkmark::before,
.project-approval-page .checkbox:hover input:checked~.checkmark::after,
.partner-step .checkbox .checkmark::before,
.partner-step .checkbox .checkmark::after,
.partner-step .checkbox:hover input:checked~.checkmark::before,
.partner-step .checkbox:hover input:checked~.checkmark::after,
.client-step .checkbox .checkmark::before,
.client-step .checkbox .checkmark::after,
.client-step .checkbox:hover input:checked~.checkmark::before,
.client-step .checkbox:hover input:checked~.checkmark::after {
  border-color: #fff;
}

.project-approval-page .card {
  display: inline-block;
}

.project-approval-page .media.media-template-card {
  outline: 0 !important;
}

.has-lateral-padding {
  margin-bottom: 64px;
  padding: 0 36px;
}

.decline-block {
  background-color: #fff;
  border: solid 3px red;
  font-size: 12px;
  padding: 48px;
  margin-bottom: 96px;
}

.decline-block .textarea {
  border: solid 1px #535353;
  border-radius: 0;
}

.decline-block .title {
  font-size: 16px;
  margin-bottom: 0.75rem;
  text-transform: none;
}

.decline-block .subtitle {
  font-size: 12px;
  line-height: 16px;
}

.decline-block .label.is-small {
  float: right;
}

.project-definition-header .tag:not(body).is-warning,
.tag:not(body).is-warning.tag-project-name,
.project-ongoing-header .tag:not(body).is-warning {
  background-color: #fff291;
  border-radius: 0;
  font-weight: normal;
}

.table td.is-warning {
  background: #000;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}

.table td.is-warning a {
  color: #fff;
  font-weight: bold;
}

.table td.is-warning a:hover {
  color: #ccc;
}

.partnersApproval {
  margin-bottom: 3rem;
}

.project-definition .title,
.partnersApproval .title,
.project-ongoing .title {
  position: relative;
  font-weight: 600;
}

.partner-step .container h1 {
  font-weight: 600;
}

.partnersApproval .title-1::after {
  background-color: #000;
}

.partnersApproval .title-2::after {
  background-color: #000;
}

.project-definition .title-1::after {
  background-color: #000;
}

.project-definition .title-2::after {
  background-color: #000;
}

.project-definition .title-3::after {
  background-color: #000;
}

.project-definition .title-4::after {
  background-color: #000;
}

.project-ongoing .title-1::after {
  background-color: #000;
}

.project-ongoing .title-2::after {
  background-color: #000;
}

.project-ongoing .title-3::after {
  background-color: #000;
}

.project-ongoing .title-4::after {
  background-color: #000;
}

.project-ongoing .title-5::after {
  background-color: #000;
}

.project-ongoing .title-6::after {
  background-color: #000;
}

.project-definition .title span,
.partnersApproval .title span,
.project-ongoing .title span {
  font-weight: bold;
}

.partnersApproval .smaller-font {
  font-size: 85%;
  line-height: 21px;
}

.partnersApproval .media-card-content-top {
  line-height: 22px;
}

.partnersApproval .card {
  box-shadow: none;
}

.partnersApproval .button.is-black {
  border-radius: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.partnersApproval .button.is-black.is-outlined {
  display: inline-block;
  height: 48px;
  padding: 12px 32px;
}

.button-selectPartnet-logo {
  transform: translate(-16px, 5px);
  width: 36px;
}

.partnersApproval .button-selectPartnet-icon {
  width: 32px;
}

.partnersApproval .columns.reasons-form-select-fields {
  margin-bottom: -12px;
}

.partnersApproval .select select {
  border: 0;
  border-radius: 0;
}

.partnersApproval .other-reasons .input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 16px;
}

.partnersApproval .no-reason-at-all p {
  font-size: 50%;
}

.partnersApprovalReasons {
  margin-bottom: 36px;
}

/* .partnersApprovalReasons a {
    padding-left: 24px;
    padding-right: 24px;
} */

.upload-button-style {
  border-radius: 0;
  height: 42px;
  padding: 8px 12px;
  width: 16px;
}

.upload-button-icon {
  transform: translate(10px, 3px);
  width: 16px;
}

.project-definition .card {
  box-shadow: none;
}

.project-definition .has-addons {
  background-color: #999;
}

.project-definition .has-addons .button {
  border: 0;
  padding: 0;
}

.project-definition .card .card-header-title {
  font-size: 20px;
  font-weight: 300;
}

.project-definition .has-addons .button span {
  display: inline-block;
  height: 36px;
  margin: 0 !important;
  padding: 7px 0 12px;
  width: 36px;
}

.project-definition .bold-button,
.project-definition .italic-button {
  border-right: solid 1px #fff;
}

.project-definition .card-mover {
  background-color: transparent;
  border: 0;
  display: block;
  width: 36px;
  height: 36px;
  position: relative;
  margin-right: 24px;
}

.project-definition .card-mover span {
  background-color: #fff;
  height: 1px;
  position: absolute;
  left: 6px;
  width: 24px;
  top: 18px;
}

.project-definition .card-mover span::before,
.project-definition .card-mover span::after {
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
}

.project-definition .card-mover span::before {
  margin-top: -6px;
}

.project-definition .card-mover span::after {
  margin-top: 6px;
}

.project-definition .card-header {
  box-shadow: none;
}

.project-definition .card-header-close {
  margin-top: -37px;
  width: 36px;
  height: 36px;
  border: solid 1px #000000;
  border-bottom: none;
  margin-right: 10px;
  display: inline-block;
}

.project-definition .card-header-close,
.project-definition .card-header-close:visited,
.project-definition .card-header-close:active {
  color: inherit;
}

.project-definition .briefing-item {
  padding: 14px 0 6px 24px;
  border-bottom: solid 1px #000;
  min-height: 45px;
  font-size: 80%;
}

.project-definition .briefing-item .fas {
  transform: scale(1.5);
}

.project-definition .briefing-item-subtitle,
.project-definition .upload-item-subtitle {
  border-bottom: solid 1px #000;
  font-size: 90%;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.project-definition .upload-item-subtitle {
  margin-bottom: 6px;
}

.project-definition .upload-item .delete {
  background-color: transparent;
  transform: scale(1.5);
}

.project-definition .upload-item .delete::before,
.project-definition .upload-item .delete::after {
  background-color: #000;
}

.project-definition .upload-item .delete::after {
  width: 1.5px;
}

.project-definition .upload-item .delete::before {
  height: 1.5px;
}

.project-definition .upload-item a {
  color: #000;
  font-size: 80%;
}

.project-definition .bp-toolbar,
.project-ongoing .bp-toolbar {
  padding: 24px 0 48px;
}

.project-definition .rbc-month-view,
.project-ongoing .rbc-month-view {
  border: 0;
}

.project-definition .rbc-header,
.project-ongoing .rbc-header {
  border-bottom: solid 4px #fff;
  font-weight: normal;
}

.project-definition .rbc-month-row+.rbc-month-row,
.project-ongoing .rbc-month-row+.rbc-month-row {
  border-top: solid 4px #fff;
}

.project-definition .rbc-header+.rbc-header,
.project-definition .rbc-day-bg+.rbc-day-bg,
.project-ongoing .rbc-header+.rbc-header,
.project-ongoing .rbc-day-bg+.rbc-day-bg {
  border-left: solid 4px #fff;
}

.project-definition .rbc-date-cell,
.project-ongoing .rbc-date-cell {
  text-align: left;
  font-size: 90%;
  padding: 8px;
}

.project-definition .rbc-row .rbc-date-cell:first-child,
.project-definition .rbc-row .rbc-date-cell:last-child,
.project-ongoing .rbc-row .rbc-date-cell:first-child,
.project-ongoing .rbc-row .rbc-date-cell:last-child {
  color: #96dede;
}

.project-definition .schedule-title,
.project-ongoing .schedule-title {
  background-color: #a8d7eb;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
  padding: 1rem;
}

.project-definition .calendar-button,
.project-definition .timeline-button,
.project-ongoing .calendar-button,
.project-ongoing .timeline-button {
  border-radius: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.project-definition .timeline-button:not(.is-active),
.project-definition .calendar-button:not(.is-active),
.project-ongoing .timeline-button:not(.is-active),
.project-ongoing .calendar-button:not(.is-active) {
  border-color: #000;
}

.project-definition .timeline-button.is-active,
.project-definition .calendar-button.is-active,
.project-ongoing .timeline-button.is-active,
.project-ongoing .calendar-button.is-active {
  background-color: #c7e5f2;
  border: 0;
  color: #000;
}

.project-definition .timeline-button:focus:not(:active),
.project-definition .calendar-button:focus:not(:active) {
  outline: 0;
  box-shadow: none;
}

.project-definition .top-label-title {
  margin-bottom: 2px;
}

.project-definition .timeline,
.project-ongoing .timeline {
  margin-left: 4px;
}

.project-definition .timeline-header,
.project-definition .timeline .timeline-item .timeline-marker,
.project-ongoing .timeline-header,
.project-ongoing .timeline .timeline-item .timeline-marker {
  display: none;
}

.project-definition .timeline .timeline-item,
.project-ongoing .timeline .timeline-item {
  padding: 16px 0;
}

.project-definition .timeline .timeline-item:nth-child(odd),
.project-ongoing .timeline .timeline-item:nth-child(odd) {
  border-right: solid 2px #ececec;
  margin-left: -100%;
  text-align: right;
  width: 100%;
}

.project-definition .timeline .timeline-item:nth-child(odd) .heading,
.project-ongoing .timeline .timeline-item:nth-child(odd) .heading {
  float: right;
}

.project-definition .timeline .timeline-item:nth-child(even),
.project-ongoing .timeline .timeline-item:nth-child(even) {
  border-left: solid 2px #ececec;
  margin-left: -2px;
}

.project-definition .timeline .timeline-content,
.project-ongoing .timeline .timeline-content {
  padding: 0;
  width: 100%;
}

.project-definition .timeline .timeline-content .heading,
.project-ongoing .timeline .timeline-content .heading {
  background-color: #c7e5f2;
  display: inline-block;
  font-weight: 600;
  padding: 8px 24px;
  margin-bottom: 0;
}

.project-definition .timeline .timeline-content .heading+p,
.project-ongoing .timeline .timeline-content .heading+p {
  background-color: #ececec;
  display: block;
  clear: both;
  font-weight: 400;
  padding: 8px 24px;
}

.project-definition .timeline .timeline-item::before,
.project-ongoing .timeline .timeline-item::before {
  width: 0;
}

.project-definition .timeline .timeline-item-first,
.project-ongoing .timeline .timeline-item-first {
  padding-top: 36px;
}

.project-definition .timeline .timeline-item-last,
.project-ongoing .timeline .timeline-item-last {
  padding-bottom: 36px;
}

.project-definition .project-details-review .card,
.project-ongoing .project-ongoing-review .card {
  display: inline-block;
  width: 100%;
}

card project-details-review-card .project-definition .project-details-review .project-details-review-card,
.project-definition .project-details-review .project-details-brief-card,
.project-ongoing .project-ongoing-review .project-ongoing-review-card {
  width: 100%;
}

.project-definition .project-details-review .project-details-brief-card .card {
  box-shadow: none;
}

.project-definition .project-details-review .project-details-brief-card {
  margin-bottom: 12px;
}

.project-definition .project-details-review h1 {
  margin-top: 24px;
}

.project-details-review .media-template-card,
.project-ongoing .media-template-card {
  outline: 0 !important;
}

.project-definition .project-po-form .input {
  border: 0;
  box-shadow: none;
}

.project-ongoing .briefing-scroll-list {
  background-color: #fff;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}

.project-ongoing .card-header-title {
  font-size: 20px;
  font-weight: 300;
}

.project-ongoing .card-header-title,
.project-ongoing .public-DraftEditor-content {
  padding-left: 24px;
  padding-right: 24px;
}

.project-ongoing .briefing-scroll-list .card,
.project-ongoing .briefing-scroll-list .card-header {
  box-shadow: none;
}

.project-ongoing .briefing-scroll-list .public-DraftEditor-content {
  min-height: auto;
}

.project-ongoing .is-rating .modal-background,
.project-ongoing .is-feedback .modal-background {
  background-color: rgba(10, 10, 10, 0.66);
}

.project-ongoing .is-rating .modal-content,
.project-ongoing .is-feedback .modal-content {
  overflow: visible;
}

.project-ongoing .is-rating .card-content-mask {
  overflow: auto;
  margin: -0.5rem;
  max-height: 400px;
}

.project-ongoing .is-feedback .modal-content .card {
  background-color: #f0f0f0;
  border: solid 2px #fd1313;
}

.project-ongoing .is-rating .modal-content {
  background-color: #fff;
  border: solid 1px #000;
}

.project-ongoing .is-rating .modal-content .card {
  background-color: #fff;
  box-shadow: none;
}

.project-ongoing .is-rating .modal-content .card-header,
.project-ongoing .is-feedback .modal-content .card-header {
  height: 0;
}

.project-ongoing .is-rating .modal-content .card-header-title,
.project-ongoing .is-rating .modal-content h5,
.project-ongoing .is-feedback .modal-content .card-header-title,
.project-ongoing .is-feedback .modal-content h5 {
  display: none;
}

.project-ongoing .is-rating .modal-content h6 {
  font-weight: 300;
  font-size: 25px;
}

.project-ongoing .is-rating .star-field {
  border-left: 0;
  border-right: 0;
}

.project-ongoing .is-rating .star-field .label {
  float: left;
  font-weight: 400;
  padding-left: 5%;
  display: inline-block;
  width: 60%;
}

.project-ongoing .is-rating .star-field .rating {
  float: left;
  padding-left: 2.5%;
  display: inline-block;
}

.project-ongoing .is-rating .modal-content .card-header-icon {
  background-color: #fff;
  border: solid 1px #000;
  border-bottom: 0;
  color: #000;
  height: 36px;
  width: 36px;
  position: absolute;
  right: 1px;
  top: -44px;
}

.project-ongoing .project-ongoing-review .card.no-content {
  width: 100%;
}

body .project-ongoing .is-rating .rating>input:checked~label {
  color: #000;
}

.project-ongoing .is-feedback .modal-content .card-header-icon {
  background-color: #fd1313;
  color: #fff;
  height: 36px;
  width: 36px;
  position: absolute;
  right: -2px;
  top: -36px;
}

.project-ongoing .is-feedback .modal-content textarea {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.project-ongoing .is-feedback .modal-content .button.is-black {
  border-radius: 18px;
  margin: -48px 0 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.project-ongoing .is-rating .button.is-black {
  padding-left: 36px;
  padding-right: 36px;
  margin: -12px 0 36px;
}

.partner-responsible .fa-question-circle,
.company-admin .fa-question-circle,
.plan-admin .fa-question-circle {
  transform: scale(1.35) translateY(-1px);
}

.partner-responsible .subtitle .fa-question-circle,
.company-admin .subtitle .fa-question-circle,
.specialist-admin .subtitle .fa-question-circle,
.references-admin .subtitle .fa-question-circle,
.brands-users-admin .subtitle .fa-question-circle {
  transform: scale(0.85) translateY(-2px);
}

.partner-responsible .subtitle>.tooltip .fas.fa-question-circle::after,
.company-admin .subtitle>.tooltip .fas.fa-question-circle::after,
.specialist-admin .subtitle>.tooltip .fas.fa-question-circle::after,
.references-admin .subtitle>.tooltip .fas.fa-question-circle::after,
.brands-users-admin .subtitle>.tooltip .fas.fa-question-circle::after {
  top: 8px;
  width: 75%;
  height: 75%;
}

.tooltip:hover {
  z-index: 9999 !important;
}

#root .breadcrumb.is-medium a {
  color: black;
}

#root .box table {
  border-color: transparent;
}

#root .box table a {
  color: black;
}

#root .navbar-dropdown a.navbar-item.is-active {
  color: black;
  font-weight: 600;
}

#root .navbar-dropdown a.navbar-last-item {
  color: black;
  font-weight: 300;
}

#root a.forgot-pass,
#root a.forgot-pass:visited,
#root a.forgot-pass:hover,
#root a.forgot-pass:active {
  color: black;
}

.carousel-cards-mask {
  display: block;
  margin-left: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel-cards-mask .carousel-cards {
  transition: all 0.4s ease-out;
  width: 100%;
}

.carousel-cards .carousel-cards-item {
  display: inline-block;
  overflow: hidden;
}

.carousel-cards-buttons .is-opaque {
  cursor: default;
  opacity: 0.15;
  display: none;
}

.carousel-cards-buttons button {
  background-color: black;
  border: 0;
  cursor: pointer;
  color: white;
  margin-left: 3px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
  transition: all 0.15s ease-out;
}

.carousel-cards-buttons {
  float: right;
  position: relative;
  margin-top: -54px;
}

/* .carousel-cards-mask button:first-child {
    float: left;
}

.carousel-cards-mask button:last-child {
    float: right;
} */

.carousel-cards-buttons span {
  display: inline-block;
  transform: scale(1, 1.5) translate(2px, -1px);
}

.carousel-cards-item .media {
  overflow: hidden;
  border: solid 1px #dedede;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  padding: 12px;
}

.carousel-cards-item .card-content {
  padding: 1rem 0.5rem;
}

.taxLine td {
  background-color: #cbede0;
}

.costLine td {
  background-color: #bab1d1;
}

.preview-cards .carousel .carousel-container .card {
  border: 0;
  box-shadow: none;
}

.preview-cards .carousel-cards-item .media {
  border: 0;
}

.preview-cards .carousel-cards-item .media,
.preview-cards.preview-cards-awards .carousel .carousel-item .card {
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.125), 0 6px 10px rgba(0, 0, 0, 0.125);
}

.preview-cards.preview-cards-awards .carousel-item .subtitle {
  padding-left: 0;
}

.preview-cards .carousel-cards-item .media p {
  line-height: 18px;
}

.preview-cards .carousel-cards-item .media p strong {
  display: inline-block;
  padding: 0.35rem 0;
}

.preview-cards-not-media .carousel-item {
  padding: 1rem 0.5rem;
}

.preview-cards-not-media .carousel-item div {
  border-radius: 3px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.125), 0 6px 10px rgba(0, 0, 0, 0.125);
  height: 100%;
  overflow: hidden;
}

.preview-cards-cases .carousel-item {
  width: 50%;
}

.preview-cards-not-media .carousel-item figure+p,
.preview-cards-not-media .responsive-video+p,
.preview-cards-not-media .responsive-video-container+p {
  padding: 1rem 1.5rem 1.25rem;
}

.preview-cards-not-media .carousel-item figure {
  background-color: #dedede;
  margin: 0;
}

.preview-hr {
  border-bottom: 1px solid #f1f1f1;
  margin: 2rem -1.5rem 2rem;
}

.preview-hr-hidden {
  display: none;
}

.preview-cards .subtitle {
  padding-left: 0.5rem;
}

.responsive-video-container {
  background-color: #000;
  position: relative;
  padding-top: 0;
}

.responsive-video-container video {
  transform: translateY(0%);
  max-height: 350px;
  top: 50%;
  position: relative;
}

.preview-cards-not-media .carousel-item .responsive-video-container {
  border-radius: 0 !important;
  height: auto;
  max-height: 350px;
}

.responsive-video {
  border-radius: 0 !important;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: auto !important;
  height: auto !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.responsive-video>div {
  border-radius: 0 !important;
  height: 100%;
  width: 100%;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 1024px) {
  .preview-area {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .preview-page-container .hero-body .container {
    width: 100% !important;
  }
}

.eventListForMobile {
  display: none;
}

@media (max-width: 768px) {
  .preview-area {
    padding: 0 !important;
  }

  .preview-cards-cases .carousel-item {
    width: 100%;
  }

  .invitation-list-boxes {
    padding: 24px 18px;
  }

  .invitation-title {
    padding-top: 12px;
  }

  .hero-head.is-fixed+div>.hero-body.invitation-container {
    padding-bottom: 12px !important;
  }

  .invitation-list-boxes .button.is-small {
    border-radius: 0;
    margin-right: 6px;
  }

  .invitation-list-boxes .tag {
    border-radius: 0;
    height: 27px;
  }

  .not-for-mobile {
    display: none;
  }

  .invitation-container+div>.container .react-tabs__tab-panel,
  .client-list-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .invitation-tabs {
    padding: 0 18px;
  }

  .rbc-month-header .rbc-header span {
    font-size: 0;
  }

  .rbc-month-header .rbc-header:nth-child(1)::after {
    content: 'D';
  }

  .rbc-month-header .rbc-header:nth-child(2)::after {
    content: 'S';
  }

  .rbc-month-header .rbc-header:nth-child(3)::after {
    content: 'T';
  }

  .rbc-month-header .rbc-header:nth-child(4)::after {
    content: 'Q';
  }

  .rbc-month-header .rbc-header:nth-child(5)::after {
    content: 'Q';
  }

  .rbc-month-header .rbc-header:nth-child(6)::after {
    content: 'S';
  }

  .rbc-month-header .rbc-header:nth-child(7)::after {
    content: 'S';
  }

  body .container-calendar .schedule-container {
    height: 440px;
    margin-bottom: 24px;
  }

  body .container-calendar .rbc-month-view {
    height: 92.5%;
  }

  body .rbc-off-range>a {
    color: #f0f0f0 !important;
  }

  body .rbc-event {
    font-size: 0;
    padding: 0;
    height: 8px;
    width: 8px;
  }

  body .rbc-row-segment {
    margin: -6px 0 0 6px;
  }

  body .rbc-event .rbc-event-content {
    display: none;
  }

  .project-definition .rbc-header+.rbc-header,
  .project-definition .rbc-day-bg+.rbc-day-bg,
  .project-ongoing .rbc-header+.rbc-header,
  .project-ongoing .rbc-day-bg+.rbc-day-bg,
  .project-definition .rbc-month-row+.rbc-month-row,
  .project-ongoing .rbc-month-row+.rbc-month-row,
  .project-definition .rbc-header,
  .project-ongoing .rbc-header {
    border-width: 2px;
  }

  .eventListForMobile {
    display: block;
    margin-bottom: 48px;
    font-size: 85%;
  }

  .eventListForMobile li {
    background-color: #d1ebf7;
    display: block;
    border-radius: 3px;
    margin: 0 6px 3px;
    padding: 6px 12px;
  }
}

.invitation-tabs .react-tabs__tab--selected {
  background-color: inherit;
  color: #fff;
}

.navbar-item.has-dropdown .navbar-dropdown {
  height: 24px;
}

.navbar-item.has-dropdown.is-active .navbar-dropdown {
  height: auto;
}

body .project-definition .bp-toolbar,
body .project-ongoing .bp-toolbar {
  margin-top: -12px;
  padding: 0 0 14px;
}

body .schedule-container {
  height: 660px;
}

body .rbc-show-more {
  font-size: 75%;
  font-weight: normal;
}

body .rbc-month-view {
  height: 95%;
}

#navbarMenu .navbar-dropdown.navbar-notification-window {
  background-color: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  /* transform: scale(1); */
  width: 380px;
}

/* #navbarMenu .navbar-link .bellNotificationYes {
    color: #ffdd57 !important;
} */

#navbarMenu .navbar-link .bellNotificationNo {
  color: #fff !important;
}

#navbarMenu .navbar-dropdown.navbar-notification-window {
  padding: 0;
}

#navbarMenu .notificationViewAll {
  background-color: #fff !important;
  border-bottom: double 3px #dbdbdb;
  padding-bottom: 0;
  padding-top: 0;
}

#navbarMenu .notificationViewAll a {
  color: #000;
  display: inline-block;
  text-align: right;
  width: 100%;
}

body .kwGyVs {
  animation-duration: 730ms;
  animation-delay: 5s;
}

#navbarMenu .navbar-dropdown.navbar-notification-window .navbar-item,
#navbarMenu .navbar-dropdown.navbar-notification-window .navbar-item p {
  display: block;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  width: 100%;
  white-space: normal;
}

#navbarMenu .navbar-dropdown.navbar-notification-window .navbar-item {
  background-color: #f9f9f9;
}

#navbarMenu .navbar-dropdown.navbar-notification-window .navbar-item small {
  cursor: default;
  font-size: 10px;
  opacity: 0.5;
}

#navbarMenu .navbar-dropdown.navbar-notification-window .navbar-item:nth-child(odd) {
  background-color: #f1f1f1;
}

.customized-projects-header {
  margin-top: -39px;
}

.customized-projects-header .is-9,
.customized-projects-header .is-6,
.customized-projects-header .is-3 {
  padding: 28px 0;
}

.customized-projects-header .green {
  background-color: #cbede0;
  padding-left: 28px;
  padding-right: 28px;
}

.customized-projects-body {
  margin: 0 auto;
}

.customized-projects-body .is-7 {
  padding-left: 28px;
  padding-right: 28px;
  overflow-y: auto;
  max-height: 600px;
}

.customized-projects-body .is-5 {
  padding-left: 24px;
}

.customized-projects-body .cart-item-delete a {
  background-color: #ececec;
  width: 30px;
  height: 30px;
  line-height: 35px;
  border-radius: 25px;
  display: inline-block;
  color: #000;
  font-weight: 700;
  margin-left: 24px;
  text-align: center;
}

.customized-projects-body .cart-item-total {
  text-align: center;
}

.customized-projects-body .cart-item-total-num {
  background-color: #ececec;
  cursor: default;
  display: inline-block;
  font-weight: 400;
  padding: 3px 6px;
  margin: 0 auto;
  min-width: 36px;
  line-height: 40px;
}

.customize-cart-dropdown-item-sum .cart-item-amount {
  display: inline-block;
  text-align: right;
}

.customized-projects-body .cart-item-amount {
  padding-right: 16px;
  min-width: 120px;
}

.customized-projects-body .customize-content h4 {
  font-weight: 400;
}

.customized-projects-body .customize-content h2 {
  font-size: 18px;
}

.customized-projects-body .customize-cart-dropdown-updated .button.is-black {
  width: 100%;
}

.customized-projects-body .media-template-card .button.is-black::after {
  content: '»';
  padding-left: 8px;
}

.customized-projects-body .media-template-card .toggleTrigger {
  display: inline-block;
}

.customized-projects-body .media-template-card .toggleTrigger::after {
  content: '>';
  display: inline-block;
  padding: 0 12px;
  transform: rotate(-90deg) scale(1, 2);
  font-size: 12px;
  position: relative;
  top: -2px;
  left: 3px;
}

.customized-projects-body .media-template-card .toggleTrigger.is-closed::after {
  transform: rotate(90deg) scale(1, 2);
}

.customized-projects-body .media-template-card .customize-content {
  padding: 24px;
}

.customized-projects-body .customize-cart-dropdown .customize-card-final {
  padding: 12px 12px 6px;
}

.for-np+div .client-container-build-project {
  padding-bottom: 0;
}

.build-closure {
  padding-bottom: 128px;
}

.customized-projects-body h6 {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 32px 0 16px;
}

.customized-projects-body .customize-cart i {
  color: #000;
  font-size: 16px;
  padding-right: 12px;
}

.customized-projects-body .customize-cart-items {
  font-size: 10px;
  height: 19px;
  right: 1px;
  width: 19px;
}

.customized-projects-body .cartResume {
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
}

.customized-projects-header .is-9 h1 {
  font-weight: 700;
  margin-bottom: 6px;
}

.customized-projects-header .blue {
  background-color: #c7e5f2;
}

.customized-projects-header .blue .boxTitle.right {
  border: 0;
}

.customized-projects-header .is-3 h4 {
  font-size: 115%;
  margin-bottom: 0;
}

.customize-filter-wrapper,
.customize-search-wrapper {
  padding: 0 18px;
  margin: 12px 0 0;
}

.customize-search-wrapper {
  padding-right: 30px;
  margin-top: 39px;
}

.customize-search-wrapper .level-item {
  width: 100%;
}

.customize-search-wrapper .field {
  width: 100%;
}

.hr-style {
  background-color: rgb(0, 0, 0);
  height: 1px;
  margin: 0 18px;
}

.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  body .for-np+.client-step>.container>.column.is-12>form>.columns.customized-projects-header {
    margin: -1rem -1.5rem 1.5rem !important;
    /* padding: 0 1.5rem !important; */
  }

  body .for-np+.client-step>.container>.column.is-12>form>.columns.customized-projects-header>.column {
    padding: 1.5rem;
  }

  body .customized-projects-body .is-7 {
    overflow: auto;
    max-height: inherit;
  }

  body .columns.customized-projects-header .regular-control-text {
    line-height: 18px;
  }

  body .customize-filter-content {
    display: block;
    margin-bottom: 12px !important;
  }

  body .customized-projects-body+hr {
    margin: 36px 0 0 !important;
  }

  body .customized-projects-body .media-template-card .button.is-black::after {
    padding-left: 0;
    transform: rotate(-90deg) translate(-1px, 3px);
  }

  body .customized-projects-header .is-3 h4 {
    display: inline-block;
    /* text-align: left; */
    width: 60%;
  }

  body .customized-projects-header .is-3 h4+.field {
    display: inline-block;
    float: right;
    width: 40%;
  }

  body .customized-projects-body .is-7 h6 {
    padding-top: 0;
  }

  body .customized-projects-body .customize-baseline {
    height: 4px;
  }

  body .customized-projects-body .media-template-card .toggleTrigger {
    margin: 30px 0 15px;
    width: 100%;
  }

  body .customized-projects-header .is-3 h4+.field label {
    display: none;
  }

  body .customized-projects-header .control.is-expanded .button.is-rounded {
    border-radius: 24px;
    letter-spacing: 1px;
    line-height: 14px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .mobile-only {
    display: block;
  }
}

/* Uplift */

.uplift .title-for-np {
  font-family: 'Helvetica Neue LT Std';
  font-weight: bold;
  font-size: 32px;
}

.uplift .label {
  font-weight: 600;
}

body .uplift .control .input,
body .uplift .control .bp__control {}

.hero-head.is-fixed+div>.hero-body.for-np {
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.25);
}

.uplift .control .radiomark {
  border: solid 2px #000;
}

.uplift .control .radiomark:after {
  background-color: #000;
  top: 5px;
  left: 5px;
}

.uplift.partner-projects,
.uplift.client-project-list {
  background: #fff;
  padding-top: 65px;
  min-height: 100vh;
}

.uplift.partner-projects h1,
.uplift.client-project-list h1 {
  font-size: 25px;
  position: relative;
  width: auto;
  font-weight: 400;
  margin: 0 0 48px;
}

.uplift.partner-projects h1 span,
.uplift.client-project-list h1 span {
  position: relative;
}

.uplift.partner-projects h1 span::after,
.uplift.client-project-list h1 span::after {
  background-color: #000;
  position: absolute;
  display: block;
  content: '';
  height: 8px;
  margin-top: 12px;
  top: 100%;
  width: 80%;
}

.uplift .card-boxes .card,
.uplift .card-box .card,
.uplift.project-invite .reviewed-media .media,
.uplift.project-invite .card {
  border: 0;
}

.uplift.project-invite .checkbox input~.checkmark {
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.uplift .tag {
  background: no-repeat 6px center;
  background-size: 24px;
  padding-left: 36px;
}

.uplift .tag.tag-accepted {
  background-image: url('/img/icon-success.svg');
}

.uplift .tag.tag-declined {
  background-image: url('/img/icon-error.svg');
}

.uplift .tag.tag-expired {
  background-image: url('/img/icon-warning.svg');
}

.uplift.client-project-list thead {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.table-main {
  overflow: hidden;
}

.uplift.client-project-list thead th {
  background-color: #434343;
  cursor: default;
  border: 1px solid #858585;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}

.uplift.client-project-list table tr:nth-child(even) td {
  background-color: #eee;
}

.uplift.client-project-list table tr:nth-child(even) td.is-warning {
  color: #000;
  /* font-weight: bold; */
}

.uplift.client-project-list table tr:nth-child(even) td.is-warning a span {
  color: #000;
  font-weight: normal !important;
}

#root .uplift.client-project-list table {
  border: 0;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.briefing-scroll-list-for-proj-details {
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}

.briefing-scroll-list-for-proj-details .project-details-brief-card {
  box-shadow: none;
  padding: 0 16px;
}

.briefing-scroll-list-for-proj-details .project-details-brief-card .card-header-title {
  font-weight: 600;
  font-size: 16px;
}

.briefing-scroll-list-for-proj-details .project-details-brief-card .public-DraftEditor-content {
  min-height: auto;
}

#root table.table-notification-list .is-new {
  background-color: #fefefe;
}

#root table.table-notification-list .is-new .is-new-label {
  background-color: #000;
  color: #fff;
  font-size: 75%;
  margin-right: 6px;
  padding: 4px 9px 3px;
}

.uplift.client-project-list thead th .table-icon {
  background: no-repeat center center;
  background-size: contain;
  height: 22px;
  margin: 8px 0;
}

.uplift.client-project-list thead th .table-icon img {
  margin-bottom: 10px;
}

.uplift.client-project-list .container-table {
  overflow: visible;
  margin: 24px 18px 0;
}

.uplift .bp__control .bp__multi-value {
  background-color: #000;
  color: #fff;
  position: relative;
  top: -4px;
  border-radius: 5px;
}

.uplift .bp__control .bp__multi-value__label {
  color: #fff;
}

.uplift.new-project-thankyou-image a,
.uplift.new-project-thankyou-image a:visited,
.uplift.new-project-thankyou-image a:hover,
.uplift.new-project-thankyou-image a:active {
  color: black;
  text-decoration: underline;
}

.uplift.new-project-thankyou-image {
  background-color: #fff;
  padding-top: 64px !important;
}

.uplift.new-project-thankyou-image .colot-line {
  background-color: #000;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 18px;
}

.navbar-link-name-not-mobile {
  display: none;
}

/* .navbar-item.has-dropdown.is-hoverable {
    display: none;
} */

/* @media (max-width: 768px) {
    .hero-head .navbar-end .navbar-item {
        display: inline-block;
        float: right;
        height: 43px !important;
        width: 49%;
    }
} */

@media (max-width: 768px) {
  .uplift.client-step-1 .uplift-step-1 {
    padding-top: 40px;
  }

  #root .uplift-hero-3 {
    padding-top: 44px !important;
  }

  .uplift.client-step-1 .uplift-step-3,
  .uplift.client-step-1 .uplift-step-4 {
    background-color: #fff;
  }

  .uplift-notification-list-container {
    padding: 0 18px;
  }
}

.uplift .flag-yellow,
.uplift .flag-blue,
.uplift .flag-purple,
.uplift .flag-green,
.uplift .flag-red,
.project-definition .flag-yellow,
.project-definition .flag-blue,
.project-definition .flag-purple,
.project-definition .flag-green,
.project-definition .flag-red {
  display: inline-block;
  padding: 0 12px;
}

.uplift .flag-yellow,
.project-definition .flag-yellow {
  background-color: #fff291;
}

.uplift .flag-blue,
.project-definition .flag-blue {
  background-color: #a8d7eb;
}

.uplift .flag-purple,
.project-definition .flag-purple {
  background-color: #bab1d1;
}

.uplift .flag-green,
.project-definition .flag-green {
  background-color: #e3fbb8;
}

.uplift .flag-red,
.project-definition .flag-red {
  background-color: #ffc5b9;
}

.uplift .invitation-tabs {
  border-bottom: solid 3px #1883ff;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 18px;
}

.uplift .invitation-tabs .react-tabs__tab--selected {
  background-color: #1883ff;
  border: 0;
  border-radius: 0;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.uplift .invitation-tabs .react-tabs__tab {
  padding: 12px 22px;
}

.card-boxes .card-intro-icon,
.card-box .card-intro-icon {
  padding: 24px 0 0 24px;
}

.uplift .box.box-with-cover {
  border-radius: 0;
  display: flex;
  flex-direction: row;
  padding: 0;
  position: relative;
}

.uplift .invitation-list-item-details .button.is-black {
  border-radius: 16px;
  font-weight: 600;
  padding: 7px 18px;
  text-transform: uppercase;
}

.uplift .invitation-list-item-details {
  padding: 12px 0 24px 24px;
}

.uplift .box-with-cover .tag {
  transform: scale(0.75);
  position: absolute;
  top: 8px;
  right: 2px;
}

.uplift.partner-projects h1,
.uplift.client-project-list h1,
.uplift.partner-projects h1+p,
.uplift.client-project-list h1+p {
  padding: 0 24px;
}

.uplift.partner-projects h1+p,
.uplift.client-project-list h1+p {
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .card-box .card-row .card {
    display: flex;
    flex: 1 1;
    min-height: 120px;
    width: 100%;
  }

  .uplift-fullheight-bg .new-project-page-bg-image {
    min-height: 100vh;
  }

  .card-boxes .card {
    display: flex;
    flex: 1 1;
    min-height: 120px;
  }

  .card-boxes .card:nth-child(even) {
    margin-right: 0;
  }

  .card-boxes,
  .card-box {
    display: flex;
    flex-direction: column;
  }

  .card-boxes {
    background: #fff;
    border-radius: 20px;
  }

  .card-box .card-row {
    display: flex;
    flex-direction: row;
  }

  .uplift.partner-projects h1,
  .uplift.client-project-list h1,
  .uplift.partner-projects h1+p,
  .uplift.client-project-list h1+p {
    padding: 0;
  }

  .uplift .box-with-cover .tag {
    transform: scale(1);
    top: 18px;
    right: 16px;
  }

  .uplift.client-project-list .container-table {
    margin: 0;
  }

  .uplift .invitation-tabs {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .uplift.client-step-1 {
    background-color: #f0e2a1;
  }

  .navbar-link-name-not-mobile {
    display: inline-block;
  }

  .navbar-item.has-dropdown.is-hoverable {
    display: block;
  }

  .uplift.new-project-page-custom-bg {
    padding-top: 148px;
  }

  .uplift.new-project-thankyou-image {
    background-repeat: no-repeat;
    background-size: 40% 50%;
    padding-top: 128px !important;
  }

  .new-project-page-bg-image {
    background-image: url('/img/bg-banner.svg');
    background-repeat: repeat-y;
    background-size: 40% 60%;
  }

  .uplift .title-for-np {
    padding-top: 64px;
  }

  .uplift .text {
    font-size: 85%;
    line-height: 1.4;
    padding-bottom: 24px;
  }

  .uplift .np-basicFormInit .field {
    width: 100%;
  }

  .uplift.review-bg {
    background: linear-gradient(to right,
        #fff 0%,
        #fff 55%,
        #f6f6f6 55.000001%,
        #f6f6f6 100%);
  }

  /* .uplift .form-group {
        border-left: solid 8px #BAB1D1;
        padding-left: 28px;
    } */

  .uplift .opening-cover {
    background-color: #dedede;
    background-size: cover;
    margin-top: 140px;
    position: relative;
    width: 100%;
    height: 220px;
  }

  .uplift .opening-cover+.container {
    padding-top: 96px;
  }

  .uplift .opening-cover-logo {
    background-color: #999;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 12.5%;
    top: 96px;
    width: 180px;
    height: 180px;
  }

  .invitation-list-item-image-cover {
    background: #dedede no-repeat center center;
    background-size: cover;
    min-height: 220px;
    display: flex;
    width: 280px;
  }

  .invitation-list-item-details {
    flex: 1 1;
    padding: 16px 36px;
  }
}

.uplift.full-review-bg {
  background-color: #f7f7f7;
}

.uplift.full-review-bg .media-content .level-left .title::after,
.project-definition .media-content .level-left .title::after {
  background-color: #fff291 !important;
}

.notificationPagination {
  padding: 12px 0 36px;
  text-align: center;
}

.notificationPagination .button.is-black:focus:not(:active),
.notificationPagination .button.is-black.is-focused:not(:active) {
  box-shadow: none;
  outline: none;
}

.projAssetBundleBullet {
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  padding: 4px 9px;
  margin: 0 12px;
  transform: scale(1, 0.85);
}

.project-definition .project-details-review .uplift .card,
.project-ongoing .project-ongoing-review .uplift .card {
  display: flex;
}

.delivered-alert {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
}

.delivered-alert.yes-delivered i {
  color: #007800;
}

.delivered-alert.no-delivered i {
  color: #ed6e59;
}

.timeline-item-first .delivered-alert {
  right: 0;
  left: inherit;
}

.timeline-name {
  position: relative;
}

.tooltip-bp-content {
  padding: 15px 5px;
  min-width: 200px;
}

.tooltip-bp-content h4,
.tooltip-bp-content p,
.tooltip-bp-content li,
.tooltip-bp-content li strong {
  color: #fff;
  text-align: left;
}

.tooltip-bp-content ul {
  margin: 0;
}

.tooltip-bp-content li {
  list-style: none;
  line-height: 16px;
  margin-bottom: 20px;
}

.tooltip-bp-content li span {
  display: block;
}

.link-disable {
  pointer-events: none;
  opacity: 0.3;
}

.ul-list-errors {
  background: #ffebe8;
  border: dotted #ccc 2px;
  padding: 15px;
  margin-bottom: 20px;
}

.ul-list-errors li {
  margin-bottom: 10px;
}

.msg-accepted {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.msg-accepted.yes-accepted {
  color: #48bb78;
  font-size: 125%;
  line-height: 1.25;
}

.msg-accepted.no-accepted {
  color: #e53e3e;
  font-size: 120%;
}

.msg-accepted h4 {
  font-weight: bold;
  font-size: 18px;
}

.msg-info {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.msg-info h4 {
  font-weight: bold;
  font-size: 120%;
}

.content-tip-reason {
  padding: 20px 10px;
}

.content-tip-reason.content-parceiro {
  max-width: 300px;
}

.content-tip-reason h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
  border-bottom: solid 1px #fff;
  text-align: left;
}

.content-tip-reason ul li,
.content-tip-reason p,
.content-tip-reason strong {
  text-align: left;
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 12px;
}

.content-tip-reason div {
  text-align: left;
  color: #fff;
  margin-bottom: 10px;
  white-space: pre-wrap;
}

.icon-reasonso i {
  float: right;
  position: relative;
  right: 30px;
}

.icon-reasonso.ok i {
  color: #2f7709;
}

.icon-reasonso.not i {
  color: #f40c0c;
  transform: rotate(180deg);
}

.info-admin-icon {
  margin-left: 15px;
}

.info-invite-icon {
  margin-right: 15px;
}

.info-admin-icon .fas.fa-question-circle::after {
  display: none;
}

html,
body {
  height: auto;
  width: auto;
}

.msgOk {
  border: dotted 1px #ccc;
  background: #e3fbb8;
  padding: 15px;
  margin-bottom: 20px;
}

.btn-right a {
  float: right;
}

.swal-button {
  transition: background 0.3s ease;
}

.swal-button--confirm {
  background-color: #ffdd57;
  color: #000;
}

.swal-button--confirm:hover {
  background-color: #000;
  color: #fff;
}

.swal-button:not([disabled]):hover {
  background-color: #000;
  color: #fff;
}

.is-selected {
  border: solid 1px #000;
}

html,
body {
  height: auto;
  width: auto !important;
}

.hero-body.page-whatif {
  display: block !important;
  padding: 0 !important;
}

button::after {
  animation-duration: 0s !important;
}

.disabledLink {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.45;
}

.card-container {
  margin-top: 80px;
}

.card-container .ant-tabs {
  overflow: inherit;
}

.card-container .slide2 {
  top: -2px;
}

.card-container .slide3 {
  top: -4px;
}

.card-container .slide4 {
  top: -6px;
}

.card-container .slide5 {
  top: -8px;
}

.card-container>.ant-tabs-card>.ant-tabs-content {
  margin-top: -17px;
}

.card-container>.ant-tabs-card>.ant-tabs-content>.ant-tabs-tabpane {
  border-radius: 20px;
  border-top-left-radius: 0;
  padding: 20px;
  position: relative;
  background: #fff;
}

.card-container>.ant-tabs-card>.ant-tabs-bar {
  border-color: #fff;
}

.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
  border: 0;
  background: #636363;
  color: #fff;
  font-weight: bold;
  border-radius: 0;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  line-height: 45px;
}

.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
  border: 0;
  background: #000;
}

.field-disabled {
  opacity: 0.3;
}

.field-disabled input,
.field-disabled label {
  cursor: not-allowed;
}

.partner-step .container .subtitle.no-margin {
  margin-bottom: 0px;
}

@media (max-width: 375px) {

  #navbarMenu .navbar-dropdown.navbar-notification-window,
  #navbarMenu .navbar-item.is-active .navbar-dropdown {
    width: 100%;
    top: 74px;
    position: fixed !important;
    max-width: auto;
  }
}

.carousel .image.is-4by3 img {
  position: relative;
  display: inline;
  max-height: 350px;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}

.carousel .image.is-4by3 {
  padding-top: 0;
  text-align: center;
  height: 350px;
}

.preview-cards-not-media .carousel-item figure {
  background: #f5f5f5;
}

.FormatLabel {
  font-weight: normal !important;
}

.btnWhatsapp {
  margin-top: 30px;
}

.btnWhatsapp i {
  border-radius: 20px;
}

.btnWhatsapp a,
.btnWhatsapp i {
  display: inline-block;
  padding: 6px 18px;
  overflow: hidden;
  font-style: normal;
}

.btnWhatsapp a span,
.btnWhatsapp i span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: -2px;
  float: left;
}

.btnWhatsapp img {
  width: 20px;
  position: relative;
  top: 6px;
  margin-right: 10px;
  float: left;
}

.hcard {
  padding: 15px;
}

.hcard p {
  font-size: 12px;
}

.hcard strong,
.hcard b {
  display: block;
}

.hcard span {
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  border: dotted 1px #ececec;
}

.container.thankyou {
  padding-top: 76px;
}

.checkBorder {
  border: solid 1px #000;
}

.table-main {
  width: 100%;
  overflow-x: auto;
}

@media (max-width: 720px) {
  .navbar-menu.admin-menu-scrool {
    width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 480px) {
  .campo-table-mob {
    display: block;
    float: none;
    margin-bottom: 15px !important;
  }

  .field.is-grouped.table-mob {
    display: block;
  }

  .no-mob {
    display: none !important;
  }
}

.nav-sub {
  position: relative !important;
  padding: 0 20px;
}

.nav-sub a {
  height: 100%;
}

.sumenu-admin {
  position: absolute;
  top: 53px;
  border: solid 1px #ccc;
  background: #fff;
  left: 20px;
  width: 120px;
}

.sumenu-admin .sumenu-admin {
  left: inherit;
  left: 118px;
}

.steps .step-item .step-details .step-title {
  font-size: 16px !important;
  line-height: 20px;
}

.steps .step-item .step-details p {
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
}

.steps .step-item.is-active .step-marker {
  background-color: #00d1b2;
  border-color: #00d1b2;
}

.steps .step-item.is-completed .step-marker {
  background-color: #9ee5d8;
}

.steps .step-item.bp-is-pending .step-marker {
  background-color: #d3d3d3;
}

.steps .step-item.bp-is-pending .step-details p {
  opacity: 0.3;
}

.btn-open-avaliacao {
  float: right;
}

.pbtn-avaliacao {
  overflow: hidden;
  margin-bottom: 30px;
  float: right;
  position: relative;
  top: -50px;
  z-index: 80;
}

.item-rating .title-item {
  font-weight: bold;
  margin-bottom: 0px;
}

.item-rating {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: dotted 1px #ccc;
}

.animate-loading {
  text-align: center;
}

.animate-loading i {
  font-size: 40px;
}

/* .steps .step-item .step-marker {
    background-color: #00d1b2;
    border-color: #fff;
} */

.loadingAssets {
  text-align: center;
  margin-top: 50px;
}

.loadingAssets i {
  font-size: 40px;
  opacity: 0.7;
}

.parceiro-projeto-margin {
  margin-top: 120px;
}

.ProjectOk {
  padding-top: 180px;
  text-align: center;
}

.errorsli {
  padding: 30px 0 0 120px;
}

.errorsli li {
  margin-bottom: 5px;
  list-style: disc !important;
  color: #e32f02;
  font-size: 14px;
}

.TabBtn {
  float: right;
  margin-left: 2rem;
}

.TabBtn i {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 22px;
  color: #818181;
}

.card .image.imageFix {
  text-align: center;
  height: 180px;
}

.card .image.imageFix img {
  display: inline-block;
  height: 100%;
  width: auto;
}

.spaceCheck {
  margin: -50px 0 -30px !important;
}

.BoxcheckBorder .checkmark,
.checkBorderLine .checkmark {
  border: solid 1px;
}

.for-np+div .BoxcheckBorder .checkbox {
  margin-bottom: 82px;
}

.content-terms li {
  font-size: 15px;
  color: #333333;
  line-height: 24px;
}

.pbtn-down {
  margin-top: 20px;
  text-align: right;
  padding: 0 10px;
}

.orFields {
  padding-bottom: 60px;
}

.orFields h4 {
  padding-bottom: 15px;
  margin-bottom: 50px;
  border-bottom: solid 1px #eeeeee;
}

.btnMim .control {
  text-align: center;
  margin-top: 35px;
}

.contentOr {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.textOr {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.textOr p {
  margin-top: 40px;
}

.errorTEP {
  border: solid 1px #ff3860;
  display: block;
  width: 100%;
  padding: 20px 20px 10px;
  background: #fcf7f7;
  margin-top: 30px;
}

.errorTEP ul {
  list-style: disc;
  padding-left: 20px;
}

.errorTEP ul li {
  margin-bottom: 10px;
}

.pright {
  text-align: left;
}

.boxDelegate {
  background: #ddf9ff;
  padding: 20px;
  margin-top: 20px;
}

.boxDelegate h3 {
  padding: 0 0 10px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 20px;
}

.priceStrong {
  float: right;
}

.priceStrongDollar {
  float: right;
  font-weight: normal;
  font-size: smaller;
  margin-right: 10px;
  margin-top: 1px;
}

.priceTotalDollar {
  font-weight: normal;
  font-size: 10px;
  margin-left: 5px;
}

.field .is-white {
  background: #fff;
  border: solid 1px #000;
}

.field .is-white:hover {
  background: #000;
  color: #fff;
  border: solid 1px #000;
}

.checkbox .checkmark {
  border: solid 1px #000;
}

.ant-btn.btnDangerList {
  padding: 0 8px;
  height: 28px;
  line-height: 30px;
  margin-left: 10px;
}

.btnEditarAction {
  width: calc(100% - 44px);
}

.ant-notification {
  z-index: 3147483002 !important;
}

.forceRight {
  margin-right: 20px;
}

.btAssetsCreate {
  border-radius: 20px;
  margin-top: 130px;
  background: #fff;
  padding: 40px 20px;
  text-align: center;
}

.btAssetsCreate p {
  margin-bottom: 20px;
}

.btAssetsCreate button {
  border-radius: 18px !important;
  border-radius: 18px;
  letter-spacing: 3px;
  height: auto;
  font-size: 12px;
  padding: 8px 30px !important;
  margin-top: 0;
  font-weight: bold;
}

.btAssetsCreate button a {
  color: #fff;
}

.customized-projects-body .customize-cart-dropdown-updated .button.is-black {
  font-weight: bold;
}

.boxRedefinir {
  text-align: left;
}

.card-type {
  padding: 20px;
  margin-bottom: 20px;
}

.resume-cart-content table {
  background: #fff;
}

.form-resumo {
  padding-top: 120px;
}

.form-resumo-client {
  padding-top: 40px;
}

.hrNew {
  margin: 10px 0 !important;
}

.space-padding {
  padding: 0 0 0 20px;
}

.TopCard {
  margin-top: 79px;
}

.top-assets-partner {
  padding-top: 120px;
}

.hero-head.is-fixed+div>.hero-body.new-sub {
  padding-bottom: 0 !important;
}

.new-sub .title {
  line-height: 50px;
}

.RowAssetMargin {
  margin-top: 35px;
}

input:read-only {
  background-color: #f5f5f5;
  border: none !important;
}

.ulErrors {
  border: solid 1px #fd1313;
  background: #fcebe8;
  padding: 20px 20px;
}

.ulErrors li {
  margin-bottom: 10px;
  font-size: 14px;
}

.ulErrors li i {
  margin-right: 5px;
  color: #fd1313;
}

.textAreaCounter {
  margin-bottom: 0;
}

.labelClean .ant-form-item-label>label::after {
  display: none;
}

.BtnAction {
  margin-bottom: 20px;
  text-align: right;
}

.descriptionPage {
  margin-bottom: 35px;
  display: block;
  padding: 20px;
  background: #f9f9f9;
  border-bottom: 5px solid #f7f7f7;
  font-size: 14px;
}

.descriptionPageMine {
  margin-bottom: 20px;
}

.iconLabel {
  margin-left: 5px;
}

.helpText {
  font-size: 12px;
}

.textHelpSection {
  font-size: 12px;
  margin-bottom: 30px;
}

.termsText p {
  margin-top: 12px;
}

.termsText {
  padding-right: 25px;
}

.containerTerms {
  max-height: 350px;
  overflow: auto;
}

.boldBlack {
  font-size: 16px;
  color: #000;
}

.crop-container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  border: solid;
  width: 600px;
  height: 600px;
}

.controls {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
  height: 80px;
  display: flex;
  align-items: center;
}

.sectionError {
  padding: 10px 0;
}

.sectionError li a {
  text-decoration: underline;
}

.sectionError h3 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}

.sectionError h3 a {
  color: #000;
}

.boxUserCampo {
  background: #fff;
  margin-right: 5px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding: 20px;
  margin-bottom: 30px;
}

.boxUserCampo p {
  font-weight: bold;
  margin-bottom: 15px;
}

.boxUserCampoResume {
  max-width: 400px;
}

.headerX {
  position: fixed;
  width: 100%;
  z-index: 45;
  top: 57px;
}

.headerX .title {
  margin-top: 15px;
}

.helptext {
  font-size: 12px;
}

.boxFiles {
  background: #fff;
  padding: 30px 0;
  box-sizing: border-box;
}

.itemFile {
  background: #fff;
  border: 5px solid #eeeeee !important;
}

.itemFile.line {
  background: #fff;
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
}

.itemFile.grey3 {
  background: #fff;
  border: 0 !important;
  border-top: 5px solid rgb(250, 250, 250) !important;
  border-bottom: 5px solid rgb(250, 250, 250) !important;
}

.itemFile.grey {
  background: #fff;
  border: 0 !important;
  border-top: 5px solid #f7f7f7 !important;
  border-bottom: 5px solid #f7f7f7 !important;
}

.itemFile.grey2 {
  background: #fff;
  border: 0 !important;
  border-top: 5px solid #eeeeee !important;
  border-bottom: 5px solid #eeeeee !important;
}

.itemFile a {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}

.itemFile a:hover {
  color: #4b4444;
}

.list-documentos {
  margin-top: 30px;
}

.list-documentos p {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
}

.list-documentos p i {
  margin-right: 8px;
}

.list-documentos p a {
  color: #000;
}

.list-documentos p a:hover {
  color: #4b4444;
}

.miniLink {
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  display: block;
  color: #000;
  text-overflow: ellipsis;
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
}

.listIdeia {
  border-bottom: solid 1px #999;
  padding: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.listIdeia a {
  color: #000;
  transition: all 0.5s ease;
}

.listIdeia a:hover {
  color: #707070;
}

.listIdeia .delete {
  float: right;
  position: relative;
  top: -4px;
}

.listIdeia a span {
  width: 90%;
}

.listIdeia a span i {
  margin-right: 5px;
}

.textInvite {
  padding: 15px;
  background: #f9f9f9;
}

.slick-slider {
  -webkit-user-select: text;
  user-select: text;
}

.slick-list.draggable {
  -webkit-user-select: none;
  user-select: none;
}

.btnDown a {
  font-weight: normal !important;
}

#partner-signup-steps li a.progress-bar--menu-item span {
  background: #434343 !important;
}

.tag:not(body).is-warning {
  background: #434343 !important;
  color: #fff !important;
}

.fas.fa-question-circle::after {
  display: none !important;
}

/** Bravi  customization **/

.vline {
  border-left: 2px solid #707070;
  height: 95%;
}

/* buttons' icons */

button.card-svg-icon {
  border-radius: 50%;
  height: 36px;
  cursor: pointer;
  padding: 0;
  border: 0;
  margin: 0;
}

button.card-svg-icon,
button.card-svg-icon>img {
  width: 36px;
}

/* partner scheduling */

.is-flex-center {
  display: flex;
  align-items: center;
}

.partnersApproval .card {
  box-shadow: none;
  border: 1px solid #707070;
  border-radius: 20px;
}

/* .client-step {
    background-color: white;
} */

.partnersApproval .title-1 {
  font-weight: bold;
}

.partnersApproval {
  line-height: 25px;
  font-size: 15px;
}

.partner-logo {
  border-radius: 50%;
}

.button.grey {
  background-color: #434343;
  color: white;
  border-radius: 40px;
  /* font-size:13px; */
  /* line-height: 23px; */
  height: 35px;
  /* max-width: 120px; */
  /* width: 100%; */
}

.button.grey,
.button.blue {
  -webkit-appearance: none;
  appearance: none;
}

.button.blue,
.button.blue.large {
  background-color: #1883ff;
  color: white;
  border-radius: 40px;
  font-size: 13px;
  line-height: 23px;
  height: 35px;
  width: 100%;
}

.button.blue {
  max-width: 162px;
}

.no-webkit {
  -webkit-appearance: none !important;
  appearance: none !important;
}

a.no-webkit {
  color: inherit;
}

.button.blue.large {
  max-width: 180px;
}

.partner-select {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  max-width: 367px;
}

.custom-timepicker {
  width: 100%;
  max-width: 110px;
  height: 40px;
}

.custom-timepicker input {
  border: none !important;
  line-height: 40px;
  height: 40px;
  font-size: 30px;
}

.custom-timepicker .ant-time-picker-icon {
  display: none !important;
}

.ant-time-picker-panel {
  z-index: 999999999 !important;
}

/* Schedule list page */

button.filter {
  border-radius: 7px;
  font-size: 13px;
  line-height: 20px;
  height: 36px;
  min-width: 117px;
  margin-top: 5px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
}

button.filter.light-gray {
  background-color: #eeeeee;
  color: #434343;
}

button.filter.dark-gray {
  background-color: #434343;
  color: #ffffff;
}

button.date {
  background-color: #ffffff;
  color: #434343;
  border: 1px solid #434343 !important;
  font-size: 13px;
  line-height: 20px;
  height: 39px;
  min-width: 270px;
  margin-top: 5px;
  border: none;
  cursor: pointer;
}

button.date.disabled {
  background-color: #eeeeee;
  cursor: default;
}

button.filter.is-active,
button.date.is-active {
  background-color: #1883ff;
  color: #ffffff;
}

.card.schedule {
  border: 1px solid #707070;
  min-height: 450px;
  min-width: 333px;
}

.card.schedule.invite {
  width: 25%;
  margin-right: 5%;
}

.card.schedule.invite .card-content {
  height: 100%;
}

.card.schedule .card-content,
.card.schedule.mini .card-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;

  width: 100%;
}

.card.schedule.mini {
  border: none;
  min-height: 354px;
  min-width: 270px;
  padding-top: 115px;
  background-color: #eeeeee;
}

.card.schedule,
.card.schedule.mini {
  margin-top: 10px;
  margin-bottom: 10px;

  border-radius: 15px;
}

.card.schedule.mini .card-banner {
  position: absolute;
  top: 0;
  left: 0;

  border-radius: 15px 15px 0 0;
  width: 270px;
  height: 78px;

  border: none;
}

.card.schedule.mini .card-banner .card-logo {
  position: absolute;
  bottom: -35px;
  left: 20px;
  border-radius: 50%;
  width: 72px;
  height: 71px;
}

.card.schedule.mini .card-info {
  flex-flow: column nowrap;
  font-size: 13px;
}

.card.schedule.mini .card-info span {
  line-height: 21px;
  color: #434343;
}

.card.schedule.mini .card-info .card-title {
  line-height: 20px;

  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

.card.schedule.scroll-overflow .card-content {
  overflow: auto;
  max-height: 450px;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.card.schedule.scroll-overflow .card-content::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari and Opera */
}

.card.schedule .card-content .scroll-overflow {
  overflow: auto;
  max-height: 250px;
  display: block;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.card.schedule .card-content::-webkit-scrollbar .scroll-overflow {
  display: none;
  /* Chrome, Safari and Opera */
}

.list-documentos {
  margin-top: 30px;
}

.list-documentos p {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
}

.list-documentos p i {
  margin-right: 8px;
}

.list-documentos p a {
  color: #000;
}

.list-documentos p a:hover {
  color: #4b4444;
}

.miniLink {
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  display: block;
  color: #000;
  text-overflow: ellipsis;
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
}

.listIdeia {
  border-bottom: solid 1px #999;
  padding: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.listIdeia a {
  color: #000;
  transition: all 0.5s ease;
}

.listIdeia a:hover {
  color: #707070;
}

.listIdeia .delete {
  float: right;
  position: relative;
  top: -4px;
}

.listIdeia a span {
  width: 90%;
}

.listIdeia a span i {
  margin-right: 5px;
}

.textInvite {
  padding: 15px;
  background: #f9f9f9;
}

.slick-slider {
  -webkit-user-select: text;
  user-select: text;
}

.slick-list.draggable {
  -webkit-user-select: none;
  user-select: none;
}

/* simple modal */

.modal.is-round .modal-content {
  border-radius: 10px !important;
}

.modal.overflow .modal-content {
  overflow: visible;
}

.inside-modal-content,
.outside-modal-naked {
  background-color: #ffffff;
  border-radius: 20px;
  position: absolute;
  right: 0;
  top: -40px;
}

.outside-modal-content {
  display: none;
  background-color: #ffffff;
  border-radius: 20px;
  position: fixed;
  right: 20px;
  top: 10px;
  z-index: 9999;
}

/* scheduling */

.scheduling-container {
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}

.sucessoModal {
  padding: 50px;
  text-align: center;
}

.scheduling-container-content {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.link-opcoes {
  font-size: 14px;
  text-align: center;
  color: #000;
  text-decoration: underline;
  display: block;
  line-height: 18px;
  margin: 20px 0 40px;
}

.scheduling-pickers-form {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #ffffff;
  padding: 2% 20px;
}

.scheduling-partners-form {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  background-color: #eeeeee;
  padding: 2% 5%;

  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}

.scheduling-partners-form .available-dates ul li span {
  margin-right: 10px;
}

.text-picker {
  font-size: 14px;
  padding: 0 20px 30px;
}

.pickers-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.container-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
}

.timepicker-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  font-size: 1.1rem;
}

.partners-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}

.partners-container .button.blue {
  min-width: 162px;
}

@media (max-width: 780px) {
  .inside-modal-content {
    display: none;
  }

  .outside-modal-content {
    display: block;
  }

  .modal.overflow.simple-modal .modal-content {
    overflow: auto !important;
    padding-top: 40px;
  }

  .scheduling-pickers-form,
  .scheduling-partners-form {
    padding: 2%;
  }

  .scheduling-partners-form .available-dates {
    margin-bottom: 20px;
  }

  .scheduling-partners-form {
    flex-flow: column nowrap;
    align-items: flex-start;
    margin-right: unset;
  }

  .pickers-container {
    flex-flow: column nowrap;
  }

  .partners-container {
    align-items: center;
  }
}

@media (max-width: 870px) {
  .descMini p {
    line-height: 18px !important;
  }
}

@media (max-width: 480px) {
  .btnDown {
    float: inherit !important;
    top: 0 !important;
    margin: 30px 0;
  }
}

.bpitch-optionalStep {
  opacity: 0.45;
}
@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-Cn.c066a159.eot);
  src: url(/static/media/HelveticaNeueLTStd-Cn.c066a159.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-Cn.54bd347c.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-Cn.a06d61a3.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-Cn.3db228d7.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-Cn.f98ef22c.svg#HelveticaNeueLTStd-Cn) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-ThEx.9919c8a9.eot);
  src: url(/static/media/HelveticaNeueLTStd-ThEx.9919c8a9.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-ThEx.4135e8e3.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-ThEx.ceea8a0c.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-ThEx.c1e37847.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-ThEx.3d0dc2c8.svg#HelveticaNeueLTStd-ThEx) format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-Bd.181363f2.eot);
  src: url(/static/media/HelveticaNeueLTStd-Bd.181363f2.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-Bd.d6e37f60.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-Bd.02e18bfd.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-Bd.3fc58411.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-Bd.5b84d1e3.svg#HelveticaNeueLTStd-Bd) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-MdEx.6b7a03d7.eot);
  src: url(/static/media/HelveticaNeueLTStd-MdEx.6b7a03d7.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-MdEx.ef76de23.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-MdEx.65a6dd3b.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-MdEx.603c5afc.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-MdEx.8ebccc4b.svg#HelveticaNeueLTStd-MdEx) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-Ex.5d3739cd.eot);
  src: url(/static/media/HelveticaNeueLTStd-Ex.5d3739cd.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-Ex.a9126c66.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-Ex.7e9bafe4.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-Ex.3b3fe0ea.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-Ex.9d8d61f0.svg#HelveticaNeueLTStd-Ex) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-Roman.318d5ace.eot);
  src: url(/static/media/HelveticaNeueLTStd-Roman.318d5ace.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-Roman.c7d87bc7.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-Roman.65f38d74.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-Roman.7cac594b.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-Roman.e6955504.svg#HelveticaNeueLTStd-Roman) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-Lt.3ee4c950.eot);
  src: url(/static/media/HelveticaNeueLTStd-Lt.3ee4c950.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-Lt.67b4bc1a.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-Lt.c86e35c5.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-Lt.2161cb33.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-Lt.99099a83.svg#HelveticaNeueLTStd-Lt) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-Bd.181363f2.eot);
  src: url(/static/media/HelveticaNeueLTStd-Bd.181363f2.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-Bd.d6e37f60.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-Bd.02e18bfd.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-Bd.3fc58411.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-Bd.5b84d1e3.svg#HelveticaNeueLTStd-Bd) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-LtEx.23585f59.eot);
  src: url(/static/media/HelveticaNeueLTStd-LtEx.23585f59.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-LtEx.99a80e07.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-LtEx.d35be5ca.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-LtEx.364d3b10.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-LtEx.b857bf93.svg#HelveticaNeueLTStd-LtEx) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url(/static/media/HelveticaNeueLTStd-MdEx.6b7a03d7.eot);
  src: url(/static/media/HelveticaNeueLTStd-MdEx.6b7a03d7.eot?#iefix) format("embedded-opentype"),
    url(/static/media/HelveticaNeueLTStd-MdEx.ef76de23.woff2) format("woff2"),
    url(/static/media/HelveticaNeueLTStd-MdEx.65a6dd3b.woff) format("woff"),
    url(/static/media/HelveticaNeueLTStd-MdEx.603c5afc.ttf) format("truetype"),
    url(/static/media/HelveticaNeueLTStd-MdEx.8ebccc4b.svg#HelveticaNeueLTStd-MdEx) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/************VARIABLE CSS***********/
/************VARIABLE CSS***********/
:root {
  --main-bg-color: #fff;
  --main-text-color: #222830;
  --main-font-size: 16px;
  --main-font-weight: 400;
  --main-line-height: 25px;
  --font-family: "Helvetica Neue LT Std";

  --font-rubik: "Helvetica Neue LT Std";
  --font-inter: "Inter";
  --preloder-color: #0f3485;
  --preloder-animeshan-color: #fff;
  --humbarger-color: #d2202d;
  --blue-color: #29368a;
  --red-color: #f6e39f;
  --grey-color: #e7e7e7;
}

/************VARIABLE CSS***********/
/************VARIABLE CSS***********/

body {
  font-family: var(--font-inter);
  font-weight: var(--main-font-weight);
  font-size: var(--main-font-size);
  color: var(--main-text-color);
  line-height: var(--main-line-heigh);
  background: var(--main-bg-color);
  letter-spacing: 0.4px;
  margin: 0px !important;
  padding: 0px !important;
  max-width: 100%;
  overflow: hidden;
}

.menuRight a {
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 0;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-type: none;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
}

ol {
  list-style: decimal inside;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  color: #0d141e;
  line-height: 30px;
  font-family: var(--font-inter);
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.h2-headin-team {
  font-size: 25px;
  font-family: var(--font-inter);
  font-weight: 300;
  color: #363636;
}

.h2-headin-team2 {
  color: #363636;
  font-size: 25px;
  font-family: var(--font-inter);
  font-weight: 600;
}

p {
  margin: 0;
  padding: 0;
  color: #2e2e2e;
  font-size: 15px;
  line-height: 26px;
  font-family: var(--font-inter);
}

b,
strong {
  font-weight: 600;
}

blockquote {
  margin: 0;
  padding: 0;
  border: none;
}

a,
a:hover,
a:visited {
  color: #29368a;
}

::selection {
  background: #143b5d;
  color: #fff;
}

::-moz-selection {
  background: #143b5d;
  color: #fff;
}

a:focus,
p:focus,
div:focus,
input:focus,
textarea:focus,
submit:focus,
button:focus {
  outline: none;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #38b4f3;
}

/*****************
Typography
*****************/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #0d141e;
  line-height: 30px;
  font-family: var(--font-inter);
}

.font-size p,
.font-size a {
  font-size: 13px !important;
  font-weight: 500;
}

.font-size2 p {
  font-size: 18px;
  font-weight: 300;
  color: #6a6a6a;
  line-height: 30px;
  padding-bottom: 40px;
  font-family: var(--font-inter);
}

.font-bold {
  font-weight: 800;
}

.font-semibold {
  font-weight: 700;
}

.font-mediumbold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-italic {
  font-style: italic;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

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

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

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

.color-white {
  color: #fff;
}

.color-white p {
  color: #fff;
}

p {
  font-size: 15px;
  color: #333333;
  line-height: 24px;
}

.letter-spacin-0 {
  letter-spacing: 0px;
}

.letter-spacin-1 {
  letter-spacing: 1px;
}

.letter-spacin--1 {
  letter-spacing: -1px;
}

.image-shadow img {
  box-shadow: 0px 0px 30px #ccc;
}

.relativ-class {
  position: relative;
}

/*****************
Typography
*****************/
/***************
VISUL CLASS
*************/
.overflow-visible {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.box-shadow {
  box-shadow: 0px 0px 40px rgba(2, 2, 2, 0.18);
}

.no-shadow {
  box-shadow: none !important;
}

/***************
VISUL CLASS
*************/

/********HAMBURGER ICON***********/
.hamburger {
  padding: 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 30px;
  height: 2px;
  background-color: var(--red-color);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/** Spring **/
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/** Spring **/

/*****************
Custom Column
*****************/
.primaryContainer {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  padding: 0px 0px;
  width: 100%;
}

.section {
  width: 100%;
  display: inline-block;
}

[class*="col-"] {
  padding: 0px 15px;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}

/*****************
Custom Column
*****************/

/***************
page scrool
**************/

.scrollup {
  right: 15px;
  position: fixed;
  background: #030915;
  bottom: -80px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  z-index: 99999;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.scrollup.active {
  bottom: 0px;
  right: 15px;
}

.scrollup:hover {
  background-color: #ecd88f;
}

/***************
page scrool
***************/

/******************************************HOME PAGE CSS START ***********************************/
/******************************************HOME PAGE CSS START ***********************************/
/******************************************HOME PAGE CSS START ***********************************/
.logo-lg {
  display: block;
  display: inline-block;
  width: 232px;
}

.logo-sm {
  display: none;
}

.owl-carousel .owl-item img {
  display: inline-block !important;
  width: auto !important;
}

.dispaly-lg {
  display: block;
}

.owl-prev {
  position: absolute;
  overflow: hidden;
  text-indent: -1000px;
  left: 0px;
  top: 30%;
  background: url(//www.bptest.xyz/images/arrow-left.svg) !important;
  width: 14px;
  height: 26px;
  margin: 0px !important;
}

.owl-next {
  position: absolute;
  overflow: hidden;
  text-indent: -1000px;
  right: 0px;
  top: 30%;
  background: url(//www.bptest.xyz/images/arrow-right.svg) !important;
  width: 14px;
  height: 26px;
  margin: 0px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  width: 25px !important;
  background: #ade449 !important;
  transition: all 0.3s;
}

.owl-theme .owl-dots .owl-dot span {
  background: #ade449 !important;
}

header {
  width: 100%;
  display: inline-block;
  vertical-align: top;

  transition: 0.3s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;

  transition: 0.3s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

header.sticky .top-header {
  padding: 4px 20px;
}

header.sticky .top-header .nav>ul>li>a {
  padding: 25px 0px 20px 0px;
}

header.sticky .top-header ul.nav-link li a {
  padding: 25px 10px 20px 10px;
}

header.sticky+.banner {
  margin-top: 100px;
}

.top-header {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #000;
  /* padding:31px 0px; */
}

.logo-top-left {
  float: left;
  max-width: 258px;
}

.top-right {
  float: right;
  position: relative;
}

ul.nav-link {
  float: right;
}

ul.nav-link li {
  display: inline-block;
  vertical-align: top;
}

ul.nav-link li a {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  padding: 20px 10px 20px 10px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 11px;
  color: #fff;
  line-height: 25px;
  cursor: pointer;
  letter-spacing: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  /* font-family: 'GothamRounded-Medium' !important; */
}

/*+++++++++++++++++NAV MENU+++++++++++++++++++*/

#pull {
  display: none;
}

.nav {
  display: inline-block;
  vertical-align: top;
  margin-right: 80px;

  /* font-family: 'GothamRounded-Medium' !important; */
}

#pull {
  display: none;
}

.nav>ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.nav>ul>li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  margin: 0px 11px 0px 0px;
}

.nav>ul>li:last-child,
.nav>ul>li:only-child {
  margin: 0;
}

.nav>ul>li:before {
  position: absolute;
  bottom: 0px;
  left: 0%;
  z-index: 1;
  content: " ";
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.nav>ul>li:hover:before,
.nav>ul>li.current-menu-item:before,
.nav>ul>li.current-menu-parent:before,
.nav>ul>li.current-menu-ancestor:before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}

.nav>ul>li>a {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  padding: 20px 0px 20px 0px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 10px;
  color: #ffffff !important;
  line-height: 25px;
  letter-spacing: 1px;
  cursor: pointer;

  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.nav>ul>li>a:hover,
.nav>ul>li>a:focus,
.nav>ul>li>a:active {
  color: #ffffff !important;
}

.nav>ul>li:hover>a,
.nav>ul>li.current-menu-item>a,
.nav>ul>li.current-menu-parent>a,
.nav>ul>li.current-menu-ancestor>a {}

.nav>ul>li>ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  width: 240px;
  height: auto;
  padding: 3px 0px 0px 0px;
  background: none;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.nav>ul>li:last-child>ul,
.nav>ul>li:nth-last-child(2)>ul {
  left: auto;
  right: 0;
}

.nav>ul>li:hover>ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.nav>ul>li>ul>li,
.nav>ul>li>ul>li>ul>li {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
}

.nav>ul>li>ul>li>a,
.nav>ul>li>ul>li>ul>li>a {
  display: block;
  width: auto;
  height: auto;
  padding: 2px 15px 1px 15px;
  background: rgba(20, 59, 93, 0.9);
  border-top: 1px #0c2a44 solid;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.nav>ul>li:hover>ul>li>a,
.nav>ul>li:hover>ul>li>ul>li>a {
  padding: 9px 15px 10px 15px;
}

.nav>ul>li>ul>li:hover>a,
.nav>ul>li>ul>li.current-menu-item>a,
.nav>ul>li>ul>li.current-menu-parent>a,
.nav>ul>li>ul>li>ul>li:hover>a,
.nav>ul>li>ul>li>ul>li.current-menu-item>a,
.nav>ul>li>ul>li>ul>li.current-menu-parent>a {
  background: #38b4f3;
}

.nav>ul>li>ul>li>ul {
  position: absolute;
  top: 10%;
  left: 100%;
  z-index: 9999;
  width: 240px;
  height: auto;
  background: none;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.nav>ul>li:last-child>ul>li>ul,
.nav>ul>li:nth-last-child(2)>ul>li>ul {
  left: auto;
  right: 100%;
}

.nav>ul>li>ul>li:hover>ul {
  top: 0;
  opacity: 1;
  visibility: visible;
}

/*+++++++++++++++++NAV MENU+++++++++++++++++++*/

/*+++++++++++++++++BANNER+++++++++++++++++++*/
.banner {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  min-height: 750px;
  text-align: center;
  overflow: hidden;
}

.object-image-1 {
  position: absolute;
  left: 43%;
  top: 0px;
}

.object-image-2 {
  position: absolute;
  left: 38%;
  top: 23px;
}

.object-image-3 {
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 99;
}

.object-image-4 {
  left: -10px;
  top: 258px;
  position: absolute;
}

.object-image-5 {
  left: 25%;
  top: 42%;
  position: absolute;
}

.object-image-6 {
  position: absolute;
  left: 361px;
  bottom: 0px;
}

.object-image-7 {
  position: absolute;
  right: 40%;
  bottom: 0px;
}

.object-image-8 {
  position: absolute;
  right: 15%;
  bottom: 0px;
}

.object-image-9 {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.object-image-10 {
  position: absolute;
  right: 0px;
  top: 0px;
}

.banner-text {
  max-width: 500px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-top: 14%;
  padding-left: 30px;
}

.banner-text h1 {
  font-size: 21px;
  font-family: var(--font-inter);
  margin: 0px;
  padding: 0px;
  font-weight: 400;
}

.banner-text p {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 0px;
  font-family: var(--font-inter);
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 30px 0px;
  font-weight: 400;
  color: #000;
}

.banner-botton {
  background: #353535;
  display: inline-block;
  vertical-align: top;
  color: #fff !important;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 26px;
  font-size: 13px;
  /* font-family: 'GothamRounded-Medium' !important;  */
  padding: 7px 15px;
  margin-right: 30px;
  margin-top: 20px;
  transition: all 0.4s;
}

.banner-botton:hover {
  color: #fff !important;
  background: #b2b2b2;
}

/*+++++++++++++++++BANNER+++++++++++++++++++*/

/*******************MIDDEL**************/
/*.slider-mobile1,
.proces,
.slider-mobile3,
.slider-mobile4,
.slider-mobile5,
.slider-mobile6,
.slider-mobile7{
  display: none !important;
}*/

.middle {
  width: 100%;
}

.section-block {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background: #e3fbb8;
  padding: 340px 20px;
}

.middel-text p {
  font-size: 30px;
  line-height: 42px;
  color: #353535;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0px;
}

.section-services {
  padding: 130px 20px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.center-text {
  text-align: center;

  width: 100%;
}

.center-text p {
  font-weight: 400;
  font-family: var(--font-inter);
  font-size: 18px;
  line-height: 30px;
}

.servises-container {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 28px;
  padding-bottom: 50px;
  border-bottom: 1px solid #727272;
}

.holder-box {
  width: 100%;
  float: left;
  text-align: center;
}

.holder-box>img {
  width: 115px;
}

.holder-box h3 {
  font-size: 25px;
  color: #363636;
  line-height: 28px;
  width: 100%;
  float: left;
  font-weight: 500;

  margin-bottom: 5px;
  padding: 0px;
  margin-top: 5px;
}

.holder-box p {
  font-size: 15px;
  line-height: 25px;
  width: 100%;
  float: left;
  font-weight: 400;
  font-family: var(--font-inter);
  margin-bottom: 15px;
  margin-top: 8px;
}

.padiing-hol {
  padding: 0px 121px !important;
}

.section-proces {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0px 20px;
}

.center-text h2 {
  font-size: 25px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

.center-text h4 {
  font-size: 25px;
  line-height: 31px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

.proces-box {
  width: 100%;
  float: left;
}

.proces-box>.pic {
  width: 100%;
  float: left;
  position: relative;
}

.proces-box>.pic img {
  width: 108px;
}

.proces-box>.pic:after {
  content: "";
  position: absolute;
  top: 54px;
  right: -4px;
  background: url(//www.bptest.xyz/images/arrow.svg);
  width: 72px;
  height: 20px;
}

.col-lg-2:last-child .proces-box>.pic:after {
  content: "";
  background: none;
  display: none;
}

.data {
  width: 100%;
  float: left;
  margin-top: 40px;
}

.data>p {
  font-size: 15px;
  line-height: 27px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 400;
}

.data>p>strong {
  font-size: 30px;
  font-weight: 700;
}

.color-line {
  width: 100px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

[class*="col"]:nth-child(1)>.proces-box .data .color-line {
  background-color: #bab1d1;
}

[class*="col"]:nth-child(2)>.proces-box .data .color-line {
  background-color: #ffc5b9;
}

[class*="col"]:nth-child(3)>.proces-box .data .color-line {
  background-color: #a8d7eb;
}

[class*="col"]:nth-child(4)>.proces-box .data .color-line {
  background-color: #bce8d7;
}

[class*="col"]:nth-child(5)>.proces-box .data .color-line {
  background-color: #f6e39f;
}

[class*="col"]:nth-child(6)>.proces-box .data .color-line {
  background-color: #e3fbb8;
}

.section-servio {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 60px 20px;
  max-width: 100% !important;
  overflow: hidden !important;
}

.box {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.box h3 {
  font-size: 25px;
  line-height: 27px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 300;
  margin-bottom: 0px;
}

.box p {
  font-size: 15px;
  line-height: 24px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 400;
}

.icon-01 {
  width: 100%;
  min-height: 111px;
  float: left;
  padding-left: 90px;
  padding-top: 41px;
  padding-bottom: 30px;
  background: url(//www.bptest.xyz/images/left-icon1.png);
  background-repeat: no-repeat;
  margin-top: 0px;
}

.icon-02 {
  width: 100%;
  min-height: 111px;
  float: left;
  padding-left: 90px;
  padding-top: 41px;
  padding-bottom: 30px;
  background: url(//www.bptest.xyz/images/left-icon2.png);
  background-repeat: no-repeat;
  margin-top: 0px;
}

.icon-03 {
  width: 100%;
  min-height: 111px;
  float: left;
  padding-left: 90px;
  padding-top: 41px;
  padding-bottom: 30px;
  background: url(//www.bptest.xyz/images/left-icon3.png);
  background-repeat: no-repeat;
  margin-top: 0px;
}

.icon-04 {
  width: 100%;
  min-height: 111px;
  float: left;
  padding-left: 90px;
  padding-top: 41px;
  padding-bottom: 30px;
  background: url(//www.bptest.xyz/images/left-icon4.png);
  background-repeat: no-repeat;
  margin-top: 0px;
}

.icon-05 {
  width: 100%;
  min-height: 111px;
  float: left;
  padding-left: 90px;
  padding-top: 41px;
  padding-bottom: 30px;
  background: url(//www.bptest.xyz/images/left-icon5.png);
  background-repeat: no-repeat;
  margin-top: 0px;
}

.middle-container {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  padding-left: 190px;
  padding-right: 160px;
}

.center-button {
  background: #353535;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 26px;
  font-size: 13px;
  /* font-family: 'GothamRounded-Medium' !important; */
  padding: 7px 15px;
  margin-right: 30px;
  margin-top: 20px;
}

.center-button:hover,
.center-button:visited {
  background: #000000;

  color: #fff;
}

.top-border {
  border-top: 1px solid #767676;
}

.full-image {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 5px;
  margin-bottom: 50px;
}

.full-image img {
  width: 75%;
}

.box-1,
.box-2,
.box-3,
.box-4 {
  min-height: 120px;
  width: 100%;
  float: left;
  padding-left: 100px;
  padding-top: 0px;
  padding-bottom: 30px;

  margin-top: 0px;
}

.box-1 {
  background: url(//www.bptest.xyz/images/one.png);
  background-repeat: no-repeat;
}

.box-2 {
  background: url(//www.bptest.xyz/images/two.png);
  background-repeat: no-repeat;
}

.box-3 {
  background: url(//www.bptest.xyz/images/three.png);
  background-repeat: no-repeat;
}

.box-4 {
  background: url(//www.bptest.xyz/images/four.png);
  background-repeat: no-repeat;
}

.box-2 h3,
.box-3 h3,
.box-4 h3 {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  font-size: 25px;
  line-height: 24px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 300;
}

.box-1 h3 {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  font-size: 25px;
  line-height: 24px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 300;
}

.box-1 p,
.box-2 p,
.box-3 p,
.box-4 p {
  margin-top: 10px;
  font-size: 13px;
  line-height: 24px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 400;
}

/***************FORM***********/

.form-wrapper {
  width: 100%;
}

.form-group {
  position: relative;
}

.form-group {
  margin-top: 14px;
  margin-bottom: 0px !important;
}

.form-label {
  position: absolute;
  left: 0;
  top: 10px;
  color: #000;
  background-color: #fff;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.focused .form-label {
  transform: translateY(-125%);
  font-size: 0.75em;
}

.form-input {
  position: relative;
  padding: 20px 0px 20px 0;
  width: 100%;
  outline: 0;
  border: 0px;
  border-bottom: 1px solid #000;
  transition: box-shadow 150ms ease-out;
  font-family: var(--font-inter);
}

.form-input:focus {
  border-bottom: 2px solid #000;
}

input#color {
  height: 165px;
}

.home-submit {
  width: 100%;
  float: left;
  padding: 10px 6px;
  background: #000000;
  border: none;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
  /* font-family: 'GothamRounded-Medium' !important; */
  cursor: pointer;
}

/***************FORM***********/

.footer-contact {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #8d8d8d;
  margin-top: 60px;
  padding: 0px 15px;
}

.footer-contact .column>img {
  width: 75%;
  display: inline-block;
}

.form-wrapper {
  padding: 100px 0px;
  display: inline-block;
}

.form-holder {
  width: 100%;
  display: inline-block;
}

.form-group {
  width: 100%;
  display: inline-block;
}

.form-holder>h3 {
  font-size: 25px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

.form-holder>p {
  font-size: 15px;
  line-height: 28px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 500;
}

/*******************MIDDEL**************/
/*******************FOOTER************/
.footer {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background: #000000 !important;
  padding: 60px 0px;
  /* margin-top: 50px; */
}

.copy-text {
  color: #fff;
  font-weight: 600;
  padding: 0px 20px;
  margin: 0px;
  /* font-family: 'GothamRounded-Medium' !important; */
}

.footer-menu {
  padding: 0px;
  margin: 0px;
}

.footer-menu li {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-weight: 500;
  padding: 0px 20px;
  position: relative;
}

.footer-menu li:before {
  content: "";
  position: absolute;
  opacity: 0.5;
  width: 1px;
  height: 14px;
  background-color: #fff;
  left: 0px;
  top: 7px;
  transform: translateY(-4px);
}

.footer-menu li:first-child:before {
  background-color: none;
  display: none;
}

.footer-menu li a {
  /* font-family: 'GothamRounded-Medium' !important; */
  color: #fff;
  font-weight: 300;
  font-size: 13px;
}

.overlay {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  left: 0px;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay-content li {
  list-style-type: none;
}

.overlay-content>li>a {
  padding: 8px;
  text-decoration: none;
  font-size: 12px;
  color: #818181;
  display: block;
  transition: 0.3s;

  text-transform: uppercase;
}

.overlay>.closebtn {
  position: absolute;
  top: 20px;
  right: 18px;
  font-size: 27px;

  color: #fff;
}

.menu-open {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin-top: 30px;
  display: none;
  margin-left: 15px;
}

/***************INNER BANNER****************/

.section-cadstart {
  width: 100%;
  display: inline-block;
  padding: 20px 20px;
}

.section-cadstart2 {
  width: 100%;
  display: inline-block;
  padding: 108px 20px;
}

.section-cadstart3 {
  width: 100%;
  display: inline-block;
  padding: 135px 20px;
}

.paddin-is-top {
  padding-top: 34px;
}

.form-image {
  width: 300px;
}

.form-image2 {
  width: 246px;
}

.two-column {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.two-column .center-button {
  padding: 7px 30px;
}

strong.or-class {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 25px;
  margin: 70px 0px;
  font-family: var(--font-inter);
  font-weight: 600;
}

.center-button2 {
  background: #000;
  display: inline-block;
  vertical-align: top;
  color: #fff !important;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 11px;
  /* font-family: 'GothamRounded-Medium' !important; */
  padding: 7px 15px;

  margin-top: 20px;
}

.titel-form {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  line-height: 28px;
  color: #363636;
  /* font-family: 'Gotham-Bold'; */
}

.form-para {
  margin-top: 20px;
  font-size: 13px;
  line-height: 20px;
  color: #363636;
  font-family: var(--font-inter);
  font-weight: 400;
}

.colot-line {
  background-color: #000;
  width: 77px;
  height: 14px;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.colot-line2 {
  background-color: #000;
  width: 77px;
  height: 14px;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.form-inner {
  width: 100%;
  display: inline-block;
  padding: 25px 100px;
  position: relative;
  min-height: 400px;
}

.form-inner:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ccc;
  left: 26px;
  top: 0px;
}

.form-inner .home-submit {
  margin-top: 20px;
}

.paddin-right {
  padding-top: 45px;
}

.nav-link2 {
  float: right;
  margin: 18px 0px 0px 0px;
}

.nav-link2 li {
  display: inline-block;
  vertical-align: top;

  color: #fff;
}

.nav-link2 li span {
  float: left;
  margin-right: 5px;
}

.nav-link2 li strong {
  font-size: 11px;
  margin-right: 5px;
  margin-left: 6px;
  margin-top: 5px;
  float: left;
  color: #fff;
}

.alert-cion {
  font-size: 17px;
  float: right;
  position: relative;
  padding-left: 15px;
}

.alert-cion:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 4px;
  width: 1px;
  height: 17px;
  background: #5f5f5f;
}

.avelabel {
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #f00;
  position: absolute;
  right: 0px;
  top: 4px;
  z-index: 1;
}

.open-dropw {
  position: absolute;
  right: 0px;
  top: 57px;
  background: #fff;
  width: 350px;
  max-width: 100%;
  z-index: 999999;
  border: 1px solid #ccc;
  display: none;
}

.arrow_box {
  position: relative;
  background: #fff;
  float: right;
  margin-right: 41px;
}

.arrow_box:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.down {
  cursor: pointer;
}

.colm-2s {
  width: 50%;
  float: left;
  padding: 20px;
  position: relative;
}

.colm-2s:last-child {
  border-left: 1px solid #ccc;
  padding-left: 0px;
  padding-right: 0px;
}

.colm-2s ul {
  width: 100%;
  float: left;
}

.colm-2s ul li {}

.colm-2s ul li a {
  font-size: 12px;
  padding: 8px 20px;

  font-weight: 300;
  color: #000;
  width: 100%;
  display: inline-block;
  transition: all 0.4s;
}

.colm-2s ul li a:hover {
  background: #f0e2a1;
  color: #000;
}

.colm-2s strong a {
  color: #000;
  padding: 0px 20px;
}

.buttom-btn {
  position: absolute;
  bottom: 19px;
  padding: 7px 15px;
  border: 1px solid #555555;
  color: #555555 !important;
  height: auto;
  text-align: center;
  font-size: 13px;
}

.inner-banner {
  width: 100%;
  float: left;

  padding: 100px 20px;
  background: url(//www.bptest.xyz/images/inner-banner.svg);
  background-size: cover;
}

.pops1 {
  float: left;
  margin-top: 117px;
  width: 33.33%;
}

.pops2 {
  float: left;
  width: 33.33%;
}

.pops3 {
  float: left;
  margin-top: 117px;
  width: 33.33%;
}

.section-block2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background: #f6e39f;
  padding: 340px 20px;
}

.middel-text2 {
  width: 100%;
  float: left;
  text-align: left;
}

.middel-text2 p {
  font-size: 35px;
  line-height: 42px;
  color: #363636;
  text-align: left;
  font-weight: 300;
  letter-spacing: 0px;
  font-family: var(--font-inter);
}

.balck-line {
  display: inline-block;
  vertical-align: top;
  width: 94px;
  height: 8px;
  background: #353535;
  margin-top: 10px;
}

.section-services2>.container .img-top {
  background: url(//www.bptest.xyz/images/BG.svg);
  width: 785px;
  position: absolute;
  height: 261px;
  background-size: cover;
  left: -114px;
}

.section-services2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  padding: 0px 20px;
}

.center-text2 {
  padding: 100px 0px;
  width: 100%;
}

.center-text2 h3 {
  font-size: 20px;
  color: #363636;
  font-family: var(--font-inter);
  margin-bottom: 15px;
  font-weight: 500;
}

.section-proces3 {
  width: 100%;
  display: inline-block;
  vertical-align: top;

  background: #f8f8f8;
  padding: 130px 20px;
}

.center-text3 {
  text-align: left;
  width: 100%;
  display: inline-block;
}

.center-text3 h2 {
  font-size: 20px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}

.ab-holder {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.text-holder {
  width: 100%;
  display: inline-block;
}

.text-holder p {
  font-size: 15px;
  line-height: 28px;
  color: #353535;
  font-family: var(--font-inter);
  font-weight: 400;
}

.icon-is-holder {
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

.icon-is-holder img {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
}

.column:nth-child(1) .lines {
  width: 77px;
  float: left;
  height: 8px;
  background-color: #a8d7eb;
  margin-top: 15px;
}

.column:nth-child(2) .lines {
  width: 77px;
  float: left;
  height: 8px;
  background-color: #ffc5b9;
  margin-top: 15px;
}

.column:nth-child(3) .lines {
  width: 77px;
  float: left;
  height: 8px;
  background-color: #bce8d7;
  margin-top: 15px;
}

.column:nth-child(4) .lines {
  width: 77px;
  float: left;
  height: 8px;
  background-color: #f6e39f;
  margin-top: 15px;
}

.hold {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.hold h3 {
  font-size: 25px;
  color: #363636;
  font-family: var(--font-inter);
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.lins1 {
  width: 77px;
  display: inline-block;
  vertical-align: top;
  height: 8px;
  background-color: #bab1d1;
  margin-top: 15px;
}

.lins2 {
  width: 77px;
  float: left;
  height: 8px;
  background-color: #bab1d1;
  margin-top: 15px;
}

.lins3 {
  width: 77px;
  float: left;
  height: 8px;
  background-color: #bab1d1;
  margin-top: 15px;
}

.inner-banner2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0px 20px;
}

.inner-banner2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.banner-holder {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 228px 180px 160px 20px;
}

.banner-holder h3 {
  font-size: 24px;
  color: #353535;
  font-family: var(--font-inter);
  margin-bottom: 15px;
  font-weight: 500;
}

.section-proces4 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 130px 0px;
}

.full-clients {
  margin-bottom: 30px;
  margin-top: 30px;
}

.decs {
  width: 100%;
  display: inline-block;
  margin-bottom: 25px;
  padding: 6px;
}

.decs h3 {
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  display: inline-block;

  padding: 0px;
  margin: 0px;
}

.half-sec {
  width: 100%;
  display: inline-block;
  margin-top: ;
}

.half-sec p {
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 6px;
}

.decs+p {
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 6px;
}

.row-top {
  margin-top: 30px;
}

.half-sec img {
  margin-bottom: 20px;
}

.login-ares {
  position: absolute;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.8);
}

.border-top {
  border-top: 10px solid #f0e2a1;
}

.modal {
  text-align: center;
  padding: 0 !important;
  z-index: 99999999 !important;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content {
  border-radius: 0px !important;
  box-shadow: none !important;
}

.modal-header {
  padding: 15px;
  border-bottom: none !important;
  border-top: 10px solid #f0e2a1;
}

.modal-body {
  position: relative;
  padding: 30px !important;
}

.filds {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  margin-top: 15px;
  overflow: hidden;
}

.filds>label {
  width: 100%;
  float: left;
  color: #000000;
}

.filds input[type="submit"] {
  border: 2px solid #545454 !important;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 10px 10px;
  margin-top: 15px;
}

.checks {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  line-height: 20px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
  -webkit-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checks input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.checks:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checks input:checked~.checkmark {
  background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checks input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checks .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.check {
  float: left;
  margin-top: 7px;
}

a.forgot-pass {
  margin-top: 7px;
  float: right;
  color: #6a5995;
  text-decoration: underline !important;
}

.links {
  margin-top: 7px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #6a5995;
  text-decoration: underline !important;
}

.modal-header .close {
  color: #000 !important;
}

.modal-content,
.modal-card {
  max-width: 800px;
}

.footer-contact2 {
  width: 100%;
  display: inline-block;
  padding: 0px 20px;
  overflow: hidden;
}

.footer-contact2 .column img {
  width: 80%;
}

.inner-padding {
  padding-top: 150px;
}

.top-margin {
  margin-top: 100px;
}

/***************INNER BANNER****************/
/****************/
.padding-left-right1 {
  padding: 0px 253px;
}

.padding-left-right2 {
  padding: 0px 300px;
}

.padding-left-right3 {
  padding: 0px 100px;
}

.row {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

/**************LOGIN-PAGE***************/

.login-section {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 115px 20px;
  background-color: #f8f8f8;
  height: 100%;
}

.form-logoin {
  background-color: #fff;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 36px;
  border-radius: 20px;
}

.footer-from {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
}

.is-login-titel,
.form-recovery h3 {
  font-size: 25px;
  /* font-weight: 300; */
  color: #363636 !important;
  font-family: var(--font-inter);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  cursor: default;
}

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

@media screen and (min-width: 1472px) {
  .top-header .container {
    max-width: 1090px !important;
    width: 1090px;
  }
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 400px !important;
    margin: 30px auto;
  }
}

@media screen and (max-width: 1500px) {
  .object-image-1 img {
    width: 66%;
  }

  .object-image-2 img {
    width: 66%;
  }

  .object-image-3 img {
    width: 66%;
  }

  .object-image-4 img {
    width: 66%;
  }

  .object-image-5 img {
    width: 66%;
  }

  .object-image-6 img {
    width: 66%;
  }

  .object-image-7 img {
    width: 66%;
  }

  .object-image-8 img {
    width: 66%;
  }

  .object-image-9 img {
    width: 66%;
  }

  .object-image-10 img {
    width: 66%;
  }

  .banner {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 635px;
    text-align: center;
    overflow: hidden;
  }

  .object-image-4 {
    left: -71px;
    top: 272px;
    position: absolute;
  }

  .object-image-3 {
    left: -62px;
    top: 0px;
    position: absolute;
    z-index: 35;
  }

  .object-image-5 {
    left: 17%;
    top: 42%;
    position: absolute;
  }

  .object-image-6 {
    position: absolute;
    left: 236px;
    bottom: 0px;
  }

  .object-image-10 {
    position: absolute;
    right: -103px;
    top: 0px;
  }
}

@media screen and (max-width: 1279px) {
  .logo-top-left {
    float: left;
    max-width: 200px;
  }

  .nav {
    margin-right: 39px;
  }

  .nav>ul>li {
    margin: 0px 13px 0px 0px;
  }
}

@media screen and (max-width: 1200px) {
  .nav {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    /* font-family: 'GothamRounded-Medium' !important; */
  }

  .object-image-3,
  .object-image-1,
  .object-image-2,
  .object-image-7,
  .object-image-6,
  .object-image-8,
  .object-image-9,
  .object-image-5 {
    display: none;
  }

  .object-image-4 {
    left: -71px;
    top: 0px;
    position: absolute;
  }

  .object-image-10 {
    position: absolute;
    right: -103px;
    top: 0px;
  }

  .banner {
    width: 100%;

    position: relative;
    min-height: 461px;
    text-align: center;
    overflow: hidden;
  }

  .banner-text {
    max-width: 500px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 5%;
    padding-left: 0;
  }

  .banner-text {
    max-width: 500px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 5%;
    padding-left: 0;
    padding: 30px;

    position: relative;
    z-index: 999;
  }
}

@media screen and (max-width: 1087px) {
  .section-services2>.container .img-top {
    left: -281px;
  }

  .top-header {
    padding: 20px 0px;
  }

  .proces-box>.pic:after {
    content: "";
    position: absolute;
    top: 85px;
    right: 0;
    background: url(//www.bptest.xyz/images/arrow.svg);
    width: 72px;
    height: 20px;
  }
}

@media screen and (max-width: 1040px) {
  .form-inner:after {
    content: "";
    display: none;
  }

  .form-inner {
    width: 100%;
    float: left;
    padding: 25px 0px;
    position: relative;
  }

  .overlay-content li {
    padding: 0px 20px;
    list-style-type: none;
  }

  .menu-open {
    display: block;
  }

  header.sticky {
    position: fixed;
    width: 100%;
  }

  .logo-top-left {
    float: left;
    width: 100%;
    text-align: center;
  }

  #menu-bg {
    display: none;
  }

  #pull {
    display: block;
    float: left;
    margin-top: 30px;
    margin-left: 15px;
  }

  .top-right {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    padding: 0px 15px;
  }

  .nav {
    width: 100%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
  }

  .nav>ul>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* width: auto; */
    height: auto;
    margin: 0px 0px 0px 0px;
    width: 100%;
  }

  header.sticky .top-header .nav>ul>li>a {
    padding: 10px 10px 10px 10px;
  }

  .nav>ul>li>a {
    padding: 10px 10px 10px 10px;
  }

  .logo-top-left {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    max-width: 100%;
  }
}

@media screen and (max-width: 980px) {
  .middle-container {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .padiing-hol {
    padding: 0px 0px !important;
  }

  .padding-left-right1 {
    padding: 0px 20px;
  }

  .padding-left-right2 {
    padding: 0px 20px;
  }

  .padding-left-right3 {
    padding: 0px 20px;
  }

  .banner-holder {
    padding: 60px 0px 60px 0px;
  }
}

@media screen and (max-width: 768px) {
  .login-section {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 50px 20px;
    background-color: #f8f8f8;
  }

  .section-cadstart3 {
    width: 100%;
    display: inline-block;
    padding: 50px 20px;
  }

  .section-cadstart2 {
    width: 100%;
    display: inline-block;
    padding: 50px 20px;
  }

  .section-cadstart {
    width: 100%;
    display: inline-block;
    padding: 20px 20px;
  }

  .paddin-right {
    padding-top: 0;
  }

  .section-services2>.container .img-top {
    position: relative;
    left: 0px;
  }

  .inner-padding {
    padding-top: 50px;
  }

  .slider-mobile1,
  .slider-mobile2,
  .slider-mobile3,
  .slider-mobile4 {
    padding: 0px 20px;
  }

  .holder-box>img {
    width: 115px !important;
    max-width: 115px !important;
  }

  .form-wrapper {
    padding: 0px 20px;
  }

  .proces-box>.pic img {
    width: 150px !important;
  }

  .section-block,
  .section-services {
    padding: 70px 0px;
  }

  .banner-text {
    max-width: 300px;
  }

  .banner-text h1 {
    font-size: 18px;
    font-family: var(--font-inter);
    margin: 0px;
    padding: 0px;
  }

  .banner-text p {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0px;
    font-family: var(--font-inter);
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
    font-weight: 500;
    color: #000;
  }

  /***menu***/
  ul.nav-link li a {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    height: auto;
    padding: 3px 10px 3px 10px !important;
    text-transform: capitalize;
    border: 1px solid #ccc;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    line-height: 25px;
    cursor: pointer;
    letter-spacing: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    /* font-family: 'GothamRounded-Medium' !important; */
    margin-top: 15px;
  }

  header.sticky .top-header ul.nav-link li a {
    padding: 20px 10px 20px 10px;
  }

  .top-header {
    padding: 3px 0px;
  }

  header.sticky .top-header {
    padding: 3px 0px;
  }

  .menu-open {
    float: left;
    color: #fff;
    margin-top: 19px;
    margin-right: 10px;
    margin-left: 10px;
  }

  header.sticky .menu-open {
    color: #fff;
    margin-top: 19px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .logo-top-left {
    float: left;
    width: auto;
    text-align: center;
    margin-top: 0px;
    margin-left: 15px;
    position: relative;
    z-index: 99999;
  }

  .logo-lg {
    display: none;
  }

  .logo-sm {
    display: block;
  }

  .logo-top-left {
    float: left;
    width: auto;
    text-align: center;
    margin-top: 4px;
  }

  .top-right {
    float: right;
    width: auto;
  }

  ul.nav-link {
    float: left;
  }

  #pull {
    display: block;
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 736px) {
  .object-image-4 {
    left: -109px;
    top: 0px;
    position: absolute;
  }

  .object-image-10 {
    position: absolute;
    right: -148px;
    top: 0px;
  }
}

@media screen and (max-width: 600px) {
  .login-section {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 20px;
    background-color: #f8f8f8;
  }

  .section-cadstart2 {
    width: 100%;
    display: inline-block;
    padding: 50px 20px;
  }

  .section-cadstart {
    width: 100%;
    display: inline-block;
    padding: 20px 20px;
  }

  .paddin-right {
    padding-top: 0;
  }

  strong.or-class {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 25px;
    margin: 10px 0px;
    font-family: var(--font-inter);
    font-weight: 600;
  }

  .section-cadstart3 {
    width: 100%;
    display: inline-block;
    padding: 20px 20px;
  }

  .object-image-8 {
    position: absolute;
    right: 49%;
    bottom: 0px;
  }

  .proces-box>.pic {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
  }

  .proces-box>.pic img {
    width: 108px !important;
  }

  .holder-box>img {
    width: 115px !important;
    max-width: 115px !important;
  }

  .center-text2 {
    padding: 60px 20px;
    width: 100%;
  }

  .section-proces3 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background: #f8f8f8;
    padding: 60px 20px;
  }

  .section-services2>.container .img-top {
    background: url(//www.bptest.xyz/images/BG.svg);
    width: auto;
    position: relative;
    height: 261px;
    background-size: cover;
    left: 0;
  }

  .section-block2 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background: #f6e39f;
    padding: 60px 0px;
  }

  .inner-banner {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 50px 0px;
  }

  .pops1,
  .pops3 {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    width: 30%;
    text-align: center;
  }

  .pops2 {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: center;
  }

  .section-cadstart {
    width: 100%;
    display: inline-block;
    padding: 60px 20px;
  }

  .object-image-4 img,
  .object-image-10 img {
    width: 32%;
  }

  .object-image-4 {
    left: -147px;
    top: 0px;
    position: absolute;
  }

  .object-image-10 {
    position: absolute;
    right: -200px;
    top: 0px;
  }

  .center-text h2 {
    font-size: 18px;
    color: #353535;
    font-family: var(--font-inter);
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
  }

  .center-text h4 {
    font-size: 18px;
    line-height: 28px;
    color: #353535;
    font-family: var(--font-inter);
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
  }

  .box-1 h3,
  .box-2 h3,
  .box-3 h3,
  .box-4 h3 {
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    line-height: 28px;
    color: #353535;
    font-family: var(--font-inter);
    font-weight: 500;
  }

  .box-1,
  .box-2,
  .box-3,
  .box-4 {
    min-height: 120px;
    width: 100%;
    float: left;
    padding-left: 77px;
    padding-top: 0px;
    padding-bottom: 30px;
    margin-top: 0px;
  }

  .section-block,
  .section-services {
    padding: 46px 0px;
  }

  .middel-text p {
    font-size: 18px;
    line-height: 28px;
    color: #353535;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0px;
  }

  .proces-box>.pic:after {
    display: none;
  }

  /* .slider-mobile1,
  .proces,
  .slider-mobile3,
  .slider-mobile4,
  .slider-mobile5,
  .slider-mobile6,
  .slider-mobile7{
  display: block !important;
}*/
  .slider-mobile6 .item,
  .slider-mobile7 .item {
    padding: 20px;
  }

  .dispaly-lg {
    display: none;
  }

  .item .proces-box {
    width: 100%;
    float: left;
    padding: 0px 20px;
  }

  .owl-item .box {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 0px 20px;
  }

  .box h3 {
    font-size: 16px;
    line-height: 27px;
    color: #353535;
    font-family: var(--font-inter);
    font-weight: 500;
    margin-bottom: 0px;
  }

  .footer {
    text-align: center;
  }

  .copy-text {
    float: none;
    color: #fff;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: 100%;
    /* font-family: 'GothamRounded-Medium' !important; */
  }

  .footer-menu {
    float: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
  }

  .form-wrapper {
    padding: 100px 20px;
    background: url(//www.bptest.xyz/images/raunder.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .object-image-9,
  .object-image-5,
  .object-image-8 {
    display: block;
  }

  .object-image-9 {
    display: block;
    right: -95px;
  }

  .object-image-5 {
    left: -48px;
  }

  .banner-holder {
    width: 100%;
    float: left;
    padding: 60px 0px;
  }
}

@media screen and (max-width: 400px) {
  .menu-open {
    float: left;
    color: #fff;
    margin-top: 19px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .logo-top-left {
    float: left;
    width: auto;
    text-align: center;
    margin-top: 0px;
    margin-left: 2px;
  }

  .alert-cion {
    font-size: 17px;
    float: right;
    position: relative;
    margin-right: 5px;
    padding-left: 15px;
  }

  .buttom-btn {
    position: absolute;
    bottom: 19px;
    padding: 7px 10px;
    border: 1px solid #555555;
    color: #555555 !important;
    height: auto;
    text-align: center;
    font-size: 9px;
  }

  .proces-box>.pic {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
  }

  .data {
    width: 100%;
    float: left;
    margin-top: 40px;
    text-align: center;
  }

  .banner-text {
    max-width: 300px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 5%;
    padding-left: 0;
    padding: 14px 41px;
    position: relative;
    z-index: 999;
  }

  .banner-botton {
    font-size: 9px;
    padding: 5px;
    margin: 1px;
  }

  .object-image-10 {
    position: absolute;
    right: -241px;
    top: 0px;
  }

  .object-image-4 {
    left: -200px;
    top: 0px;
    position: absolute;
  }

  .object-image-9,
  .object-image-5 {
    display: block;
  }

  .footer-menu li {
    color: #fff;
    font-weight: 500;
    padding: 10px 0px;
    position: relative;
    width: 100%;
  }

  .footer-menu li:before {
    content: "";
    display: none;
  }

  .object-image-8 {
    position: absolute;
    left: -97px;
    bottom: 0px;
    width: 100%;
  }

  .pops1,
  .pops3,
  .pops2 {
    float: none;
    margin-top: 0px;
    width: 60%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
  }

  .inner-banner {
    text-align: center;
    height: auto;
    min-height: auto;
  }

  .middel-text2 p {
    font-size: 18px;
    line-height: 28px;
    color: #363636;
    text-align: left;
    font-weight: 300;
    letter-spacing: 0px;
  }
}

@media screen and (max-width: 330px) {
  .top-right {
    position: relative;
    padding: 0px 9px;
  }

  .object-image-4 {
    left: -211px;
    top: 0px;
    position: absolute;
  }

  .object-image-10 {
    position: absolute;
    right: -256px;
    top: 0px;
  }

  .object-image-5 {
    left: -56px;
  }

  .object-image-9 {
    display: block;
    right: -110px;
    bottom: 67px;
  }

  .object-image-8 {
    position: absolute;
    left: -97px;
    bottom: 0px;
  }

  .center-button {
    font-size: 12px;
    margin-right: 0;
  }
}

/* Updates */

/* Header */

.hero-head.is-fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.hero-head.is-fixed+div>.hero-body {
  left: 0;
  position: relative;
  top: 52px;
  width: 100%;
  z-index: 70;
}

.hero-body+div>.container {
  padding-top: 180px;
}

.navbar-menu--slogan {
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
  font-size: 12px;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

/* Progress Bar */

#partner-signup-steps li a.progress-bar--menu-item {
  border-top: 0;
  cursor: pointer;
  line-height: 14px;
  padding-top: 12px;
  position: relative;
  transition: all 1s ease-out;
}

#partner-signup-steps li a.progress-bar--menu-item>span {
  display: block;
  height: 1px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  transition: all 1s ease-out;
}

#partner-signup-steps .is-active a.progress-bar--menu-item>span {
  height: 8px;
  top: -7px;
}

#partner-signup-steps a.progress-bar--menu-item>strong {
  font-weight: 400;
}

/* Tooltip */

.tooltip {
  line-height: 16px;
  z-index: 10;
}

.tooltip.is-tooltip-active::before,
.tooltip:hover::before {
  font-size: 11px;
  line-height: 14px;
}

#partner-signup-steps .tooltip {
  left: 52px;
  line-height: 16px;
  top: 36px;
}

#partner-signup-steps.reference-signup-steps .tooltip {
  top: 18px;
}

#partner-signup-steps.leader-signup-steps .tooltip {
  top: 18px;
}

#partner-signup-steps .tooltip.is-tooltip-multiline::before {
  min-width: 240px;
  max-width: 240px;
}

.tooltip.is-tooltip-active::before,
.tooltip:hover::before {
  background: white;
  border: solid 1px #d1d1d1;
  border-radius: 0;
  color: black;
  font-weight: 400;
  padding: 12px 18px;
}

#partner-signup-steps .tooltip.can-close::before {
  min-width: 288px;
  max-width: 288px;
  padding-right: 48px;
}

#partner-signup-steps .tooltip.can-close {
  transform: scale(1);
  transform-origin: 0 50%;
  transition: all 0.15s ease-out;
}

#partner-signup-steps .tooltip.can-close.is-closed {
  transform: scale(0);
}

#partner-signup-steps .tooltip .tooltip-close {
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: -120px;
  top: 48px;
  width: 18px;
  z-index: 99999;
}

#partner-signup-steps .tooltip .tooltip-close::before,
#partner-signup-steps .tooltip .tooltip-close::after {
  content: "";
  display: block;
  position: absolute;
}

#partner-signup-steps .tooltip .tooltip-close::before {
  left: -4px;
  top: -4px;
  width: 15px;
  height: 15px;
  border: solid #707070;
  border-width: 0 3px 0 0;
  transform: rotate(45deg);
}

#partner-signup-steps .tooltip .tooltip-close::after {
  left: 4px;
  top: -4px;
  width: 15px;
  height: 15px;
  border: solid #707070;
  border-width: 0 0 3px 0;
  transform: rotate(45deg);
}

#partner-signup-steps .tooltip .tooltip-close:hover::before,
#partner-signup-steps .tooltip .tooltip-close:hover::after {
  border-color: black;
}

.tooltip.is-tooltip-active:not(.is-loading)::after,
.tooltip:focus:not(.is-loading)::after,
.tooltip:hover:not(.is-loading)::after {
  display: none;
}

.tooltip.is-tooltip-active .tooltip-arrow::after,
.tooltip.is-tooltip-active .tooltip-arrow::before,
.tooltip:hover .tooltip-arrow::after,
.tooltip:hover .tooltip-arrow::before {
  opacity: 1;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  content: "";
  border-style: solid;
  border-width: 0.5rem;
  z-index: 99998;
  position: absolute;
  display: inline-block;
  pointer-events: none;
}

.tooltip.is-tooltip-top.is-tooltip-active .tooltip-arrow::before,
.tooltip.is-tooltip-top:hover .tooltip-arrow::before {
  border-color: #d1d1d1 transparent transparent transparent;
  margin-left: 0.25rem;
}

.tooltip.is-tooltip-top.is-tooltip-active .tooltip-arrow::after,
.tooltip.is-tooltip-top:hover .tooltip-arrow::after {
  border-color: white transparent transparent transparent;
  margin-left: 0.25rem;
  transform: translateY(-1.5px);
  z-index: 99999;
}

.tooltip.is-tooltip-bottom .tooltip-arrow::after,
.tooltip.is-tooltip-bottom .tooltip-arrow::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  right: auto;
  border-color: transparent transparent #d1d1d1 transparent;
}

.tooltip.is-tooltip-right .tooltip-arrow::after,
.tooltip.is-tooltip-right .tooltip-arrow::before {
  top: 50%;
  left: 100%;
  right: auto;
}

.tooltip.is-tooltip-active .tooltip-arrow::after {
  border-color: transparent transparent white transparent;
}

.tooltip.is-tooltip-bottom.is-tooltip-active .tooltip-arrow::after {
  border-color: transparent transparent white transparent;
  transform: translateY(1.5px);
  z-index: 99999;
}

.tooltip.is-tooltip-right.is-tooltip-active .tooltip-arrow::before,
.tooltip.is-tooltip-right:hover .tooltip-arrow::before {
  border-color: transparent #d1d1d1 transparent transparent;
}

.tooltip.is-tooltip-right.is-tooltip-active .tooltip-arrow::after,
.tooltip.is-tooltip-right:hover .tooltip-arrow::after {
  border-color: transparent white transparent transparent;
  transform: translateX(1.5px);
  z-index: 99999;
}

/* Dropdown */

body .bp__menu {
  z-index: 2;
}

body .bp__control {
  border: 0;
  border-radius: 0;
}

body .select::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 36px;
  z-index: 1;
  fill: #000;
}

body .select::before,
body .select::after {
  pointer-events: none;
}

/* .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: white;
} */

body .select:not(.is-multiple):not(.is-loading)::after {
  right: 0.75rem;
  color: #000;
}

.years-select-expertise,
.months-select-expertise {
  padding-right: 0;
}

body .bp__control .bp__indicator-separator {
  opacity: 0;
}

body .bp__control .bp__dropdown-indicator {
  padding: 6px 8px;
}

body .bp__control {
  min-height: 36px;
}

body .bp__menu {
  font-size: 18px;
}

.is-not-mobile {
  display: none !important;
}

@media (min-width: 768px) {
  .is-not-mobile {
    display: inline-block !important;
  }

  table .is-not-mobile {
    display: table-cell !important;
  }
}

@media screen and (max-width: 768px) {
  .footer-menu li {
    width: auto;
  }

  body .dropzone {
    height: auto;
    padding: 15px;
  }

  body .partner-step .video-container {
    padding: 40px 0 0;
  }

  body .hero-body+div>.partner-container-1,
  body .hero-body+div>.partner-container-2,
  body .hero-body+div>.partner-container-3,
  body .hero-body+div>.partner-container-4,
  body .hero-body+div>.partner-container-5,
  body .hero-body+div>.partner-container-6 {
    padding-bottom: 0;
  }

  body .hero-body+div>.partner-container-1,
  body .hero-body+div>.partner-container-3,
  body .hero-body+div>.partner-container-5,
  body .hero-body+div>.partner-container-6 {
    padding-top: 302px;
  }

  body .hero-body+div>.partner-container-2 {
    padding-top: 282px;
  }

  body .wall-reference-art-6 {
    display: none;
  }

  body .wall-reference-content {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 178px;
    position: relative;
    transform: translateX(48px);
    z-index: 4;
  }

  body .partner-step.step-video .video-container h1 {
    padding-bottom: 12px;
  }

  body .hero-body+div>.reference-container {
    padding-top: 300px;
  }

  body .hero-body+div>.reference-container-2 {
    padding-top: 160px;
  }

  form .step-4-header {
    display: block;
  }

  form .step-4-header .button,
  form .step-4-header .button.is-leaked,
  form .step-4-header .button.is-black {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 0 !important;
    width: 45%;
  }

  form .step-4-header .button:first-child,
  form .step-4-header .button.is-leaked:first-child,
  form .step-4-header .button.is-black:first-child {
    margin-left: 6px;
  }

  body .footer-menu li::before {
    content: " ";
    display: inline-block;
    margin: 0 8px 0 6px;
    opacity: 0.5;
    position: relative;
  }

  body .level-left+.level-right {
    margin-top: 0;
  }

  .footer {
    padding: 36px 0 24px;
    margin-top: 60px;
  }

  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    text-align: center;
    width: 100%;
  }

  .navbar-brand .navbar-item>img,
  .navbar-tabs .navbar-item>img {
    margin: 0 auto;
  }

  .hero-head.is-fixed+div>.hero-body {
    padding: 0.5rem !important;
  }

  #partner-signup-steps .tooltip,
  #partner-signup-steps.reference-signup-steps .tooltip,
  #partner-signup-steps.leader-signup-steps .tooltip {
    position: absolute;
    top: 47px;
    left: 50%;
    margin-left: -10px;
  }

  /* #partner-signup-steps, */
  #partner-signup-steps.reference-signup-steps,
  #partner-signup-steps.leader-signup-steps {
    padding: 0 16px;
  }

  #partner-signup-steps.reference-signup-steps {
    margin-left: -30%;
    width: 150%;
  }

  #partner-signup-steps.reference-signup-steps .tooltip {
    top: 32px;
  }

  #partner-signup-steps.leader-signup-steps .tooltip {
    top: 44px;
  }

  #partner-signup-steps li {
    padding-right: 8px;
  }

  #partner-signup-steps.reference-signup-steps li,
  #partner-signup-steps.leader-signup-steps li {
    padding-right: 12px;
  }

  body .top-header {
    height: 62px;
  }

  body .top-header .logo-top-left {
    width: 45px;
  }

  /* body .top-header ul.nav-link li a {
        margin-top: 7px;
    } */

  body .top-header ul.nav-link li:last-child a {
    margin-left: 12px;
    /* margin-top: 7px; */
  }

  body .top-header .menu-open {
    margin-top: 20px;
    margin-left: 24px;
    transform: scale(1.5, 1);
  }

  body form .columns .column {
    padding-bottom: 0;
    padding-top: 0;
  }

  .years-select-expertise,
  .months-select-expertise {
    padding-right: 0;
  }
}

.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown.is-active .navbar-link {
  background: #000;
}

.navbar-menu-new .navbar-link::after {
  display: none;
}

.navbar-link::after {
  border-width: 2px;
  border-color: white;
}

#navbarMenu .navbar-logo {
  width: 100%;
  text-align: center;
}

#navbarMenu .navbar-logo .navbar-item {
  justify-content: center;
}

#navbarMenu .navbar-end .navbar-name {
  font-family: "HelveticaNeue", sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #ffffff;
  display: flex;
  align-items: center;
  margin-right: 20px;
  cursor: default;
}

#navbarMenu.navbar-menu-new {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.head-admin #navbarMenu.navbar-menu-new {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  width: 100%;
  align-items: center;
}

.navbar-menu-new .logo {
  max-height: 30px;
}

.navbar-menu-new .navbar-link {
  padding: 0 0.75rem;
}

#navbarMenu .navbar-menu-left {
  display: block;
  left: auto;
  transform: translateX(-100%);
  transition: all 0.4s ease-out;
  right: 0;
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  width: 500px;
  background-color: #ffffff;
  padding: 50px 60px;
  text-align: left;
  z-index: 9999;
  overflow: auto;
}

.navbar-menu-left .menu-left-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 60px;
}

.menu-left-header img:nth-child(2) {
  cursor: pointer;
}

.navbar-menu-left .navbar-item {
  font-size: 18px;
  line-height: 24px;
  font-family: "HelveticaNeue", sans-serif;
  color: #000000;
  margin-bottom: 18px;
}

.navbar-menu-left .navbar-item:hover {
  color: #000000;
}

.navbar-menu-left .navbar-item img {
  margin-right: 10px;
}

.navbar-end .navbar-link:hover {
  background-color: transparent;
}

#navbarMenu .navbar-dropdown {
  border: solid 1px #d1d1d1;
  border-radius: 0;
  box-shadow: none;
  display: block;
  left: auto;
  min-width: 280px;
  transform: scale(0);
  transform-origin: 95% top;
  transition: all 0.2s ease-out;
  right: 0;
}

.checkbox input~.checkmark {
  background-color: #ededed;
}

.checkbox:hover input~.checkmark,
.checkbox:hover input~.checkmark {
  background-color: #dedede;
}

.checkbox:hover input:checked~.checkmark,
.checkbox:hover input:checked~.checkmark {
  background-color: #000;
}

.navbar-dropdown a.navbar-last-item {
  font-weight: 600;
  padding-left: 0;
  /* text-transform: uppercase; */
}

.navbar-dropdown a.navbar-item {
  border-left: solid 1px #ededed;
  font-size: 12px;
  padding: 0.75rem 1.5rem;
}

.navbar-dropdown a.navbar-item.menu-space {
  background: #faefd5;
}

.navbar-dropdown a.navbar-item.menu-space .ant-tag {
  margin-left: 5px;
  font-size: 9px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 16px;
}

.navbar-link {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

/* .navbar-last-item::before {
    content: '>';
    display: inline-block;
    padding-right: 6px;
} */

.navbar-dropdown a.navbar-item:hover {
  background-color: #f0e2a1;
}

.navbar-dropdown-left {
  padding: 22px 28px;
}

.navbar-dropdown-right {
  padding: 12px 0;
  position: relative;
}

.navbar-dropdown .columns {
  margin: -0.5rem 0;
}

.navbar-dropdown-right::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
  top: -6px;
  right: 5px;
  position: absolute;
}

#navbarMenu .navbar-item.is-active .navbar-dropdown,
#navbarMenu .navbar-item.is-hoverable:hover .navbar-dropdown {
  transform: scale(1);
  transition: all 0.4s ease-out;
}

#navbarMenu .navbar-item.is-active .navbar-menu-left,
#navbarMenu .navbar-item.is-hoverable:hover .navbar-menu-left {
  transform: translateX(0%);
  transition: all 0.4s ease-out;
}

/* TODO: Repage */
/* .hero-head.is-fixed + div > .hero-body {
    padding: 1.5rem 1.5rem !important;
} */

/* Others */

.tooltip.is-tooltip-right {
  color: #999;
  /* display: inline-block;
    height: 16px;
    padding-left: 6px; */
}

.partner-step .container input.is-danger,
.partner-step .container select.is-danger,
.partner-step .container textarea.is-danger {
  border: solid 1px #ff3860;
}

p>.tooltip,
.subtitle>.tooltip,
.label>.tooltip {
  display: inline-block;
}

.fas.fa-question-circle::after {
  background-color: white;
  border-radius: 50%;
  content: "";
  display: block;
  height: 50%;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 50%;
  z-index: 1;
}

.fas.fa-question-circle::before {
  position: relative;
  z-index: 2;
}

.subtitle>.tooltip .fas.fa-question-circle::after {
  top: 26px;
  transform: translateY(-20px);
}

.subtitle>.tooltip .fas.fa-question-circle::before {
  top: -14px;
}

p>.tooltip {
  transform: translateY(-4px);
}

p>.tooltip .fas.fa-question-circle::before {
  top: 4px;
}

p>.tooltip .fas.fa-question-circle::after {
  left: 8px;
  top: 6px;
}

p>.tooltip .fas.fa-question-circle::before {
  left: 6px;
}

.label>.tooltip {
  transform: translateY(-4px);
  z-index: 1;
}

.label>.tooltip .fas.fa-question-circle::before {
  top: 4px;
}

.label>.tooltip .fas.fa-question-circle::after {
  left: 8px;
  top: 6px;
}

.label>.tooltip .fas.fa-question-circle::before {
  left: 6px;
}

.subtitle .tooltip {
  transform: translateY(16px);
}

/* Table */

table {
  border-spacing: 0;
}

#root table {
  border: solid 1px #707070;
}

.table.is-bordered td,
.table.is-bordered th,
.partner-step .table td,
.partner-step .table th,
.leader-step .table td,
.leader-step .table th {
  box-shadow: 0 0 1px #707070;
  font-size: 13px;
  padding: 10px 12px;
  text-align: center;
}

.field .button.is-leaked {
  font-weight: 600;
  letter-spacing: 1px;
  padding: 6px 12px !important;
}

.step-4-header .button:focus,
.step-4-header .button.is-leaked:focus,
.step-4-header .button.is-black:focus {
  outline: none;
  box-shadow: none;
}

.button.is-leaked.is-bottom,
.button.is-black.is-bottom {
  margin-top: 36px !important;
}

.login-like-section .filds>label,
.login-section .filds>label,
.login-section a.forgot-pass,
.login-like-section .has-text-grey a {
  font-size: 13px;
  padding: 0 0 3px 10px;
}

.login-like-section .box {
  border: 1px solid #c2c2c2;
  border-radius: 0;
  box-shadow: none;
  padding: 36px;
}

.form-recovery {
  padding: 48px 0;
}

.login-section .button.is-dark.is-outlined,
.form-recovery .button.is-dark.is-outlined {
  font-size: 11px;
  font-weight: 600;
  height: auto;
  padding: 10px;
  text-transform: uppercase;
}

.login-section .footer-from,
.form-recovery .subtitle {
  font-size: 12px;
}

.login-section .footer-from a,
.form-recovery .has-text-grey a {
  color: inherit;
}

.login-section input,
.form-recovery input {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.login-section input:focus,
.form-recovery input:focus {
  outline: 0;
}

.filds-recovery {
  margin-top: 0;
}

/* Switch */

.switch[type="checkbox"]+label::before,
.switch[type="checkbox"]+label:before {
  transition: all 0.25s ease-out;
}

.switch[type="checkbox"].is-success:checked+label::before,
.switch[type="checkbox"].is-success:checked+label:before {
  background-color: black;
}

.switch[type="checkbox"]:focus+label::before,
.switch[type="checkbox"]:checked:focus+label::after {
  outline: none;
}

.help.is-danger {
  line-height: 14px;
}

/* Rating */

body .rating:not(:checked)>label,
body .rating:not(:checked)>label:hover,
body .rating:not(:checked)>label:hover~label,
body .rating>input:checked~label,
body .rating>input:checked+label:hover,
body .rating>input:checked+label:hover~label,
body .rating>input:checked~label:hover,
body .rating>input:checked~label:hover~label,
body .rating>label:hover~input:checked~label {
  text-shadow: none;
}

body .rating:not(:checked)>label:hover,
body .rating:not(:checked)>label:hover~label {
  color: #999;
}

body .rating>input:checked~label,
body .rating>input:checked+label:hover,
body .rating>input:checked+label:hover~label,
body .rating>input:checked~label:hover,
body .rating>input:checked~label:hover~label,
body .rating>label:hover~input:checked~label {
  color: gold;
}

body .star-field .rating>label {
  width: 1.2em;
}

.star-field,
.partner-step .reference-textarea {
  background-color: #fff;
  border-top: 0;
}

.partner-step .star-field>label {
  font-size: 13px;
}

.star-field:not(:last-child) label {
  margin: 0;
  padding-bottom: 12px;
}

.star-field:not(:last-child),
.partner-step .reference-textarea label {
  margin: 0;
}

.partner-step .reference-textarea label {
  padding-bottom: 12px;
}

.partner-step .reference-textarea textarea {
  background-color: #eaeaea;
  margin-bottom: 2px;
}

#partner-signup-steps.reference-signup-steps li {
  width: 50%;
}

.wall-reference {
  background-color: #eee;
  padding: 0.75rem !important;
  overflow: hidden;
}

.wall-reference-art {
  padding: 0;
  position: relative;
}

.wall-reference-art-circles {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

@keyframes fullSpin {
  0% {
    transform: rotate(1deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.wall-reference-art-1 {
  animation: fullSpin 8s linear infinite;
  height: 300px;
  left: 40%;
  top: -200px;
  transform: rotate(0deg);
  width: 300px;
}

.wall-reference-art-2 {
  animation: fullSpin 6s linear infinite reverse;
  height: 200px;
  left: 10%;
  top: -100px;
  width: 200px;
}

.wall-reference-art-3 {
  animation: fullSpin 5s linear infinite;
  height: 150px;
  left: 50%;
  top: 50px;
  width: 150px;
}

.wall-reference-art-4 {
  animation: fullSpin 8s linear infinite reverse;
  height: 350px;
  left: 10%;
  top: 120px;
  width: 350px;
}

.wall-reference-art-5 {
  animation: fullSpin 8s linear infinite reverse;
  height: 200px;
  left: 50%;
  top: 320px;
  width: 200px;
}

.wall-reference-art-6 {
  animation: fullSpin 8s linear infinite;
  height: 80px;
  left: 20%;
  top: 180px;
  width: 80px;
}

.wall-reference-art-7 {
  animation: fullSpin 8s linear infinite;
  height: 220px;
  left: 5%;
  top: 360px;
  width: 220px;
}

.wall-reference-content {
  padding: 164px 0;
}

.wall-reference-back-button {
  border: solid 2px #545454;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 8px 24px;
  text-transform: uppercase;
}

.wall-reference-back-button:hover {
  color: #545454;
}

.wall-reference-back-button:active,
.wall-reference-back-button:visited {
  color: #000;
}

.algorithm-1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODYuOTA1IDM4My4zNyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2Y2ZTM5Zjt9LmJ7ZmlsbDojYmFiMWQxO30uY3tmaWxsOiNhOGQ3ZWI7fS5ke2ZpbGw6I2UzZmJiODt9LmV7ZmlsbDojZmZjNWI5O30uZntmaWxsOiNiY2U4ZDc7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MS40NTUgLTIyLjAwNikiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTQ2LjE2NSwyOTQuMThhNS40OSw1LjQ5LDAsMSwwLDUuNDk1LDUuNDg1QTUuNDc4LDUuNDc4LDAsMCwwLDU0Ni4xNjUsMjk0LjE4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNC4xMTkgLTUyLjI1NSkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTM0NS41NTYsNjQuMzg0YTMuODA2LDMuODA2LDAsMSwwLDQuNDA5LTMuMDg3QTMuODA4LDMuODA4LDAsMCwwLDM0NS41NTYsNjQuMzg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzLjIwNyAtMzkuMjMxKSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNNTQ2LjMsMjY1LjE2MmEzLjAxMiwzLjAxMiwwLDEsMCwzLjAxMi0zLjAxMkEzLjAxNCwzLjAxNCwwLDAsMCw1NDYuMywyNjUuMTYyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNC40MzMgLTUwLjQ2NCkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTU0NS4xNDksMjQ4YTMuMzg4LDMuMzg4LDAsMSwwLDMuMDc4LTMuNjczQTMuMzgyLDMuMzgyLDAsMCwwLDU0NS4xNDksMjQ4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNC4zNjggLTQ5LjQ2NykiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTU0My45LDIzMC44OWEyLjQ0NSwyLjQ0NSwwLDEsMCwxLjk4My0yLjgzMkEyLjQ0MiwyLjQ0MiwwLDAsMCw1NDMuOSwyMzAuODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0LjI5NyAtNDguNTU2KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTU2LjcwOSwyOTkuMDA5YTQuNTE1LDQuNTE1LDAsMSwwLTMuNjYzLDUuMjNBNC41MTYsNC41MTYsMCwwLDAsMTU2LjcwOSwyOTkuMDA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgyLjE1MSAtNTIuMzE2KSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTQxLjU5LDIxMC4wNzNhMy40MDcsMy40MDcsMCwxLDAsNC4xNzMsMi40MDdBMy40LDMuNCwwLDAsMCw1NDEuNTksMjEwLjA3M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuMDI5IC00Ny41NDYpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xNTUuNywzMTUuMTI2YTEuOTI2LDEuOTI2LDAsMSwwLDIuMzYsMS4zNTlBMS45MjUsMS45MjUsMCwwLDAsMTU1LjcsMzE1LjEyNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Mi41MTUgLTUzLjQyMikiLz48cGF0aCBjbGFzcz0iZSIgZD0iTTUzNC4yMzksMTk3LjgzNmEzLjE5LDMuMTksMCwxLDAsMS45MDctNC4wODhBMy4xOTMsMy4xOTMsMCwwLDAsNTM0LjIzOSwxOTcuODM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMy43NDggLTQ2LjYyOSkiLz48cGF0aCBjbGFzcz0iZiIgZD0iTTE2Mi42MTIsMzM3LjAzOWEzLjc0OCwzLjc0OCwwLDEsMC00LjgwNS0yLjIzN0EzLjc0OSwzLjc0OSwwLDAsMCwxNjIuNjEyLDMzNy4wMzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIuNyAtNTQuMjQ1KSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNNTI4LjE0NSwxODEuNzkzYTIuNjkzLDIuNjkzLDAsMSwwLDEuMy0zLjU3OEEyLjY4OCwyLjY4OCwwLDAsMCw1MjguMTQ1LDE4MS43OTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzLjQwNCAtNDUuNzU3KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNMTcxLjA1MywzNDguMjQ2YTMuMzM5LDMuMzM5LDAsMSwwLTEuNjE0LDQuNDM3QTMuMzM3LDMuMzM3LDAsMCwwLDE3MS4wNTMsMzQ4LjI0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04My4wOTggLTU1LjE3KSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNNTE5LjIsMTY2Ljk5NWEzLjc3MywzLjc3MywwLDEsMCwxLjM3OC01LjE1NUEzLjc3NywzLjc3NywwLDAsMCw1MTkuMiwxNjYuOTk1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMi44OSAtNDQuODI3KSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNMTc4LjU2OCwzNjMuNzU2YTIuODI3LDIuODI3LDAsMSwwLTEuMDM5LDMuODYxQTIuODM2LDIuODM2LDAsMCwwLDE3OC41NjgsMzYzLjc1NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04My41NzkgLTU2LjA2NikiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTE4OC42ODEsMzc3LjUyOWEzLjk3NiwzLjk3NiwwLDEsMC0uOTcyLDUuNTQyQTMuOTgsMy45OCwwLDAsMCwxODguNjgxLDM3Ny41MjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQuMDM1IC01Ni44MikiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTUwMS4xMTMsMTM3Ljg5NGExLjkxNywxLjkxNywwLDEsMCwuMjM2LTIuN0ExLjkxNiwxLjkxNiwwLDAsMCw1MDEuMTEzLDEzNy44OTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxLjg4MiAtNDMuMzQxKSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTk4LjQ2NiwzOTEuNzE1YTMuMSwzLjEsMCwxLDAtLjM3OCw0LjM3MUEzLjA4OCwzLjA4OCwwLDAsMCwxOTguNDY2LDM5MS43MTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQuNjgxIC01Ny42NDYpIi8+PHBhdGggY2xhc3M9ImUiIGQ9Ik00OTIuNTcxLDEyMS45NDZhMi41NjMsMi41NjMsMCwxLDAsMCwzLjYyNUEyLjU2NCwyLjU2NCwwLDAsMCw0OTIuNTcxLDEyMS45NDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxLjE4NSAtNDIuNTg0KSIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMjA4LjgzOSw0MDUuODM5YTEuMTk1LDEuMTk1LDAsMSwwLDAsMS42OUExLjIsMS4yLDAsMCwwLDIwOC44MzksNDA1LjgzOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NS40NTIgLTU4LjQ3OCkiLz48cGF0aCBjbGFzcz0iZiIgZD0iTTQ3OS4xMjEsMTEwLjZhMS44MzYsMS44MzYsMCwxLDAsLjIyNywyLjU4N0ExLjgzOSwxLjgzOSwwLDAsMCw0NzkuMTIxLDExMC42WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMC41MDkgLTQxLjk2OCkiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTQ2Mi4wNTQsOTkuOTU4YTIuNDQ4LDIuNDQ4LDAsMSwwLDMuNDA4LS42QTIuNDQzLDIuNDQzLDAsMCwwLDQ2Mi4wNTQsOTkuOTU4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk5LjY5OCAtNDEuMzM3KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNDQ3LjYzNCw5MS4wMWEyLDIsMCwxLDAsMi43MzgtLjc0NkEyLjAxOCwyLjAxOCwwLDAsMCw0NDcuNjM0LDkxLjAxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4LjkwMiAtNDAuODQpIi8+PHBhdGggY2xhc3M9ImUiIGQ9Ik0yNDcuODMyLDQ0MC45MjNhMi45NTksMi45NTksMCwxLDAtMS4wODYtNC4wNDFBMi45NjMsMi45NjMsMCwwLDAsMjQ3LjgzMiw0NDAuOTIzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3LjY2NCAtNjAuMTUpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik00MzYuODg2LDg1LjNhMy40LDMuNCwwLDEsMC00LjUyMiwxLjY0M0EzLjQwNywzLjQwNywwLDAsMCw0MzYuODg2LDg1LjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTcuOTU0IC00MC4zMDYpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yNjcuNjY5LDQ0Ny43NjFhMy4yLDMuMiwwLDEsMC00LjI0OCwxLjU0OEEzLjE5MiwzLjE5MiwwLDAsMCwyNjcuNjY5LDQ0Ny43NjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODguNTE0IC02MC41ODcpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yODIuNzYxLDQ1My44MDhhMS45MDgsMS45MDgsMCwxLDAtMi40NDUsMS4xNDJBMS45MDgsMS45MDgsMCwwLDAsMjgyLjc2MSw0NTMuODA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg5LjQ5MiAtNjEuMDM2KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNNDAxLjc4LDY5LjRhMi42NzgsMi42NzgsMCwxLDAsMS44ODgsMy4yODVBMi42NjcsMi42NjcsMCwwLDAsNDAxLjc4LDY5LjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTYuMTY1IC0zOS42ODMpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zMDAuOTksNDU5LjI0MWEzLjYwNywzLjYwNywwLDEsMC00LjQxOCwyLjU0OUEzLjYsMy42LDAsMCwwLDMwMC45OSw0NTkuMjQxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkwLjMyMiAtNjEuMjI5KSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNMzg3LjI3Miw2OC43NTFhMy4zLDMuMywwLDEsMC0zLjgyNCwyLjY4MUEzLjMsMy4zLDAsMCwwLDM4Ny4yNzIsNjguNzUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1LjE3NiAtMzkuNDM1KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNMzE4LjkzOCw0NjIuODE2YTQuNTI0LDQuNTI0LDAsMSwwLTUuMjQsMy42NzNBNC41Miw0LjUyLDAsMCwwLDMxOC45MzgsNDYyLjgxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MS4yMiAtNjEuMzg2KSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNMzY2LjY2OSw2Ny42OGExLjY5MiwxLjY5MiwwLDEsMC0xLjUzOS0xLjgzMkExLjY5MiwxLjY5MiwwLDAsMCwzNjYuNjY5LDY3LjY4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0LjMwNCAtMzkuNDAzKSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNMzM0LjQ3NCw0NjQuNjQzYTIuNTg3LDIuNTg3LDAsMSwwLTIuOCwyLjM1MUEyLjU4NSwyLjU4NSwwLDAsMCwzMzQuNDc0LDQ2NC42NDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTIuMzAyIC02MS42MjgpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik0zNDkuMzg3LDQ2My42OGExLjU2NywxLjU2NywwLDEsMCwxLjU2NywxLjU2N0ExLjU2OSwxLjU2OSwwLDAsMCwzNDkuMzg3LDQ2My42OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05My4zMzYgLTYxLjczMSkiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTMyOC41ODksNjYuMTg4YTMuMjg0LDMuMjg0LDAsMSwwLDIuOTgzLTMuNTU5QTMuMjgzLDMuMjgzLDAsMCwwLDMyOC41ODksNjYuMTg4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkyLjI2MSAtMzkuMzA5KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMzY2LjU3Myw0NjIuMDg5YTIuMzUsMi4zNSwwLDEsMCwyLjU0OSwyLjEzNEEyLjM1OCwyLjM1OCwwLDAsMCwzNjYuNTczLDQ2Mi4wODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTQuMjY1IC02MS42NDIpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zMTEuNzQ3LDY4LjdhMi44NzYsMi44NzYsMCwxLDAsMi4zMzItMy4zMzNBMi44NzMsMi44NzMsMCwwLDAsMzExLjc0Nyw2OC43WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkxLjMxNyAtMzkuNDYpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0zODYuMzU4LDQ2MS43NTdhMi4zMTYsMi4zMTYsMCwxLDAtMS44NjksMi42OTFBMi4zMDcsMi4zMDcsMCwwLDAsMzg2LjM1OCw0NjEuNzU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1LjIzNCAtNjEuNTE3KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNMjk4LjM4OSw3NS4yMDdhMy4zNzIsMy4zNzIsMCwxLDAtNC4xMjYtMi4zNzlBMy4zNjQsMy4zNjQsMCwwLDAsMjk4LjM4OSw3NS4yMDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTAuMzM2IC0zOS42NDIpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik00MDAuNDM5LDQ1NS45MTVhMi41MzYsMi41MzYsMCwxLDAsMy4xMDYsMS43OTRBMi41MzQsMi41MzQsMCwwLDAsNDAwLjQzOSw0NTUuOTE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk2LjE3MyAtNjEuMjkzKSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNMjg0LjA4OCw3Ni4wMjdhMy40MTcsMy40MTcsMCwxLDAtMi4wMzksNC4zODFBMy40MDksMy40MDksMCwwLDAsMjg0LjA4OCw3Ni4wMjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuNDAzIC0zOS45MzMpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik00MTQuNzU5LDQ1NC4xNjFhMy4xMywzLjEzLDAsMSwwLDEuODY5LTQuMDEyQTMuMTI5LDMuMTI5LDAsMCwwLDQxNC43NTksNDU0LjE2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ny4wNjggLTYwLjk2NCkiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTI2Ni44ODQsODIuOTgyYTIuMjcsMi4yNywwLDEsMC0xLjEsMy4wMTJBMi4yNzksMi4yNzksMCwwLDAsMjY2Ljg4NCw4Mi45ODJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODguNTY5IC00MC4zNzQpIi8+PHBhdGggY2xhc3M9ImUiIGQ9Ik00MzEuNjc2LDQ0Ny40NzZhMi40MTYsMi40MTYsMCwxLDAsMS4xNzEtMy4yMUEyLjQxNiwyLjQxNiwwLDAsMCw0MzEuNjc2LDQ0Ny40NzZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTguMDEyIC02MC42MzMpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yNTAuOTg3LDk0Ljg4M2EzLjQxOCwzLjQxOCwwLDEsMC00LjY2NC0xLjI1NkEzLjQxMiwzLjQxMiwwLDAsMCwyNTAuOTg3LDk0Ljg4M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ny42MzYgLTQwLjc1NikiLz48cGF0aCBjbGFzcz0iZiIgZD0iTTQ0NS45Nyw0NDAuMjEzYTMuNzk0LDMuNzk0LDAsMSwwLDEuMzg4LTUuMTgzQTMuOCwzLjgsMCwwLDAsNDQ1Ljk3LDQ0MC4yMTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTguNzk1IC02MC4xMDEpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMzcuMTA3LDk5LjU1MmEzLjA5MSwzLjA5MSwwLDEsMC0uNzU1LDQuMzA1QTMuMDg4LDMuMDg4LDAsMCwwLDIzNy4xMDcsOTkuNTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg2LjgzMiAtNDEuMykiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTQ2MC42MDYsNDMxLjI2OWE0LjA5NSw0LjA5NSwwLDEsMCwxLjAxLTUuN0E0LjEsNC4xLDAsMCwwLDQ2MC42MDYsNDMxLjI2OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OS42MDEgLTU5LjU1OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTIyMy4yLDEwOS44NjJhMy4yMjMsMy4yMjMsMCwxLDAtLjQsNC41NDFBMy4yMjksMy4yMjksMCwwLDAsMjIzLjIsMTA5Ljg2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ni4wNTEgLTQxLjg4NikiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTQ3NC42MzMsNDIwLjk0OWE0LjEyMSw0LjEyMSwwLDEsMCwuNTEtNS44MDZBNC4xMTksNC4xMTksMCwwLDAsNDc0LjYzMyw0MjAuOTQ5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMC4zNzIgLTU4Ljk2NCkiLz48cGF0aCBjbGFzcz0iZSIgZD0iTTIxMC45NTgsMTIwLjQ5MmE0LjQ3Myw0LjQ3MywwLDEsMCwwLDYuMzI1QTQuNDczLDQuNDczLDAsMCwwLDIxMC45NTgsMTIwLjQ5MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NS4yNTggLTQyLjQ3MSkiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTQ4Ny45NzQsNDA5LjIzNGEzLjgxOSwzLjgxOSwwLDEsMCwwLTUuNEEzLjgxOCwzLjgxOCwwLDAsMCw0ODcuOTc0LDQwOS4yMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxLjExIC01OC4zMjMpIi8+PHBhdGggY2xhc3M9ImYiIGQ9Ik0xOTUuMiwxMzUuODYzYTEuMywxLjMsMCwxLDAsMS44MzItLjE2QTEuMywxLjMsMCwwLDAsMTk1LjIsMTM1Ljg2M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NC43ODcgLTQzLjM3OCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTQ5OS45NDcsMzk2LjY1MWEzLjkwNywzLjkwNywwLDEsMC0uNDgyLTUuNUEzLjkwNywzLjkwNywwLDAsMCw0OTkuOTQ3LDM5Ni42NTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxLjc2NCAtNTcuNTk4KSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNMTg3LjEzLDE1MS42MjhhMS45NTMsMS45NTMsMCwxLDAtMi43MTkuNDgxQTEuOTU1LDEuOTU1LDAsMCwwLDE4Ny4xMywxNTEuNjI4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg0LjE1NCAtNDQuMTEzKSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNNTExLjAyMiwzNzguNGEyLjYsMi42LDAsMSwwLDMuNjI1LS42NDJBMi41OTUsMi41OTUsMCwwLDAsNTExLjAyMiwzNzguNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDIuNDM0IC01Ni45MDIpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNzQuNTU1LDE2NC4zMDVhMS44NTMsMS44NTMsMCwxLDAsMi41My0uNjhBMS44NTIsMS44NTIsMCwwLDAsMTc0LjU1NSwxNjQuMzA1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgzLjYzNiAtNDQuOTQyKSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNNTIxLjIwNywzNjQuNDQzYTEuNiwxLjYsMCwxLDAsMi4xOS0uNTg1QTEuNiwxLjYsMCwwLDAsNTIxLjIwNywzNjQuNDQzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMy4wMTggLTU2LjEzOCkiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTE2Ny40ODgsMTgyLjFhMS41MTQsMS41MTQsMCwxLDAtLjczNi0yLjAxMUExLjUxMiwxLjUxMiwwLDAsMCwxNjcuNDg4LDE4Mi4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgzLjIwNSAtNDUuODI3KSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNNTI4Ljk4LDM0OC45NzhhMS44MjksMS44MjksMCwxLDAsMi40MjYtLjg3OEExLjgxNCwxLjgxNCwwLDAsMCw1MjguOTgsMzQ4Ljk3OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDMuNDU1IC01NS4yNikiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTE2Mi4xODgsMTk0LjY1MmEyLjI5MSwyLjI5MSwwLDEsMCwxLjM2OSwyLjkzNkEyLjI4OSwyLjI4OSwwLDAsMCwxNjIuMTg4LDE5NC42NTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIuNzg2IC00Ni42ODMpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik01MzQuMzU5LDMzMi41MTFhMy4wNjQsMy4wNjQsMCwxLDAsMy45MjctMS44MzJBMy4wNjcsMy4wNjcsMCwwLDAsNTM0LjM1OSwzMzIuNTExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMy43NTUgLTU0LjI4NSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTE1OS4wNjUsMjE0LjE4M2EzLjA0OSwzLjA0OSwwLDEsMC0zLjczOSwyLjE1M0EzLjA0MSwzLjA0MSwwLDAsMCwxNTkuMDY1LDIxNC4xODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIuNDQ4IC00Ny41NjgpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik01MzkuOTc1LDMxNi4yNjVhMi42MjksMi42MjksMCwxLDAsMy4yMTktMS44NkEyLjYxOSwyLjYxOSwwLDAsMCw1MzkuOTc1LDMxNi4yNjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0LjA3NCAtNTMuMzgxKSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNMTU1LjkxOCwyMzEuMDI1YTMuNjcyLDMuNjcyLDAsMSwwLTQuMjQ4LDIuOTgzQTMuNjgsMy42OCwwLDAsMCwxNTUuOTE4LDIzMS4wMjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIuMiAtNDguNDgzKSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNMTQ5LjkxOSwyNTBhMi4yMjIsMi4yMjIsMCwxLDAtMi4wMy0yLjQwN0EyLjIyMywyLjIyMywwLDAsMCwxNDkuOTE5LDI1MFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Mi4xNTggLTQ5LjUzNykiLz48cGF0aCBjbGFzcz0iZSIgZD0iTTU0NC4yODksMjgyLjE1M2E0LjIsNC4yLDAsMSwwLDQuNTYtMy44MTRBNC4yLDQuMiwwLDAsMCw1NDQuMjg5LDI4Mi4xNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0LjMyIC01MS4zNjgpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik0xNDEuMjgsMjc0LjVhNy4wNzMsNy4wNzMsMCwxLDAtLjI4OC0xMEE3LjA3OCw3LjA3OCwwLDAsMCwxNDEuMjgsMjc0LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzcuNjA2IC00Ni40MTQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yMjEuNzA2LDQyOS4yMTJhOC45NDUsOC45NDUsMCwxLDAtNS4xNzEtMTEuNTQ1QTguOTQ3LDguOTQ3LDAsMCwwLDIyMS43MDYsNDI5LjIxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04My44MTkgLTU2LjY5MikiLz48cGF0aCBjbGFzcz0iZiIgZD0iTTUwNC44OTQsMTQ1LjkzOGE1LjU4Niw1LjU4NiwwLDEsMCw3LjA0NS0zLjU3NEE1LjU4NCw1LjU4NCwwLDAsMCw1MDQuODk0LDE0NS45MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwLjAxNSAtNDEuNjY0KSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDEzLjIzOSw3Ny40NjVhNC40NjksNC40NjksMCwxLDAsNC4xMTYtNC44QTQuNDcxLDQuNDcxLDAsMCwwLDQxMy4yMzksNzcuNDY1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk2Ljk5MyAtMzkuODcpIi8+PC9nPjwvc3ZnPg==);
}

.algorithm-2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjguNTQ4IDEyNS4zNTgiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNiY2U4ZDc7fS5ie2ZpbGw6I2JhYjFkMTt9LmN7ZmlsbDojYThkN2ViO30uZHtmaWxsOiNmNmUzOWY7fS5le2ZpbGw6I2UzZmJiODt9LmZ7ZmlsbDojZmZjNWI5O308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2NC40MTQgLTE2MS4yNzEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTUxMS45MTEsNjEuODM2YTYuNDYxLDYuNDYxLDAsMSwwLDguMTQ3LTQuMTM1QTYuNDY1LDYuNDY1LDAsMCwwLDUxMS45MTEsNjEuODM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUzLjIwNiAxMjIuMjU1KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNDMwLjcsMTQ1LjYzNmE0LjQzMSw0LjQzMSwwLDEsMC01LjU4OSwyLjgyM0E0LjQ0MSw0LjQ0MSwwLDAsMCw0MzAuNywxNDUuNjM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU4LjIxMiAxMTcuNjQ2KSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNNDcxLjU1NSw0NS42NzFhNS4zMzEsNS4zMzEsMCwxLDAsMi4zNDEtNy4xNjZBNS4zMzIsNS4zMzIsMCwwLDAsNDcxLjU1NSw0NS42NzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTUuNDc3IDEyMy4zNDMpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik00NzIuOTA2LDE2Mi41MjFhNS4yMSw1LjIxLDAsMSwwLTIuMjg1LDcuMDA1QTUuMjA4LDUuMjA4LDAsMCwwLDQ3Mi45MDYsMTYyLjUyMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1NS45MiAxMTYuNTM2KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNDI1LjA2OCw1NS44MzJhNy4zMDYsNy4zMDYsMCwxLDAsOS4yMTQtNC42NzNBNy4zMDcsNy4zMDcsMCwwLDAsNDI1LjA2OCw1NS44MzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTguMDY0IDEyMi42MjMpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik01MDUsMTQ3LjM3N2E3LjY3Myw3LjY3MywwLDEsMCw5LjY3Ny00LjkwOUE3LjY3LDcuNjcsMCwwLDAsNTA1LDE0Ny4zNzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTMuNTk2IDExNy41MTkpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik00MDguMzI3LDEwMS43ODdhMy42MzcsMy42MzcsMCwxLDAsMS42LTQuODlBMy42MjgsMy42MjgsMCwwLDAsNDA4LjMyNywxMDEuNzg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU5LjAwMSAxMjAuMDY4KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNNTI2LjIsMTExLjM3OWE3LjU3LDcuNTcsMCwxLDAsMy4zMjMtMTAuMTc3QTcuNTY2LDcuNTY2LDAsMCwwLDUyNi4yLDExMS4zNzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTIuNDM2IDExOS44NTEpIi8+PHBhdGggY2xhc3M9ImYiIGQ9Ik00OTIuNzU5LDQ5Ljg1OGE2LjQ2Miw2LjQ2MiwwLDEsMCw1Ljk0OC02LjkzOUE2LjQ2Miw2LjQ2MiwwLDAsMCw0OTIuNzU5LDQ5Ljg1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1NC4yNiAxMjMuMDY1KSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNNDQ4LjI3NCwxNTguNjI1YTIuODQxLDIuODQxLDAsMSwwLTIuNjE1LDMuMDQ5QTIuODM3LDIuODM3LDAsMCwwLDQ0OC4yNzQsMTU4LjYyNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1Ny4wNjMgMTE2Ljc0MSkiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTQ0Ny43MTQsNTEuOTE4YTcuNTEyLDcuNTEyLDAsMSwwLS44MTItMTAuNTkzQTcuNTE3LDcuNTE3LDAsMCwwLDQ0Ny43MTQsNTEuOTE4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU2LjkyNCAxMjMuMjk5KSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNNDg4LjYxNywxNjUuNTczYTQuOTY4LDQuOTY4LDAsMSwwLS41MzgtNy4wMDVBNC45NjYsNC45NjYsMCwwLDAsNDg4LjYxNywxNjUuNTczWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU0LjU4NyAxMTYuNjk1KSIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNNDEzLjIzOSw3Ny40NjVhNC40NjksNC40NjksMCwxLDAsNC4xMTYtNC44QTQuNDcxLDQuNDcxLDAsMCwwLDQxMy4yMzksNzcuNDY1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU4LjcwNiAxMjEuNDAxKSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNTI2LjMwOSwxMjQuMjA5YTYuNzgsNi43OCwwLDEsMCw3LjI3OSw2LjI0QTYuNzg1LDYuNzg1LDAsMCwwLDUyNi4zMDksMTI0LjIwOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1Mi43MzMgMTE4LjUyKSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNNDA3LjQ1MSwxMTcuNDgyYTkuMDc5LDkuMDc5LDAsMSwwLDEyLjc5Mi0uOTgyQTkuMDc4LDkuMDc4LDAsMCwwLDQwNy40NTEsMTE3LjQ4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1OS4xNTEgMTE5LjA3MikiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTUzMy4zLDg3LjM1MmE0LjI3Miw0LjI3MiwwLDEsMC02LjAyMy40NjNBNC4yNjYsNC4yNjYsMCwwLDAsNTMzLjMsODcuMzUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUyLjQxMyAxMjAuOTc0KSIvPjwvZz48L3N2Zz4=);
}

/* Video */

.step-video {
  background-color: #ececec;
}

.partner-step.step-video .container h1 {
  font-weight: 600;
  padding-bottom: 36px;
}

.step-video h2 {
  border-bottom: solid 1px #363636;
  font-weight: 300;
  padding-bottom: 10px;
}

.step-video p,
.step-video ol {
  padding-bottom: 12px;
}

.step-video ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}

.step-video ol li {
  counter-increment: my-awesome-counter;
}

.step-video ol li::before {
  content: counter(my-awesome-counter) ". ";
  font-weight: 600;
}

.step-video ol li {
  font-weight: 400;
}

.step-video .button {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 600;
  float: right;
  height: auto;
  letter-spacing: 1px;
  padding: 6px 24px;
}

.step-video .field.is-grouped.is-grouped-centered {
  padding-bottom: 64px;
}

/* Líderes */

.hero-body+.leader-step>.container {
  padding-top: 168px;
}

#partner-signup-steps.leader-signup-steps li {
  width: 33.333%;
}

.partner-step .container table label.checkbox,
.leader-step .container table label.checkbox,
.client-form-section .field label {
  margin-top: 0;
}

.columns-no-pad .field label,
.field-video .container label {
  margin-top: 0;
}

.container-table {
  overflow-x: auto;
}

/* TODO: Repage */
/* .container-content {
  padding-left: 15px;
  padding-right: 15px;
} */

.container-schedule {
  width: 50%;
  margin-left: 50%;
}

.break-word {
  word-break: break-word;
}

.container-nav-progress {
  display: flex;
  justify-content: space-between;
}

.container-calendar {
  background-color: #ffffff;
  padding: 3rem;
}

.sub-container-calendar {
  display: flex;
}

.sub-container-calendar>div:first-child,
.sub-container-calendar>div:last-child {
  position: relative;
  width: 10%;
}

.sub-container-calendar>div:nth-child(2) {
  position: relative;
  width: 80%;
}

.sub-container-calendar .icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navbar-main {
  background-color: #000000;
}

.navbar-main>.container {
  display: flex;
  justify-content: space-between;
}

.navbar-main .navbar-menu {
  background-color: transparent;
}

.navbar-main .navbar-end {
  text-align: right;
}

.head-admin .navbar-main .navbar-start,
.head-admin .navbar-main .navbar-logo,
.head-admin .navbar-main .navbar-end {
  width: 100%;
}

.navbar-main .navbar-dropdown {
  background-color: #ffffff;
}

.navbar-main .navbar-brand {
  max-width: 241px;
  width: 100%;
}

.jc-end {
  display: flex;
  justify-content: flex-end;
}

.handler-table {
  overflow: initial;
  width: auto;
}

.pt-20 {
  padding-top: 20px;
}

.AssetBundle .tabs.is-toggle>ul {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: initial;
}

@media (max-width: 768px) {
  .container-nav-progress .col:last-child {
    display: none !important;
  }

  .container-calendar {
    padding: 15px;
  }

  .container-calendar .icon i {
    font-size: 50px;
  }

  .sub-container-calendar>div:first-child,
  .sub-container-calendar>div:last-child {
    width: 5%;
  }

  .sub-container-calendar>div:nth-child(2) {
    width: 90%;
  }

  .container-nav-progress .col:first-child .title {
    font-size: 20px;
  }

  .project-invite {
    padding-top: 50px;
  }

  .project-invite .field.is-grouped {
    flex-direction: column;
  }

  .navbar-main .navbar-brand,
  .navbar-main .navbar-menu {
    width: 50%;
  }

  .navbar-main .navbar-menu-new {
    width: 100% !important;
  }

  .navbar-main .navbar-menu-new .navbar-item {
    width: unset !important;
  }

  .navbar-main .navbar-menu .navbar-item {
    width: 50%;
  }

  .navbar-main .navbar-dropdown {
    text-align: left;
  }

  #navbarMenu .navbar-end .navbar-name {
    display: none;
  }

  .navbar-menu-new .navbar-link {
    padding: 0.5rem 0.75rem;
  }

  .AssetBundle .tabs.is-toggle {
    border: 0;
  }

  .top-header .logo-sm {
    height: 42px;
    margin: 7px 14px;
  }

  .header-tagline {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    position: absolute;
    top: 19px;
    left: 76px;
    width: 200px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
  }

  .overlay>.closebtn {
    top: 10px;
    right: 24px;
    transform: scale(1.25);
  }

  .overlay-content>li>a {
    font-size: 14px;
  }

  #navbarMenu .navbar-menu-left {
    width: 320px;
    padding: 50px 20px;
  }
}

@media (max-width: 1024px) {
  .container-nav-progress .col:last-child #partner-signup-steps li {
    padding-right: 10px;
  }

  .sub-container-calendar {
    padding-top: 20px;
  }
}

@media (max-width: 1088px) {
  #navbarMenu .navbar-item.is-active .navbar-dropdown {
    position: absolute;
  }

  .navbar-main .navbar-menu--slogan {
    display: none;
  }

  .navbar-main .navbar-menu-new .navbar-link::after {
    display: none;
  }

  .navbar-main .navbar-link::after {
    display: block;
  }

  .navbar-main .navbar-end {
    height: 43px !important;
  }

  .navbar-main .navbar-item.has-dropdown.is-hoverable {
    align-items: stretch;
    height: 50px;
    width: 50px;
    position: relative;
    top: -12px;
  }

  .content-client .fullsize-border {
    border-bottom: 0;
  }

  .content-client .select-on-title {
    transform: translate(0, 0);
  }

  .handler-table {
    overflow: hidden;
    width: calc(100vw - 3rem);
  }

  #navbarMenu .navbar-item.is-hoverable:hover .navbar-dropdown {
    right: 0;
    position: absolute;
  }

  .navbar-item.has-dropdown {
    align-items: stretch;
    max-width: 150px;
    position: relative;
  }

  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }

  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
}

.fas.fa-question-circle.reset-after::after {
  width: 0;
  height: 0;
}

.ant-table {
  line-height: 1.2;
}
.DayPicker-Caption>div {
  font-family: 'Helvetica Neue LT Std';
  font-size: 18px;
  font-weight: 600;
}

.DayPicker-Day--today {
  background-color: #e7e7e7;
  color: #000000;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #1883ff;
  color: #ffffff;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #1883ff;
  color: #ffffff;

}
.quickmeeting-modal {
}

.quickmeeting-modal .ant-modal {
  width: 1244px !important;
}

.quickmeeting-modal .ant-modal .ant-modal-content {
  background-color: #f3f3f3;
}

.quickmeeting-modal .ant-modal .ant-modal-header {
  border: none;
  background-color: #f3f3f3;
  height: 80px;
  padding: 0;
  display: flex;
  align-items: center;
}

.quickmeeting-modal .ant-modal .ant-modal-header .ant-modal-title {
  font-size: 38px;
  height: 38px;
  line-height: 48px;
  padding-left: 60px;
}

.quickmeeting-modal .ant-modal .ant-modal-header .ant-modal-title:after {
  content: '';
  width: 75px;
  height: 7px;
  background: #000;
  position: absolute;
  margin-top: 50px;
  left: 0;
  margin-left: 60px;
}

.quickmeeting-modal .ant-modal .ant-modal-body {
  padding: 10px 60px 20px 60px;
}

.quickmeeting-modal .ant-modal .ant-modal-footer {
  border: none;
  padding: 20px 40px 30px 40px;
}

.quickmeeting-modal .ant-modal .ant-modal-footer > div > button:first-of-type {
  display: none;
}

.quickmeeting-modal .ant-modal .ant-modal-footer > div > button:last-of-type {
  background-color: #1883ff;
  border-color: #1883ff;
  border-radius: 26px;
  width: 315px;
  height: 52px;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.quickmeeting-modal
  .ant-modal
  .ant-modal-footer
  > div
  > button:last-of-type[disabled] {
  background: #ccc;
  border-color: #cfcfcf;
  color: #a2a2a2;
}

.modalcta {
}

.modalcta .ant-modal {
  width: 740px !important;
}

.modalcta .ant-modal .ant-modal-content {
  background: #000000;
  color: #ffffff;
}

.modalcta .ant-modal .ant-modal-header {
}

.modalcta .ant-modal .ant-modal-header .ant-modal-title {
}

.modalcta .ant-modal .ant-modal-header .ant-modal-title:after {
}

.modalcta .ant-modal .ant-modal-body {
}

.modalcta .ant-modal .ant-modal-body .logo-modal {
  display: flex;
  justify-content: center;
}

.modalcta .ant-modal .ant-modal-body .ico-modal {
  display: flex;
  justify-content: center;
  margin: 60px 0;
}

.modalcta .ant-modal .ant-modal-body .text-modal {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
}

.modalcta .ant-modal .ant-modal-footer {
  padding: 60px 30px;
  border: none;
}

.modalcta .ant-modal .ant-modal-footer > div > button {
  border-radius: 26px;
  width: 315px;
  height: 52px;
  font-weight: 600;
  font-size: 18px;
}

.modalcta .ant-modal .ant-modal-footer > div > button:first-of-type {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.modalcta .ant-modal .ant-modal-footer > div > button:last-of-type {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}

.modalconfirm {
}

.modalconfirm .ant-modal {
  width: 740px !important;
}

.modalconfirm .ant-modal .ant-modal-content {
  background: #000000;
  color: #ffffff;
}

.modalconfirm .ant-modal .ant-modal-header {
}

.modalconfirm .ant-modal .ant-modal-header .ant-modal-title {
}

.modalconfirm .ant-modal .ant-modal-header .ant-modal-title:after {
}

.modalconfirm .ant-modal .ant-modal-body {
}

.modalconfirm .ant-modal .ant-modal-body .logo-modal {
  display: flex;
  justify-content: center;
}

.modalconfirm .ant-modal .ant-modal-body .ico-modal {
  display: flex;
  justify-content: center;
  margin: 60px 0;
}

.modalconfirm .ant-modal .ant-modal-body .text-modal {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
}

.modalconfirm .ant-modal .ant-modal-body .sub-text-modal {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin-top: 20px;
}

.modalconfirm .ant-modal .ant-modal-footer {
  padding: 60px 30px;
  border: none;
}

.modalconfirm .ant-modal .ant-modal-footer > div {
  display: flex;
  justify-content: center;
}

.modalconfirm .ant-modal .ant-modal-footer > div > button {
  border-radius: 10px;
  width: 315px;
  height: 50px;
  font-weight: 700;
  font-size: 14px;
}

.modalconfirm .ant-modal .ant-modal-footer > div > button:first-of-type {
  display: none;
}

.modalconfirm .ant-modal .ant-modal-footer > div > button:last-of-type {
  background-color: #1883ff;
  border-color: #1883ff;
  color: #fff;
}


.customized-projects-header .is-6,.customized-projects-header .is-9, .customized-projects-header .is-3 {
    background-color: #007DBB;
}

.customized-projects-header .is-3 h4, .customized-projects-header .is-3 div {
    display: none;
}

.customized-projects-header .is-6 .subtitle, .customized-projects-header .is-9 .subtitle, .customized-projects-header .is-6 .regular-control-text, .customized-projects-header .is-9 .regular-control-text {
	color: #FFFFFF;
}

.customized-projects-body .cartResume {
    border-top: solid 8px #007DBB;
}

.customize-baseline{
   background: #007DBB;
}

.customAssetHeader {
	color: #FFFFFF;
    background-color: #007DBB;
}

.complexBadgeTxt{
	color: #007DBB !important;
}

.complexBadge {
	color: #FFFFFF;
    background-color: #007DBB;
}

#partner-signup-steps.partner-signup-newproj-steps .is-active a.progress-bar--menu-item > span {
    opacity: 1;
    background: #007DBB;
}


.customized-projects-header .blue .boxTitle.right {
    padding-left: 40px;
    border-left: solid 1px #23a4e0;
}

.bp__control {
    min-width: 200px;
}

.bp__option {
    font-size: 70% !important;
}

.bp__single-value {
    font-size: 80%;
}

.bp__value-container {
    position: relative;
    top: -10px;
}


.searchInput .bp__control {
    padding: 0;
}

.searchInput .bp__control input {
    height: 24px !important;
}


.css-w8afj7-Input {
    padding: 0!important;
    margin: 0!important;
}

table.billing-installments tbody td {
    padding: 1rem;
}

table.billing-installments tbody td.selected {
    padding: 2rem;
}

table.billing-installments tbody tr.selected {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}


table.billing-installments tbody tr.blurred {
    opacity: .2;
}


.radiomark{
    background-color: transparent;
    border: solid 1px #909090;
}

.radiomark {
    /* top: 30%; */
}

.radio .radiomark:after {
    top: 6px;
    left: 6px;
}

.payment-beneficiary-item{
    display: inline-block;
    padding: 0.5rem;
}

.payment-beneficiary-new{
    display: inline-block;
    padding: 0.5rem;
    line-height: 50px;
    color: #1883ff;
}

.searchInput .bp__control .bp__value-container{
    top: 0;
}

.prop {
    margin-top: 0.5rem;
    font-size: 80%;
}

.prop-group {
    margin-top: 1.5rem;
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 1rem;
}


.prop .name {
    font-weight: bold;
}

.prop .value {
    margin-left: 0.3rem;
}

.prop .value .multi{
    margin-left: 0.25rem;
}

.prop .value .multi:not(:last-child):after {
    content: ', '
}

.prop .value .desc {
    border-bottom: solid 1px #333333;
    text-align: center;
    margin-left: 0.25rem;
}
.quotation-budget {
    font-size: 90%;
}

.quotation-budget .tit {
    padding-top: 0.75rem !important;
    padding-left: 1rem;
}

.quotation-budget .column {
    border: solid 1px #f0f0f0;
}

.quotation-budget .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-budget .amount .column {
    background-color: #CBEDE0 !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.quotation-budget .bpcommission .column {
    background-color: #dedede !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.quotation-budget .total .column {
    background-color: #a8d7eb !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}


.quotation-summary .tit {
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.quotation-summary .sum {
    padding-top: 1rem !important;
    padding-right: 1.5rem;
    text-align: right;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.quotation-summary .val {
    padding-right: 1.5rem;
    text-align: right;
}

.quotation-summary .edit {
    padding-right: 0.75rem;
    text-align: right;
}

.quotation-summary .column {
    border: solid 1px #f0f0f0;
}

.quotation-summary .subtit {
    padding-left: 3rem;
    display: flex;
    align-items: center;
}

.quotation-summary .subval {
    padding-right: 1.5rem;
    text-align: right;
}

.quotation-summary .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-summary .spreadsheet .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.quotation-summary .assets .column {
    background-color: #adadad !important;
    padding-top: 1rem;
}

.quotation-summary .items .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.quotation-summary .items-sub .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.quotation-summary .fee .column {
    background-color: #ababab !important;
    padding-top: 1rem;
}

.quotation-summary .tax .column {
    background-color: #ababab !important;
    padding-top: 1rem;
}

.quotation-summary .total .column {
    background-color: #434343 !important;
    padding-top: 1rem;
    color: #fff;
}

.quotation-summary .total .column strong {
    color: #fff;
}


.quotation-grandtotal {
}

.quotation-grandtotal .tit {
    padding-top: 1.5rem !important;
    padding-left: 1rem;
}

.quotation-grandtotal .column {
    border: solid 1px #f0f0f0;
}

.quotation-grandtotal .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-grandtotal .amount .column {
    background-color: #dedede !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.quotation-grandtotal .bpcommission .column {
    background-color: #ababab !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.quotation-grandtotal .total .column {
    background-color: #434343 !important;
    color: #ffffff;
    font-weight: bold;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}


.thumbs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px;
}

.thumb {
    display: inline-flex;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100px;
    height: 100px;
    padding: 4px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.thumb-inner {
    display: flex;
    min-width: 0;
    overflow: hidden;
}

.thumb-img {
    display: block;
    width: auto;
    height: 100%
}

.thumb-inner a {
    left: -20px;
    top: 10px;
    z-index: 99;
    background-color: #000000;
}

.react-autosuggest__container {
    position: relative;
}

.react-autosuggest__input--focused {
    outline: none;
}

.react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
    display: none;
}

.react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    top: 51px;
    width: 280px;
    border: 1px solid #aaa;
    background-color: #fff;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 2;
}

.react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
    background-color: #ddd;
}

.public-DraftEditor-content{
    padding: 1rem;
    min-height: 200px;
}

.RichEditor-editor {
    
}
.bp-menu-list li .bp-is-active {
  border-left: solid 10px #000;
}

.bp-menu-list li .bp-is-inactive {
  border-left: solid 10px #eeeeee;
}

.bp-menu-list li {
  line-height: 2rem;
}

.bp-menu-list li a {
  text-decoration: none;
  color: #353535;
  font-weight: bold;
  font-size: 80%;
  display: inline-block;
  padding-left: 1rem;
}

.bp-event-subtitle {
  padding-left: 3rem;
  margin-bottom: 2rem;
}

/* .bp-event-section {
    padding-left: 2rem;
    border-left: solid 10px #000;
} */

.bp-event-anchor {
  float: right;
}

.bp-event-section .checkmark {
  outline: solid 1px #000;
  border: none;
}

.bp-event-section .checkbox input:checked ~ .checkmark {
  background-color: #000 !important;
}

.bp-event-section .radiomark {
  border: solid 1px #000 !important;
}

.bp-event-section .radio .radiomark:after {
  background-color: #000 !important;
}

.bp-event-section .input[disabled],
.bp-event-section .textarea[disabled] {
  background-color: #fafafa;
  box-shadow: none;
  color: #7a7a7a;
  border: none !important;
}

.partner-contact-item {
    margin-top: 0.1rem;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
}

.partner-contact-item div {
    flex: 1 1;
}

.partner-contact-item a {
    flex-basis: 1rem;
}

.partner-contact-item:hover{
    background-color: #f5f5f5;
}
.bpitch-schedule .bpitch-schedule-topic {
    font-size: 80%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    margin-top: 0.25rem;
    border-radius: 0.25rem;
    background-color: #fafafa;
}

.bpitch-schedule-range .ant-input {
    border: none !important;
}

.bpitch-schedule-date .ant-input:read-only {
    border: none !important;
    border-bottom: solid 1px #000 !important;
    color: #363636;
    font-size: 1rem;
    text-align: center;
}

.bpitch-schedule-range .ant-calendar-range-picker-input{
    border-bottom: solid 1px #000 !important;
    padding: 1rem;
    background-color: white !important;
    color: #363636;
    font-size: 1rem;
}

.bpitch-schedule-date .ant-calendar-picker{
    border: none;
}

.bpitch-schedule-date .ant-calendar-picker-input{
    border-bottom: solid 1px #000 !important;

}

.bpitch-schedule-date .ant-calendar-picker:hover, .bpitch-schedule-date .ant-calendar-picker:focus {
    border: none;
}
.event-quotation-summary .tit {
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.event-quotation-summary .sum {
    padding-top: 1rem !important;
    padding-right: 1rem;
    text-align: right;
    font-weight: bold;
}

.event-quotation-summary .val {
    padding-right: 1rem;
    text-align: right;
}

.event-quotation-summary .edit {
    padding-right: 0.75rem;
    text-align: right;
}

.event-quotation-summary .column {
    border: solid 1px #f0f0f0;
}

.event-quotation-summary .subtit {
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.event-quotation-summary .subval {
    padding-right: 1rem;
    text-align: right;
}

.event-quotation-summary .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.event-quotation-summary .spreadsheet .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.event-quotation-summary .assets .column {
    background-color: #adadad !important;
    padding-top: 1rem;
}

.event-quotation-summary .items .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.event-quotation-summary .items-sub .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.event-quotation-summary .fee .column {
    background-color: #ababab !important;
    padding-top: 1rem;
}

.event-quotation-summary .tax .column {
    background-color: #ababab !important;
    padding-top: 1rem;
}

.event-quotation-summary .total .column {
    background-color: #434343 !important;
    padding-top: 1rem;
    color: #fff;
}

.event-quotation-summary .total .column strong {
    color: #fff;
}


.quotation-budget table {
    border: none !important;
    border-collapse: collapse;
}

.quotation-budget table td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.quotation-budget table td.item {
}

.quotation-budget table td.amount {
    font-weight: bold;
    text-align: right;
}


.quotation-asset-form table.main
{
    border-collapse: collapse;
    border: none !important;
}
.quotation-asset-form table.main td {
    background-color: #f2f2f2 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
    vertical-align: middle;
}

.quotation-asset-form table th {
    background-color: #434343 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
    color:#fff;
}

.quotation-asset-form table.main tfoot td {
    background-color: #434343 !important;
    color: #fff!important;
}

.quotation-asset-form table.main tfoot td strong span{
    color: #fff!important;
    font-weight: 600!important;
}

.quotation-asset-form table.list th
{
    padding: 1rem;
}

.quotation-asset-form table.list td
{
    border: solid 1px #efefef !important;
    vertical-align: middle;
}

.quotation-asset-form table.list td .checkmark
{
    border: solid 1px #eeeeee !important;
}

.quotation-asset-form .custom-option{
    cursor: pointer;
    padding: 0.5rem;
}

.quotation-asset-form .custom-option:hover{
    background-color: #fafafa;
}

.quotation-item-form table
{
    border-collapse: collapse;
    border: none !important;
}
.quotation-item-form table td {
    background-color: #BAB1D1 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table th {
    background-color: #9684C6 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table tfoot td {
    background-color: #9684C6 !important;
}

.quotation-item-form table
{
    border-collapse: collapse;
    border: none !important;
}
.quotation-item-form table td {
    background-color: #BAB1D1 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table th {
    background-color: #9684C6 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table tfoot td {
    background-color: #9684C6 !important;
}

.quotation-item-form table
{
    border-collapse: collapse;
    border: none !important;
}
.quotation-item-form table td {
    background-color: #BAB1D1 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table th {
    background-color: #9684C6 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table tfoot td {
    background-color: #9684C6 !important;
}

.quotation-item-form table
{
    border-collapse: collapse;
    border: none !important;
}
.quotation-item-form table td {
    background-color: #BAB1D1 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table th {
    background-color: #9684C6 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table tfoot td {
    background-color: #9684C6 !important;
}

.universal-quotation-summary {
    margin-top: 3rem;
    padding: 2rem 2rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 0.25rem;
    background-color: #f5f5f5;
    /* border-left: solid 2px #f0f0f0; */
}

.universal-quotation-summary .tit {
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.universal-quotation-summary .sum {
    padding-top: 1rem !important;
    padding-right: 1.5rem;
    text-align: right;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.universal-quotation-summary .val {
    padding-right: 1.5rem;
    text-align: right;
}

.universal-quotation-summary .edit {
    padding-right: 0.75rem;
    text-align: right;
}

.universal-quotation-summary .column {
    border: solid 1px #f0f0f0;
}

.universal-quotation-summary .subtit {
    padding-left: 3rem;
    display: flex;
    align-items: center;
}

.universal-quotation-summary .subval {
    padding-right: 1.5rem;
    text-align: right;
}

.universal-quotation-summary .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.universal-quotation-summary .spreadsheet .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.universal-quotation-summary .assets .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.universal-quotation-summary .items .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.universal-quotation-summary .items-sub .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.universal-quotation-summary .fee .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.universal-quotation-summary .tax .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.universal-quotation-summary .total .column {
    padding-top: 1rem;
    font-weight: bold;
    font-size: 110%;
    border: none;
}


.quotation-grandtotal {
}

.quotation-grandtotal .tit {
    padding-top: 1.5rem !important;
    padding-left: 1rem;
}

.quotation-grandtotal .column {
    border: solid 1px #f0f0f0;
}

.quotation-grandtotal .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-grandtotal .amount .column {
    background-color: #dedede !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.quotation-grandtotal .bpcommission .column {
    background-color: #ababab !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.quotation-grandtotal .total .column {
    background-color: #434343 !important;
    color: #ffffff;
    font-weight: bold;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}



    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position: absolute;
         left: -9999px;
          top: auto;
        clip: rect(0,0,0,0);
    }

    .rating:not(:checked) > label {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 200%;
        line-height: 1.2;
        color: #ddd;
        text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
    }

        .rating:not(:checked) > label:before {
            content: '★';
            font-size: 40px;

        }

    .rating > input:checked ~ label {
        color: #f70;
        text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: gold;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > label:active {
        position: relative;
        top: 2px;
        left: 2px;
    }


    fieldset{
        border: none;
    }

.quotation-budget {
    font-size: 90%;
}

.quotation-budget .tit {
    padding-top: 0.75rem !important;
    padding-left: 1rem;
}

.quotation-budget .column {
    border: solid 1px #f0f0f0;
}

.quotation-budget .head .column {
    background-color: #434343 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-budget .amount .column {
   background-color: #adadad !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.quotation-budget .bpcommission .column {
    background-color: #dedede !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.quotation-budget .working .column {
    background-color: #adadad !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.quotation-budget .total .column {
    background-color: #d1d1d1 !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.quotation-budget .balance .column {
    background-color: #434343 !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #fff;
}

.quotation-item-form table
{
    border-collapse: collapse;
    border: none !important;
}
.quotation-item-form table td {
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-form table th {
    background-color: #434343 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
    color: #fff!important;
}

.quotation-item-form table tfoot td {
    background-color: #434343 !important;
}

.quotation-item-form table tfoot td strong span {
    font-weight: 600;
    color: #fff;
}

.quotation-summary table
{
    border-collapse: collapse;
    border: none !important;
    width: 100%;
}

.quotation-summary table th {
    background-color: #353535 !important;
    color: #FFFFFF;
    padding: 1rem;
    font-size: 90%;
    text-align: center;
}

.quotation-summary table th:first-child {
    border-right: solid 1px #ffffff;
}

.quotation-summary table th:last-child {
    border-left: solid 1px #ffffff;
}

.quotation-summary table td:first-child {
    border-right: solid 1px #ffffff;
    text-align: right;
}

.quotation-summary table td:last-child {
    border-left: solid 1px #ffffff;
}

.quotation-summary table tr.asset-line td {
    background-color: #dedede !important;
    padding: 2rem;
}

.quotation-summary table tr.item-line td {
    background-color: #d1d1d1 !important;
    padding: 2rem;
    text-align: right;
}

.quotation-summary table tr.fee-line td {
    background-color: #dedede !important;
    padding: 2em;
    text-align: right;
}

.quotation-summary table tr.tax-line td {
    background-color: #d1d1d1 !important;
    padding: 2em;
    text-align: right;
}

.quotation-summary table tr.commission-line td {
    background-color: #7c7c7c !important;
    padding: 2em;
    text-align: right;
    color: #fff!important;
}

.quotation-summary table tr.invoice-line td {
    background-color: #434343 !important;
    padding: 2em;
    text-align: right;
    vertical-align: middle;
    color: #fff;
    font-weight: 600!important;
}

.quotation-summary table tr.invoice-line td span {
    font-weight: 600;
    font-size: 20px;
}

.quotation-summary table tr.invoice-line td:first-child {
     background-color: #eeeeee !important;
}



.quotation-summary table tfoot td {
    vertical-align: middle;
}

.quotation-item-summary table
{
    border-collapse: collapse;
    border: none !important;
    background-color: transparent;
}
.quotation-item-summary table td {
    background-color: #F2F2F2 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
}

.quotation-item-summary table th {
    background-color: #434343 !important;
    box-shadow: 0 0 1px #FFFFFF !important;
    color: #fff!important;
}

.quotation-item-summary table tfoot td {
    background-color: #434343 !important;

}

.quotation-item-summary table tfoot td strong span {
    font-weight: 600;
    color: #fff;
}

.quotation-summary .tit {
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.quotation-summary .sum {
    padding-top: 1rem !important;
    padding-right: 1.5rem;
    text-align: right;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.quotation-summary .val {
    padding-right: 1.5rem;
    text-align: right;
}

.quotation-summary .edit {
    padding-right: 0.75rem;
    text-align: right;
}

.quotation-summary .column {
    border: solid 1px #f0f0f0;
}

.quotation-summary .subtit {
    padding-left: 3rem;
    display: flex;
    align-items: center;
}

.quotation-summary .subval {
    padding-right: 1.5rem;
    text-align: right;
}

.quotation-summary .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-summary .spreadsheet .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.quotation-summary .assets .column {
    background-color: #adadad !important;
    padding-top: 1rem;
}

.quotation-summary .items .column {
    background-color: #dedede !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.quotation-summary .items-sub .column {
    background-color: #dedede !important;
    padding-top: 1rem;
}

.quotation-summary .fee .column {
    background-color: #ababab !important;
    padding-top: 1rem;
}

.quotation-summary .tax .column {
    background-color: #ababab !important;
    padding-top: 1rem;
}

.quotation-summary .total .column {
    background-color: #434343 !important;
    padding-top: 1rem;
    color: #fff;
}

.quotation-summary .total .column strong {
    color: #fff;
}


.quotation-grandtotal {
}

.quotation-grandtotal .tit {
    padding-top: 1.5rem !important;
    padding-left: 1rem;
}

.quotation-grandtotal .column {
    border: solid 1px #f0f0f0;
}

.quotation-grandtotal .head .column {
    background-color: #353535 !important;
    color: #ffffff;
    text-align: center;
}

.quotation-grandtotal .amount .column {
    background-color: #dedede !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.quotation-grandtotal .bpcommission .column {
    background-color: #ababab !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.quotation-grandtotal .total .column {
    background-color: #434343 !important;
    color: #ffffff;
    font-weight: bold;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}