/*To prevent body scroll when model is opened in mobile ios*/
@media(max-width:768px) {
    body.modal-open {
        position: fixed;
        /*overflow: hidden;*/
    }
}

/*To scroll model in mobile ios*/
.modal-open .modal {
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
}

/*To add color to username*/
.username-color {
    color: #3498db !important;
    font-size:17px;
}

/*To thick border thick for li*/
ul.search-list li:last-of-type:before {
   border-bottom: 0px solid #e0e0e0;
    width: 100%;
    left: 0px;
}


@media(min-width:768px) {
    .search-list > li:before {
        content: "";
        position: absolute;
        left: -38px;
        bottom: 0;
        /*height: 1px;*/
        width: 115.5%;
        border-bottom: 1px solid black;
    }
}

@media(max-width:597px) {
    .search-list > li:before {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        /*height: 1px;*/
        width: 115%;
        border-bottom: 1px solid black;
    }
}

@media(max-width:767px) and (min-width:598px) {
    .search-list > li:before {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        /*height: 1px;*/
        width: 107.5%;
        border-bottom: 1px solid black;
    }
}


/*parsley error messages for text boxes*/
.parsley-errors-list.filled {
    margin-bottom: 0px;
    list-style-type: none;
    padding: 1px;
    color: red;
}

input.parsley-error {
    color: red !important;
    border: 1px solid red !important;
}

.form-group.input-error .text-error {
    color: #f00 !important;
    font-weight: 500;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.form-group.input-error.input-focused .text-error {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.form-group .text-error {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.selectparsleycolor {
    color: red !important;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.error-message {
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 20px;
    background: rgba(198, 97, 206, 0.93);
}

@media(min-width: 768px) {
    .error-message {
        padding: 84px 90px 2px 56px;
        position: absolute;
    }

        .error-message .close-error {
            top: 75%;
        }
}

@media(max-width:767px) {
    .error-message {
        position: relative;
        padding: 20px 35px 1px 35px;
    }

        .error-message .close-error {
            top: 50%;
        }
}

.error-message .close-error {
    float: right;
    text-shadow: 0 1px 0 #fff;
    border: 2px solid white;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: white;
    opacity: 1;
    position: absolute;
    right: 6px;
    -webkit-transform: translateY(-50%);
}


.error-message-popup {
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 20px;
    background: rgba(198, 97, 206, 0.93);
}

@media(min-width: 768px) {
    .error-message-popup {
        padding: 24px 90px 2px 56px;
        position: relative;
    }

        .error-message-popup .close-error-popup {
            top: 54%;
        }
}

@media(max-width:767px) {
    .error-message-popup {
        position: relative;
        padding: 20px 35px 1px 35px;
    }

        .error-message-popup .close-error-popup {
            top: 50%;
        }
}

.error-message-popup .close-error-popup {
    float: right;
    text-shadow: 0 1px 0 #fff;
    border: 2px solid white;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: white;
    opacity: 1;
    position: absolute;
    right: 6px;
    -webkit-transform: translateY(-50%);
}


a.data-pager.list-link:hover {
    background: #e5e5e5;
}

.data-pager {
    color: #696868;
    border-color: transparent;
    width: 38px;
    height: 38px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    display: inline-block;
    padding: 0;
    font-size: 16px;
}

@media (max-width: 767px) {
    .data-pager {
        width: 27px;
        height: 27px;
        line-height: 27px;
        font-weight: 600;
        font-size: 14px;
        margin-top: 12px;
    }
}

.list-link {
    background: #fff;
}

.current {
    background: #e5e5e5;
}
/*userlist,certfiling,usercertfiling pages*/

@media (max-width: 767px) {
    .paid-text {
        left: auto;
        left: -63px !important;
    }

        .paid-text-timewaived {
        left: auto;
        left: -233px !important;
    }

    .paid-filing {
        position: absolute;
        right: 52px;
        font-size: 18px;
        top: 0;
    }

    .paid-spouse-filing {
        position: absolute;
        right: 52px;
        font-size: 18px;
        top: 21px;
    }
}

    .paid {
        position: absolute;
        right: 52px;
        font-size: 18px;
        top: 0;
    }

    .paid-spouse {
        position: absolute;
        right: 52px;
        font-size: 18px;
        top: 21px;
    }

/*****************************************/

.GridPager a, .GridPager span {
    display: block;
    width: 30px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-top: 30px;
    width: 40px;
    height: 34px;
}

.GridPager a {
    border-color: #e5e5e5 !important;
    color: #696868 !important;
    border-radius: 3px !important;
    border: 1px solid #ddd;
    margin-right: 4px;
    font-size: 16px;
    width: 36px;
    padding: 5px;
}

.GridPager span {
    background: #e5e5e5 !important;
    padding: 9px;
    font-size: 16px;
    line-height: 20px;
    /*color:green;*/
    color: #696868 !important;
    margin-right: 4px;
    border-radius: 3px !important;
}


@media (max-width: 767px) {
    .GridPager a {
        border-color: #e5e5e5 !important;
        color: #696868 !important;
        border-radius: 3px !important;
        border: 1px solid #ddd;
        margin-right: 4px;
        font-size: 10px;
        padding: 5px;
    }

    .GridPager span {
        background: #e5e5e5 !important;
        padding: 9px;
        font-size: 10px;
        line-height: 20px;
        /*color:green;*/
        color: #696868 !important;
        margin-right: 4px;
        border-radius: 3px !important;
    }
}

@media (max-width: 1023px) {
    .GridPager a {
        border-color: #e5e5e5 !important;
        color: #696868 !important;
        border-radius: 3px !important;
        border: 1px solid #ddd;
        margin-right: 4px;
        font-size: 14px;
        padding: 5px;
    }

    .GridPager span {
        background: #e5e5e5 !important;
        padding: 9px;
        font-size: 14px;
        line-height: 20px;
        /*color:green;*/
        color: #696868 !important;
        margin-right: 4px;
        border-radius: 3px !important;
    }
}


/* For Browser info and duplicate ips and for bot logs */
/* here ids are generated dynamically */
/*dont change those two popups ids*/


#tblSecond_info, #tblSecond_previous, #tblSecond_next, #tblFirst_info, #tblFirst_previous, #tblFirst_next {
    display: none !important;
}



#tblDuplicateIp_info, #tblDuplicateIp_previous, #tblDuplicateIp_next, #tblBrowserInfo_info, #tblBrowserInfo_previous, #tblBrowserInfo_next {
    display: none !important;
}

.paginate_button.current {
    background-color: #e5e5e5 !important;
}

#tblDuplicateIp_paginate a, #tblDuplicateIp_paginate span, #tblBrowserInfo_paginate a, #tblBrowserInfo_paginate span {
    display: inline;
    width: 30px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-top: 30px;
    width: 40px;
    height: 34px;
}

#tblDuplicateIp_paginate a, #tblBrowserInfo_paginate a {
    border-color: #e5e5e5 !important;
    color: #696868 !important;
    border-radius: 3px !important;
    border: 1px solid #ddd;
    margin-right: 4px;
    font-size: 16px;
    width: 36px;
    /*padding: 5px;*/
    padding-top: 5px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 5px;
    cursor: pointer;
}

