#sum-up.tile_count {

            margin-bottom: 20px;

            margin-top: 20px;

}



.sumup-all {

            font-family: 'Open Sans', sans-serif;

            background: #f7f8f9;

            padding: 200px 0 20px 0;

}

.downloadexcelpdf{

            background: none;

            border: none;

}

#sum-up .count_title {

            font-family: 'Open Sans', sans-serif;

            font-size: 10px;

            padding: 0 0 10px;

            display: block;

            font-weight: 600;

            text-transform: uppercase;

            line-height: 1.14;

            letter-spacing: 0.2px;

            text-align: left;

}



#sum-up .count {

            font-family: 'Open Sans', sans-serif;

            font-size: 21px;

            font-weight: 600;

            line-height: 0.54;

            letter-spacing: 0.4px;

            text-align: left;

}



.total_all {

            color: #04b1e2;

}



.current_all {

            color: #91a7db;

}



.overdue_all {

            color: #ff931e;

}



.agency-tiles-section {

            background: #eff1f4;

            padding: 20px 0;

}

.downloadaccountreport{

            background: #05b3db;

            border: none;

            padding: 8px;

            border-radius: 5px;

            margin-right: 20px;

            color: white;

}

.mcs-horizontal-example {

            width: 100%;

            overflow-x: auto;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            flex-direction: row;

            align-items: flex-start;

            -webkit-flex-shrink: 1;

            flex-shrink: 1;

}



.mcs-horizontal-example .mCSB_container {

            display: -webkit-flex;

            display: flex;

}



.mcs-horizontal-example .item {

            -webkit-flex: 1 0 auto;

            flex: 1 0 auto;

}



.mcs-horizontal-example p {

            -webkit-flex: 2 0 auto;

            flex: 2 0 auto;

            max-width: 100%;

            display: table;

}



.mcs-horizontal-example ul {

            list-style: none;

            margin: 0;

            padding: 0;

}



.mcs-horizontal-example li {

            background: #fff;

            padding: 30px 15px;

            margin: 10px 5px;

            height: 170px;

            width: 155px;

            cursor: pointer;

            float: left;

}



.mcs-horizontal-example li:first-child {

            margin-left: 0;

}



.agency-list>li h1 {

            font-size: 12px;

            text-align: left;

            margin: 0;

            padding: 0 0 10px;

            color: #32407b;

}



.agency-list>li p.crrnt {

            font-size: 10px;

            text-transform: uppercase;

            padding: 5px 0 3px;

            font-weight: bold;

            text-align: left;

            letter-spacing: 0.5px;

            margin: 0;

            color: #91a7db;

}



.agency-list>li p.ovrdue {

            font-size: 10px;

            font-weight: bold;

            margin: 0;

            text-transform: uppercase;

            padding: 5px 0 3px;

            text-align: left;

            color: #ff931e;

}



.agency-list>li p.noovrdue {

            font-size: 10px;

            font-weight: bold;

            margin: 0;

            text-transform: uppercase;

            padding: 5px 0 3px;

            text-align: left;

            color: #7ac943;

}



.agency-list>li h2 {

            font-size: 16.8px;

            font-weight: 600;

            margin: 0;

            padding: 0 0 10px !important;

            letter-spacing: 0.4px;

            text-align: left;

            color: #91a7db;

}



.agency-list>li h3 {

            font-size: 16.8px;

            font-weight: 600;

            margin: 0;

            text-align: left;

            color: #ff931e;

}



.activeagency {

            width: 230px !important;

            height: 210px !important;

            -webkit-box-shadow: 1px 0px 6px 4px rgba(232, 232, 232, 1);

            -moz-box-shadow: 1px 0px 6px 4px rgba(232, 232, 232, 1);

            box-shadow: 1px 0px 6px 4px rgba(232, 232, 232, 1);

            border: 1px solid #f4f4f4;

}



.activeagency h2 {

            font-size: 21px !important;

}



.activeagency h3 {

            font-size: 21px !important;

}



.activeagency h1 {

            font-size: 14px !important;

}



.activeagency p.crrnt {

            font-size: 12px !important;

}



.activeagency p.ovrdue {

            font-size: 12px !important;

}



