/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.crvivo, .crvoevnt {
  overflow: hidden;
  padding: 120px 0 60px;
}

.crvivo .btn-default {
  background: rgba(255, 255, 255, 0.47);
  margin-left: 5px;
  width: 100px;
}

/* .crvivo ::placeholder{color:rgba(237,61,37,.58)} */
/* .crvivo .cover-preview{border:1px solid #f38373} */
.crvivo .error {
  background: 0 0;
}

.crvivo-bg-left, .crvoevnt-bg-left {
  width: 300px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top-right-radius: 300px;
  border-bottom-right-radius: 300px;
  left: 0;
}

.crvivo-bg-left {
  background-image: linear-gradient(#ec7b49 0, #e34963 40%, #b252a0 100%);
  background-image: -webkit-linear-gradient(#ec7b4a 0, #e34963 40%, #b252a0 100%);
}

.crvoevnt-bg-left {
  background-image: linear-gradient(#082eb5 0, #319bff 100%);
  background-image: -webkit-linear-gradient(#082eb5 0, #319bff 100%);
}

.crvivo-div, .crvoevnt-div {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3294117647);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.crvivo-right, .crvoevnt-right {
  color: #ffffff;
  height: 515px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.crvivo-right {
  padding: 65px 30px;
}

.crvoevnt-right {
  padding: 30px 20px 30px 30px;
}

.crvivo-right {
  background-image: linear-gradient(#b252a0 0, #e34963 50%, #ec7b49 100%);
  background-image: -webkit-linear-gradient(#b252a0 0, #e34963 50%, #ec7b49 100%);
}

.crvoevnt-right {
  background-image: linear-gradient(#082eb5 0, #319bff 100%);
  background-image: -webkit-linear-gradient(#082eb5 0, #319bff 100%);
}

.crvivo-right-1 li, .crvoevnt-right-1 li {
  margin-bottom: 10px;
  width: 100%;
  height: 77px;
  text-align: left;
  position: relative;
}

.crvoevnt-right-1 li {
  height: 46px;
}

.crvivo-right-1 li span, .crvoevnt-right-1 li span {
  width: 38px;
  height: 38px;
  line-height: 34px;
  border: 2px solid #ffffff;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  background: 0 0;
  position: relative;
  z-index: 1;
  font-weight: 700;
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.16);
}

.crvivo-right-1 li.active span, .crvoevnt-right-1 li.active span {
  background: #ffffff;
  box-shadow: 0 0 3px #ffffff;
}

.crvoevnt-right-1 li.inactive span {
  background: #ed3d25;
  box-shadow: 0 0 3px #ed3d25;
}

.crvivo-right-1 li.active span {
  color: #ed3d25;
}

.crvoevnt-right-1 li.active span {
  color: #082eb5;
}

.crvoevnt-right-1 li.inactive span {
  color: #ffffff;
}

.crvivo-right-1 li:before, .crvoevnt-right-1 li:before {
  top: 36px;
  bottom: 0;
  left: 18px;
  width: 2px;
  height: 69%;
  background: #ffffff;
  position: absolute;
  display: inline-block;
  content: "";
}

.crvoevnt-right-1 li:before {
  height: 47%;
}

.crvivo-right-1 li:last-child:before, .crvoevnt-right-1 li:last-child:before {
  height: 0;
}

.crvivo-right-2 li i, .crvoevnt-right-2 li i {
  width: 30px;
  font-size: 16px;
}

.crvivo-right-2 li, .crvoevnt-right-2 li {
  margin-bottom: 5px;
  font-size: 12px;
}

.crvivo-left, .crvoevnt-left {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.crvivo-left .inside-section, .crvoevnt-left .inside-section {
  background: #ffffff;
  padding: 0;
  overflow: auto;
  height: 515px;
  position: relative;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/* .crvivo-left .form-group{margin:0} */
.crvivo-left .img-click .btn {
  background-image: linear-gradient(to bottom right, #b252a0 0, #e34963 50%, #ec7b49 100%);
  background-image: -webkit-linear-gradient(to bottom right, #b252a0 0, #e34963 50%, #ec7b49 100%);
  border: 1px solid #ef8077;
}

.crvivo-left .dis-frm.form-group {
  margin-bottom: 20px;
}

.crvivo-left .inside-section .adVol-l, .crvoevnt-left .inside-section .adVol-l {
  padding-left: 40px;
}

.crvivo-left .inside-section .evntVol-r, .crvivo-left .inside-section .ad-r-2, .crvoevnt-left .inside-section .evntVol-r, .crvoevnt-left .inside-section .ad-r-2 {
  padding-right: 40px;
}

.crvivo-left h3, .crvoevnt-left h3 {
  font-size: 20px;
  font-size: 30px;
  background: #ffffff;
  box-shadow: 0 0 15px #e2e2e2;
  padding: 27px 0 27px 40px;
  margin-bottom: 30px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  font-family: Alegreya, serif;
}

.crvivo-left h3 {
  color: #c4317c;
}

.crvoevnt-left h3 {
  color: #082eb5;
  font-family: "Kelly Slab", cursive;
}

.crvivo-left h3 span, .crvoevnt-left h3 span {
  color: #848484;
  padding-left: 30px;
  font-family: Muli, sans-serif;
  font-size: 18px;
}

.crvivo .next-div, .crvoevnt .next-div {
  color: #ffffff;
  padding: 10px;
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 20px;
}

.crvivo .next-div {
  background-image: linear-gradient(to left, #eb764b, rgba(196, 49, 124, 0.64));
  background: -webkit-gradient(linear, right bottom, left top, from(#eb764b), to(rgba(196, 49, 124, 0.64)));
}

.crvoevnt .next-div {
  background-image: linear-gradient(to left, #319bff, #082eb5);
  background: -webkit-gradient(linear, right bottom, left top, from(#319bff), to(#082eb5));
}

.crvivo-left .table tr td {
  color: #000000;
}

.crvivo-left .table tr td.pl-4, .crvoevnt-left .table tr td.pl-4 {
  padding-left: 25px !important;
}

.crvivo-left .table tr td .form-control, .crvivo-left .table tr td.evntVol-r .sqr-chk-box .checkmark {
  color: #000000;
  resize: none;
}

.crvivo-left .table tr td.evntVol-r .sqr-chk-box .sqr-chk .checkmark:after {
  border: 1px solid #ed3d25;
  border-width: 0 2px 2px 0;
}

.crvivo-left .distribution-div .radio-btn input:checked ~ .checkmark-span, .crvivo-left .input-group-addon {
  color: #ffffff;
  border: 1px solid rgba(237, 61, 37, 0.64);
}

.crvivo-left .distribution-div .checkmark-span {
  border: 1px solid rgba(237, 61, 37, 0.64);
  color: #ed3d25;
}

.crvivo .search input {
  background: #e67e8a;
  color: #ffffff !important;
}

.crvivo .search span.text-info {
  color: #ffffff;
}

.crvivo ul.distOptions li {
  background: rgba(230, 126, 138, 0.16);
}

ul.distOptions li:before {
  background: #f7c8cd;
}

.crvivo .arrow-right, .crvoevnt .arrow-right {
  border-style: solid;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 6px;
  margin-bottom: -3px;
}

.crvivo .arrow-right {
  border-image: linear-gradient(#ba5095, #e86952) 1 20%;
}

.crvoevnt .arrow-right {
  border-image: linear-gradient(#082eb5, #319bff) 1 20%;
}

.crvoevnt .input-button label {
  z-index: 0;
}

.crvoevnt .input-button li img {
  margin-bottom: 10px;
}

.crvoevnt .rotate-text {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 20px;
}

.crvoevnt .reqEvnt .input-button li {
  width: 48.9%;
  font-size: 20px;
}

.crvoevnt .reqEvnt .input-button li label.sqr-chk {
  border: none;
}

.crvoevnt .reqEvnt .input-button li .sqr-chk-box .checkmark {
  border: 1px solid #ccc;
}

.crvoevnt .reqEvnt .input-button li .sqr-chk-box .sqr-chk .checkmark:after {
  border: solid 1px #ccc;
  border-width: 0 2px 2px 0;
}

.crvoevnt .reqEvnt .input-button input[type=checkbox]:checked + label:hover, .crvoevnt .reqEvnt .input-button li label:hover {
  background: #ffffff;
  color: #7f7f7f;
}

.crvoevnt .reqEvnt .input-button li label:hover img {
  filter: none;
}

.crvoevnt .typeEvnt .input-button li {
  width: 32.9%;
}

.crvivo .btn-info, .crvivo .btn-primary, .crvivo .btn-secondary-active, .crvivo .btn-secondary:hover, .crvivo .btn-warning, .crvivo .help-oth .icon-act, .crvivo .icon-box-active::before, .crvivo .input-button label:hover, .crvivo input:checked + .slider, .crvivo-left .distribution-div .radio-btn input:checked ~ .checkmark-span, .crvivo-left .input-group-addon, .input-button input[type=checkbox]:checked + label, .input-button input[type=radio]:checked + label {
  background-image: linear-gradient(to bottom right, #b252a0 0, #e34963 50%, #ec7b49 100%);
  background-image: -webkit-linear-gradient(to bottom right, #b252a0 0, #e34963 80%, #ec7b49 100%);
}

.crvoevnt .icon-box-active::before, .crvoevnt .input-button input[type=checkbox]:checked + label, .crvoevnt .input-button input[type=radio]:checked + label, .crvoevnt .input-button label:hover {
  background-image: linear-gradient(to bottom right, #082eb5 30%, #319bff 100%);
  background-image: -webkit-gradient(linear, right bottom, left top, #082eb5 0, #319bff 100%);
}

.crvoevnt .input-button input[type=checkbox]:checked + label.bg-pastel-black, .crvoevnt .input-button input[type=radio]:checked + label.bg-pastel-black, .crvoevnt .input-button label.bg-pastel-black:hover {
  background-image: linear-gradient(to bottom right, #494949 30%, #494949 100%);
  background-image: -webkit-gradient(linear, right bottom, left top, #494949 0, #494949 100%);
}

.crvoevnt .input-button input[type=checkbox]:checked + label.bg-white, .crvoevnt .input-button input[type=radio]:checked + label.bg-white, .crvoevnt .input-button label.bg-white:hover {
  background-image: linear-gradient(to bottom right, #ffffff 30%, #ffffff 100%);
  background-image: -webkit-gradient(linear, right bottom, left top, #ffffff 0, #ffffff 100%);
}

.crvivo .add-tag-form-group .form-control-feedback, .crvivo .form-control, .crvivo .icon-box-active, .crvivo .modal-body, .crvivo .modal-body .text-info, .crvivo .sdg-subul li, .crvivo .text-grey, .crvivo .text-grey a, .crvivo .text-info, .crvivo .text-primary {
  color: #000000;
}

.crvivo .btn-info, .crvivo .btn-info:active:focus, .crvivo .btn-primary, .crvivo .btn-primary:active:focus, .crvivo .btn-warning, .crvivo .img-result, .crvivo .sdg-subul .sqr-chk-box .checkmark, .crvivo .sdg-subul2 .sqr-chk-box .checkmark {
  border: 1px solid #ef8077;
}

.crvivo .sdg-ul li {
  background: #fff1f1 !important;
}

.crvivo .sdg-chk-div .sdg-chk input:checked ~ .checkmark {
  background-color: rgb(255, 239, 239);
  color: #e57c80;
}

.crvivo .input-group-addon {
  padding: 5px 12px;
}

.crvivo .dropdown-menu > .active > a, .crvivo .dropdown-menu > .active > a:focus, .crvivo .dropdown-menu > .active > a:hover {
  background: #ffffff;
  color: #333;
  background-image: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
}

.crvivo .sdg-subul .sqr-chk-box .sqr-chk .checkmark:after, .crvivo .sdg-subul2 .sqr-chk-box .sqr-chk .checkmark:after {
  border: 1px solid #ef8077;
  border-width: 0 2px 2px 0;
}

.crvivo .form-control:focus {
  border-color: #ccc;
}

.crvivo .tool-tip .tool-tip__info {
  background: linear-gradient(to bottom right, #ef8077, #db7ca1);
  background: -webkit-linear-gradient(bottom right, #ef8077, #db7ca1);
  border: 1px solid #ef8077;
}

.crvivo .tool-tip .tool-tip__info:after, .crvivo .tool-tip .tool-tip__info:before {
  border-color: transparent #e47e8e;
}

.select-skill-modal img {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

.slides {
  width: 3000vw;
  min-height: 70vh;
  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
}

.slides .slide {
  position: relative;
  width: 100vw;
  float: left;
}

.slides .slide .inside-section {
  overflow-y: auto;
  position: relative;
  width: 71%;
  min-height: 472px;
  box-shadow: 0 0 5px #333;
}

.slides .slide .inside-section .btn-info {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right bottom, from(#ef8077), to(#db7ca1));
  background-image: linear-gradient(to bottom right, #ef8077, #db7ca1);
  border-color: #e27d93;
}

.input-button {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.input-button li {
  display: inline-block;
  width: 24%;
  height: 157px;
  position: relative;
}

.input-button li img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.input-button input[type=checkbox], .input-button input[type=radio] {
  opacity: 0.01;
  z-index: 100;
}

.input-button input[type=checkbox] + label, .input-button input[type=radio] + label {
  height: 160px;
  font-weight: 400;
}

.input-button input[type=checkbox]:checked + label, .input-button input[type=radio]:checked + label {
  color: #ffffff;
}

.input-button input[type=checkbox]:checked + label.bg-white, .input-button input[type=radio]:checked + label.bg-white {
  color: #494949;
}

.input-button input, .input-button label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.input-button label {
  padding: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 90;
  text-align: center;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.input-button label:hover {
  color: #ffffff;
}

.input-button input[type=checkbox]:checked + label img, .input-button input[type=radio]:checked + label img, .input-button label:hover img {
  filter: brightness(100);
  -webkit-filter: brightness(100);
}

.input-button-language {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

.input-button-language li {
  display: inline-block;
  width: 29%;
  position: relative;
}

.input-button-language input[type=checkbox] {
  opacity: 0.01;
  z-index: 100;
}

.input-button-language input[type=checkbox] + label {
  line-height: 20px;
  font-weight: 400;
}

.input-button-language input[type=checkbox]:checked + label {
  background-image: linear-gradient(to bottom right, #ed3d25, #c4317c);
  color: #ffffff;
}

.input-button input, .input-button-language label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.input-button-language label {
  padding: 2px;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 90;
  text-align: center;
  margin: 0;
  font-size: 11px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.incrvivo {
  background: url(../../images/background/bg-ivv.jpg);
  background-size: 13%;
}

.incrvivo-div {
  padding: 20px 40px;
  background: linear-gradient(to bottom right, rgba(237, 61, 37, 0.6392156863), rgba(196, 49, 124, 0.6392156863));
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.incrvivo h2 {
  color: #c4317c;
}

.incrvivo h2 span {
  color: #ed3d25;
}

.prvivo, .vvprrafd {
  padding: 35px 0 46px 0;
}

.prvivo h2 {
  font-family: "Amatic SC", cursive;
  color: #c4317c;
  font-weight: 600;
  margin-top: 0;
  line-height: 24px;
}

.prvivo-l {
  background: linear-gradient(to bottom right, #919db4, #606073);
  color: #ffffff;
  height: 925px;
  overflow: auto;
}

.prvivo-l .table tr th {
  font-family: Fondamento, cursive;
  font-weight: 100;
  font-size: 16px;
}

.prvivo-l-1 img {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.prvivo-l-1 span {
  position: absolute;
  top: 34px;
  left: 0;
  line-height: 47px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto;
  right: -1px;
  color: #000000;
  border: 2px solid #7c8298;
  background: #ffffff;
  display: block;
  text-align: center;
}

.prvivo-l-1 span::before {
  width: 58px;
  content: "";
  height: 58px;
  top: -6px;
  right: -5px;
  margin: 0 auto;
  text-align: center;
  bottom: -5px;
  left: -6px;
  position: absolute;
  border: 3px solid #a091aa;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.prvivo-l-1 span::after {
  width: 68px;
  content: "";
  height: 68px;
  top: -11px;
  right: -10px;
  margin: 0 auto;
  text-align: center;
  bottom: -10px;
  left: -11px;
  position: absolute;
  border: 3px solid #a091aa;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.prvivo-r {
  background: linear-gradient(to bottom right, #f2b2c6, #e46faa);
  color: #ffffff;
  padding: 30px;
  height: 925px;
  overflow: hidden;
}

.prvivo-r input:checked + .slider {
  background: linear-gradient(to bottom right, #ea8cb6, #c43194);
}

.prvivo-r-0 h4 {
  font-family: Fondamento, cursive;
  font-size: 20px;
  font-weight: 100;
}

.prvivo-r-1 {
  padding: 30px;
  background: #f0abc9;
}

.prvivo-r-2 p, .prvivo-r-2 p a {
  color: #c4317c;
}

.prvivo-r-3 .htmllabels {
  display: inherit;
  color: #ba2e82;
}

.prvivo-r-3 .progress {
  height: 7px;
  margin-bottom: 0;
  background: 0 0;
  border: 1px solid #ffffff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.prvivo-r-3 .progress-bar {
  background: #c43189;
}

.vivoprfo-div {
  display: inline-flex;
}

.vivoprfo-div img {
  filter: invert(1) brightness(10);
  -webkit-filter: invert(1) brightness(10);
  line-height: 26px;
}

.vvprrafd-l {
  background: -webkit-gradient(linear, left top, right bottom, from(#e8908f), to(#ee807a));
}

.vvprrafd-r {
  background: #0e1d3a;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 64px;
}

.vvprrafd-l h4, .vvprrafd-r h4 {
  font-family: Fondamento, cursive;
  font-weight: 100;
  font-size: 18px;
}

.vvprrafd-l h4, .vvprrafd-r-2 h4 {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 13px;
}

.vvprrafd-r-2 .table tr td {
  padding: 8px 0;
}

.vvprrafd-r-2 .table tr td i {
  padding: 0 0 0 8px;
}

.vvprrafd-l-1 img {
  position: relative;
  width: 69%;
}

.vvprrafd-l-1 span {
  position: absolute;
  top: 38px;
  left: 23px;
  line-height: 52px;
  width: 60px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  font-size: 20px;
  height: 60px;
  color: #0e1d3a;
  border: 2px solid #ffffff;
  background: #eb8885;
  display: block;
  text-align: center;
  z-index: 99999;
}

.vvprrafd-l-2 h1 {
  font-family: "Amatic SC", cursive;
  font-weight: 900;
  margin-top: 0;
  line-height: 60px;
  font-size: 45px;
}

.vvprrafd-l-div-2 .table {
  background: #d87e7c;
}

.vvprrafd-l-div-2 {
  box-shadow: 0 0 5px #ad5d5c;
  border: 1px solid #e69a98;
}

.vvprrafd-l-div-2 .table td.rtd {
  text-transform: uppercase;
}

.vvprrafd-l-div-2 .table td.rtd h2 {
  text-shadow: 0 3px 3px #000000;
  position: relative;
}

.vvprrafd-l-div-2 .table td.rtd h2 i {
  color: #fbc02d;
  position: absolute;
  padding: 10px 5px;
  font-size: 14px;
}

.vvprrafd-l-div-2 .table td.rtd p {
  font-size: 12px;
}

.vvprrafd-l-div-2 .table td.rtd .border-right {
  border-right: 1px solid #ef9c99;
}

.vivoprfo {
  background: url(../../images/background/bg-board.jpg);
  background-size: 1%;
}

.vivoprfo-folder {
  background: rgba(222, 185, 180, 0.3215686275);
  border: 1px solid #e5b9b2;
}

.vivoprfo-folder h4 {
  padding: 10px 15px;
  background: rgba(228, 161, 149, 0.5803921569);
  color: #333;
  margin: 0;
}

.vivoprfo-folder ul li {
  width: 20%;
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  border: 1px solid #e5b9b2;
}

.vivoprfo-li-div {
  position: relative;
}

.vivoprfo-li-div .top {
  position: absolute;
  right: 0;
  padding: 5px;
  background: rgba(226, 194, 191, 0.7490196078);
}

.vivoprfo-li-div .top a {
  color: #7f7f7f;
}

.vivoprfo-li-div .top i {
  padding: 0 5px;
}

.vivoprfo-li-div h5 {
  margin: 0;
  padding: 10px;
  background: rgba(226, 194, 191, 0.7490196078);
}

.vivoprfo .don-data-div p {
  position: absolute;
  bottom: 15px;
  height: 100px;
  right: 0;
  left: 0;
  width: 821px;
  margin: 0 auto;
  text-align: justify;
  padding: 15px;
  background: #f1f0f0;
  font-size: 14px;
  color: #333;
}

.vivoprfo-folder-0 {
  background: rgba(228, 161, 149, 0.5803921569);
  padding: 15px;
}

.vivoprfo-folder-0 .fDiv {
  display: inline-block;
  text-align: center;
  margin: 0 15px;
}

.vivoprfo-folder-0 .nav-tabs li {
  text-align: center;
  padding: 0 20px;
}

.vivoprfo-folder-0 .nav-tabs li a {
  border-bottom: none;
}

.vivoprfo-folder-0 .nav-tabs li p {
  margin: 0;
  color: #333;
}

.vivoprfo-folder-0 .tab-content {
  background: rgba(255, 255, 255, 0.231372549);
}

.vivoprfo-folder-0 .nav-tabs li.active {
  background: rgba(255, 255, 255, 0.231372549);
}

.vivoprfo-folder-0 .nav-tabs li div {
  width: 75px;
  height: 75px;
  padding: 8px;
  margin: 0 auto;
}

.vivoprfo-folder-0 .nav-tabs li img {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 85px;
  filter: invert(1) brightness(10);
  -webkit-filter: invert(1) brightness(10);
}

.vivoprfo-folder-0 .photo-grid {
  margin: 0;
  padding: 15px 0;
  text-align: center;
}

.vivoprfo-folder-0 .photo-grid h5 {
  text-align: center;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(210, 171, 164, 0.6784313725);
  margin: 0;
  padding: 10px;
}

.vivoprfo-folder-0 .photo-grid .grid-item {
  border: 5px solid #ffffff;
  display: inline-block;
  margin: 1em;
  width: 200px;
}

.vivoprfo-folder-0 .photo-grid img {
  display: block;
  height: auto;
  max-width: 100%;
  display: block;
  height: auto;
  max-width: 100%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.vivoprfo-folder-0 .photo-grid figure {
  height: 180px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.vivoprfo-folder-0 .photo-grid figcaption {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  display: table;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.vivoprfo-folder-0 .photo-grid figcaption .imh {
  display: table-cell;
  font-size: 1.5em;
  position: relative;
  top: 0;
  vertical-align: middle;
}

.vivoprfo-folder-0 .photo-grid .grid-item:hover figcaption {
  opacity: 1;
}

.vivoprfo-folder-0 .photo-grid .grid-item:hover img {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}

.vivoprfo-folder-0 .photo-grid figcaption .imh {
  display: table-cell;
  font-size: 1.5em;
  position: relative;
  top: 0;
  width: 200px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  vertical-align: middle;
}

.vivoprfo-folder-0 .photo-grid figcaption .imh a {
  color: #ffffff;
}

.vivoprfo-folder-0 .photo-grid figcaption .imh span {
  margin: 0 5px;
  background: rgba(226, 187, 180, 0.6509803922);
  width: 30px;
  height: 30px;
  font-size: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #ffffff;
  padding: 5px;
  display: inline-block;
}

.vivoprfo-folder-0 .photo-grid figcaption {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  display: table;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 100;
}

.devrvo { /*background:#faebd7;*/
  color: #404040;
}

/* .vv-login-user-section{background:#faebd7} */
.devrvo .vlt-evn {
  background: #ffffff;
  border: 1px solid #f5f5f5;
  border-bottom: none;
}

.devrvo .sdg-title {
  display: none;
}

.devrvo .vole-sec h5 {
  color: #000000;
}

.devrvo .fd-sec .grp table tr td span.active {
  background: #444444;
  color: #ffffff;
}

.devrvo .vole-sec .catIcon {
  border: 1px solid #444444;
  background: #444444;
}

.devrvo .nav-tabs > li > a, .devrvo .vlt-evn .vole-sec, .single-page.devrvo .company-page-middle .nav-tabs li.active a {
  border-bottom: 1px solid #f5f5f5;
}

.single-page.devrvo .company-page-middle .tab-content .review-list > tbody > tr td {
  border-top: none !important;
  border-bottom: 1px solid #f5f5f5 !important;
}

.single-page.devrvo .company-page-middle .tab-content .review-list > tbody > tr td.border-bottom-0 {
  border-bottom: none !important;
}

/* .devrvo .section-active{border:solid 1px #444444} */
.devrvo .section-active:before {
  background: #444444;
}

.devrvo #created h4 {
  color: #444444;
}

.devrvo .vol-evnt {
  border: none;
  height: 375px;
}

.devrvo .vol-evnt.border {
  border: 1px solid #f5f5f5;
}

.devrvo .vol-lft-sid {
  border: solid 2px #f4cebd;
}

.devrvo #accordionRe .panel-heading a {
  color: #444444;
}

.devrvo #accordionRe .panel {
  background: 0 0;
}

/* .devrvo .card-inverse-info{background:rgba(196,49,124,.1);border:1px solid $color-vv;color:$color-vv} */
/* .devrvo .star-rating{background:linear-gradient(to bottom right,#ef8077,#db7ca1);border:1px solid #f5c7c4} */
.volunteer-evnt.devrvo .vol-evnt-2 {
  background: #f5f5f5;
}

.volunteer-evnt.devrvo .vol-evnt-2 .text-white {
  color: #000000 !important;
}

.volunteer-evnt.devrvo .vol-evnt-2 .span0 a {
  color: #000000;
}

.single-page.devrvo .over-text {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(217, 61, 61, 0.3) 100%);
}

.devrvo .vol-lft-sid {
  background: linear-gradient(to bottom right, #ef8077, #db7ca1);
}

.devrvo .spn-req p {
  text-shadow: 0 0 5px #000000;
}

.devrvo .company-page-middle .nav-tabs li.active {
  background: linear-gradient(to bottom right, #212121, #555555);
}

.vv-login-user-section figure.effect-bubba, .vv-login-user-section figure.effect-bubba2 {
  background: -webkit-gradient(linear, left top, right bottom, from(#212121), to(#555555));
  background-image: linear-gradient(to bottom right, #212121, #555555);
}

.devrvo .panel-default > .panel-heading, .sevivode .panel-default > .panel-heading, .vvrepr .panel-default > .panel-heading {
  color: #333; /*background:rgba(235,127,127,.45);border:1px solid #efbbbb;*/
  border-bottom: transparent;
}

/* .devrvo .milestone-budget-2 .table tr th,.devrvo .progress-list.table tr th{background:#e2c6bb!important}
.devrvo .milestone-budget-2 .table tr td,.devrvo .progress-list.table tr td{background:#eaddcc} */
.sevivode, .vvrepr {
  background: #faebd7;
}

.sevivode .milestone {
  border: 1px solid #f4baaf;
}

.sevivode-div {
  background: #f5e4ce;
  border: 1px solid #efdfcb;
}

.sevivode-div .table tr th {
  background: #f1e0ca;
  border: 1px solid #faebd7;
}

.sevivode-div .table {
  border: 1px solid #faebd7;
}

.sevivode-div .table tr td .sqr-chk-box {
  float: right;
}

.vvrepr .repr-tr {
  display: none;
}

.freqLocDiv .timezone {
  margin-left: 0;
  margin-top: 0px;
  margin-right: 10px;
}

.vv-login-user-section .volunteer-side-bar ul li {
  display: inline-block;
  margin-right: 5px;
  background: #f5f5ff;
  border: 1px solid #f1f1f1;
  padding: 2px 5px;
}

.vv-login-user-section .volunteer-side-bar ul li a, .vv-login-user-section .volunteer-side-bar ul li .font-size-20 {
  font-size: 13px;
}

.crvivo .impact-list1, .crvivo .impact-list2, .crvoevnt .impact-list1, .crvoevnt .impact-list2 {
  top: 49px;
  left: 0;
  right: 0;
}

.crvivo .impact-list1 li.selected, .crvivo .impact-list2 li.selected, .crvoevnt .impact-list1 li.selected, .crvoevnt .impact-list2 li.selected {
  background: #0a32b7;
  color: #fff;
}

.crvivo .impact-list1 li, .crvivo .impact-list2 li, .crvoevnt .impact-list1 li, .crvoevnt .impact-list2 li {
  color: #333;
  display: block;
  text-align: left;
}

@media (max-width: 767px) {
  .devrvo .vol-evnt {
    height: auto;
  }
  .vv-login-user-section .volunteer-side-bar ul li {
    margin-right: 5px;
  }
  .vv-login-user-section .volunteer-side-bar ul li i {
    display: none;
  }
  .addeventatc {
    top: 64px !important;
    padding: 8px 7px 8px 30px !important;
    font-size: 13px !important;
  }
  .addeventatc .addeventatc_icon {
    left: 6px !important;
    top: 6px !important;
    background-size: 14px 14px !important;
  }
}

/*# sourceMappingURL=vVolunteering.css.map */