.p2-color-main-1 {
    color: var(--main-color-1);
}

.p2-color-main-2 {
    color: var(--main-color-2);
}

.p2-color-secondary-1 {
    color: var(--secondary-color-1);
}
.p2-color-secondary-2 {
    color: var(--secondary-color-2);
}
.p2-color-secondary-3 {
    color: var(--secondary-color-3);
}
.p2-color-secondary-4 {
    color: var(--secondary-color-4);
}

.p2-color-success {
    color: var(--secondary-color-3);
}

.p2-color-warning {
    color: var(--secondary-color-4);
}

.p2-color-error {
    color: var(--secondary-color-5);
}

.p2-color-primary {
    color: var(--main-color-1);
}

.label-primary {
    background-color: var(--main-color-1);
}

.label-success {
    background-color: var(--secondary-color-3);
}

.label-warning {
    background-color: var(--secondary-color-4);
}

.label-error {
    background-color: var(--secondary-color-5);
}

.p2-background-main-1 {
    background-color: var(--main-color-1);
}
.p2-background-main-2 {
    background-color: var(--main-color-2);
}
.p2-background-main-3 {
    background-color: var(--main-color-3);
}

.p2-background-secondary-1 {
    background-color: var(--secondary-color-1);
}
.p2-background-secondary-2 {
    background-color: var(--secondary-color-2);
}
.p2-background-secondary-3 {
    background-color: var(--secondary-color-3);
}
.p2-background-secondary-4 {
    background-color: var(--secondary-color-4);
}

.p2-component-color-main-1 {
    background-color: var(--main-color-1);
    color: var(--main-color-2);
}
.p2-component-color-main-1 a {
    color: var(--main-color-2);
}

.p2-hoverable.p2-component-color-main-1:hover {
    background-color: var(--main-color-2);
    border-color: var(--main-color-1);
    color: var(--main-color-1);
}

.p2-hoverable.p2-component-color-main-1:hover a {
    color: var(--main-color-1);
}

.p2-component-color-main-2 {
    background-color: var(--main-color-2);
    color: var(--main-color-3);
}
.p2-component-color-main-2 a {
    color: var(--main-color-3);
}
.p2-component-color-main-3 {
    background-color: var(--main-color-3);
    color: var(--main-color-2);
}
.p2-component-color-main-3 a {
    color: var(--main-color-2);
}

.p2-component-color-secondary-1 {
    background-color: var(--secondary-color-1);
    color: var(--main-color-2);
}
.p2-component-color-secondary-1 a {
    color: var(--main-color-2);
}

.p2-component-color-secondary-2 {
    background-color: var(--secondary-color-2);
    color: var(--main-color-2);
}
.p2-component-color-secondary-2 a {
    color: var(--main-color-2);
}
.p2-component-color-secondary-3 {
    background-color: var(--secondary-color-3);
    color: var(--main-color-2);
}

.p2-component-color-secondary-3 a {
    color: var(--main-color-2);
}

.p2-component-color-secondary-4 {
    background-color: var(--secondary-color-4);
    color: var(--main-color-2);
}

.p2-component-color-secondary-4 a {
    color: var(--main-color-2);
}

.p2-component-color-secondary-5 {
    background-color: var(--secondary-color-5);
    color: var(--main-color-2);
}

.p2-component-color-secondary-5 a {
    color: var(--main-color-2);
}

.p2-component-color-secondary-6 {
    background-color: var(--secondary-color-6);
    color: var(--main-color-2);
}

.p2-component-color-secondary-6 a {
    color: var(--main-color-2);
}

.p2-component-color-secondary-1 input {
    color: var(--main-color-2);
}

.p2-component-color-primary {
    background-color: var(--main-color-1);
    color: var(--main-color-2);
}

.p2-component-color-primary:hover {
    background-color: var(--main-color-2);
    color: var(--main-color-1);
    border-color: var(--main-color-1);
}

.p2-component-color-success {
    background-color: var(--secondary-color-3);
    color: var(--main-color-2);
}

.p2-component-color-success:hover {
    background-color: var(--main-color-2);
    color: var(--secondary-color-3);
    border-color: var(--secondary-color-3);
}