.activeagency p.noovrdue {

            font-size: 12px !important;

}

#account-receivable-invoice {

            padding: 25px 0 0;

            position: relative;

}



#account-receivable-invoice .list-group-header .list-group-item {

            border-bottom: 0;

            color: #0bb7dd;

}



#account-receivable-invoice .list-group-item {

            border: 0;

            text-transform: capitalize;

            color: #343e78;

            border-radius: 0;

            font-size: 11px;

            padding-top: 12px;

            padding-bottom: 12px !important;

            background: none;

            border-bottom: 1px solid #d8dbea;

}



#account-receivable-invoice .list-group-item:first-child {

            border-radius: 0;

            border-top: none;

}



#account-receivable-invoice .panel-body {

            padding: 0;

}



#account-receivable-invoice .list-group .list-group-item a {

            color: #2895F1;

            cursor: pointer;

            text-decoration: none;

}



#account-receivable-invoice .list-group.list-group-header {

            padding: 0;

            background: #f3fbfd;

            margin: 0;

            color: #0bb7dd;

            font-size: 13px;

            font-weight: bold;

}



#account-receivable-invoice .list-group.list-group-body .glyphicon {

            font-size: 25px;

            vertical-align: middle;

}



#account-receivable-invoice .list-group-panel {

            border: none;

            box-shadow: none;

            border-radius: 0;

}



#account-receivable-invoice table tr th h3 {

            color: #05b3db;

            font-weight: bold;

            margin: 0;

            padding: 0 0 5px;

            font-size: 13px;

}



#account-receivable-invoice table tr td:last-child {

            border-right-style: solid;

            padding-bottom: 15px;

            border-width: 1px;

            border-color: #ccd1e3;

}



#account-receivable-invoice table tr td {

            color: #343e78;

            font-size: 13px;

            vertical-align: middle;

            padding-top: 15px;

            padding-bottom: 15px;

}



#account-receivable-invoice .navbar-right .dropdown-menu {

            left: auto;

            right: -23px;

            top: 28px;

}



#account-receivable-invoice .dropdown ul.dropdown-menu:before {

            content: "";

            border-bottom: 7px solid #fff !important;

            border-right: 7px solid transparent !important;

            border-left: 7px solid transparent !important;

            position: absolute;

            top: -7px !important;

            right: 20px !important;

            z-index: 10 !important;

}



#account-receivable-invoice .dropdown ul.dropdown-menu:after {

            content: "";

            border-bottom: 7px solid #ccd1e3 !important;

            border-right: 7px solid transparent !important;

            border-left: 7px solid transparent !important;

            position: absolute;

            top: -8px !important;

            right: 20px !important;

            z-index: 9 !important;

}



#account-receivable-invoice .dropdown-menu {

            border: 1px solid #ccd1e3;

            border-radius: 0;

}



#account-receivable-invoice .table>thead>tr>th {

            border-bottom: 0;

            vertical-align: top;

}



#account-receivable-invoice .table>tbody>tr:first-child>td {

            border-top: none;

}



#account-receivable-invoice .table>tbody>tr>td {

            border-right: none;

}



#account-receivable-invoice .table>tbody {

            background: url('../images/shadow-bg.png') repeat-x;

            background-position: top;

}



#account-receivable-invoice .table>tbody>tr td .invoice-number {

            text-transform: uppercase;

            color: #91a7db;

}



.due-amount_1 {

            font-size: 16px !important;

            color: #91a7db !important;

}



.due-amount_1.ovrdue {

            color: #ff931e !important;

}



.current-status_1 {

            color: #91a7db;

            text-transform: uppercase;

            position: relative;

            padding-left: 10px;

}



.current-status_1:before {

            content: '';

            position: absolute;

            background: #91a7db;

            left: 0;

            top: 8px;

            width: 6px;

            height: 6px;

            border-radius: 50%;

}



.overdue-status_1 {

            color: #ff931e;

            position: relative;

            text-transform: uppercase;

            padding-left: 10px;

}



.overdue-status_1:before {

            content: '';

            position: absolute;

            background: #ff931e;

            left: 0;

            top: 8px;

            width: 6px;

            height: 6px;

            border-radius: 50%;

}



