/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /* Set padding to keep content from hitting the edges */
    .amoweb {
        /*margin-top:-16px;*/
    }

    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt {
        white-space: normal;
    }

    body {
        margin: 0;
    }

    /* Set width on the form input elements since they're 100% wide by default */
    input,
    select,
    textarea {
        max-width: 280px;
    }

    html {
        font-size: 14px;
    }

    @media (min-width: 768px) {
        html {
            font-size: 16px;
        }
    }

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        margin-bottom: 60px;
    }


    body {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb5fb3+0,bf8bb1+14,bf57a3+24,bf53a2+39,bf379b+50,c02296+61,c01893+71,c147a1+71,bf098e+80,bf058d+90,d80291+100 */
        background: #cb5fb3; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #cb5fb3 0%, #bf8bb1 14%, #bf57a3 24%, #bf53a2 39%, #bf379b 50%, #c02296 61%, #c01893 71%, #c147a1 71%, #bf098e 80%, #bf058d 90%, #d80291 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cb5fb3), color-stop(14%,#bf8bb1), color-stop(24%,#bf57a3), color-stop(39%,#bf53a2), color-stop(50%,#bf379b), color-stop(61%,#c02296), color-stop(71%,#c01893), color-stop(71%,#c147a1), color-stop(80%,#bf098e), color-stop(90%,#bf058d), color-stop(100%,#d80291)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(-45deg, #cb5fb3 0%,#bf8bb1 14%,#bf57a3 24%,#bf53a2 39%,#bf379b 50%,#c02296 61%,#c01893 71%,#c147a1 71%,#bf098e 80%,#bf058d 90%,#d80291 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(-45deg, #cb5fb3 0%,#bf8bb1 14%,#bf57a3 24%,#bf53a2 39%,#bf379b 50%,#c02296 61%,#c01893 71%,#c147a1 71%,#bf098e 80%,#bf058d 90%,#d80291 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(-45deg, #cb5fb3 0%,#bf8bb1 14%,#bf57a3 24%,#bf53a2 39%,#bf379b 50%,#c02296 61%,#c01893 71%,#c147a1 71%,#bf098e 80%,#bf058d 90%,#d80291 100%); /* IE10 preview */
        background: linear-gradient(135deg, #cb5fb3 0%,#bf8bb1 14%,#bf57a3 24%,#bf53a2 39%,#bf379b 50%,#c02296 61%,#c01893 71%,#c147a1 71%,#bf098e 80%,#bf058d 90%,#d80291 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb5fb3', endColorstr='#d80291',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    /*try 2nd*/
    body {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7524b7+0,a898b5+14,8448b5+34,9269b5+43,a898b5+62,9169b2+75,9169b2+75,a898b5+83,a898b5+100 */
        background: #7524b7; /* Old browsers */
        background: -moz-linear-gradient(45deg, #7524b7 0%, #a898b5 14%, #8448b5 34%, #9269b5 43%, #a898b5 62%, #9169b2 75%, #9169b2 75%, #a898b5 83%, #a898b5 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#7524b7), color-stop(14%,#a898b5), color-stop(34%,#8448b5), color-stop(43%,#9269b5), color-stop(62%,#a898b5), color-stop(75%,#9169b2), color-stop(75%,#9169b2), color-stop(83%,#a898b5), color-stop(100%,#a898b5)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(45deg, #7524b7 0%,#a898b5 14%,#8448b5 34%,#9269b5 43%,#a898b5 62%,#9169b2 75%,#9169b2 75%,#a898b5 83%,#a898b5 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(45deg, #7524b7 0%,#a898b5 14%,#8448b5 34%,#9269b5 43%,#a898b5 62%,#9169b2 75%,#9169b2 75%,#a898b5 83%,#a898b5 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(45deg, #7524b7 0%,#a898b5 14%,#8448b5 34%,#9269b5 43%,#a898b5 62%,#9169b2 75%,#9169b2 75%,#a898b5 83%,#a898b5 100%); /* IE10 preview */
        background: linear-gradient(45deg, #7524b7 0%,#a898b5 14%,#8448b5 34%,#9269b5 43%,#a898b5 62%,#9169b2 75%,#9169b2 75%,#a898b5 83%,#a898b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7524b7', endColorstr='#a898b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    /*live 3rd*/
    body {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#858687+4,606c88+24,606c88+31,848484+37,6d7587+45,606c88+54,606c88+63,606c88+67,797d87+76,3f4c6b+94 */
        background: #858687; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #858687 4%, #606c88 24%, #606c88 31%, #848484 37%, #6d7587 45%, #606c88 54%, #606c88 63%, #606c88 67%, #797d87 76%, #3f4c6b 94%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(4%,#858687), color-stop(24%,#606c88), color-stop(31%,#606c88), color-stop(37%,#848484), color-stop(45%,#6d7587), color-stop(54%,#606c88), color-stop(63%,#606c88), color-stop(67%,#606c88), color-stop(76%,#797d87), color-stop(94%,#3f4c6b)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(-45deg, #858687 4%,#606c88 24%,#606c88 31%,#848484 37%,#6d7587 45%,#606c88 54%,#606c88 63%,#606c88 67%,#797d87 76%,#3f4c6b 94%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(-45deg, #858687 4%,#606c88 24%,#606c88 31%,#848484 37%,#6d7587 45%,#606c88 54%,#606c88 63%,#606c88 67%,#797d87 76%,#3f4c6b 94%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(-45deg, #858687 4%,#606c88 24%,#606c88 31%,#848484 37%,#6d7587 45%,#606c88 54%,#606c88 63%,#606c88 67%,#797d87 76%,#3f4c6b 94%); /* IE10 preview */
        background: linear-gradient(135deg, #858687 4%,#606c88 24%,#606c88 31%,#848484 37%,#6d7587 45%,#606c88 54%,#606c88 63%,#606c88 67%,#797d87 76%,#3f4c6b 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858687', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    .form-check-input:checked {
        background-color: deeppink;
        border-color: deeppink;
        color: aliceblue;
    }

    .form-check-input {
        background-color: cornflowerblue;
        border-color: antiquewhite;
        color: aliceblue;
    }

    html {
        font-size: 14px;
    }

    @media (min-width: 768px) {
        html {
            font-size: 16px;
        }
    }

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        margin-bottom: 60px;
    }

    #AmohamLogo {
        float: left;
        height: 56px;
        width: 56px;
        /*    margin-left:10px;*/
        margin-right: 25px;
    }

    .amohammenu {
        margin-left: 0;
        background-color: #6e0385;
        padding-left: 0px;
        width: 100vw;
        display: inline-block;
    }

    .amohamnav,
    .amohammenu {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#26558b+1,cedbe9+16,aac5de+25,6199c7+41,3a84c3+51,3a84c3+51,419ad6+59,cedbe9+66,4bb8f0+74,3a8bc2+84,26558b+100 */
        background: #26558b; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #26558b 1%, #cedbe9 16%, #aac5de 25%, #6199c7 41%, #3a84c3 51%, #3a84c3 51%, #419ad6 59%, #cedbe9 66%, #4bb8f0 74%, #3a8bc2 84%, #26558b 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#26558b), color-stop(16%,#cedbe9), color-stop(25%,#aac5de), color-stop(41%,#6199c7), color-stop(51%,#3a84c3), color-stop(51%,#3a84c3), color-stop(59%,#419ad6), color-stop(66%,#cedbe9), color-stop(74%,#4bb8f0), color-stop(84%,#3a8bc2), color-stop(100%,#26558b)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(-45deg, #26558b 1%,#cedbe9 16%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#cedbe9 66%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(-45deg, #26558b 1%,#cedbe9 16%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#cedbe9 66%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(-45deg, #26558b 1%,#cedbe9 16%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#cedbe9 66%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* IE10 preview */
        background: linear-gradient(135deg, #26558b 1%,#cedbe9 16%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#cedbe9 66%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26558b', endColorstr='#26558b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    .amoham-anchor {
        opacity: 1;
        color: darkblue !important;
        font-weight: bold;
    }

    .amoham-anchor-drop {
        opacity: 1;
        color: floralwhite !important;
    }

    .amoweb {
        width: 100vw;
        margin-left: 0;
        padding-left: 0;
        margin-top: 65px;
    }

    .amohamnav {
        padding-top: 0rem;
        padding-bottom: 0rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    footer .container {
        padding-left: 25px;
        color: antiquewhite;
    }

        footer .container a {
            display: inline-flex;
            padding-left: 10px;
            padding-right: 10px;
            font-weight: normal;
            color: floralwhite;
        }

    .amonavmaster {
        width: 100vw;
    }

    .nav-link {
        color: greenyellow;
    }

    .dropdown {
        z-index: 1;
    }

    .nav-link:hover, .nav-link:focus {
        color: springgreen;
        background-color: steelblue;
    }

    .navbar-brand {
        color: darkmagenta !important;
        font-style: oblique;
        font-size: x-large;
        text-decoration: none;
        vertical-align: middle;
        float: left;
        font-family: fantasy;
    }

    .embedfullpage {
        height: 85vh;
        width: 99vw;
        margin-left: -100px;
    }

    footer {
        background-color: violet !important;
        margin: 0;
        padding: 0;
        bottom: 0;
        line-height: 40px;
        position: fixed;
        left: 0;
        width: 100vw;
    }

    footer {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#495159+8,207cca+17,495159+26,495159+26,495159+38,2989d8+50,495159+60,495159+60,207cca+69,207cca+76,207cca+76,495159+85,207cca+92,7db9e8+100 */
        background: #495159; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjNDk1MTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg, #495159 8%, #207cca 17%, #495159 26%, #495159 26%, #495159 38%, #2989d8 50%, #495159 60%, #495159 60%, #207cca 69%, #207cca 76%, #207cca 76%, #495159 85%, #207cca 92%, #7db9e8 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(8%,#495159), color-stop(17%,#207cca), color-stop(26%,#495159), color-stop(26%,#495159), color-stop(38%,#495159), color-stop(50%,#2989d8), color-stop(60%,#495159), color-stop(60%,#495159), color-stop(69%,#207cca), color-stop(76%,#207cca), color-stop(76%,#207cca), color-stop(85%,#495159), color-stop(92%,#207cca), color-stop(100%,#7db9e8)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(45deg, #495159 8%,#207cca 17%,#495159 26%,#495159 26%,#495159 38%,#2989d8 50%,#495159 60%,#495159 60%,#207cca 69%,#207cca 76%,#207cca 76%,#495159 85%,#207cca 92%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(45deg, #495159 8%,#207cca 17%,#495159 26%,#495159 26%,#495159 38%,#2989d8 50%,#495159 60%,#495159 60%,#207cca 69%,#207cca 76%,#207cca 76%,#495159 85%,#207cca 92%,#7db9e8 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(45deg, #495159 8%,#207cca 17%,#495159 26%,#495159 26%,#495159 38%,#2989d8 50%,#495159 60%,#495159 60%,#207cca 69%,#207cca 76%,#207cca 76%,#495159 85%,#207cca 92%,#7db9e8 100%); /* IE10 preview */
        background: linear-gradient(45deg, #495159 8%,#207cca 17%,#495159 26%,#495159 26%,#495159 38%,#2989d8 50%,#495159 60%,#495159 60%,#207cca 69%,#207cca 76%,#207cca 76%,#495159 85%,#207cca 92%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495159', endColorstr='#7db9e8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    }


        footer .container {
            color: floralwhite;
        }

        footer a {
            text-decoration: none;
            color: floralwhite;
            padding-left: 25px;
            padding-right: 25px;
        }

    .amohammenu .navbar-collapse .navbar-nav .nav-item ul {
        display: none;
        list-style-type: none;
        background-color: mediumvioletred;
    }

        .amohammenu .navbar-collapse .navbar-nav .nav-item ul li {
            color: floralwhite;
            margin: 0;
            margin-right: 10px;
            margin-left: -20px;
            padding-bottom: 5px;
            border-bottom: .5px groove darkred;
        }

    .amohammenu .navbar-collapse .navbar-nav .nav-item:hover ul {
        display: block;
        overflow: hidden;
        position: absolute;
        z-index: 1;
    }
    /*body > header > nav > div > div > ul > li > ul{
	display:none;
}*/
    .information, .privacy, .terms, .cancel, .services, .error {
        width: 75vw;
        height: 75vh;
        align-items: center;
        vertical-align: middle;
        border: 1px groove violet;
        margin: auto;
        margin-top: 68px;
        padding: 20px;
        overflow: auto;
        background-color: ivory;
        opacity: 70%;
        display: flow;
    }

        .services table tr,
        .services table th, .services table td {
            border: 3px groove darkgrey;
            padding: 3px;
        }

        .para,
        .privacy p {
            text-align: justify;
        }

    #refundpoints li {
        list-style-type: "🡆";
    }

    .terms ul {
        list-style-type: none;
        counter-reset: css-counters 0; /* intializes counter, set -1 for zero-based counters */
    }

        .terms ul li:before {
            counter-increment: css-counters;
            content: counters(css-counters, ".") " "; /* generates inherited counters from parents */
        }

    .terms .alpha {
        list-style-type: lower-alpha;
    }

    .terms li {
        text-align: justify;
    }

    li.nav-item ul {
        display: none;
    }

    li.nav-item:hover ul {
        display: block;
        list-style-type: none;
        padding: 2px;
        overflow: hidden;
        position: absolute;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#26558b+1,aac5de+25,6199c7+41,3a84c3+51,3a84c3+51,419ad6+59,4bb8f0+74,3a8bc2+84,26558b+100 */
        background: #26558b; /* Old browsers */
        background: -moz-linear-gradient(45deg, #26558b 1%, #aac5de 25%, #6199c7 41%, #3a84c3 51%, #3a84c3 51%, #419ad6 59%, #4bb8f0 74%, #3a8bc2 84%, #26558b 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,#26558b), color-stop(25%,#aac5de), color-stop(41%,#6199c7), color-stop(51%,#3a84c3), color-stop(51%,#3a84c3), color-stop(59%,#419ad6), color-stop(74%,#4bb8f0), color-stop(84%,#3a8bc2), color-stop(100%,#26558b)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(45deg, #26558b 1%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(45deg, #26558b 1%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(45deg, #26558b 1%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* IE10 preview */
        background: linear-gradient(45deg, #26558b 1%,#aac5de 25%,#6199c7 41%,#3a84c3 51%,#3a84c3 51%,#419ad6 59%,#4bb8f0 74%,#3a8bc2 84%,#26558b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26558b', endColorstr='#26558b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        opacity: 85%;
        color: lightyellow;
    }

        li.nav-item:hover ul li {
            border-bottom-style: groove;
            border-bottom-color: antiquewhite;
            border-bottom-width: 2px;
            width: max-content;
            padding-left: 25px;
        }


    .previous {
        background-color: #f1f1f1;
        color: black;
        padding: 3px;
        width: 80px;
        text-align: center;
        border-radius: 5px;
    }

    .next {
        background-color: #4CAF50;
        color: white;
        padding: 3px;
        width: 60px;
        text-align: center;
        border-radius: 5px;
    }

    .pnlContact {
        float: left;
        border-color: wheat;
        height: 100%;
        width: 95vw;
        margin: 5px 10px 0px 10px;
        padding: 7px 10px 7px 10px;
        border: outset;
        border-radius: 10px;
    }

        .pnlAddress fieldset,
        .pnlContact fieldset,
        .pnlAstrology fieldset,
        .pnlFamily fieldset {
            margin-top: 5px;
        }

    .pnlContacthdn {
        float: left;
        border-color: wheat;
        height: 0%;
        width: 95vw;
        margin: 0px;
        padding: 0px;
        display: none;
        border: outset;
        border-radius: 10px;
    }

    .pnlAstrology {
        float: left;
        border-color: darkgoldenrod;
        height: 100%;
        width: 95vw;
        margin: 5px 10px 0px 10px;
        padding: 7px 10px 7px 10px;
        border: outset;
        border-radius: 10px;
    }

    .pnlAstrologyhdn {
        float: left;
        border-color: darkgoldenrod;
        height: 0%;
        width: 95vw;
        margin: 0px;
        padding: 0px;
        display: none;
        border: outset;
        border-radius: 10px;
    }

    .pnlFamily {
        float: left;
        border-color: burlywood;
        height: 100%;
        width: 95vw;
        margin: 5px 10px 0px 10px;
        padding: 7px 10px 7px 10px;
        border: outset;
        border-radius: 10px;
    }

    .pnlFamilyhdn {
        float: left;
        border-color: burlywood;
        height: 0%;
        width: 95vw;
        margin: 0px;
        padding: 0px;
        display: none;
        border: outset;
        border-radius: 10px;
    }

    .pnlProfession {
        float: left;
        border-color: lightsalmon;
        height: 100%;
        width: 95vw;
        margin: 0px 10px 0px 10px;
        padding: 7px 10px 7px 10px;
        border: outset;
        border-radius: 10px;
    }

    .pnlProfessionhdn {
        float: left;
        border-color: lightsalmon;
        height: 0%;
        width: 95vw;
        margin: 0px;
        padding: 0px;
        display: none;
        border: outset;
        border-radius: 10px;
    }

    .pnlAddress {
        float: left;
        border-color: sandybrown;
        height: 100%;
        width: 95vw;
        margin: 5px 10px 0px 10px;
        padding: 7px 10px 7px 10px;
        border: outset;
        border-radius: 10px;
    }

    .pnlAddresshdn {
        float: left;
        border-color: sandybrown;
        height: 0%;
        width: 95vw;
        margin: 0px;
        padding: 0px;
        display: none;
        border: outset;
        border-radius: 10px;
    }

    .hiddenpnl {
        visibility: hidden;
        height: 0%;
    }

    .visiblepnl {
        visibility: visible;
        height: 100%;
    }

    .date {
        width: 120px;
        height: 30px;
        padding: 2px 6px;
        font-size: 15px;
        line-height: 30px;
        border: 2px solid #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        outline: none;
    }

    .ReadOnlyDate {
        width: 120px;
        height: 30px;
        padding: 2px 6px;
        font-size: 15px;
        line-height: 30px;
        border: 2px solid #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        outline: none;
    }
    /*Float Form starts Here*/
    .modern-form {
        width: 500px;
        margin: 30px auto;
        background-color: #fff;
        border: solid 1px #ccc;
        padding: 20px 10px;
    }

        .modern-form h3 {
            text-align: center;
        }

    .float-label-field {
        border: none;
        outline: none;
        position: relative;
        margin: 0 0 20px 0;
        padding: 0;
        box-sizing: border-box;
    }

        .float-label-field input {
            border: none;
            outline: none;
            padding: 5px 5px 8px 0px;
            width: 100%;
            font-size: 18px;
            border-bottom: solid 1px #efefef;
        }

        .float-label-field label {
            opacity: 0.5;
            position: absolute;
            top: 10px;
            left: 0px;
            transition: all 0.2s ease;
            font-size: 18px;
        }

        .float-label-field.focus label {
            color: orange;
        }

        .float-label-field.focus input {
            border-bottom: solid 1px orange;
        }

        .float-label-field.float label {
            opacity: 1;
            top: -8px;
            font-size: 60%;
            transition: all 0.2s ease;
            font-weight: bold;
        }
    /*Float Form Ends*/

    /*Google Material*/
    * {
        box-sizing: border-box;
    }

    /* basic stylings ------------------------------------------ */
    /*body {
    background: url(https://scotch.io/wp-content/uploads/2014/07/61.jpg);
}

.container {
    font-family: 'Roboto';
    width: 600px;
    margin: 30px auto 0;
    display: block;
    background: #FFF;
    padding: 10px 50px 50px;
}

h2 {
    text-align: center;
    margin-bottom: 50px;
}

    h2 small {
        font-weight: normal;
        color: #888;
        display: block;
    }

.footer {
    text-align: center;
}

    .footer a {
        color: #53B2C8;
    }
 */
    /* form starting stylings ------------------------------- */
    .group {
        position: relative;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-right: 15px;
        display: inline-flex;
        align-items: center;
    }

    input {
        font-size: 14px;
        padding-top: 8px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        display: block;
        width: 300px;
        border: none;
        /*border-bottom: 1px solid #757575;*/
        border-radius: 15px;
    }
    
        input:focus {
            outline: none;
        }

    /* LABEL ======================================= */
    label {
        color: #333; /*#999;*/
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 18px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }
    /* active state */
    input:focus ~ label, input:valid ~ label {
        top: -25px;
        /*background-color: darkblue;*/
        font-size: 14px;
        color: whitesmoke;
        padding: 3px;
        font-weight: bold; /*#5264AE;*/
    }


    /* BOTTOM BARS ================================= */
    .bar {
        position: relative;
        display: none;
        width: 300px;
    }

        .bar:before, .bar:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #5264AE;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
        }

        .bar:before {
            left: 50%;
        }

        .bar:after {
            right: 50%;
        }

    /* active state */
    input:focus ~ .bar:before, input:focus ~ .bar:after {
        width: 50%;
    }

    /* HIGHLIGHTER ================================== */
    .highlight {
        position: absolute;
        height: 60%;
        width: 100px;
        top: 25%;
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }

    /* active state */
    input:focus ~ .highlight {
        -webkit-animation: inputHighlighter 0.3s ease;
        -moz-animation: inputHighlighter 0.3s ease;
        animation: inputHighlighter 0.3s ease;
    }

    /* ANIMATIONS ================ */
    @-webkit-keyframes inputHighlighter {
        from {
            background: #5264AE;
        }

        to {
            width: 0;
            background: transparent;
        }
    }

    @-moz-keyframes inputHighlighter {
        from {
            background: #5264AE;
        }

        to {
            width: 0;
            background: transparent;
        }
    }

    @keyframes inputHighlighter {
        from {
            background: #5264AE;
        }

        to {
            width: 0;
            background: transparent;
        }
    }

    .d-flex label {
        top: 0px;
        position: relative;
        color: aliceblue;
        font-weight: bold;
    }

    .d-flex span {
        color: aliceblue;
        font-weight: bold;
        font-size: 18px;
    }

    .input-group-append {
        cursor: pointer;
    }

    .paneltitle {
        position: relative;
        right: 40px;
        color: darkmagenta;
        font-weight: bold;
        font-style: oblique;
    }

    .btnSubmit {
        background-color: darkgreen;
        border-color: antiquewhite;
        border-width: 1px;
        border-style: outset;
        color: blanchedalmond;
        font-weight: bolder;
        display: inline-flex;
        margin: 10px;
    }

    .btnReset {
        background-color: lightcoral;
        border-color: blanchedalmond;
        border-width: 1px;
        border-style: outset;
        color: darkblue;
        font-weight: bolder;
        display: inline-flex;
        margin: 10px;
    }

    .btnSave {
        display: inline-flex;
        margin: 10px;
        background-color: lightseagreen;
        border-color: blanchedalmond;
        border-width: 1px;
        border-style: outset;
        color: lightcyan;
        font-weight: bolder;
    }

    .pnlvalidate {
        display: none;
    }

    .Contentcenter {
        margin-left: 5%;
        width: 90vw;
        height: 85vh;
        background-color: floralwhite;
        //border: 3px solid green;
        padding: 10px;
        overflow: auto;
        opacity: 80;
        margin-top: 56px;
    }

    .fa-search {
        font-size: 32px;
        color: blue;
        border: none;
    }

    .btnSearch {
        display: inline-flex;
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    .firstitem {
        min-width: 160px;
        margin-left: -95px;
    }

    .hdden {
        display: none;
    }

    .editlink {
        text-decoration: none;
        background-color: orangered;
        color: lightcyan;
        font-size: 16px;
        font-weight: bold;
        border: groove;
        right: 80px;
        top: 58px;
        position: absolute;
        padding: 10px 25px 10px 5px;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        z-index: 1;
        margin-top: 35px;
        text-align: center;
    }

    .RENEWlink {
        text-decoration: none;
        background-color: yellow;
        color: darkblue;
        font-size: 16px;
        font-weight: bold;
        border: groove;
        right: 80px;
        top: 138px;
        position: absolute;
        padding: 10px 25px 10px 5px;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        text-align: center;
        z-index: 1;
        font-size: small;
    }

    .Searchlink {
        text-decoration: none;
        background-color: lawngreen;
        color: darkmagenta;
        font-size: 16px;
        font-weight: bold;
        border: groove;
        right: 80px;
        top: 188px;
        position: absolute;
        padding: 10px 25px 10px 5px;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        text-align: center;
        z-index: 1;
    }

    .readonlyvalue {
        border-radius: 3px;
        border-color: lightblue;
        background-color: floralwhite;
        color: purple;
        margin: 3px;
        padding: 5px;
    }

    .renew-button {
        background-color: dodgerblue;
        color: blanchedalmond;
        border-style: ridge;
        text-decoration: none;
        padding: 8px;
        border-radius: 9px;
    }

    .smalltextbox {
        width: 140px;
    }

    .mediumtextbox {
        width: 200px;
    }

    .largetextbox {
        width: 250px;
    }

    .microtextbox {
        width: 100px;
    }

    legend {
        font-size: 0.9rem;
        margin-top: -15px;
        margin-bottom: -5px;
        color: lightgoldenrodyellow;
        font-stretch: expanded;
        font-weight: 900;
        text-align: center;
        padding-bottom: 8px;
    }

    .error {
        color: navy;
        opacity: 60%;
        margin-left: 5%;
        width: 90vw;
        height: 83vh;
        background-color: floralwhite;
        //border: 3px solid green;
        padding: 10px;
        overflow: auto;
    }

    .navbar-brand {
        font-family: "Macondo", cursive;
        font-weight: bolder;
        font-style: normal;
        color: teal !important;
    }

        .navbar-brand:hover {
            color: cadetblue !important;
        }

    .nav-register {
        color: darkgreen;
        border: darkgray;
        border-style: outset;
        margin: 5px;
        border-radius: 50px;
        background-color: silver;
        font-weight: bold;
    }

    .nav-login {
        color: indigo;
        border: darkgray;
        border-style: outset;
        margin: 5px;
        border-radius: 50px;
        background-color: silver;
        font-weight: bold;
    }

    .nav-name {
        color: lightcyan;
        margin: 5px;
        font-weight: bold;
    }

    .nav-link {
        font-weight: bold;
    }

    input.btn.btn-outline-dark.amoham-btn {
        background-color: steelblue;
        border-color: antiquewhite;
        border-width: 1px;
        border-style: outset;
        color: skyblue;
        font-weight: bolder;
        display: inline-flex;
        margin: 10px;
    }

    #Google {
        color: indigo;
        border: darkgray;
        border-style: outset;
        margin: 5px;
        border-radius: 50px;
        background-color: silver;
        font-weight: bold;
    }

    /*google button*/
    .login-with-google-btn {
        transition: background-color .3s, box-shadow .3s;
        padding: 12px 16px 12px 42px;
        border: none;
        border-radius: 3px;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
        color: #757575;
        font-size: 14px;
        font-weight: 500;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
        background-color: white;
        background-repeat: no-repeat;
        background-position: 12px 11px;
    }

        .login-with-google-btn:hover {
            box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
        }

            .login-with-google-btn:hover:active {
                background-color: #eeeeee;
            }

            .login-with-google-btn:hover:focus {
                outline: none;
                box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
            }

            .login-with-google-btn:hover:disabled {
                filter: grayscale(100%);
                background-color: #ebebeb;
                box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
                cursor: not-allowed;
            }

    /*google buttton end*/
    .text-danger {
        color: yellow !important;
        font-weight: 500;
    }

    main {
        margin-top: 65px;
        position: relative;
    }
}