/* finance */
.cn_block_header.contract {
    color: #3b4952;
    font-size: 19px;
}
.finance .data-block-content{
    padding: 0 20px 30px;
}
/*.finance .private-data-block +.private-data-block .data-block-content{
    font-size: 110%;
}*/
.finance .contract-number{
    font: 600 110% 'Roboto', sans-serif;
}
.finance .client-name{
    font: 600 145% 'Roboto', sans-serif;
/*    color: #89bf42;*/
    margin: 0;
/*    text-transform: capitalize;*/
}
.finance .balance-block{
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    font-size: 100%;
}
.finance .balance-block .balance{
    font: 600 150% "Roboto", sans-serif;
    color: #a23030;
}
.finance .balance-block .balance.plus {
    color: #91c84a;
}
.finance  .currency{
    font: 300 100% 'Roboto', sans-serif;
    color: #9b9b9b;
    text-transform: uppercase;
}
.finance .cn_block_header {
    /*display: flex;
    flex-direction: row;
    justify-content: space-between;*/
}
.finance .refill-block {
    display: flex;
}
.finance  .refill-sum {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.finance  .refill-field{
    margin: 0;
    max-width: 120px;
}
.finance  .refill-label{
    margin-right: 10px;
}
.finance .data-block-img {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(/img/icons/vector_icons/6.3.svg) no-repeat;
    background-position: left!important;
}
.finance .data-block-img.inactive {
    background: url(/img/icons/vector_icons/6.4.svg) no-repeat;
}
.finance .account_edit {
    color: #89bf42;
}
.finance .account_edit .icon {
    font-size: 75%;
}
.finance .account-status {
    margin: 30px 0 20px;
}
.finance .account-status .account-status-text {
/*    margin-left: 30px;*/
    font-weight: 600;
}
.finance input.form-control,
.finance select.form-control {
    margin: 5px 0;
}

/*SERVICE MAIN PAGE*/

.services .pa-packages {
    padding: 15px 25px 0 25px;
}
.services .pa-package {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #d1dbdb;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
}
.services .pa-package-type {
    flex: 1 1 150px;
    font: 400 100% 'Roboto', sans-serif;
    letter-spacing: 1px;
    padding: 10px 0;
}
.services .pa-package-name {
    flex: 1 1 200px;
    text-align: center;
    font: 400 100% 'Roboto', sans-serif;
    letter-spacing: 1px;
    padding: 10px 0;
}
.services .pa-package-status {
    text-align: center;
    flex: 1 1 100px;
    font: 400 110% 'Roboto', sans-serif;
    color: #89bf42;
    padding: 10px 0;
}
.services .pa-package-price {
    text-align: center;
    flex: 1 1 120px;
    padding: 10px 0;
}
.services .pa-price-number {
    font: 700 140% 'Roboto', sans-serif;
}
.services .pa-price-label {
    font: 300 120% 'Roboto', sans-serif;
    color: #9b9b9b;
}
.services .pa-package-link {
    flex: 1 1 200px;
    padding: 10px 0;
    text-align: right;
    color: #d1dbdb;
    font: 400 100% 'Roboto',sans-serif;
}
.services .pa-package-link-arrow {
    color: #89bf42;
}

/* pagination */

.services .right-btn{
    float: right;
    padding: 10px 20px;
}

.order-new-service-btn-bottom{
    margin: 0 20px 20px 0;
}
.services .pagination{
    display: inline-block;
    margin: auto;
}
.services .pagination .pag-n{
    margin: 0;
    padding: 0;
}
.services .pagination .pag-n li {
    list-style: none;
    float: left;
    margin-right: 12px;
}
.services .pagination li a, .services .pagination li span{
    background: #edf1f1;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    border: 1px solid #9e9e9e;
    font: 400 18px "Roboto", sans-serif;
    /*color: #8b8a8a;*/
    text-align: center;
    line-height: 32px;
}
.services .pagination li.active a{
    color: #91c749;
    border: 1px solid #91c749;
}
.services .pagination li:hover a{
    color: #91c749;
    border: 1px solid #91c749;
}
.services .pagination li.prev > *, .services .pagination li.next > * {
    font-size: 100%;
}
.services .pagination li.prev:hover > *, .services .pagination li.next:hover > * {
    color: #fff!important;
}
.services .pagination li.prev > *, .services .pagination li.next > *{
    background-color: #91c749;
}
.services .pagination li.prev > *{
    transform: rotate(180deg);

}
.services .pagination li.next.disabled span, .services .pagination li.prev.disabled span{
    background-color: #9e9e9e;
}

/* finance table */
.payment_table {
    text-align: center;
    padding: 0px 20px 30px 20px;
}
.payment_table_cell {
    display: inline-block;
    font-size: 14px;
}
.payment_table_header .payment_table_cell {
    padding: 20px 0 5px 0;
    text-align: left;
}
.payment_table_body .payment_table_cell {
    padding: 10px 0;
    text-align: left;
}
.payment_table_cell .title {
    font: 700 140% 'Roboto', sans-serif;
}
.payment_table_row {
    border-bottom: 1px solid #d1dbdb;
    margin: 0 30px;
}
.payment_table_body .payment_table_row:last-child {
    border-bottom: 0;
}
.payment_table_cell .text{
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.payment_table_cell .desc{
    padding-right: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    min-width: 100px;
}
.payment .payment_table_cell {
    width: 32%;
}
.bill .payment_table_cell {
    width: 19%;
}
.bill .search_bill, .payment .search_bill {
    padding: 15px 20px;
    background: #f8f9f9;
    border-bottom: 2px solid #d1dbdb;
}

/*service table*/

.services .payment_table {
    padding: 0 0 20px;
}
.services .payment_table_row {
    margin: 0 10px;
}
.services .payment_table_cell {
    text-transform: none;
    font-size: 13px;
    vertical-align: middle;
    padding-left: 5px;
}
.services .payment_table_cell .status {
    color: #89bf42;
}
.services .payment_table_cell .status_blocked {
    color: #a23030;
    font-weight: 600;
}
.services .payment_table_cell .status2 {
    color: #89bf42;
    font-size: 80%;
}
.services .payment_table_cell .link .fa {
    display: inline-block;
    height: 100%;
    color: #89bf42;
    font-size: 90%;
}
.services .payment_table_header .payment_table_cell {
    font-weight: 600;
}
.services .payment_table_cell .link:hover {
    color: #489600!important;
}
.services .payment_table_row .one {width: 26%;}
.services .payment_table_row .two {width: 22%;}
.services .payment_table_row .three {width: 14%;}
.services .payment_table_row .four {width: 16%;}
.services .payment_table_row .five {width: 20%;}
.services .payment_table_row.pag {
    padding: 10px;
    text-align: left;
    min-height: 50px;
}
@media (max-width: 991px){
    .services .payment_table_cell.five {
        text-align: center!important;
    }
}


input.search_date {
    background: white;
    color: black;
    border: 1px solid #c9d4df;
    font: 400 15px "Roboto", sans-serif;
    color: #6d6d6d;
    width: 20%;
    padding: 9px 0px;
    margin: 5px 0;
    border: 1px solid #c9d4df;
    border-radius: 6px;
    outline: none;
    min-width: 130px;
}
.search_button {
    font-size: 130%;
}
.cn_block_content .balance-input {
    margin: 0 15px 0 0;
    width: 80% !important;
    max-width: 550px;
}
.cn_block_content .no-data {
    font-size: 14px;
    padding: 15px;
    display: inline-block;
}
.cn_block.documents {
    margin-right: -30px;
}
@media (min-width: 992px){
    .cn_block.documents {
        width: 50%;
    }
}

@media all and (max-width: 991px){
    .cn_block.documents {
        margin-right: 0px;
    }
    .payment_table_cell {
        width: 100%!important;
        text-align: left!important;
        border: none;
        border-bottom: 1px solid #f2f2f2 !important;
    }
    .payment_table_cell .desc{
        display: inline-block;
        width: 38%;
        vertical-align: middle;
        text-align: right;
        padding-right: 10px;
    }
    .payment_table_cell .text{
        width: 61%;
        display: inline-block;
        vertical-align: middle;
    }
}
@media all and (max-width: 767px){
    .payment_table_row {
        margin: 0;
    }
}
@media all and (max-width: 468px){
    .payment_table_cell .desc, .payment_table_cell .text {
        width: 100%;
        text-align: left;
    }
}

/*SMS BALANCE PAGE*/
.sms_balance .status {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}
.sms_balance .status .text{
    color: #a23030;
}
.sms_balance .form-group {
	display: block;
}
.sms_balance .form-group .cn_block_item_value{
	width: 100%;
}
.sms_balance .help {
	float: right;
}
@media all and (min-width: 768px){
	.sms_balance .form-group .cn_block_item_value{
		max-width: 420px!important;
	}
}

.documents .status {
	font-size: 14px;
	margin-bottom: 10px;
}
.documents select {
	margin-bottom: 19px!important;
}
.documents select + .btn  {
	vertical-align: text-bottom;
}

/*ERROR PAGE*/
.error_page{
    font-size: 140%;
}

.services .right-btn {
    font-size: 13px;
    padding: 0 10px;
    margin-top: 2px;
}
.services .cn_block_header .text {
    margin-bottom: 10px;
    display: inline-block;
}

/*change contact details PAGE*/

/*services_order PAGE*/
.cn_block_service_order {
    display: inline-block;
    padding: 15px 0;
    border-bottom: 1px solid #D3DDDD;
    width: 100%;
}
.cn_block_service_order > * {
    display: inline-block;
    vertical-align: middle;
}
.cn_block_service_order_img {
    width: 40px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
}
.cn_block_service_order_img .fa{
    background-color: #91C84A;
    color: white;
    font-size: 28px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
}
.cn_block_service_order_name {
    width: 20%;
    font-weight: 600;
    font-size: 110%;
    min-width: 120px;
    display: inline-block;
}
.cn_block_img_and_name {
    width: calc(20% + 50px);
}
.cn_block_service_order_desc {
    width: calc(80% - 180px);
}
.cn_block_service_order_link {
}
.service_order_external_link {
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0;
    float: right;
    margin-top: 10px;
}
.service_order_external_link .fa{
    color: #489600;
}
#btn_show_all_service {
    margin-right: 3em;
}
#btn_show_all_service .fa {
    color: #489600;
}
.notice .notice_title.seen {
    color: #a9a9a9;
}
@media all and (max-width: 991px){
    .cn_block_img_and_name {
        width: calc(20% + 30px);
    }
    .cn_block_service_order_desc {
        width: calc(80% - 160px);
    }
}
@media all and (max-width: 567px){
    .cn_block_img_and_name {
        width: calc(100% - 110px);
    }
    .cn_block_service_order_desc {
        width: 100%;
    }
    .cn_block_service_order_link {
        right: 0;
        top: 25px;
        position: absolute;
    }
}
.personal_code .one {
    text-align: justify;
}
.change_contact_details {
    max-width: 420px;
}
@media all and (min-width: 520px){
    .change_contact_details {
        width: 420px;
    }
}
.advance_bill {
    max-width: 420px;
}
.advance_bill .new_email {
    height: 41px;
}
.advance_bill .col.two {
    min-width: 25px;
}
.advance_bill .set_email .email_block, .advance_bill .edit_email_block{
    display: none;
}
.advance_bill .set_email .edit_email_block{
    display: block;
}
.advance_bill .checkbox{
    padding-top: 0;
    padding-bottom: 0;
}