.paid-status_1 {

            color: #79c843;

            text-transform: uppercase;

            position: relative;

            padding-left: 10px;

}



.paid-status_1:before {

            content: '';

            position: absolute;

            background: #79c843;

            left: 0;

            top: 8px;

            width: 6px;

            height: 6px;

            border-radius: 50%;

}



.downloadbtnnew1 {

            background: #fff url(../images/download-btnnew.png);

            background-repeat: no-repeat;

            background-position: right;

            outline: none;

            background-size: contain;

            width: 17px;

            margin: 0;

            height: 16px;

            border: none;

}



.notepadnew1 {

            background: #fff url(../images/notepad1.png);

            background-repeat: no-repeat;

            background-position: right;

            outline: none;

            background-size: contain;

            width: 17px;

            margin: 20px 0;

            height: 16px;

            border: none;

}



.notepadnew2 {

            background: #fff url(../images/notepad2.png);

            background-repeat: no-repeat;

            background-position: right;

            outline: none;

            background-size: contain;

            width: 17px;

            margin: 20px 0;

            height: 16px;

            border: none;

}



.email-history-notification {

            -webkit-box-shadow: 1px 0px 6px 4px rgba(232, 232, 232, 1);

            -moz-box-shadow: 1px 0px 6px 4px rgba(232, 232, 232, 1);

            box-shadow: 1px 0px 6px 4px rgba(232, 232, 232, 1);

            border: 1px solid #f4f4f4;

            background: #fff;

            position: absolute;

            padding: 10px;

            top: 0;

            right: 20px;

            width: 100%;

}



.date-rnge {

            color: #31407c;

            font-weight: bold;

}

/* table data ends here */

/* email history starts here */



.email-history-notification ul {

            list-style: none;

            margin: 0;

            padding: 0;

}



.email-history-notification li {

            border-bottom: 1px solid #c9d3ec;

            clear: both;

            padding: 5px 0;

            margin: 10px 0 15px;

}



.email-history-notification li:last-child {

            border-bottom: none;

}



.email-history-notification p {

            font-size: 12px;

            font-family: 'Open Sans', sans-serif;

}



.email-history-notification h2 {

            font-size: 13px;

}



.eml-header {

            display: table;

            width: 100%;

            padding: 0;

            margin: 0 0 15px;

}



.eml-header h5 {

            display: inline-block;

            font-family: 'Open Sans', sans-serif;

            font-size: 12px;

            font-weight: 600;

            text-transform: uppercase;

            margin: 0;

            letter-spacing: 0.2px;

            text-align: left;

            color: #91a7db;

            padding: 3px 0 0;

            text-overflow: ellipsis;

            float: left;

}



.icn-pan {

            display: block;

            float: none;

            margin-top: 0;

            position: relative;

            padding: 0;

            text-align: right;

}



.eml-title {

            clear: both;

            display: table;

            width: 100%;

}



.eml-title h4 {

            float: left;

            margin: 0;

            padding: 0;

            text-transform: capitalize;

            font-size: 12px;

            font-weight: bold;

            letter-spacing: 0.2px;

            text-align: left;

            color: #31407c;

}



.eml-title a {

            color: #31407c;

            text-decoration: none;

            cursor: pointer;

}



.date-right {

            font-size: 12px;

}



.infoInput {

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            width: 100%;

}



.infoInput label {

            color: #91a7db;

            font-size: 13px;

}



.email-address-new {

            float: left;

            color: #04b1e2;

            font-size: 13px;

}



p.email-descnew {

            color: #273f83;

            font-size: 13px;

            text-overflow: ellipsis;

}

/* email history ends here */

/* search invoice starts here */



.search-box,

.close-icon,

.search-wrapper {

            position: relative;

}



.search-wrapper {

            width: 80%;

}



.search-box {

            border: none;

            font-size: 14px;

            color: #334279;

            font-weight: normal;

            border-bottom: 1px solid #c9d3ec !important;

            outline: 0;

}



.search-box::-webkit-input-placeholder {

            color: #91a7db;

            font-size: 14px;

}



.search-box::-moz-placeholde {

            color: #91a7db;

            font-size: 14px;

}



