body {
    /*margin-left: -15px;*/
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 0px;
}

@media only screen and (min-width: 1366px) and (max-width:1920px) {
    body{
        max-height:900px;
        width:100%;
    }
}

.lbltitle1 {
    COLOR: darkorange;
    font-size: 54px;
    font-family: 'Tw Cen MT';
}

.lbltitle2 {
    COLOR: greenyellow;
    font-size: 90px;
    font-family: colonna mt;
    position: relative;
    top: 98px;
}

.lblquote {
    left: 27%;
    color: #5f851d;
    font-family: colonna mt; /**/
    font-weight: bold;
    font-size: 45px;
    position: relative;
}

.imgsrklogo {
    margin-left: 42%;
    margin-top:10%;
    opacity:0.7;
    width : auto !important;
}

/* css for loginpage page */

.loginpage {
    background: transparent; /*rgba(0,0,0,0.5);*/
    position: relative;
    top: -60px;
    width: 420px;
    float: left;
    margin: 170px auto 0 100px;
    text-align:center;
}

.lblwel {
    top: 3px;
    right: 10px;
    color: white;
    font-family: tw cen mt;
    font-size: 22px;
    float: right;
    position: relative;
}

fieldset {
    border: 0;
}

.txtlog {
    border-color: orange;
    border-radius: 5px;
    color: darkBlue;
    width: 210px;
    display: block;
    padding: 4px;
    margin: 5px 0 10px 0; /*top right bottom left*/
    font-size: 15px;
    font-family: Georgia, serif;
}

.loginpage label {
    color: yellow;
    width: 115px;
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
    padding: 9px 0 0 0;
    font-size: 19px;
    font-family: 'Tw Cen MT';
}

.loginpage legend {
    color: White;
    text-align:center;
    font-family:'Tw Cen MT';
}

