﻿.purchase {
    font-family: system-ui;
    padding-top: 30px;
    color: rgb(118,113,113);
    font-size: 11pt !important;
    font-weight: 700 !important;
    margin-left: auto;
    margin-right: auto;
}
.purchase h2{
    font-size:11pt;
    font-weight:600;
}
@media (max-width:480px) {
    .purchase h2 {
        font-size: 10pt;
        font-weight: 600;
    }
}
.purchase-item {
    width:350px;
}
@media (max-width:480px) {
    .purchase-item {
        width: 300px;
    }
}

.purchase-content-head {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 829px;
    text-align: center;
    color: RGB(59,56,56) !important;
    font-weight: 700;
    padding-top: 14px;
    font-family: system-ui;
}
@media (max-width:480px) {
    .purchase-content-head {
        max-width: 425px;
    }
}
.purchase-content-details {
    width: 552px;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
}
@media (max-width:480px) {
    .purchase-content-details {
        width: 220px;
        vertical-align: top;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:481px) and (max-width:620px) {
    .purchase-content-details {
        width: 220px;
        vertical-align: top;
    }
}

.purchase h3 {
    font-size: 10pt;
    max-width: 262px !important;
    color: rgb(118,113,113) !important;
}
    .purchase h4 {
        font-size: 8pt;
    }
    .purchase td{
        max-height:11pt;
    }
    .purchase input[type=checkbox] {
        margin-top: 14px;
        width: 20px;
        height: 15px;
    }
.purchase-content-head {
    margin-left: auto;
    margin-right: auto;
    max-width: 565px;
    color: rgb(118,113,113);
    padding-top: 14px;
    font-size: 18px !important;
    font-family: system-ui;
}

    .purchase-content-head text {
        color: rgb(8,31,77);
        font-weight: 500;
        font-size: 18px;
        padding-left: 4px !important;
    }

@media (max-width:480px) {
    .purchase-content-head {
        max-width: 433px;
    }
}
.pricing-table {
    margin-left: auto;
    margin-right: auto;
    max-width: 499px
}
@media (max-width:480px) {
    .pricing-table {
        margin-left: auto;
        margin-right: auto;
        max-width: 433px;
    }
}


.formatting-purchase-lic {
    padding-top: 20px;
    color: #333333;
    font-size: 13pt !important;
    font-weight: 600 !important;
}

    .formatting-purchase-lic td p {
        width: 400px;
    }

    .formatting-purchase-lic td input[type=checkbox] {
        width: 50px;
    }
.amount {
    text-align: right !important;
    color: #379140;
}
.tax {
    color: rgb(118,113,113) !important;
}

div.license-background {
    background-image:linear-gradient(190deg,rgba(8,31,77,0.5) 30%,rgba(8,31,77,0.95) 73%),url('../../Images/business-01.jpg') !important ;
    max-width: 597px;
    margin-left: auto;
    margin-right: auto;
    max-height: 45px;
    font-size: 20px;
    margin-top: 20px;
}
@media (max-width:480px) {
    div.license-background {
        max-width: 377px;
    }
}
.license-purchase {
    font-family: system-ui;
    font-weight: 600;
    font-size: 21px;
    color: #ffffff !important;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    /*background-color:darkblue!important;*/
}


.add-to-cart-button {
    color: #fff !important;
    font-family: system-ui !important;
    background-color: #379140;
    line-height: 9px;
    font-weight: 500;
    padding: 15px 20px !important;
    text-transform: uppercase;
    font-size: 19px !important;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    border: 2px solid #379140;
    max-width: 207px;
    text-decoration: none;
}

    .add-to-cart-button {
        text-decoration: none;
    }
        .add-to-cart-button:hover {
            opacity: 1 !important;
            color: green !important;
            background-color: white;
            outline: none;
        }

        .add-to-cart-button:focus {
            opacity: 1 !important;
            color: green !important;
            background-color: white;
            outline: none ;
        }

.add-to-cart-margin {
    margin-top: 4.75%;
    margin-bottom: 4.75%;
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.loader {
    color: #ffffff;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