.documents .new_email {
    height: 41px;
}
.documents .col.two {
    min-width: 25px;
}
.documents .set_email .email_block, .documents .edit_email_block{
    display: none;
}
.documents .set_email .edit_email_block{
    display: block;
}
.documents .checkbox{
    padding-top: 0;
    padding-bottom: 0;
}

/*.change_contact_details .fa_edit {
    width: calc(100% - 26px)!important;

}*/

.cn_block_content_rows .change_contact_details .cn_block_item .cn_block_item_value {
	width: 100%;
}

.profile .change_contact_details {
    width: 100%;
    max-width: none;
}
.delivery_email fieldset .checkbox label {
    padding-left: 30px;
}
.services .search_block {
    display: inline-block;
}
.services .search_block .search_button {
    font-size: 18px;
    cursor: pointer;
}
.services .search_block .search_input {
    display: none;
    width: 230px;
    padding: 2px 20px 2px 10px;
    font-size: 14px;
    height: 30px;
    margin-top: 0px;
}
.services .fa-chevron-down {
    cursor: pointer;
}
.services .search_block .search_clear {
    position: absolute;
    display: none;
    top: 8px;
    right: 3px;
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
}
.shares .row {
    margin: 0 0 20px;
    text-align: justify;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.shares .row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.shares .short > div {
    display: inline-block;
    vertical-align: top;
}
.shares .short > div:first-child {
    width: 320px;
}
.shares .short > div:nth-child(2) {
    width: calc(100% - 330px);
}
.shares .short img {
    /* float: left; */
    padding: 10px;
}
.shares .desc {
    display: none;
}
.shares a.more {
    position: relative;
    display: block;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: right;
}
.shares .title {
    font-size: 18px;
    font-weight: 700;
}
.shares .promo {
    font-size: 22px;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin: 10px 0;
}
.shares .promo .code {
    font-size: 25px;
    text-decoration: underline;
    font-weight: 700;
}
.instructions .cn_block {
    font-size: 14px;
}
.video-instruction-link {
    font-size: 20px;
    vertical-align: middle;
    color: #89bf42;
}
.payment_button {
    margin-left: 1em;
}