.search-box::-ms-input-placeholder {

            color: #91a7db;

            font-size: 14px;

}



.search-box::-moz-placeholder {

            color: #91a7db;

            font-size: 14px;

}



.search-box:focus {

            border: none;

            border-bottom: 1px solid #c9d3ec !important;

            outline: 0;

}



.close-icon {

            border: none;

            display: inline-block;

            vertical-align: middle;

            outline: 0;

            text-align: center;

            height: 24px;

            width: 24px;

            color: #fff;

            background: #05b3db;

            border-radius: 50%;

            position: absolute;

            right: 10px;

            bottom: 25px;

            cursor: pointer;

}



.search-box:not(:valid)~.close-icon {

            display: none;

}



.close-icon1 {

            border: none;

            display: inline-block;

            vertical-align: middle;

            outline: 0;

            text-align: center;

            height: 24px;

            width: 24px;

            color: #fff;

            background: #05b3db;

            border-radius: 50%;

            position: absolute;

            right: 10px;

            bottom: 0px;

            cursor: pointer;

}



.search-box:not(:valid)~.close-icon1 {

            display: none;

}



.overlay-account-receivable[aria-hidden="false"] { display: none; }

.overlay-account-receivable[aria-hidden="true"] {

	background: rgba(34, 41, 62, 0.9);

            position: fixed;

            top: 0;

            display: block;

            bottom: 0;

            height: 100%;

            width: 100%;

            z-index: 9999999;

}

#image-name[aria-hidden="false"] { display: none; }

#image-name[aria-hidden="true"] {display: block;}

#unpaid-invoices[aria-hidden="true"] {display: block;}

#unpaid-invoices[aria-hidden="false"] {display: none;}

#post-payment-pan[aria-hidden="true"] {display: block;}

#post-payment-pan[aria-hidden="false"] {display: none;}

#new-email[aria-hidden="true"] {display: block;}

#new-email[aria-hidden="false"] {display: none;}

#send-invoice[aria-hidden="true"] {display: block;}

#send-invoice[aria-hidden="false"] {display: none;}

.close-link{cursor: pointer;}

.popup-layout {

            padding: 0;

            min-height: 500px;

            position: fixed;

            display: block;

            top: 50%;

            left: 50%;

            -moz-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

            -webkit-transform: translate(-50%, -50%);

            max-width: 1100px;

            width: 100% !important;

            background-color: #fff;

            margin: 0 auto;

            border-radius: 5px;

            z-index: 999999999;

            overflow: hidden;

}



.post-payment-popup-layout {

            padding: 0;

            height: 380px;

            position: fixed;

            display: block;

            top: 50%;

            left: 50%;

            -moz-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

            -webkit-transform: translate(-50%, -50%);

            max-width: 1100px;

            width: 100% !important;

            background-color: #fff;

            margin: 0 auto;

            border-radius: 5px;

            z-index: 999999999;

            overflow: hidden;

}



.popup-layout-new {

            padding: 0;

            min-height: 300px;

            position: fixed;

            display: block;

            top: 50%;

            left: 50%;

            -moz-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

            -webkit-transform: translate(-50%, -50%);

            max-width:1150px;

            width: 100% !important;

            background-color: #fff;

            margin: 0 auto;

            border-radius: 5px;

            z-index: 999999999;

            overflow: hidden;

}



.popup-layout-image {

            padding: 0;

            min-height: 600px;

            position: fixed;

            display: block;

            top: 50%;

            left: 50%;

            -moz-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

            -webkit-transform: translate(-50%, -50%);

            max-width: 900px;

            width: 100% !important;

            background-color: #fff;

            margin: 0 auto;

            border-radius: 5px;

            z-index: 999999999;

            overflow: hidden;

}



.invoice-popup-header {

            padding: 2.2rem 1.25rem;

            margin-bottom: 0;

            text-align: center;

            text-transform: capitalize;

            background-color: #fff;

}



.invoice-popup-header h2 {

            font-family: 'Open Sans', sans-serif;

            color: #31407c;

            font-size: 14px;

            font-weight: 600;

            margin: 0;

            padding: 0;

}



