body {
    background-color: #e4e9ec;
    font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    /*background-color: #fff;*/
    line-height: 1.4285;
    color: #212121;
}
.clear-tab{
    height:0px;
width:100%;
clear:both;
}
#MainContent_rdl_TaxPayer_1, #MainContent_rdl_type_1, #MainContent_rdl_type_2 {
    margin-left: 5px !important;
}

.btn-publish {
    margin-bottom: 5px;
}
.faqmain {
    padding: 10px 20px;
}
.likedis td, th {
    border: none !important;
}
.br-box2 td, th {
    border: none !important;
}
/*#grv_FAQ td {
    border: none !important;
}*/
.likedis {
    /*height: 250px auto !important;*/
    overflow: auto !important;
    border: 1px solid #00bff3;
    padding: 10px;
    height:165px;
    overflow-y:auto;
}
/*.btn-likedis{
    float:right;
}*/
.br-box2 table {
    border: none !important;
}
#grv_news a {
    color: #0092ff !important;
    text-decoration:underline !important;
}
/*.modal-content .col-md-3, .modal-content .col-md-6 {
    border: 1px solid #000;
}*/
.btn-search2{
    margin-top:24px;
}
.excel-icon {
    width: 25px;
    height: auto;
    margin-right: 10px;
}
.modal-body label{
    font-weight:normal!important;
}
.searchbox{
    font-weight:normal!important;
}
.main3 {
    background-color: #fff;
    border-radius: 4px;
}
/*.read-text label{
    color: #373737!important;
    font-weight: normal!important;
}*/

.add-in{
    float:left;
    width:88%!important;
    margin-bottom:5px;
}
.add-btn, .add-btn:hover {
    float: right!important;
    background-color: #4364cb!important;
    color: #fff;
  width:8%;  
   
   
}
.btn-sub {
    float: right;
  width:8%;
}
.table {
    margin-bottom: 0px !important;
}
.tbl2 {
    /*height: 400px;*/
    /*max-width: 100%;*/
    /*overflow-x: auto !important;
    overflow-y: auto !important;*/
}
.portal label{
    font-weight:normal;
}
.tbl2 th {
    text-align: center;
    background-color: #ebebeb!important;
    color: #3e3e3e;
    border: 1px solid #8a8a8a!important;
}
.redtxt {
    color: red !important;
}
.tbl2 tr td {
    border: 1px solid #8a8a8a !important;
}
.login-main{
    width:70%;
    margin:0px auto;
}
.btn-login{
    /*background-color:#fff;*/
    color:#fff;

}
.fl-right2{
    float:right;
    border-left:1px solid #fff;
    margin-left:10px;
}
.fl-right2 a:hover{
    color:#fff;
}
.log-br {
    border-left: 1px solid #fff;
}
.glyphicon-log-in, .glyphicon-log-out {
    /*margin-right:5px;*/
    font-size: 18px;
    margin: 6px ;
}