.loginpage .linkbtn {
    background-repeat: repeat-x;
    font-family: 'Tw Cen MT';
    color: orange !important;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    font-size:19px;
    background: linear-gradient(to right,#adff2f 0%,#adff2f 3px,transparent 5px) !important;
    /*background-color: transparent;*/
}

    .loginpage .linkbtn:hover {
        color: darkred !important;
        background: linear-gradient(to right,#adff2f 0%,#adff2f 5px,transparent) !important;
    }

:root {
    -mainColors: #adff2f; /*ff9800;*/
}

.loginpage .lblpswderror {
    color: red;
    padding-left: 100px;
}

/* css for master page */

.masterpage .topbar { /*feb 6*/
    height: 35px;  /*25px*/
    /*background-color: darkgoldenrod;*/
    position:relative;
    overflow:hidden;
    padding-top:5px;
}

.masterpage .headerbar {
    height: 60px; /*113px;*/
    background-color: #00509d;
    position: relative;
    overflow: hidden;
    top: 1px; /*26px*/
    width: 100%;
}
.headerbar {
    height: 60px; /*113px;*/
    background-color: #00509d;
    position: relative;
    overflow: hidden;
    top: 1px; /*26px*/
    width: 100%;
}

.masterpage {
    overflow-x: hidden !important;
}

    .masterpage .menu_nav {
        background-color: goldenrod;
        height: 600px;
        margin-left: -15px;
    }

    .masterpage .maincontent {
        background-color: white;
        position: relative;
        top: 1px; /*178px*/
        width: 100%;
        overflow-y: auto;
        overflow-x:hidden;
        padding-right: 0px;
        padding-left: 0px;
    }

    .masterpage .footer {
        /*background: linear-gradient(to bottom, #5f851d 0%, #b30086 54%,#f700a9 100%);*/
        background-color: black;
        height: 25px;
        position: fixed;
        overflow: hidden;
        bottom: 0px;
        color: white;
        font-family: 'Tw Cen MT';
        font-size: 17px;
        opacity:0.7;
    }

    .masterpage .logo {
        margin-left: 0px;
        height: 130px;
        /* margin-top: -3px; -11px;*/
    }

.headspan1 {
    color: darkgreen;/*#5f851d;*/
    font-family: colonna mt;
    font-size: 50px;
    font-weight: bold;
}

.headspan2 {
    color: #5f851d; /*darkgoldenrod;*/
    font-family: Harrington;
    font-size: 30px;
    font-weight: bold;
}

.ratelive { /*feb6*/
    color: #5f851d;
    font-family: 'Tw Cen MT';
    font-size: 17px;
    /*margin-left: 25%;*/
    color: white;
    margin-left: 65%;
    font-weight: bold;
}

/* css for vertical fixed menu in nestedmastercustomer.master */

.navigation {
    width: 200px;
}

.menunav {
    height: 600px;
    background-color: white;
    width: 215px;
    margin-left: -10px;
    float: left;
    padding-right: 0px;
}

.mainmenu, .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .mainmenu a {
        display: block;
        background-color: white;
        text-decoration: none;
        padding: 10px;
        color: darkslategray;
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        margin-left: -15px;
    }

        .mainmenu a:hover, .mainmenu a:active {
            /*background-color: goldenrod;*/
            background: linear-gradient(45deg,#ffe766 10%, #ccac00 100%);
            color: black;
        }

    .mainmenu li:hover .submenu {
        display: block;
        max-height: 200px;
    }

    .mainmenu li i {
        width: 15px;
        height: 15px;
    }

    .submenu a {
        background-color: darkgoldenrod;
        color: wheat;
        font-weight: bold;
    }

        .submenu a:hover {
            background-color: palegoldenrod;
            color: black;
        }

.submenu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
}

/* css for horizontal fixed menu in site.master */

.masterpage .hmenu {
    height: 40px;
    margin: 3px 0px;
    position: relative;
    background-color:whitesmoke;
}

.hnavbar {
    /*overflow: hidden;*/
    /*background: linear-gradient(to bottom, #5f851d 0%, #b30086 54%,#f700a9 100%);*/
    /*background-color: darkgoldenrod; linear-gradient(to bottom, #5f851d 0%, #b30086 100%);;*/
    position: relative;
    width: 100%;
    margin-left: -15px;
    display:block !important;
}

.hnavbar ul { /*mmenu*/
    list-style: none;
    cursor: default;
    width: auto;
    margin: 0px;
    padding: 0px;
    /*overflow: hidden;*/
}

.mmenu {
    display: inline-flex;
}

.smenu {
    width: auto;
    height: auto;
    color: black;
    margin-top: 41px;
    display: none;
    position: absolute;
    z-index: 10;
    cursor: default;
    padding: 0px;
    overflow: visible;
    background-color: whitesmoke;
}

.smenu a{
    color:black !important;
    text-decoration:none;
    display:block;
}

.smenu a:hover{
    color:white !important;
    border-radius:0px !important;
}

.smenu h5{
    font-weight:bold;
    color:#5f851d;
}
.pl-0 {
    display: grid;
}

.drpdwn:hover .smenu{
    display:block;    
}

    .drpdwn:hover .smenu a {
        font-size: 19px;
        padding: 4px 15px;
        width:115px;
        text-align:left;
    }

        .hnavbar li.drpdwn {
            display: inline-block;
        }

.hnavbar a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 7px 16px;
    text-decoration: none;
    font-size: 19px;
    font-family: 'Tw Cen MT';
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-left:5px;
}

    .hnavbar a:hover {
        /*background-color: #ffe6ff;*/
        color: white;
        background-color: #5f851d; /*#ffe6ff;*/
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
    }

/* css for index page */

.linksite {
    /*left: 912px;
    top: 375px;*/
    top: 200px;
    color: yellow; /* #5f851d; maroon*/
    font-family: brush script mt; /*brush script mt*/
    font-size: 36px;
    font-style: italic;
    text-decoration: none;
    position: relative;
}

.linksite:hover { color:#b30086; text-decoration:none;} /*#5f851d*/

/* css for buttons */

.btnlog {
    width: 100px;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: lightSteelBlue;
    color: darkblue;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 30px 4px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 40px;
    font-weight: bold;
}

    .btnlog:hover {
        /*background-image:linear-gradient(to top, rgba(0,188,108, 1) 0%, rgba(0,135,118,1) 44%, rgba(0,77,88,1) 100%); */
        color: ghostwhite;
        background: #23074d; /* fallback for old browsers */
        /*  background: -webkit-linear-gradient(to right, #cc5333, #23074d);   Chrome 10-25, Safari 5.1-6 
        background: linear-gradient(to right, #cc5333, #23074d); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background: linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
    }

.btnskew {
    border: none;
    color: darkslategray;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

    .btnskew:hover {
        transform: skew(-15deg);
        color: antiquewhite;
        background-color: darkslategray;
    }

.btnghost {
    font-size: small;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #5f851d;
    color: white;
    padding: 16px -4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin: 4px 5px 4px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height:45px;
}

    .btnghost:hover {
        background-color: white;
        color: #5f851d;
        border: 2px solid #5f851d;
    }

.linkbg {
    background: linear-gradient( to bottom, var(--mainColor) 0%, var(--mainColor) 100% );
    background-position: 0 100%;
    background-size: 4px 2px;
    transition: background-size .2s;
    background-repeat: repeat-x;
    color: darkslategray !important;
    text-decoration: none;
}

    .linkbg:hover {
        background-size: 4px 50px;
        color: darkgreen !important;
    }

:root {
    -mainColor: darkblue !important;
}

.btnsel {
    background-repeat: repeat-x;
    color: #5f851d;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    background: linear-gradient(to right,#b30086 0%,#b30086 3px,transparent 5px); /*#adff2f*/
    background-color: white;
    height: 40px;
    width: 250px;    
    font-size: 18px;
    font-family: 'Tw Cen MT';
    border-radius: 20px;
}

    .btnsel:hover,.btnsel :active {
        color: black;
        background: linear-gradient(to right,#b30086 0%,pink 5px,transparent);
    }

/* css for home page */

.homepage {
    /*min-height: 570px;530px feb6*/
    margin-top: -10px;
    width: 100%;
    background-color: white;
}

.homeiconlbl{
    float:right;
    font-size:14px;
    font-style:italic;
    font-family:Cambria;
    color:#5f851d;
    margin-top:4px; 
}

.homeicon {
   /* color: whitesmoke;*/
    font-size: 25px !important;
    position: relative;
    top: 0px;
    padding:0px 15px;
}

#ContentPlaceHolder1_AdRotator2 img, #ContentPlaceHolder1_AdRotator3 img {
    height: 250px;
    width: 75%;
    margin-left: 100px;
}

    #ContentPlaceHolder1_AdRotator4 img
    {
        margin-top:-20px;
        height:540px;
        width:90%;
    }

.imagegallery {
    margin-left: -15px;
}

div a img {
    height: 400px;
    width: 100%;
    background-size: cover;
}
.sptxt {
    color: #5f851d;
    font-family: lucida calligraphy;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.spptxt {
    font-style: italic;
    color: darkgreen;
}

/* css for schemereceipt page */

#ContentPlaceHolder1_ContentPlaceHolder1_vbtniewrecpts {
    float: right;
    margin-right: 5%;
}

.notetouser {
    height: 50px;
    color: red;
    font-family: tw cen mt;
    font-size: 16px;
}

.notetouser span{
    color:black;
    font-weight:bold;
}

.lbllbl {
    color: #5f851d;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.lbllblD {
    color: black;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.lbltotss {
    color: darkgreen;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.fright{
    margin-left:72%;
}

.frightt {
    margin-left: 45%;
}

.frite{
    float:right;
    margin-right:20px;
}

.txtboxes {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    /*    width: 250px;*/
    width: 150px;
    color: black;
    height: 25px;
    background-color: #ededed;
    font-size:12px;
}
.txtboxes1 {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    /*    width: 250px;*/
    width:200px;
    color: black;
    height: 25px;
    background-color: #ededed;
    font-size: 12px;
}
.smtxtboxes {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    /*    width: 250px;*/
    width:90px;
    color: black;
    height: 25px;
    background-color: #ededed;
    font-size:10px;
}
.txtboxesD {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    width: 250px;
    color: darkslategray;
    height: 25px;
    background-color: antiquewhite;
    font-size: 16px;
}
.lbltxt {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family:'Courier New';
    border-radius: 5px;
    width:70px;
    color: black;
    height: 25px;
    background-color: #ededed;
    font-size:8px;
}
.rbtnslist {
    color: darkslategray;
    margin-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
    display: inline;
}

    .rbtnslist td, .rbtnslist label {
        padding-left: 10px;
        padding-right:10px;
    }

#ContentPlaceHolder1_rbtn_receipts {
    display: inline;
}

.lblhead {
    color: whitesmoke;
    font-family: Cambria;
    font-weight: bold;
    font-size: 27px;
    top: 10px;
    position: absolute;
}

.drpdowns {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: black;
    width: 250px;
    height: 25px;
    background-color: #ededed;
    font-size:16px;
}

.drpdownsD {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: darkslategray;
    width: 250px;
    height: 25px;
    background-color: antiquewhite;
    font-size: 16px;
}

.drpspl {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    font-size: 16px;
    font-family: Tw Cen MT;
    color: black;
    border-radius: 5px;
    width: 60px;
    height: 25px;
    background-color: #ededed;
}

.lbllblR {
    float: right;
}

.chkchk {
    color: #5f851d;
    margin-left: 10%;
}

.chkchk label{
    margin-left:10px;
    font-weight:200;
}
/* css for nested master page */

.subcontent {
    min-height: 540px;
    margin-left: 10px;
    /*margin-top: 5px;*/
    padding-right: 0px;
    background-color: white;
}

/*.lbltxt {
    color: white;
    font-family: tw cen mt;
    font-size: 16px;
}*/

.listboxcss {
    padding: 5px;
    width: 1050px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    height: 130px !important;
}

#ContentPlaceHolder1_ContentPlaceHolder1_imgcustphoto {
    margin-left: 50px;
    margin-bottom: 15px;
}

.registernew .pp {
    color: black;
    font-family: 'Tw Cen MT';
    font-size: large;
}

.listboxs {
    width: 150px;
    height: 160px !important;
    padding: 5px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    margin-left: 150px;
}

.goldgrid{
    text-align:center;
}

.griddraw {
    width: 98%;
    text-align: center;
}

    .griddraw th {
        margin: 3px;
        padding: 3px;        
        text-align:center;
        height:30px;
    }

    .griddraw td {
        padding: 3px;
        height: 25px;
    }

    .gridselect input{
        height:25px;
        width:25px;
    }

.lbltxtt {
    color: maroon;
    font-family: tw cen mt;
    font-size: 19px;
}

.gridmod2 {
    width: 98%;
    font-size:small;
}

    .gridmod2 th {
        text-align: center;
        padding: 3px;
        height: 30px;
        margin: 3px;
    }

    .gridmod2 td{
        padding:3px;
        height:25px;
    }

.lblnotes {
    color: orangered;
    padding-left: 157px;
    font-weight: bold;
    font-family: Tw Cen MT;
    font-size: 18px;
}

.lblpadleft {
    padding-left: 20px;
}

.festimg {
    width: 400px;
    height: 100px;
    margin-left: 200px;
}

.festimg2 {
    width: 200px;
    height: 100px;
    float: right;
}

.contact1 {
    color: #5f851d;
    font-family: lucida calligraphy;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

.contact2 {
    color: black;
    font-family: 'Tw Cen MT' ;
    font-size:18px;
}

#ContentPlaceHolder1_ContentPlaceHolder1_UpdatePnl1 {
    display: inline;
}

.gallist {
    padding: 3px;
    height: 240px !important;
    color: #5f851d;
    font-family: tw cen mt;
    font-size: 16px;
}

.imggal{
    border:2px solid black;
}

.gallerynote {
    color: red;
    font-family: tw cen mt;
    font-size: 16px;
}

.btnghostp {
    font-size: medium;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #5f851d;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height: 30px;
    font-size:13px;
}

    .btnghostp:hover {
        background-color: white;
        color: #5f851d;
        border: 2px solid #5f851d;
    }

.modalBackground {
    background: rgba(0,0,0,0.7);
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.pnlBackGround {
    position: fixed;
    top: 10%;
    left: 10px;
    width: 475px;
    height: 275px;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
    animation: fadein 1s ease;
}

    .pnlBackGround .custom-trans {
        position:relative;
        display:block;
        transform: scaleY(1);
        animation: fadein 1.5s ease;
    }

    .pnlBackGround #buttons, .pnlBackGround #buttons2 {
        display: inline-flex;
    }

.pnlBackGround .rateheader {
    height: 45px;
    font-size: 30px;
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    /*background-color: darkgoldenrod;*/
    color: white;
    font-family: Agency FB;
}

    .pnlBackGround .lblphrate {
        color: #5f851d;
        font-family: tw cen mt;
        font-size: 20px;
        font-weight: bold;
    }

    .pnlBackGround hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGround .main, .pnlBackGround #buttons, .pnlBackGround #buttons2 {
        background-color:whitesmoke;
    }

    .pnlBackGround .lblprate {
        font-family: tw cen mt;
        font-size: 17px;
        color:black;
    }

    .pnlBackGroundQ {
        height:350px !important;
        width:640px !important;
        left:300px !important;
        text-align:left;
    }

    .pnlBackGroundQ div label{
        text-align:left;
    }


.animate1,.animate3 {
    color:magenta;
    animation-name: header;
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: header; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes header {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: #5f851d;
    }
}

@keyframes header {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: #5f851d;
    }
}