#tblDuplicateIp_paginate span, #tblBrowserInfo_paginate span {
    /*background: #e5e5e5 !important;*/
    padding: 9px;
    font-size: 16px;
    line-height: 20px;
    color: green;
    color: #696868 !important;
    margin-right: 4px;
    border-radius: 3px !important;
}

@media (max-width: 767px) {
    #tblDuplicateIp_paginate a, #tblBrowserInfo_paginate a {
        border-color: #e5e5e5 !important;
        color: #696868 !important;
        border-radius: 3px !important;
        border: 1px solid #ddd;
        margin-right: 4px;
        font-size: 10px;
        padding: 5px;
        cursor: pointer;
    }

    #tblDuplicateIp_paginate span, #tblBrowserInfo_paginate span {
        /*background: #e5e5e5 !important;*/
        padding: 9px;
        font-size: 10px;
        line-height: 20px;
        color: green;
        color: #696868 !important;
        margin-right: 4px;
        border-radius: 3px !important;
    }
}

@media (max-width: 1023px) {
    #tblDuplicateIp_paginate a, #tblBrowserInfo_paginate a {
        /*border-color: #e5e5e5 !important;*/
        color: #696868 !important;
        border-radius: 3px !important;
        border: 1px solid #ddd;
        margin-right: 4px;
        font-size: 14px;
        padding: 5px;
    }

    #tblDuplicateIp_paginate span, #tblBrowserInfo_paginate span {
        /*background: #e5e5e5 !important;*/
        padding: 9px;
        font-size: 14px;
        line-height: 20px;
        color: green;
        color: #696868 !important;
        margin-right: 4px;
        border-radius: 3px !important;
    }
}

/**************************************************/


/* css for form without zooming on iphone */
@media only screen 
and (min-device-width : 315px) 
and (max-device-width : 767px)
and (-webkit-device-pixel-ratio : 3), (-webkit-device-pixel-ratio : 2)
{ /* STYLES GO HERE */

   .form-control {
       font-size: 16px!important;
       height: 44px!important;
       border-radius: 3px !important;
   }

   select {
       border-radius: 0 !important;
       font-size: 16px !important;
       height: 44px !important;
   }
   
}
/*end*/