.code-wd img {
    width: 100px;
    height: auto;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.br-box{
   
    color:#2e2e2e;
    padding:8px;
    background-color:#ccc;

}
.br-box2, .br-box3{
    border: 1px solid #ccc;
    height: 470px;
    padding: 8px;
    overflow: auto;
}
.wd-20{
    width:20%;
    margin:0px auto!important;
    float:left;
    padding:10px;
}

header {
    background-color: #0b1e58;
    color:#fff;
    padding:12px 20px 10px 20px;
    font-size:24px;
    margin:0px -15px!important;
    
}
    header a, header a:hover, header a:focus{
        color: #fff;
        text-decoration: none;
    }
footer {
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    background-color: #2d4d86;
    color:#fff;
    text-align:center;
    padding:8px 15px;
    font-size:14px;
}
.bot-icon {
    position: fixed;
    right: 50px;
    bottom: 80px;    
    background-color: #0b1e59;   
    text-align: center;  
    height:90px;
    width:90px;
    border-radius:50%;
    padding-top:18px;
    cursor:pointer;
}
/*header label {
        font-weight: normal !important;
    }*/
.logo {
    width: 25px;
    height: auto;
}
.header-text{
    color:#fff;
   
    float:right; text-align:right;
    font-size:14px;
}
.marquee-text {
    background-color: #0b1e59; /* Sets background to blue */
    color: white; /* Sets text color to white */
    padding: 8px 15px;
    font-size: 14px; /* Adjusted font size */
}
.marquee-text1 {
    background-color: #f6b26b; /* Sets background to blue */
    color: white; /* Sets text color to white */
    padding: 8px 15px;
    font-size: 14px; /* Adjusted font size */
}
.marquee-text a {
    color:#fff;
}

    .centered {
    position: absolute;
    top: 20%;
    right: 15%;
    /*transform: translate(-50%, -50px);*/
    color:#fff;
    font-size:28px;
} 
.main{
    background-color:#fff;
    padding:15px;
    height:100%;
}
.main2 {
    background-color: #fff;
 
}
.clear-5 {
    height: 5px;
    width: 100%;
    clear: both;
}
.clear-10{
    height:10px;
    width:100%;
    clear:both;
}
.clear-20 {
    height: 20px;
    width: 100%;
    clear: both;
}
.btn2{
    padding:3px 6px !important;
    margin-left:5px;
}
.btn-icon, .btn-icon:hover, .btn-icon:focus {
    background-color: #0b1e59;
    border-radius: 4px;
    /*margin-left: 15px;*/
    border: 1px solid #ccc;
    padding: 12px 10px 10px 10px;
    color: #fff;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
}
.btn-icon div{
   text-shadow:0px 0px 2px #000;
   margin-top:10px;
}
    .btn-icon img {
        width: 50px;
        height: 50px;
       
    }
.icon-about{
    margin-right:10px;
    width:20px;
}
.about{
    text-align:center;
}
    .about img{
        margin-bottom:10px;
        width:55px;
    }
    .modal-header {
        background-color: #182a49;
        color: #fff;
    }
.modal-footer {
    background-color: #002868;
    color: #fff;
    text-align:left!important;
    padding:10px!important;
}
.nav > li > a {
    border: 1px solid #1e1e1e;
    margin-left: -3px;
    color: #1e1e1e
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #1e1e1e;
    color:#fff;
}
.modal-dialog{
    width:56%;
   margin-top:80px;
}
.blue-br {
    width: 100%;
    border: 1px solid #00bff3;
    border-radius: 4px;
    padding: 10px;
    margin:10px 0px;
    font-size:13px;

}
.recent-concern ul {
   
    padding: 0;
    margin: 0;
}
.recent-concern ul li {
   margin:5px 0px;
}
.recent-concern img{
    margin-right:8px;
}
.red-text {
    color: #770202;
    font-weight: normal;
    font-size: 12px!important;
}
.font-n{
    font-weight:normal;
}
.red-text2 {
    color: #fe0000;
    font-size:12px!important;
   }
.blue-text {
    color: #0096ff;
    font-size:13px!important;
}
.font-sm{
    font-size:13px;
}
.btn-submit, .btn-submit:hover, .btn-submit:focus {
    background-color: #2c4f87;
    border: 1px solid #3ca6ca;
    color: #fff;
}
.btn-search, .btn-search:hover, .btn-search:focus {
    background-color: #5cb85c;
    color: #fff;
}
.btn-reset {
    background-color: #f0f0f0;
    color: #000;
}
.tbl th {
    background-color: #2d4d86;
    color:#fff;
}
.tbl{
    overflow-x:scroll!important;
}
.tbl body {
    background-color: #f0f0f0;
    color:#000;
}
.btn-drag {
    background-color: #8d8d8d;
    color:#000;
    border-radius:0px;
    width:100%;
    text-align:center;
}
.glyphicon-move{
    margin-right:5px;
}
.next-font{  
    position: absolute;
    font-size: 11px;
    margin-top: -6px;
    margin-left: 5px;
    margin-right:15px;
}
.carousel-inner {
    height: 265px;
}
.close, .close:hover{
    color:#fff;
    opacity:1;
}

.modal-header{
    padding:10px 15px;
}
.fl-20{
    float:left;
   width:20%;
   margin:0px 6px;
}
.tabcontent{
    background-color:#fff;
}

.tab {
    float: left;
    /*border: 1px solid #ccc;
            background-color: #f1f1f1;*/
    position: fixed;
    top: 28%!important;
    margin-left: -15px;
    background-color:#fff;
}

    /* Style the buttons inside the tab */
    .tab a {
       display:block;
        background-color: #0b1e59;
        color: black;
        padding: 18px 14px;
        /*width: 100%;*/
        border: 1px solid #0b1e59;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
        text-align: center;
        color: #fff;
        font-size: 14px;
    }

        /* Change background color of buttons on hover */
        .tab a:hover {
            background-color: #0f266d;
          
            /*border-radius: 0px 4px 4px 0px;*/
        }

        /* Create an active/current "tab button" class */
        .tab a.active {
            background-color: #0f266d;
        }

/* Style the tab content */
.tabcontent {
    float: left;
    /*padding: 0px 12px;*/
    /*border: 1px solid #ccc;*/
    width: 100%;
    /*border-left: none;*/
    /*height: 300px;*/
    /*background-color:#fff;*/
}

.tablinks img {
    width: 45px;
}


@media screen and (max-width: 1366px) {
    .tab a {
       
        padding: 15px 6px;
        /*width: 100%;*/
       
        font-size: 11px;
    }
        /*.tab a:hover {
           
            padding: 15px 15px;
          
        }*/
    .main2 label, .main2{
        font-size:11px!important;
    }
    footer{
        font-size:11px;
    }
    header {
       
        padding: 7px 15px 5px 15px!important;
        font-size: 20px!important;
    }
    .btn-icon {
        padding: 9px 5px 5px 5px!important;
    }
    .logo{
        width:20px!important;
    }
    .header-text{
        font-size:11px!important;
    }
    .header-text label{
        margin-bottom:0px!important;
    }
    .modal-dialog {
        width: 82%;
        margin: 20px auto !important;
    }
    .br-box2, .br-box3 {
        height: 305px;
    }

    .br-box, .br-box2{
        padding:4px 8px!important;
    }
    .icon-about{
        width:15px!important;
    }
    .about {
        font-size: 11px;
    }

        .about img {
            width: 35px;
        }

    .bot-icon {
        width: 60px;
        height: 60px;
        padding-top: 12px;
        right: 20px;
        bottom: 40px;
    }
        .bot-icon img {
            width: 40px;
          
        }
    .btn-icon img{
        width:35px;
        height:35px;
    }
    .carousel-inner {
        height: 170px;
    }
    
    .centered {
        font-size: 24px;
    }
    .marquee-text {
        background-color: blue; /* Sets background to blue */
        color: white; /* Sets text color to white */
        padding: 8px 15px;
        font-size: 14px; /* Adjusted font size */
    }
    .marquee-text1 {
        background-color: orange; /* Sets background to blue */
        color: white; /* Sets text color to white */
        padding: 8px 15px;
        font-size: 14px; /* Adjusted font size */
    }
.about-details{
    font-size:11px!important;
}
.clear-20{
    height:8px!important;
}
    .modal-body, .form-control {
        font-size: 11px !important;
    }
    .blue-br {
       
        padding: 6px;
        margin: 5px 0px;
        font-size: 11px!important;
    }
    .red-text2, .red-text {
       
        font-size: 10px !important;
    }
    .btn{
        font-size:11px!important;
    }
    .modal-footer{
        padding:4px 6px!important;
        font-size:11px!important;
    }
    .font-sm {
        font-size: 10px;
    }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
        padding:6px!important;
        font-size:11px;
    }
    .tablinks img{
        width:30px!important;
    }
    .clear-20-2{
        height:20px;
        width:100%;
        clear:both;
    }
}
@media screen and (max-width: 1280px) {

   
    .mr-bottom {
        height: 70px !important;
    }
    .main, .main2{
        width:100%!important;
    }
    .tab {
        float: left;
        /*border: 1px solid #ccc;
            background-color: #f1f1f1;*/
        position: relative!important;
        margin-left:20px!important;
       
    }

        /* Style the buttons inside the tab */
        .tab a {
           float:left;
            padding: 8px 6px!important;
            margin:0px 15px 0px 0px;
          
        }

            /* Change background color of buttons on hover */
            .tab a:hover {
                background-color: #0f266d;
                /*padding: 10px 8px!important;*/
                /*border-radius: 0px !important;*/
            }

           
            .tab a.active {
                background-color: #0f266d;
            }

    /* Style the tab content */
    .tabcontent {
        float: left;
    }

    .tablinks img {
        width: 25px!important;
    }
    .clear-btn{
        height:15px;
        width:100%;
        clear:both;
    }

    .next-font{
        font-size:10px;
    }
    .centered {
        font-size: 22px;
    }
    .fl-20 {
        float: left;
        width: 25%;
        margin: 0px 6px;
    }
}

    @media screen and (max-width: 1024px) {
     
        .modal-dialog {
            width: 90%;
            margin: 20px auto !important;
        }

        .about img {
            width: 45px;
        }

        .carousel-inner {
            height: 180px;
        }
        .centered {
            font-size: 22px;
        }
    }

    @media screen and (max-width: 991px) {
        .btn-search2 {
            margin-top: 5px;
            margin-bottom:10px;
        }
        .br-box3{
            height:auto!important;
        }
        .wd-20 {
            width: 100% !important;
        }
        
        .bot-icon {
            width: 60px;
            height: 60px;
            padding-top: 12px;
            right: 20px;
            bottom: 55px;
        }
        .modal-dialog {
            width: 70%;
            margin: 20px auto !important;
        }

        .about img {
            float: left;
            margin-right: 20px;
        }

        .about {
            text-align: left;
            border: 1px solid #ccc;
            /*padding:2px;*/
            padding: 10px;
            margin: 0px 25px;
        }

        .clear-div {
            height: 10px;
            width: 100%;
            clear: both;
        }

        .clear-1 {
            height: 1px;
            width: 100%;
            clear: both;
        }

        .about img {
            width: 55px;
        }

        /*footer {
            font-size: 12px;
        }*/
        .next-font {
            font-size: 12px;
        }
        .btn-add{
            margin-top:10px;
        }
        .blue-br img {
            margin-right:20px;
        }
        .centered {
          
            font-size: 20px;
        }
        .fl-20 {
            float: left;
            width: 30%;
            margin: 0px 6px;
        }
        .concern-icon{
            width:30px!important;
            height:auto;
        }
    }

