/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
    font: normal 16px/23px "Open Sans", Helvetica, Arial, Verdana ,sans-serif !important;
}    

/* main-container */

.main-container {
    min-height: 400px;
    margin-bottom: 50px;
}

.form-required:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K);
    background-size: 10px 7px;
    content: "";
    display: inline-block;
    vertical-align: super;
    line-height: 1;
    height: 7px;
    width: 10px;
}

.btn-primary {
    background: #ffb536 !important;
    color: white !important;
    border-color: #fea000 !important;
}

.btn-primary:focus {
    border-color: #fea000 !important;
}

.btn-primary:hover {
    background: #f4a215 !important;
    border-color: #fea000 !important;
    transition: 0.3s;
}

a.logo {
    /*margin: 0;*/
    margin: 0 7em 0 5em;
}

.logo img {
    width: 100px;
}

@media (max-width: 460px) {
    a.logo {
        margin: 0 1em 0 1em;
    }
}

.navbar-toggle {
    margin: 2em!important;
}


/*  region-headerline  */

.region-headerline {
    color: #fff;
    background-color: #055a8e;
    background-image: linear-gradient(180deg, #061d47 0%, #133a7f 100%);
}

.headerline ul {
    display: flex;
    justify-content: end;
    list-style: none;
    margin: .5em 0;
    font: bold 14px/22px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
}

.headerline ul li{
    padding: .5em 0em;
    margin-left: 1.5em;
    position: relative;
    transition: 0.5s;
}

.headerline ul li:hover{
    color: #ffb536;
}

.headerline ul li::after{
    content: '';
    background: #ffb536;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.5s;
}

.headerline ul li:hover::after{
    width: 100%;
}

.headerline ul li a{
    text-decoration: none;
    color: #fff;
    position: relative;
    transition: 0.5s;
}

.headerline ul li a:hover{
    color: #ffb536;
}


/*  region-header  */

/*.navbar-header {
    float: none!important; 

}*/

header.navbar-default {
    background: #fff !important;
    border: none !important;
}

header.navbar {
    margin-bottom: 0px !important;
}

/*.navigation {
    display: flex;
    justify-content: space-around;
    align-items: center;
}*/

ul.header-menu {
    margin: 1.5em 0em;
}

.header-menu {
    font: bold 16px/22px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
    border-bottom: 2px solid #ffb536 !important;
    
}

.header-menu > li {
    text-transform: uppercase;
    color: #1f365c !important;
    background: #fff !important;
    transition: 0.3s;
}

.header-menu > li:hover {
    background: #1f365c !important;   
}

.header-menu > li:before {
    content: "";
    position: absolute;
    left: -1.5px;
    width: 0;
    border-right: solid 1px #ff0;
    max-height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-color: rgba(51,51,51,.12);
    height: 18px;
}

.header-menu > li:last-child:after {
    content: "";
    position: absolute;
    left: auto;
    right: 1.5px;
    width: 0;
    border-right: solid 1px #ff0;
    max-height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-color: rgba(51,51,51,.12);
    height: 18px;
}

.header-menu > li > a {
    color: #1f365c !important;

}

.header-menu > li > a:hover {
    color: #fff !important;

}

/*  region-top-bar  */

.region-top-bar {
    color: #fff;
    background-color: #055a8e;
    background-image: linear-gradient(180deg, #061d47 0%, #133a7f 100%);
    margin-bottom: 20px;
    
}

.title-block {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    /*margin-bottom: 20px;*/
}

.title-block h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font: bold 22px/32px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
    letter-spacing: 1px;
}

.title-background {
    
}

/* menu--personal-account */

ul.menu--personal-account-menu {
    background-color: #fff;
    margin-bottom: 1.5em;
    font: bold 16px/22px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
}
ul.menu--personal-account-menu li {
    border-bottom: 2px solid #fff;
    background-color: #055a8e;
    background-image: linear-gradient(180deg, #061d47 0%, #133a7f 100%);
}
ul.menu--personal-account-menu li:focus,
ul.menu--personal-account-menu li:hover{ 
    border: none;
}

ul.menu--personal-account-menu li a{ 
    color: #fff;
    transition: 0.3s;
}

ul.menu--personal-account-menu li a.is-active {
    color: #ffb536;
}

ul.menu--personal-account-menu li a:hover{ 
    color: #1f365c;
    background: #fff;  
}


ul.menu--personal-account-menu li a span{
    margin-left: 21px;
}

ul.menu--personal-account-menu li a span {
    margin-left: 21px;
}


ul.menu--personal-account-menu li a svg {
    color: #ffb536;
}

ul.menu--personal-account-menu li a span:before {
    content: "";
    position: absolute;
    left: 42.5px;
    width: 0px;
    border-right: solid 2px #fff;
    max-height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-color: #fff;
    border-width: 2px;
    height: 80%;
}

ul.menu--personal-account-menu li a span:hover:before {
    border-color: #ffb536;
}

/*  ===========  */

/* email-block */

.page-header{ 
    font-weight: bold;
    margin: 0 0 20px !important;
    padding: 4px 0px 4px 10px !important;
    font-size: 26px;
    line-height: 32px;
    color: #1f365c;
    font: normal bold 22px/32px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
    text-transform: uppercase;
    border-top: 2px solid #ffb536 !important;
    border-bottom: 2px solid #ffb536 !important;
}

.email-block {
    display: inline-block;
    float: right;
    letter-spacing: 1px;
    font: normal 21px/32px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
}

.email-block-text {
    padding-right: 20px;
}

.email-block-text a {
    color: #1f365c;
    text-decoration: none;
}

.email-block-text a:hover {
    color: #ffb536;
}

@media screen and (max-width: 768px){
    .email-block {
        display: contents;
    }
}

/* news */

.news-wrapper {
    margin-bottom: 2em;
}

.news-title {
    font-size: 20px;
    font-weight: 600;
    padding: 1em 0 .5em;    
    /*display: inline-block;*/
    min-height: 75px;
    display: flex;
    align-items: center;
}

.news-content {

}

.news-node-content {
    padding: 2em 0;
}

/* main tamplate nav */

.topnav {
    background-color: #fff;
    overflow: hidden;
    margin: 20px 0px;
    font: bold 16px/22px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
    border-bottom: 2px solid #ffb536;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #1f365c;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    /*font-size: 17px;*/
    text-decoration: none;
}

.topnav a svg {
    margin-right: 5px;
}

/* Change the color of links on hover */
.topnav a:hover, .topnav a:focus {
    background-color: #fafcfd;
    color: #1f365c;
    text-decoration: none;
}

/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #1f365c;
    color: #fff;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}


@media screen and (max-width: 1000px) {
    .topnav a:first-child { background-color: #fafcfd; color: #1f365c}
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        background: #fafcfd;
        float: right;
        display: block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1000px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;        
    }
}

.user thead {
    border: 1px solid #1f365c !important;

}
.user thead tr th {
    border: none #1f365c !important;
    background: #1f365c !important; /* blue */
    color: #fff;
    text-align: center;
    vertical-align: middle !important;
}

.user tbody {
    border: 1px solid #ddd !important;
    background: #fafcfd !important;
}

.user tbody tr td {
    vertical-align: middle !important;
}

.user-hestory tbody tr td {
    height: 60px !important;
}

.sum-last-pay {
    text-align: center;
}

.button-delete {
    color: #1f365c;
}

.button-delete:hover {
    color: #ffb536;
}

.button-delete-icon {

}

a.button-delete-icon > svg {
    font-size: 20px;
    color: #d81334;
}

a.button-delete-icon > svg:hover {
    color: #fc3052;
}

@media (min-width: 543px) {
    .button-delete-icon {
        display: none;
    }
}

@media (max-width: 543px) {
    .button-delete {
        display: none;
    }
}


/* footer region */

.footer {
    background: #212529;
    color: #fff;
    padding-top: 60px;
/*    padding-bottom: 40px;
    margin-top: 2em;*/
}

.region-footer aside {
    text-align: center;
}

.widget-title {
    font: normal bold 18px/24px "Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget-title > span {
    padding: 10px 0;
    margin: 0 0 20px 0;
    border-bottom: 3px solid #ffb536;
}

div.widget.block {
    padding-bottom: 30px;
}

.contact-info {
    margin: 0;
    padding: 10px 0 10px;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
    color: #949fb2;
}

.contact-info li:first-child {
    margin-top: 0;
}

.contact-info li {
    margin: 10px 0 0;
}

.contact-info li a {
    text-decoration: none;
    color: #949fb2;
}

.color-primary {
    color: #fff;
}

.notice-abonent {
    margin-top: 25px;
    padding: 20px 0 40px;
    list-style: none;
    font-size: 14px;
}



.user-main {
    margin: 0;
    min-width: 300px;
}
.table-responsive.main {
    border: none !important;
}


.user-main thead {
    border: 1px solid #1f365c !important;

}
.user-main thead tr th {
    border: none #1f365c !important;
    background: #1f365c !important;  
    color: #fff;
    text-align: center;
    vertical-align: middle !important;
    /*display: none;*/
}

.user-main tbody {
    border: 1px solid #ddd !important;
    background: #fafcfd !important;
    border-top: none !important;
}

.user-main tbody tr td {
    vertical-align: middle !important;
    border-right: 1px solid #ddd !important;
    /*display: block;*/
}

.user-main tbody td:first-child {
    padding-top: 0.5em;
}



.user-main tbody td:last-child{
    padding-bottom: 0.5em;
}

.user-main td:before {
    content: attr(data-th) ":";
    font-weight: bold;
    color: #1f365c;
    width: 11em;
    display: inline-block;
}

.user-main.sand-counters td:before {
    content: attr(data-th) ":";
    font-weight: bold;
    color: #1f365c;
    width: 12em;
    display: inline-block;
}

.user-main td:first-child:before {
    margin-right: 5px;
}

@media (min-width: 543px) {
    .user-main td:before {
        display: none;
    }

    .user-main.sand-counters td:before {
        display: none;
    }

}

@media (max-width: 543px) {
    .user-main thead tr th {
        display: none;
    }

    .user-main tbody tr td {
        display: block;
        border-right: 1px solid #ddd !important;
    }

    .sum-last-pay {
        text-align: left;
    }
    .user-main thead {
        border: none !important;

    }
    .table-responsive > .table-bordered > tbody > tr > td:last-child {
        border: 1px solid #ddd !important;
    }

    .sand-counters {
        text-align: left;
    }

}
@media (max-width: 460px) {
    .user-main td:before {
        width: 9em;
        font-size: 14px;
    }

    .sum-last-pay {
        font-size: 14px;
    }
}

.debt {
    color: red;
}

.overpayment {
    color: green;
}

/* modal */
.modal-dialog{
    margin-top: 140px !important;
}

.modal-header{
    background-color: #ffb536;
    border-color: #fea000;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.close.ui-dialog-titlebar-close {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    opacity: 100%;
}

.modal-body {
    overflow: auto !important;
    background: #fefaf4;
    border-radius: 0px 0px 5px 5px !important;
}

.text-center.content-block.delete-or{
    background-color: #f2f2f2;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* end  modal */

/* paymant */

.payment-main-bord {
    background: #fafcfd;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin-top: 5px;
    padding: 10px 5px;
    transition: 0.3s;
}

.payment-main-bord:hover {
    box-shadow: 0 5px 15px rgba(0, 102, 255, 0.3);
    margin-top: 0px;
    margin-bottom: 5px;
}

.paymant-img {
    padding: 0px;
    text-align: center;
}

.paymant-img img{
    padding-top: 5px;
    padding-bottom: 5px;
    height: 75px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .paymant-img img{
        height: 100px;
    }

}

.paymant-input {
    padding: 20px;
}

.paymant-img img#privat-logo {
    width: 210px;
}

@media screen and (max-width: 767px) {       
    .paymant-img img#privat-logo {
        width: 280px;
    } 
}

/* payment end */

.cur-fin-monthe {
    background-color: #fbd1c0 !important;
}

.service {
    padding: 10px 20px 10px 0;
}

.service, .features-block{
    margin-bottom: 10px;
}
.service p {
    padding-left: 80px;
}

.view-color-box {
    width: 40px;
    height: 25px;
    background-color: #fbd1c0;
    float: left;
    margin: 7px 20px 7px 20px;
}

.close:focus {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 100% !important;
}

.nav-tabs > li > a{
    color: #1f365c !important;
}


.form-box {
    background: #fefaf4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 50px 0 45px ;
    padding: 27px 40px 25px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.input-group-addon {
    background: #ffb536 !important;
    color: #fff !important;
    border-color: #fea000 !important;
}

.input-group-addon > i.glyphicon {
    color: #fff !important;
    opacity: 100% !important;
}


.login-register .form-box div#edit-actions {
    text-align: center!important;
    margin-top: 15px;
}

.login-register .form-box .form-submit {  
    width: 60%;
}

ul.form-box-list {
    list-style: none;
    text-align: center;
    padding-left: 0px;
    margin-bottom: 0px;
}

ul.form-box-list li a {
    text-decoration: none;
    color: #1f365c;
    transition: 0.3s;
}

ul.form-box-list li a:hover {
    color: #ffb536;
}


.front-page-box{
    padding: 1.5em 0 0;
}
.front-page-image {
    margin-bottom: 1.5em;
}

.front-page-contant {
    
    
}

/* toggler help */
.help {
    display: inline-block;
    background: url("/themes/custom/personal_account_sub/images/helpp.png") no-repeat 0 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: -4px 0 0 5px;
    vertical-align: middle;
    position: relative;
    color: #666666;
}
.help:hover,
.help.active{
    background-position: 0 100%;
}
.help .error_msg {
    margin-top: -11px;
    cursor: default;
    left: 20px;
    width: 330px;
    display: none;
}

.field_with_tooltip_message > .help .error_msg {
    width: 150px;
}

.field_with_tooltip_message > .form-item {
    float: left;
}

.error_msg {
    margin: -7px 0 0 15px;
    position: absolute;
    z-index: 100;
}

.error_msg-body {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e94f27;
    box-shadow: 3px 5px 3px 0 rgba(0, 0, 0, 0.3);
    font: 14px/17px "pfagorasanspro_reg";
    margin-top: 5px;
    max-width: 340px;
    padding: 6px 12px 6px 9px;
}

.error_msg .tale {
    background: rgba(0, 0, 0, 0) url("/themes/custom/personal_account_sub/images/error_msg-tale.png") no-repeat scroll 0 0;
    height: 7px;
    left: 7px;
    position: absolute;
    top: 0;
    width: 14px;
}

.error_msg_left .tale {
    background: rgba(0, 0, 0, 0) url("/themes/custom/personal_account_sub/images/error_msg-tale2.png") no-repeat scroll 0 0;
    height: 14px;
    left: -5px;
    top: 13px;
    width: 7px;
}

.help_text {

    background-image: none;
    width: auto;
    height: auto;
}

.help .error_msg_text {
    margin-top: 0px;
    cursor: default;
    right: -345px;
    left: auto;
    top: -10px;
    width: 330px;
}

/* end toggler hepl */

/* message style */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.bd-callout-info {
    border-left-color: #5bc0de;
}

.bd-callout-info h4 {
    color: #5bc0de;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

.bd-callout-warning h4 {
    color: #f0ad4e;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.bs-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout h3 {
    margin-top: 0;
    margin-bottom: 0.25rem;
}
.bs-callout-info h3 {
    color: #5bc0de;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
}

/*thead width*/
table.will-outgrow thead tr th.thw-5{
    width: 5%;
}
table.will-outgrow thead tr th.thw-7{
    width: 7%;
}
table.will-outgrow thead tr th.thw-10{
    width: 10%;
}
table.will-outgrow thead tr th.thw-15{
    width: 15%;
}
table.will-outgrow thead tr th.thw-20{
    width: 20%;
}
table.will-outgrow thead tr th.thw-25{
    width: 25%;
}
table.will-outgrow thead tr th.thw-30{
    width: 30%;
}
table.will-outgrow thead tr th.thw-35{
    width: 35%;
}
table.will-outgrow thead tr th.thw-40{
    width: 40%;
}
table.will-outgrow thead tr th.thw-45{
    width: 45%;
}
table.score thead tr th.thw-47{
    width: 47%;
}
table.will-outgrow thead tr th.thw-50{
    width: 50%;
}
table.will-outgrow thead tr th.thw-55{
    width: 55%;
}
table.will-outgrow thead tr th.thw-60{
    width: 60%;
}

.form-description-text {
    font-size: 13px;
}