.invoice-popup-header h3 {

            font-family: 'Open Sans', sans-serif;

            color: #08b2e3;

            font-size: 18px;

            font-weight: 600;

            margin: 0;

            text-transform: uppercase;

            padding: 0;

}



.invoice-popup-body {

            background: url('../images/shadow-bg.png') repeat-x;

            background-position: top;

            padding: 20px 40px;

}



.account-rec-close {

            position: absolute;

            top: 20px;

            right: 20px;

            cursor: pointer;

}



.invoice-popup-footer {

            position: fixed;

            bottom: 0;

            left: 5%;

            right: 5%;

            width: 90%;

            clear: both;

            border-top: 1px solid #c9d3ec;

            padding-top: 20px;

            padding-bottom: 20px;

}



.prev-btn-inv {

            border-color: #91a7db;

            background: #fff;

            border-radius: 20px;

            padding: 7px 30px;

            text-transform: uppercase;

            color: #a5b7e1;

            width: 120px;

            font-size: 12px;

}



.prev-btn-inv:hover {

            border-color: #91a7db;

            color: #a5b7e1;

}



.prev-btn-inv:active {

            box-shadow: none;

}



.prev-btn-inv:focus {

            border-color: #91a7db;

            color: #a5b7e1;

}



.next-btn-inv {

            border-color: #08b2e3;

            width: 120px;

            font-size: 12px;

            background: #fff;

            border-radius: 20px;

            padding: 7px 30px;

            text-transform: uppercase;

            color: #08b2e3;

}



.next-btn-inv:hover {

            border-color: #08b2e3;

            color: #08b2e3;

}



.next-btn-inv:active {

            box-shadow: none;

}



.next-btn-inv:focus {

            border-color: #08b2e3;

            color: #08b2e3;

}



.newemail-sendbtn {

            border-color: #08b2e3;

            background: #08b2e3;

            width: 120px;

            font-size: 12px;

            border-radius: 20px;

            padding: 7px 30px;

            text-transform: uppercase;

            color: #fff;

}



.newemail-sendbtn:hover {

            border-color: #08b2e3;

            color: #fff;

}



.newemail-sendbtn:active {

            box-shadow: none;

}



.newemail-sendbtn:focus {

            border-color: #08b2e3;

            color: #fff;

            outline: 0 !important;

}



p.descnew {

            color: #273f83;

            font-size: 13px;

            padding: 20px 0 10px;

            text-overflow: ellipsis;

}



.upload-picture-icon {

            background: #f7f8f9;

            padding: 10px 14px;

            margin: 5px;

            display: inline-block;

            cursor: pointer;

}



.big-imag-uploaded {

            background: #f7f8f9;

            display: inline-block;

}

.big-imag-uploaded  img{

            width: 100%;

            height: 90%;

}

.message-receiver-pan {

            margin: 20px 0 0;

            display: table;

            width: 100%;

}



.newemail-messagecont {

            padding: 20px 0 10px;

}



.newemail-messagecont textarea {

            background: #fff;

            outline: 0;

            color: #555;

            border-radius: 5px;

            height: 100px;

            width: 100%;

            padding: 10px;

            resize: none;

}



.message-receiver-pan label {

            color: #91a7db !important;

}



.thumb {

            height: 50px;

            margin: 10px 5px 0 0;

            padding: 5px;

            background: #f7f8f9;

}



.close-thumb-btn {

            background: #f1591e;

            width: 17px;

            height: 17px;

            text-align: center;

            color: #fff;

            line-height: 16px;

            font-size: 9px;

            border-radius: 50%;

            position: absolute;

            right: 0;

}



#list>span {

            position: relative;

            display: inline-block;

}



.attach-files {

            display: inline-block;

            margin: 0 0 40px;

}

.cursorclass{cursor: pointer;}

output#list {

            margin-bottom: 20px;

            margin-top: 20px;

            padding: 0;

}



.fileUpload {

            position: relative;

            overflow: hidden;

            margin: 40px 10px 20px;

}



.fileUpload input.upload {

            position: absolute;

            top: 0;

            right: 0;

            margin: 0;

            padding: 0;

            font-size: 20px;

            cursor: pointer;

            opacity: 0;

            filter: alpha(opacity=0);

}