.animate2 {
    color: magenta;
    animation-name: headerW;
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: header; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes headerW {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: white;
    }
}

@keyframes headerW {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: white;
    }
}

.contactus{
    color:white;
    font-size:17px;
    font-family:'Tw Cen MT';
    background-color:#5f851d;
}

.txtcontact {
    width: 70%;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    color: black;
}

.modalBackgroundO {
    background: rgba(0,0,0,0.7);
}

.pnlBackGroundO {
    position: fixed;
    top: 1% !important;
    left: 10px;
    width: 475px;
    height: auto;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

.pnlBackGroundO #buttons, .pnlBackGroundO #buttons2 {
    display: inline-flex;
}

.pnlBackGroundO .rateheader {
    height: 42px;
    font-size: 27px;
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    /*background-color: darkgoldenrod;*/
    color: white;
    font-family: Cambria;
}

.pnlBackGroundO hr {
    margin: 5px;
    border: 1px solid darkslategray;
    border-image: none;
}

.pnlBackGroundO .main, .pnlBackGroundO #buttons, .pnlBackGroundO #buttons2 {
    background-color: whitesmoke;
}

.modalBackgroundR {
    background: rgba(0,0,0,0.7);
}

.pnlBackGroundR {
    position: fixed;
    top: 1% !important;
    left: 10px;
    width: 475px;
    height: auto;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

    .pnlBackGroundR #buttons, .pnlBackGroundR #buttons2 {
        display: inline-flex;
    }

    .pnlBackGroundR .rateheader {
        height: 42px;
        font-size: 25px;
        /*background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);*/
        color: black;
        font-family: 'Tw Cen MT';
        padding-top:5px;
    }

    .pnlBackGroundR hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGroundR .main, .pnlBackGroundR #buttons, .pnlBackGroundR #buttons2 {
        background-color: whitesmoke;
    }