.p2-component-color-warning {
    background-color: var(--secondary-color-4);
    color: var(--main-color-2);
}

.p2-component-color-warning:hover {
    background-color: var(--main-color-2);
    color: var(--secondary-color-4);
    border-color: var(--secondary-color-4);
}

.p2-component-color-error {
    background-color: var(--secondary-color-5);
    color: var(--main-color-2);
}

.p2-component-color-error:hover {
    background-color: var(--main-color-2);
    color: var(--secondary-color-5);
    border-color: var(--secondary-color-5);
}


.p2-icon-btn:hover {
    color: #333;
}

.p2-bordered-left-thick {
    border-left: 6px solid var(--secondary-color-1);
}


.p2-border-color-secondary-1 {
    border-color: var(--secondary-color-1);
}

.p2-border-color-secondary-2 {
    border-color: var(--secondary-color-2);
}

.p2-border-color-secondary-3 {
    border-color: var(--secondary-color-3);
}
.p2-border-color-secondary-4 {
    border-color: var(--secondary-color-4);
}

.p2-border-color-secondary-5 {
    border-color: var(--secondary-color-5);
}

.p2-border-left-color-main-1 {
  border-left: 1px solid var(--main-color-1);
}

.p2-border-right-color-main-1 {
  border-right: 1px solid var(--main-color-1);
}

.p2-border-bottom-color-main-1 {
  border-bottom: 1px solid var(--main-color-1);
}

.p2-border-left-color-main-2 {
  border-left: 1px solid var(--main-color-2);
}

.p2-border-right-color-main-2 {
  border-right: 1px solid var(--main-color-2);
}

.p2-border-bottom-color-main-2 {
  border-bottom: 1px solid var(--main-color-2);
}

.p2-text-size-1,
.fa.p2-text-size-1 {
    font-size: 20px;
}

.p2-text-size-2,
.fa.p2-text-size-2 {
    font-size: 18px;
}

.p2-text-size-3,
.fa.p2-text-size-3 {
    font-size: 16px;
}

.p2-text-size-4,
.fa.p2-text-size-4 {
    font-size: 14px;
}

.p2-text-size-5,
.fa.p2-text-size-5 {
    font-size: 12px;
}

.p2-text-size-6,
.fa.p2-text-size-6 {
    font-size: 10px;
}

.fa-stack.p2-fa-stack-color-main-1 > .fa-circle {
    color: var(--main-color-1);
}

.fa-stack.p2-fa-stack-color-main-1:nth-of-type(2) {
    color: var(--main-color-2);
}

.fa-stack.p2-fa-stack-color-main-1.p2-hoverable:hover > .fa-circle {
    color: var(--main-color-2);
}

.fa-stack.p2-fa-stack-color-main-1.p2-hoverable:hover :nth-of-type(2) {
    color: var(--main-color-1);
}

.p2-hoverable, .pointer, .p2-pointer {
    cursor: pointer;
}

.p2-hoverable.p2-hoverable-ban {
    cursor: not-allowed;
}

.p2-background-transparent {
    background: transparent;
}

.p2-border-transparent {
    border-color: transparent;
}

.form-control.p2-input-shadow-no-underline,
.form-control.p2-input-shadow-no-underline:focus {
  box-shadow: none;
}

.p2-plr-0 {
    padding-left: 0;
    padding-right: 0; 
}

.p2-pl-0 {
    padding-left: 0;
}
.p2-pl-6{
    padding-left: 6px;
}
.p2-pl-12{
    padding-left: 12px;
}

.p2-plt-3 {
    padding-left: 5px;
    padding-top: 2px;
}

.p2-p-0 {
    padding: 0;
}

.p2-mlr-0 {
    margin-left: 0;
    margin-right: 0; 
}

.p2-mr-0 {
    margin-right: 0 !important; 
}
.p2-ml-0 {
    margin-right: 0 !important; 
}

.p2-mt-0 {
    margin-top: 0; 
}

.p2-mb-0 {
    margin-bottom: 0;
}

.p2-mb-4 {
    margin-bottom: 4px;
}

