@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

html {
    font-size: 16px;
}

body {
    font-family: 'Roboto Condensed';
    font-size: 1.375rem; /* 22px */
    color: black;
   /* line-height: 1.5;*/
    background-color: #F0F2F5;
    margin: 0;
}

span {
    /*line-height: 1.2;*/
}

p, div, table, select, input {
    font-family: 'Roboto Condensed';
    /*line-height: 1.2;*/
    word-wrap: break-word;
}

@media (max-width: 768px) {
    body {
        font-size: 1rem; /* 16px */
    }

    p, div, table, select, input {
        font-size: 0.875rem; /* 14px */
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.875rem; /* 14px */
    }

    p, div, table, select, input {
        font-size: 0.75rem; /* 12px */
    }
}


.popover {
    background-color: lightyellow;
}

/*table th td select option {
    color: black;
}

th {
    background: #1E467E !important;
    color: #7FFFD4 !important;
    position: sticky !important;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    padding: 1.25rem;
}

th, td {
    padding: 0.85rem;
}*/

/*.table td, .table th {
    padding: 1px;
    border-width: 1px;
    border-color: #333333
}


.table-hover tbody tr:hover td {
    background: aqua;
}*/

.tbl td, .tbl th {
    padding: 2px;
    border-width: 1px;
    border-color: #999999;
    /*   border-collapse: collapse;*/
}

.tbl-hover tbody tr:hover td {
    background: aqua;
}

.tbl th {
    background-color: #D0E2FB !important;
}
/* For Asp:gridview caption;*/
.tbl caption {
    font-size: 11pt;
    font-weight: bold;
    color: black;
}



.resizehz {
    /*   transform: scale(1.4, 1);*/
    /*  style =" transform: scale(0.8, 0.8); "*/
}


/*.svg-container {
    width:270px;
    height: 270px;
    resize: both;
    overflow: auto;
    border: 1px dashed #aaa;
}*/

/*svg {
    width: 98%;
   
}*/
svg {
    width: 290px;
    height: 270px !important;
}

svg .rect {
    stroke: black;
}



rect {
    stroke: black ;
}




/*.svgscale { scale:.80 % }*/
/*
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: lightgrey;
}*/
/*show scroll kundali content larger view */
@media only screen and (min-width: 700px) {
    .divscroll {
        padding-left: 3px;
        height: 1250px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .printPreview {
        transform: scale(70%, 70%);
    }
}

.divnoscroll {
    padding: 5px;
}

@media print {
    .kk {
        visibility: hidden;
        display: none
    }
    /* Force landscape mode when printing */
    @page {
        size: landscape;
    }
}

.select2-search input {
    height: 38px;
    border: 1px solid #aaaaaa85;
}

/*.select2-selection__rendered {color:aqua}*/

.select2-container .select2-selection {
    height: 38px;
    overflow: auto;
    padding-top: 4px;
    border: 1px solid #aaaaaa85;
    color: blue;
}

.select2 .select2-selection__rendered {
    font-size: 11pt;
    font-weight: bold;
}

.select2-selection__arrow {
    margin-top: 4px;
}

.select2-results {
    font-size: 12pt;
    /*background-color:grey;*/
    /**/ border: 1px solid #aaaaaa85;
}





.form-control {
    font-size: 12pt; /*Bootstrap form-control */
    color: black;
}

input {
    font-size: 18px;
    color: black;
}

form {
    height: 100%; /* Do not change/remove it because it is belong to footer */
}

/*FREEZE vetical horizontal row and column used in eph and other  */
.inputHeadCol {
    /*color: #0E6655;*/
    color: red;
    font-weight: 600;
}

.hideGridColumn {
    display: none;
    background-color: white;
    color: white;
}

/*hide Current column  */
.GVRowhide {
    display: none
}

    /* MAPS Dasha-Soksham Collapsible  */
    .tree {
    --spacing: 1.5rem;
    --radius: 10px;
}

    .tree li {
        display: block;
        position: relative;
        padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
    }

    .tree ul {
        margin-left: calc(var(--radius) - var(--spacing));
        padding-left: 0;
    }

        .tree ul li {
            border-left: 2px solid #ddd;
        }

            .tree ul li:last-child {
                border-color: transparent;
            }

            .tree ul li::before {
                content: '';
                display: block;
                position: absolute;
                top: calc(var(--spacing) / -2);
                left: -2px;
                width: calc(var(--spacing) + 2px);
                height: calc(var(--spacing) + 1px);
                border: solid #ddd;
                border-width: 0 0 2px 2px;
            }

    .tree summary {
        display: block;
        cursor: pointer;
    }

        .tree summary::marker,
        .tree summary::-webkit-details-marker {
            display: none;
        }

        .tree summary:focus {
            outline: none;
        }

        .tree summary:focus-visible {
            outline: 1px dotted #000;
        }

        .tree li::after,
        .tree summary::before {
            content: '';
            display: block;
            position: absolute;
            top: calc(var(--spacing) / 2 - var(--radius));
            left: calc(var(--spacing) - var(--radius) - 1px);
            width: calc(2 * var(--radius));
            height: calc(2 * var(--radius));
            border-radius: 50%;
            background: #ddd;
        }

        .tree summary::before {
            z-index: 1;
            background: #696 url('../images/expand-collapse.svg') 0 0;
        }

    .tree details[open] > summary::before {
        background-position: calc(-2 * var(--radius)) 0;
    }


.ephdiv {
    max-width: 100%;
    max-height: 700px;
    overflow: scroll;
    position: relative;
}

.ephtable {
    position: relative;
    border-collapse: collapse;
}

    .ephtable td, th {
        padding: 0.25em;
    }

    .ephtable thead th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        top: -1px;
      /*  background: #000;
        color: #FFF;*/
    }

        .ephtable thead th:first-child {
            position: sticky;
            left: 0;
            z-index: 99;
            top: -1px;
            /* background: #000;*/
          /*  background: red;*/
        }

    /* the  left freezed column     */
    .ephtable td:first-child {
        position: sticky;
        left: -1px;
        margin-left: -3rem;
        z-index: 2;
      //  background-color: wheat;
    }

    .ephtable tbody th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        left: 0;
        background: #FFF;
        border-right: 1px solid #CCC;
    }