.fileUpload>label {

            text-transform: uppercase;

            color: #91a7db;

            padding: 0 0 10px;

}



.fileUpload>span {

            background: #fff;

            font-size: 10px;

            width: 23px;

            border: 1px solid #02b4e4;

            height: 23px;

            font-weight: normal;

            padding: 5px;

            color: #02b4e4;

            border-radius: 50%;

            display: inline-block;

            text-align: center;

            line-height: 11px;

            margin-left: 10px;

}



.close-thumb-btn {

            cursor: pointer;

}



.postedpayment-view {

            display: inline-block;

            padding: 20px 25px 10px;

}



.postedpayment-subfooter {

            padding: 30px 25px 100px;

            display: inline-block;

            background: url('../images/shadow1-bg.png') repeat-x;

            background-position: top;

            width: 100%;

            color: #32407b;

            font-size: 12px;

}



.postedpayment-subfooter ul {

            list-style: none;

            margin: 0;

            padding: 0;

}



.postedpayment-subfooter ul>li {

            margin: 10px 0;

            display: table;

            width: 100%;

}

/* popup ends here */



.postedpayment-view input {

            border-radius: 15px;

            border: 1px solid #c9d3ec;

            padding: 5px 10px;

            color: #334279;

            outline: none;

            width: 100%;

}



.postedpayment-view .form-group label {

            color: #334279;

            text-transform: uppercase;

            font-size: 12px;

}



.post-btnnew {

            background: #79c843;

            border-radius: 20px;

            color: #fff;

            padding: 6px 30px;

            margin: 23px 0 0;

}

.post-btnnew:hover {

            color: #fff;

}

.post-btnnew:active {

            box-shadow: none;

}

.post-btnnew:focus {

            color: #fff;

            outline: 0 !important;

}



#post-payment-pan .invoice-popup-header h3 {

            color: #91a7db;

}



#post-payment-pan .payment-post-pan h2 {

            text-transform: uppercase;

            font-size: 16px;

            color: #91a7db;

            margin: 0;

            text-align: center;

}



#post-payment-pan .payment-post-pan .tgline {

            font-size: 12px;

            text-transform: capitalize;

            color: #32407b;

            text-align: center;

            padding: 5px 0 0;

            margin: 0;

}



.post-payment-inv-id {

            position: absolute;

            left: 50px;

            top: 15px;

            text-align: left;

            color: #91a7db;

            font-size: 12px;

}



.dt-range-new {

            color: #31407c;

            font-size: 12px;

            font-weight: bold;

}



.bottom-download-pan a {

            padding: 7px 30px;

            text-align: center;

            color: #fff;

            background: #08b2e3;

            border-radius: 20px;

            border: none;

            font-size: 12px;

            text-transform: uppercase;

            cursor: pointer;

            text-decoration: none;

}



.fullypaid-checkbox {

            opacity: 0;

            position: absolute;

}



.fullypaid-checkbox,

.fullypaid-checkbox-label {

            display: inline-block;

            vertical-align: middle;

            margin: 7px 0;

            color: #333d60 !important;

            cursor: pointer;

}



.fullypaid-checkbox-label {

            position: relative;

            font-size: 13px;

            color: #333d60;

            margin: 0;

}



.fullypaid-checkbox+.fullypaid-checkbox-label:before {

            content: '';

            background: #fff;

            border: 2px solid #c9d3ec;

            display: inline-block;

            vertical-align: middle;

            width: 25px;

            height: 25px;

            border-radius: 7px;

            padding: 2px;

            margin: 0 10px 0 0;

            text-align: center;

}



.fullypaid-checkbox:checked+.fullypaid-checkbox-label:before {

            background: #79c843;

            content: '';

            color: #fff;

            border: 2px solid #79c843;

            background-image: url(../images/checked-sign.png);

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 60%;

            padding: 2px;

            margin: 0 10px 0 0;

            width: 25px;

            height: 25px;

}



input[type=checkbox]+.fullypaid-checkbox-label {

            color: #32407b;

            font-weight: normal;

            font-size: 14px;

            line-height: 24px;

}