.p2-mb-8 {
    margin-bottom: 8px;
}

.p2-mb-12 {
    margin-bottom: 12px;
}

.p2-ml-4  {
    margin-left: 4px;
}

.p2-ml-8  {
    margin-left: 8px;
}

.p2-ml-12  {
    margin-left: 12px;
}
.p2-ml-16  {
    margin-left: 16px;
}

.p2-mt-4  {
    margin-top: 4px;
}

.p2-mt-8  {
    margin-top: 8px;
}

.p2-mt-12  {
    margin-top: 12px;
}

.p2-mt-16  {
    margin-top: 16px;
}

.p2-pt-0 {
    padding-top: 0 !important;
}

.p2-pb-0 {
    padding-bottom: 0 !important;
}

.p2-pt-12 {
    padding-top: 12px !important;
}

.p2-pr-0 {
    padding-right: 0; 
}
.p2-mr-10 {
    margin-right: 10px;
}
.p2-mr-20 {
    margin-right: 20px;
}
.p2-ml-10 {
    margin-left: 10px;
}
.p2-mtb-0{
    margin: 0 auto;
}
.p2-mtb-12{
    margin: 12px auto;
}
.p2-mtb-16{
    margin: 16px auto;
}
.form-control.p2-placeholder-color-light-dark::placeholder {
    color: var(--main-color-light-dark);
}

.form-control.p2-placeholder-color-main-1::placeholder {
    color: var(--main-color-1);
}

.form-control.p2-placeholder-color-main-2::placeholder {
    color: var(--main-color-2);
}

.form-control.p2-placeholder-color-main-3::placeholder {
    color: var(--main-color-3);
}

ul.p2-ul-no-style {
    list-style: none;
}

ul.p2-ul-compact {
  line-height: 1.6;
  padding-left: 12px;
}

ul.p2-ul-compact-semi {
    line-height: 1.8;
    padding-left: 12px;
}

ul.p2-hoverable li:hover {
    cursor: pointer;
    color: var(--main-color-1);
}

ul.p2-hoverable li:active,
ul.p2-hoverable li.active,
ul.p2-hoverable li:focus {
    color: var(--main-color-1);
}

.p2-list-compact .p2-list-body {
  line-height: 1.8;
}

.p2-list .p2-list-item:hover {
  background: var(--main-color-1);
  color: var(--main-color-2);
  cursor: pointer;
}

.p2-list .p2-list-item:active,
.p2-list .p2-list-item.active {
    background: var(--main-color-1);
    color: var(--main-color-2);
}

.p2-list .p2-list-item.p2-list-item-error {
    background: var(--secondary-color-5);
    color: var(--main-color-2);
}

.p2-component-raised-1 {
    -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
}

.btn.btn-raised-0 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.btn-raised-0:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.btn.btn-raised-1 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.btn.btn-lowered-0 {
    box-shadow: inset 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.p2-card-compact,
.card .p2-card-compact {
    padding: 8px;
}

.p2-icon-of-text {
    margin-right: 8px;
    color: #2196f3;
}

.p2-align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}


@media (min-width: 768px) {
    .p2-col-sm-5-5 {
        width: 46%;
    }
    .p2-col-sm-6-5 {
        width: 53%;
    }
}

.p2-mb-10{
    margin-bottom: 10px;
}
.p2-mb-16{
    margin-bottom: 16px;
}
.p2-mb-20{
    margin-bottom: 20px;
}

.p2-mb-50{
    margin-bottom: 50px;
}
.p2-mt-50{
    margin-top: 50px;
}

.p2-pt-8{
    padding-top: 8px;
}

.p2-mt-inv-8{
    margin-top: -8px;
}

.p2-inline-block{
    display: inline-block;
}
.p2-block{
    display: block
}

.p2-card-White{
    background: #fff;
    padding: 20px;
}

.p2-disp-inl-blk{
    display: inline-block;
}

.p2-display-inline-block{
    display: inline-block;
}

.p2-underlined{
    text-decoration: underline;
}


input.p2-align-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.p2-drag-handle{
    cursor: move;
}

.p2-tooltip-content{
    color: #333;
}