@media screen and  (max-width: 1024px) and (min-width: 400px) {
    .container {
        width: 100% !important;
    }
}

    @media screen and (max-width: 768px) {
        .short-label label {
            display: block;
        }
        .login-main {
            width: 100%;
            margin: 0px auto;
        }

        .mr-bottom {
            height: 90px !important;
        }
        .contain-full {
            width: 100% !important;
        }


        .modal-dialog {
            width: 90%;
            margin: 10px auto !important;
        }

        .centered {
            right: 11%;
            /* transform: translate(-50%, -50px); */
            color: #fff;
            font-size: 18px;
        }

        .header-text {
            font-size: 12px;
        }

        header {
            font-size: 20px;
        }
        /*.fl-20 {
            float: left;
            width: 30%;
            margin: 0px 6px;
        }*/
    }
@media screen and (max-width: 420px) {
    .fl-20 {
        float: left;
        width: 95%;
        margin: 0px 6px;
    }
}

@media screen and (min-width: 360px) and (max-width: 480px) {
    .logo{
        width:14px!important;
    }
    header{
        font-size:14px!important;
    }
   .header-text{
       font-size:8px!important;
   }
    .btn-login{
        padding:2px 0px!important;
    }
    .short-label label{
        display:block;
    }
    .tab a {
        float: left;
        padding: 10px 7px !important;
        margin: 0px 4px 0px 0px;
    }
}

    @charset "UTF-8";

    /*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }

    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }



    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

        .animated.delay-1s {
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
        }

        .animated.delay-2s {
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
        }

        .animated.delay-3s {
            -webkit-animation-delay: 3s;
            animation-delay: 3s;
        }

        .animated.delay-4s {
            -webkit-animation-delay: 4s;
            animation-delay: 4s;
        }

        .animated.delay-5s {
            -webkit-animation-delay: 5s;
            animation-delay: 5s;
        }

        .animated.fast {
            -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
        }

        .animated.faster {
            -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
        }

        .animated.slow {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
        }

        .animated.slower {
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
        }

    @media (print), (prefers-reduced-motion: reduce) {
        .animated {
            -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important;
            -webkit-transition-duration: 1ms !important;
            transition-duration: 1ms !important;
            -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
        }
    }