input[type=checkbox]:checked+.fullypaid-checkbox-label {

            font-size: 14px;

            color: #32407b;

}



.balancedata {

            color: #ff931e;

}



.balancedatatitle {

            color: #91a7db;

            font-size: 12px;

}



.paymentamnt-textbox input {

            position: relative;

            text-indent: 15px;

}



.dollaricon {

            position: absolute;

            top: 6px;

            color: #c9d3ec;

            font-size: 14px;

            left: 15px;

}

.pos-rel {

            position: relative;

}

.email-img-icon{

            background: #f7f8f9;

            padding: 10px 14px;

            margin: 5px;

            display: inline-block;

	cursor: pointer;

}

.resent-inv{color: #ff9b33 !important; cursor: pointer;}



.delete-btnnew {

            background: #f15a24;

            border-radius: 20px;

            color: #fff;

            padding: 4px 15px;

            margin-right:5px;



}

.delete-btnnew:hover {

            color: #fff;

}

.delete-btnnew:active {

            box-shadow: none;

}

.delete-btnnew:focus {

            color: #fff;

            outline: 0 !important;

}

.pdngtop10{padding-top:5px;}


.popup-layout-new[aria-hidden="false"] { display: none; }

.popup-layout-new {

    padding: 0;

    min-height: 480px;

    position: fixed;

    display: block;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    max-width: 1150px;

    width: 100% !important;

    background-color: #fff;

    margin: 0 auto;

    border-radius: 5px;

    z-index: 9999999;

    overflow: hidden;

}



.popup-layout-new h3 {

    color: #08b2e3;

}



.status__title { color: #08b2e3;

    font-size: 14px;

    margin: 0;

    padding: 40px 0 5px !important;

    font-weight: 600;

    text-transform: uppercase;}



.clients__agencies__pan h2,

.date__range h2 {

    color: #08b2e3;

    font-size: 14px;

    margin: 0;

    padding: 20px 0 5px;

    font-weight: 600;

    text-transform: uppercase;

}



.date__range input {

    border-radius: 15px;

    border: 1px solid #c9d3ec;

    padding: 5px 10px;

    color: #32407b !important;

    width: 100%;

    outline: none;

}



.date__range label {

    color: #32407b !important;

    width: 100%;

    padding: 5px 0 0;

    text-transform: uppercase;

    font-size: 14px;
     font-weight: normal;
}

.generate__report {

    background: #79c843 !important;

    margin: auto !important;

    font-size: 12px;

    letter-spacing: 1px;

    color: #fff;

    padding: 7px 30px;

    border: none;

    border-radius: 25px;

    text-transform: uppercase;

}



.clients__agencies {

    opacity: 0;

    position: absolute;

}



.clients__agencies,

.clients__agencies-label {

    display: inline-block;

    vertical-align: middle;

    margin: 7px 0;

    color: #333d60 !important;

    cursor: pointer;

}



.clients__agencies-label {

    position: relative;

    font-size: 13px;

    color: #333d60;

    margin: 0;

}

.clients__agencies+.clients__agencies-label:before {

    content: '';

    background: #fff;

    border: 1px solid #c9d3ec;

    display: inline-block;

    vertical-align: middle;

    width: 21px;

    height: 21px;

    border-radius: 5px;

    padding: 2px;

    margin: 0 10px 0 0;

    text-align: center;

}

.clients__agencies:checked+.clients__agencies-label:before {

    background: #08b2e3;

    content: '';

    color: #fff;

    border: 2px solid #08b2e3;

    background-image: url("../images/checked-sign.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 60%;

    padding: 2px;

    margin: 0 10px 0 0;

    width: 21px;

    height: 21px;

}



input[type=checkbox]+.clients__agencies-label {

    color: #32407b !important;

    font-weight: normal;

    font-size: 14px;

    line-height: 30px;

}

input[type=checkbox]:checked+.clients__agencies-label {

    font-size: 14px;

    color: #32407b;

}

input[type=radio]+.clients__agencies-label {

    color: #32407b !important;

    font-weight: normal;

    font-size: 14px;

    line-height: 30px;

}

input[type=radio]:checked+.clients__agencies-label {

    font-size: 14px;

    color: #32407b;

}