/*
  You can add custom CSS rules or import files here.
*/




/* Import the Radzen CSS files */
@import './styles-generated.css';



h1.rz-heading {
    color: #755BB4;
}

.header.fixed {
    z-index: 9999;
}



.rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before {
    background-color: #28a745;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
    background-color: #755BB4;
}



.rz-alpha-picker {display:none !important;}


.rz-color-box:nth-child(5) {
  display:none !important;
}


.rz-sidebar {
  bottom: 0 !important;
}

.logo_preview{
  background: white;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px #c3c3c3 solid;
  max-height: 100px;
}



#scaled-frame-wrap { 
  width: 100%;
  padding: 0;
  overflow: hidden;
}
#scaled-frame { 
  width: 1280px;
  height: 786px;
  border: 0;
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #scaled-frame  { zoom: 1;  }
}



.rz-messages-error {
    font-size:1rem;
}



.rz-card:hover {
    background-color: aliceblue;
}





.rz-card:hover > a {
    font-weight: bold;
}


.rz-card.nohover:hover {
    background-color: white;
}


.clickableCard {
    max-width: 330px;
}

.copylink {
    color: rgb(48, 68, 95);
    font-size: 16px;
    vertical-align: text-top;
}


    .copylink:before {
        content: "content_copy";
        color: rgb(48, 68, 95);
        margin-left: 0px;
        margin-right: 5px;
        font-family: var(--rz-icon-font-family);
        font-weight: normal;
        font-style: normal;
        font-size: var(--rz-icon-size);
        display: inline-block;
        width: 1em;
        height: 1em;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        vertical-align: "text-bottom";
    }



.salesbody {
    font-size: 1.3rem;
    border: none !important;
    margin: revert !important;
    padding: revert !important;
}

    .salesbody h5 {
        font-size: 1.5rem;
    }



.copycard {
    border: 2px solid #73b80c;
    border-radius: 15px;
    margin-top: 20px;
    border-style: dashed;
}

.homebtn {
    border: none !important;
    box-shadow: none !important;
    color: #755bb4 !important;
}


.disabledcard {
    background: #eaeaea;
    pointer-events: none;
    position: relative;
    text-align: center;
    margin: 0 auto 8px auto;
}



    .disabledcard a {
        color:#6d6d6d;
    }





    .disabledcard:after {
        height: 172%;
        transform: translateY(-50%) rotate(-54deg);
    }

    .disabledcard:before {
        height: 172%;
        transform: translateY(-50%) rotate(54deg);
    }


    .disabledcard:before {
        content: "";
        position: absolute;
        height: 142%;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) rotate(45deg);
        z-index: -3;
        background: linear-gradient(to top, #333, #333 25%, #eee0 25%, #eee0 75%, #333 75%);
        padding: 0.5px;
    }

    .disabledcard:after {
        content: "";
        position: absolute;
        height: 142%;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) rotate(-45deg);
        z-index: -3;
        background: linear-gradient(to top, #333, #333 25%, #eee0 25%, #eee0 75%, #333 75%);
        padding: 0.5px;
    }