.cellhover td:hover {
    background-color: aquamarine;
}


/*collapse with caret/chevron*/
.collapsebar {
    display: block;
    margin: 2px;
    padding: 3px;
    background-color: #F3F3F3;
    text-decoration: none;
    font-size: 11pt;
}

.adtextline-height-1 {
    line-height: .98;
}

/* inter line height  */
.adtextline-height {
    line-height: 1;
}

adtextline-height2 {
    line-height: 1.05;
}

.horizantlline {
    border: 1px dotted #e1dbcf;
    margin-top: 12px;
    margin-bottom: 12px;
}

/* custom underline  */
.cul {
    font-size: 15pt;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
    margin-bottom: 10px;
}

    .cul:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 1px;
        bottom: 0;
        left: 25%;
        border-bottom: 2px solid red;
    }

.optionTitle {
    text-shadow: 0px 1px 1px #EEEEEE, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC, 2px 2px 2px rgba(206,89,55,0);
    color: black;
    text-decoration: overline;
    text-decoration-color: red;
    text-decoration-style: solid;
}

.navbark {
    background-color: #990000;
    position: fixed;
    z-index: 1; /*Add this*/
    width: 100%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    top: 0px;
}

*:focus {
    /* remove focus from buttons when clicked  */
    box-shadow: none !important;
}

/* font and text styles  */
.nouline {
    text-decoration: none
}

.fcb {
    color: brown;
    /*color: #ED8001 #CC0000*/
}

.fc {
    color: #4A0018;
    /*color: #ED8001 #CC0000*/
}

.f8 {
    font-size: 8pt;
    font-weight: bold;
}

.f9 {
    font-size: 9pt;
    font-weight: bold;
}

.f10g {
    font-size: 10pt;
    color: gray;
}

.f10 {
    font-size: 10pt;
}

.f10b {
    font-size: 10pt;
    font-weight: bold;
}

f11 {
    font-size: 11pt;
    color: #272727;
}

.f11n {
    font-size: 11pt;
    color: #272727;
}


.f11b {
    font-size: 11pt;
    font-weight: bold;
}

.f11bb {
    font-size: 11pt;
    font-weight: bold;
    color: black;
}

.f12 {
    font-size: 12pt;
}

.f12b {
    font-size: 12pt;
    font-weight: bold;
    color: black;
}

.f12g {
    font-size: 12pt;
    color: #1D1D1D;
}

.f12btn {
    font-size: 12pt;
    color: navy;
    text-decoration: underline;
}

.f14bb {
    font-size: 14pt;
    font-weight: bold;
    color: black;
}

.f14b {
    font-size: 14pt;
    font-weight: bold;
}

.f14 {
    font-size: 14pt;
}

.f16 {
    font-size: 16pt;
}

.errorMessage {
    font-size: 8pt;
    color: #FF0000;
    font-style: normal;
    font-weight: bold;
}

.smallerr {
    font-size: 8pt;
    color: red;
    font-style: normal;
    font-weight: bold;
}

.smalltxt {
    font-size: 10pt;
    padding-left: 5px;
    color: #333333;
}

.titles {
    font-size: 16pt;
    color: #800000;
}

.titlesgray11 {
    font-size: 8pt;
    color: #800000;
}

.titlesred {
    font-size: 11pt;
    color: crimson;
    font-weight: bold;
}

