/*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;
}

/*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: -36px;         
        bottom: 0;         
        /*height: 1px;*/         
        width: 115%;         
        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;
}

/*userlist page*/

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

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

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

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



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

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

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

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

/*Error message in aspx pages*/
.error-message {
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 20px;
    background: #FF9800;
}

@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 in popups*/
.error-message-popup {
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 20px;
    background: #9b59b6;
}

@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%);
}
/******************************/

/*Pagenation style for listview pages*/
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;
}
/************************/

/* 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;
}

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

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

#tblSecond_paginate a, #tblFirst_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;
}

#tblSecond_paginate span, #tblFirst_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) {
    #tblSecond_paginate a, #tblFirst_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;
    }

    #tblSecond_paginate span, #tblFirst_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) {
    #tblSecond_paginate a, #tblFirst_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;
    }

    #tblSecond_paginate span, #tblFirst_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;
    }
}

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

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

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

.body .table > tbody > tr > td {
    width: auto !important;
}

.body .table > tfoot > tr > td {
    width: auto !important;
}

@media screen and (min-width: 50px) and (max-width: 601px) { /*@media screen and (min-width: 50px) and (max-width: 530px)*/
    /* Force table to not be like tables anymore */
    #no-more-tables8 table,
    #no-more-tables8 thead,
    #no-more-tables8 tbody,
    #no-more-tables8 th,
    #no-more-tables8 td,
    #no-more-tables8 tr,
    #no-more-tables7 table,
    #no-more-tables7 thead,
    #no-more-tables7 tbody,
    #no-more-tables7 th,
    #no-more-tables7 td,
    #no-more-tables7 tr,
    #no-more-tables6 table,
    #no-more-tables6 thead,
    #no-more-tables6 tbody,
    #no-more-tables6 th,
    #no-more-tables6 td,
    #no-more-tables6 tr,
    #no-more-tables5 table,
    #no-more-tables5 thead,
    #no-more-tables5 tbody,
    #no-more-tables5 th,
    #no-more-tables5 td,
    #no-more-tables5 tr,
    #no-more-tables4 table,
    #no-more-tables4 thead,
    #no-more-tables4 tbody,
    #no-more-tables4 th,
    #no-more-tables4 td,
    #no-more-tables4 tr,
    #no-more-tables3 table,
    #no-more-tables3 thead,
    #no-more-tables3 tbody,
    #no-more-tables3 th,
    #no-more-tables3 td,
    #no-more-tables3 tr,
    #no-more-tables2 table,
    #no-more-tables2 thead,
    #no-more-tables2 tbody,
    #no-more-tables2 th,
    #no-more-tables2 td,
    #no-more-tables2 tr,
    #no-more-tables1 table,
    #no-more-tables1 thead,
    #no-more-tables1 tbody,
    #no-more-tables1 th,
    #no-more-tables1 td,
    #no-more-tables1 tr,
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
       #no-more-tables8 thead tr,#no-more-tables7 thead tr,#no-more-tables6 thead tr,#no-more-tables5 thead tr,#no-more-tables4 thead tr, #no-more-tables3 thead tr, #no-more-tables2 thead tr, #no-more-tables1 thead tr, #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables8 tr,#no-more-tables7 tr,#no-more-tables6 tr,#no-more-tables5 tr,#no-more-tables4 tr,#no-more-tables3 tr, #no-more-tables2 tr, #no-more-tables1 tr, #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables8 td,#no-more-tables7 td,#no-more-tables6 td,#no-more-tables5 td,#no-more-tables4 td,#no-more-tables3 td, #no-more-tables2 td, #no-more-tables1 td, #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        /*padding-left: 50%;*/
        white-space: normal;
        /*text-align: left;*/
        text-align: center;

        width:100%;  /*Added for edu*/
        padding-left:5px;
    }

        #no-more-tables8 td:before,#no-more-tables7 td:before,#no-more-tables6 td:before,#no-more-tables5 td:before,#no-more-tables4 td:before,#no-more-tables3 td:before, #no-more-tables2 td:before, #no-more-tables1 td:before, #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            /*top: 6px;*/
            top: -6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /* Label the data */
       #no-more-tables8 td:before,#no-more-tables7 td:before,#no-more-tables6 td:before,#no-more-tables5 td:before,#no-more-tables4 td:before, #no-more-tables3 td:before, #no-more-tables2 td:before, #no-more-tables1 td:before, #no-more-tables td:before {
            content: attr(data-title);
        }
}

@media screen and (min-width: 50px) and (max-width: 601px) {
     #no-more-tables8 tfoot > tr > td:before, #no-more-tables7 tfoot > tr > td:before, #no-more-tables6 tfoot > tr > td:before, #no-more-tables5 tfoot > tr > td:before, #no-more-tables4 tfoot > tr > td:before,#no-more-tables3 tfoot > tr > td:before, #no-more-tables2 tfoot > tr > td:before, #no-more-tables1 tfoot > tr > td:before, #no-more-tables tfoot > tr > td:before {
        top: 9px !important;
    }

    #no-more-tables {
        margin-bottom: 40px;
    }

    #totalliabilities:before, #totalliabilities1:before {
        top: 9px !important;
    }

.table-income .input-holder{
    max-width: 100%;
}

}

/************/
a{
    color:#9b59b6;
}
a:hover{
    color:#9b59b6;
}

.radio-list input[type="radio"]:checked ~ .slide{
    background:#9b59b6;
}

.radio-list .slide{
    border:2px solid #9b59b6;
}
.user-holder .user{
    background:#9b59b6;
}

.details a.blue-link {
    color:#9b59b6;
}

.details a.blue-link:hover {
	color: #9b59b6;
}


[class*="badge-outline-"].badge-outline-yellow {
    border-color: #FF9800;
    color: white;
    background-color: #FF9800;
}


/* 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*/

/* queue model styles */
.form-title .btn-queue,
.form-title .red-button {
	font-size: 12px;
	line-height: 22px;
	font-weight: 500;
	position: absolute;
	right: 14%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



	.form-title .btn-queue span,
	.form-title .red-button span {
		font-size: 22px;
		display: inline-block;
		vertical-align: middle;
		font-weight: 700;
		margin-right: 5px;
	}

	.form-title .btn-queue span.icon-download1,
	.form-title .red-button span.icon-download1 {
		font-size: 18px;
	}

 .attorneysreqlist  {
    max-width: 1500px !important;
}

 .form-title .btn-queue, .form-title .red-button {
   font-size: 12px;
   line-height: 22px;
   font-weight: 500;
   right: 55px;
}

@media (min-width: 768px){

.form-title .btn-queue, .form-title .red-button {
   font-size: 15px;
   line-height: 22px;
   font-weight: 500;
   right: 72px;
}
}



/*end*/