.flip-box {
    background-color: transparent;
    width: 15%;
    height: 200px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    margin:0px 15px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-box-front {
    background-color: white;
    color: black;
}

.flip-box-back {
    background-color: lightgray;
    color: black;
    transform: rotateY(180deg);
}

.rowhead {
    color: #5f851d;
    font-weight: bold;
    font-size: 25px;
}

.dcout,.dcin,.export, .purchase {
    border: 2px solid gray;
    width: 1000px;
    padding: 10px 30px;
}

.dropdowns, .burgermenu {
    display: none;
}

.tblheader td,.gridmod2 th{
    font-weight: bold;
    text-align: center;
    color: darkolivegreen;
    background-color: #ededed;
    padding: 4px 2px;
}

.lblheaders {
    color: #5f851d;
    font-weight: bold;
    font-size: 22px;
    padding-left: 20px;
}

.lblval2 {
    color: indianred;
    font-size: 27px;
    float: right;
    top: -25px;
    position: relative;
}

.lblval1 {
    font-size: 15px;
    color: #5f851d;
    float: right;
}

.divtab i {
    font-size: 45px;
    color: #5f851d;
}

.divtab, .dtab{
    padding:10px;
    border:1px solid lightgray;
    margin:5px;
    height:75px;
    background-color:ghostwhite;
}

.homehr {
    position: relative;
    top: -20px;
    border-top-color: lightgray;
}

.dashboard i{
    font-size:45px;
}

.divtab1{
  color:white;
  background-color:mediumvioletred !important;
}
.divtab2 {
    color: white;
    background-color: mediumturquoise !important;
}
.divtab3 {
    color: white;
    background-color: darkgoldenrod !important;
}
.divtab4 {
    color: white;
    background-color: mediumorchid !important;
}
.divtab5 {
    color: white;
    background-color: darkorange !important;
}
.lbldval2 {
    color: yellow;
    font-size: 27px;
    float: right;
    top: -25px;
    position: relative;
}

.lbldval1 {
    font-size: 15px;
    color: whitesmoke;
    float: right;
}

.listbx {
    background-color: #ededed;
    font-size: 14px;
    font-family: courier new;
    color: black;
}
.head1 {
    margin-left:2px;
    width:100%;
}
.sales {
    border: 2px solid #6cd0ab;
    width: 900px; /* 900px;*/
    padding: 10px 30px;
    height: 729px; /* 800px;*/
/*    top: 89px;*/
}
.printview {
    border: 2px solid #6cd0ab;
    width: 900px; /* 900px;*/
    padding: 10px 30px;
    height: 729px; /* 800px;*/
    /*    top: 89px;*/
}
.hl {
   /* border-left: 2px solid black;*/
    height: 2px;
    width:100px;
    position: absolute;
   /* left: 66%;*/
   right:0px;
  /*  margin-left: 3px;*/
    /*top: 0;*/
    color: black;
    background-color: black;
}
.hl1 {
    height: 2px;
    width:100%;
    position: absolute;
    left: 0%;
    color: black;
    background-color: black;
    border-style:unset;
}
.wordspac{
    letter-spacing:20px;
}