/* For responsive youtube video only */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.PopUpBackGround {
    /*background-color: white;*/
    /*filter: alpha(opacity=50);
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            opacity: 0.9;*/
    background-color: rgba(255,255,255,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999999;
    left: 0px;
    top: 0px;
    overflow: auto;
}


.SideBackGround {
    /*background-color: white;*/
    /*filter: alpha(opacity=50);
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            opacity: 0.9;*/
    /*background-color: rgba(255,255,255,0.3);*/
    width: 0%;
    height: 100%;
    position: absolute;
    z-index: 99999999;
    left: 0px;
    top: 0px;
    overflow: auto;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    background-color: white;
    top: 0;
    left: 0;
    z-index: 99999999;
    overflow-x: hidden;
    transition: 0.5s;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        /*color: #818181;*/
        color: blue;
        display: block;
        transition: 0.3s;
    }



    .sidenav .closebtn {
        position: sticky;
        top: 0;
        left: 0;
        font-size: 26px;
        background-color: #333333;
    }

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mydropdown {
    overflow-x: visible;
    overflow-y: visible;
    margin: 10px 0 !important;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12pt;
}

.opt-card {
    /*background: white;*/
}

    .opt-card:hover {
        background: #FFE185;
        text-decoration: none;
    }


.one-edge-shadow {
    -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, -7px -7px 3px 5px rgba(0,0,0,0);
    box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, -7px -7px 3px 5px rgba(0,0,0,0);
}


.one-edge-shadow2 {
    -webkit-box-shadow: 0 8px 16px -6px black;
    -moz-box-shadow: 0 8px 16px -6px black;
    box-shadow: 0 8px 16px -6px black;
}

.one-edge-shadowrt {
    -webkit-box-shadow: 5px 5px 5px 0px #000000, inset 4px 4px 15px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 5px 5px 5px 0px #000000, inset 4px 4px 15px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.box-shadow2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    border-radius: 5px;
}

/* For Options headings */
.txtshadow1 {
    color: #000000;
    text-shadow: 1px 1px 0 #bcbcbc, 1px 1px 0 #9c9c9c;
    text-decoration: overline;
    text-decoration-color: red;
    font-size: 20pt;
    text-decoration-style: solid;
}

.txtshadow3 {
    color: #000000;
    text-shadow: 1px 1px 0 #bcbcbc, 1px 1px 0 #9c9c9c;
}

.h1blue {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.quotetext1 {
    color: #333333;
    background: #FFFFFF;
    text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);
    color: #333333;
    background: #FFFFFF;
}



.float {
    position: fixed;
    width: 160px;
    height: 60px;
    bottom: 80px;
    right: 40px;
    background-color: navy;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    z-index: 9999999;
}

.my-float {
    margin-top: 22px;
}

.btn-learn {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: black;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 2px solid #f6b024;
}

    .btn-learn:hover {
        background: #f6b024;
        color: #fff;
        text-decoration: none;
    }

/* For Removing the down arrow in the drop down list in menu */
select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

    /* For Removing the down arrow in the drop down list in menu */
    /* For IE10 */
    select::-ms-expand {
        display: none;
    }


/* SVG patetrn credit  SVGBackgrounds.com */




.messagealert {
    width: 90%;
    position: fixed;
    float: right;
    text-align: center;
    top: 0px;
    z-index: 99999999;
    padding: 0;
    font-size: 18px;
}

.homePan {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.homePan-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

@media print {
    .modal, .modal * {
        overflow: visible !important;
    }

    .modal {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 0;
    }

    .modal-backdrop {
        background-color: white;
        opacity: 1 !important;
    }
}


@media print {

    html {
        height: 100%;
    }

    body {
        padding-bottom: 20px;
    }

    /* .no-printTHIS {
        display: none;
    }*/

    #printButton {
        display: none;
    }

    .no-print {
        display: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    @page {
        size: A4 landscape;
        margin: 1cm 3cm 1cm 2cm;
        /* margin: 0.6cm;
        margin-bottom: 2mm;
        size: A4 landscape;*/
        /*  margin: 1cm 1cm 1cm 1cm;*/
        /*margin: 1cm 3cm 1cm 2cm;*/
    }

    .footerprint {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
    }

    .footer2a {
        /* position: fixed;*/
        top: -20px;
        height: 10px;
    }

    h1, h2, h3, h4, h5 {
        page-break-after: avoid;
    }

    .pgbrk {
        clear: both; /*
      */
        page-break-after: always;
    }

    table {
        /*    page-break-after: always;*/
        /*  page-break-inside: auto;*/
        /*page-break-after: auto;*/
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    thead {
        display: table-header-group
    }

    tfoot {
        display: table-footer-group
    }



    #footertbl {
        display: table-footer-group;
    }

    .msvg {
        font-size: 9pt !important;
        font-weight: bold;
        /*  transform-origin: right;*/
        /* transform: scaleX(1.3);*/
        /* width:100% !important; height:500px !important;*/
    }



    table td, table th {
        /* font-family: Arial;*/
        /* gridview font-size in print preview is affected by the below value*/
        font-size: 9.5pt !important;
        padding: 1.5px !important;
        /* border-width: .5px  !important;
                     border-color:gray  !important;*/
        border-collapse: collapse !important;
        /* font-weight: bold;*/
        color: black;
    }

    #tblRulingPlanets {
        font-size: 8pt !important;
    }



    #cphWorkArea_gvPlanetSignQV {
        background-color: yellow !important;
    }

    @page :first {
        @bottom-left {
            content: none;
        }

        @bottom-center {
            content: none;
        }

        @bottom-right {
            content: none;
        }
    }
}