﻿
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
body {
    background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 1.1;
}

h3 {
    font-weight: 600;
    font-size: 24px;
}
a {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF
}
a:hover {
    color: #FFFFFF;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #e9ecef;
    cursor: not-allowed;
}

.text-align-center {
    text-align: center
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #426194
}

input[type=checkbox] {
    accent-color: #426194;
}


.custom-radio .custom-control-input:checked ~ .box-plan-options-item-content .box-plan-options-item-content-title .custom-control-label::before {
    background-color: #426194;
    color: #fff;
    content: "\2022";
    text-align: center;
    font-size: 1.5rem;
    line-height: 18px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    left:0px;
}
.custom-radio .custom-control-input ~ .box-plan-options-item-content .box-plan-options-item-content-title .custom-control-label::before {
    text-align: center;
    font-size: 1.5rem;
    line-height: 18px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    left: 0px;
}

.custom-control-label.payment-options {
    margin-bottom: 0.5rem;
}

.tooglermobile {
    text-align: left;
    display: none;
    padding-left: 0px;
    padding-right: 0px;
}

.page-content a {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-decoration: underline;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #676B70;
}

.title {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #000;
}
.title-line {
    margin-top: 40px;
    margin-bottom: 25px
}
.title-line-empty {
    margin-top: 0px;
    margin-bottom: 0px
}
.text {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.small-text {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.option-desc {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}
.line {
    display: inline-block;
    width: 100%;
    height: 0.5rem;
    margin: 0;
}
.header-setting {
    background-color: #000000;
}

.header-setting-row {
    background-color: #000000;
}
.header-setting-col
{
    padding-left:0px;
    padding-right:0px;
}
.helloheader-name {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    color: #EEEEEE;
}

#header2:empty {
    margin: 0;
    line-height:0;
}

.logo-place-settings {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin-left: 25px;
    margin-top:15px;
}

#btn_navbartoggler_right {
    display: inline-block
}



#btn_togglermobile {
    display: none
}
.menu-mobile{
    display:none;
}
#menu-icones .nav-link.active {
    border-right-color: #426194;
    border-right-width: 8px;
    border-style: solid;
    border-radius: 0px;
}

.navbar-setting-col {
    background-color: #000000;
    margin-top:0px;
    width:317px;
    margin-right:0px;
    border-bottom:0px;
    border-style:none;
}
.navbar-setting-col-icon {
    background-color: #000000;
    margin-top: 0px;
}
.navbar-icon-blanklines {
    font-size: 16px; 
    line-height: 38px; 
}

.navbar-icon-short-blanklines {
    font-size: 16px;
    line-height: 12px;
}

.nav-link {
    line-height: 3;
    background-color: transparent
}
#mainNavbar .nav-link
{
    padding-left:0px;
    padding-right:0px;
}
#MainMenu
{
    background-color:#000000
}
#MainMenu .collapsing {
    transition: width .0s
}
.nav-link.nav-link-submenu {
    line-height: 22px;
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.icon {
    margin-left:15px;
    margin-right:11px;
}
.fa-user.icon {
    margin-left: 15px;
    margin-right: 15px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: linear-gradient(269.97deg, rgba(66, 97, 148, 0.4) 0.01%, rgba(66, 97, 148, 0) 99.96%);
    background-color: transparent;
}

#mainNavbar .nav-link.active {
    border-right-color: #426194;
    border-right-width: 8px;
    border-style: solid;
    border-radius:0px;
    
}
#mainNavbar .nav-item-submenu .nav-link.active {
    border-right-width: 0px;
    border-style: solid;
    border-radius: 0px;
}
.page-intro {
    margin: 0px;
    padding: 20px;
    padding-bottom: 0px;
    text-align: right;
    width: 100%;
}
.page-intro h1 {
    font-style:normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
}


.page-intro h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.navbar {
    padding-left: 0;
    padding-right: 0;
    justify-content:left;
}


.main-container {
    color: #CCCCCC;
    background-color: #FFFFFF;
    max-width: 100%;
}

.navbar-nav.nav-level-sub { 
    column-width: auto;
    column-count: 2;
}

.page-content {
    max-width: 100%;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
.nav-item-submenu {
    margin-bottom: 15px;
}
.nav-item.nav-item-submenu.col-6
{
    padding-left:0px;
}
.header-page-content {
    border-color: #426194;
    border-left-width: 6px;
    border-left-style: solid;
    padding-left: 14px;
    margin-top: 40px;
}

    .header-page-content h4 {
        font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        color: #000000;
    }

        .header-page-content h4.principal {
            display: inline;
            margin-right: 5px
        }

        .header-page-content h4.secondary {
            display: inline;
            color: #426194;
            font-style: italic;
            font-weight: 400;
            font-family: Georgia,Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        }


.body-page-content {
    margin-top: 37px;   
}
.label-font {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #676B70;
}

.label-highlight-font {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #426194;
}


.form-question {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color:black;
}

    .form-question a {
        font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: black;
        text-decoration: underline;
    }
.values-font {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
    color: #000000;
    padding-left: 0px;
    padding-right: 0px;
}
.subtitle-model1-font {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: black;
}
.subtitle-model1-font.paragraph {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: black;
}
.subtitle-model2-font {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}


.subtitle-model2-font.paragraph {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: black;
}

.subtitle-model3-font {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}
    .subtitle-model3-font.paragraph {
        font-family: 'Lato', sans-serif;
        font-style: normal;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 24px;
        color: black;
    }

.subtitle-model4-font {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 24px;
    color: black;
}

    .subtitle-model4-font.paragraph {
        font-family: 'Lato', sans-serif;
        font-style: normal;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 24px;
        color: black;
    }

.row-gridinformations-settings {
   
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(217, 217, 217, 1.0);
    align-content: center;
    height: auto;
    padding: 20px 0px 20px 0;
}


.row-gridinformations-bordertop-settings {
    height: 73px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(217, 217, 217, 1.0);
    align-content: center;
}

/*
.row-gridinformations-settings:nth-child(2n) {
     background-color: rgba(66, 97, 148, 0.07)
 }
*/
.fotter-page-content {
    margin-top: 35px;
    text-align:center;
}

.little-button {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 0.375rem 1.0rem;
    line-height: 18px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #426194;
}

a.little-button {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 0.375rem 1.0rem;
    line-height: 18px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #426194;
    text-decoration:none   
}

a.cancel-plan {
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: bold;
    /*font-size: 12px;*/
    line-height: 24px;
    color: #000
}

.normal-button {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 14px 118px;
    line-height: 27px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #426194;
}

a.normal-button {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 14px 118px;
    line-height: 27px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #426194;
    text-decoration: none;
}
.normal-button-large-content {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 14px 118px;
    line-height: 27px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #426194;
}

.normal-button-responsive
{

        font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 1px solid;
        padding: 14px;
        line-height: 27px;
        border-radius: 4px;
        cursor: pointer;
        width: 90%;
        color: #FFFFFF;
        background-color: #426194;

}

a.normal-button-responsive {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 14px;
    line-height: 27px;
    border-radius: 4px;
    cursor: pointer;
    width: 90%;
    color: #FFFFFF;
    background-color: #426194;
    text-decoration: none;
}



.modal-button {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 10px 20px;
    line-height: 27px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #426194;
}

.little-button.right{
    float:right;
}


.col-menu-custom {
    flex: 0 0 407px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 407px;
    max-width: 407px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
    padding: 0px;
}

.col-icon-menu-custom {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 60px;
    max-width: 60px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top:0px;
    background-color:#000000;
}
.col-icon-menu-custom .nav-link
{
    padding-left:0px;
    padding-right:0px;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 0px;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3rem;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
    margin:35px;
}

.messagebox {
    font-family: Poppins,Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 760px;
    margin-top: 35px;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
}
    .messagebox.critical {
        border-color: #F85B5B;
        color: #F85B5B;
    }

    .messagebox.success {
        border-color: #426194;
        color: #426194;
    }

.messagebox-icon {
    display: inline-block;
    box-sizing: border-box;
    padding: 0px;
}
.messagebox-message {
    display: inline-block;
    box-sizing: border-box;
}
.messagebox-buttons-area {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    margin-top: 15px;
}

.messagebox.critical a {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid;
    padding: 0.375rem 1.0rem;
    line-height: 18px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #F85B5B;   
    text-decoration: none
}

#btn_navbartoggler_right:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

.box-plan {
    padding: 15px;
    border-radius: 20px;
    max-width: 336px;
    margin: 35px auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
}
    .box-plan:hover {
        border-color: #426194;
        border-style: solid;
        border-width: 1px; 
    }

    .box-plan:hover .box-plan-title {
        color: #426194;
    }

.box-plan-title {
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
}
    .box-plan-title h2 {
        font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-size: 24px;
        font-weight: 600;
    }

.box-plan-description h4 {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}

.descHTML {
    text-align: left !important;
}

.box-plan-description .descHTML b{
    line-height:50px;
}
.box-plan-description .descHTML span {
    line-height: 25px;
}
.box-plan-options {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}

.box-plan-details {
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;

    text-align: left;
    background-color: rgba(66, 97, 148, 0.07);
    margin-top: 11px;
    padding: 15px;
    /* font-weight: bold; */
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 6px;
}

box-plan-x {
    text-align: left;
    background-color: rgba(66, 97, 148, 0.07);
    margin-top: 11px;
    padding: 15px;
    /* font-weight: bold; */
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 6px;
}

.box-plan-details-content {
    margin-left: 15px;
    display: inline-block;
    color: #676B70;
}

.box-plan-details-content-title {
    text-align: left;
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 600;
    margin-left: 32px;
}
.box-plan-details-content-value {
    text-align: left;
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-left: 32px;
}

.box-plan-options-item {
    text-align: left;
    background-color: rgba(66, 97, 148, 0.07);
    margin-top: 11px;
    padding: 15px;
    /* font-weight: bold; */
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 6px;
}




.box-plan-options-item .radiobuttom
{
    vertical-align:top;
    margin-top:3px;
}
.box-plan-options-item-content {
    margin-left: 15px;
    display: inline-block;
    color: #676B70;
}



input[type="radio"]:checked ~ .box-plan-options-item-content {
    color: #426194;
    font-weight: bold;
}

.box-plan-options-item-content-title {
    text-align: left;
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 600;
}


.box-plan-options-item-content-value {
    text-align: left;
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-left: 32px;
}
    .tip input {
        display: inline-block;
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none !important;
        border-radius: 0;
        border: 1px solid #ced4da;
    }


.box-plan-options-item-content-description {
    text-align: left;
    font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-left: 32px;
}

.box-plan-footer {
    padding: 15px 0px 15px 0px;
    text-align: center;
}


.alert-success {
    color: green;
    background-color: #FFFFFF;
    border-color: #c3e6cb;
    text-align: center;
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.alert-fail {
    color: red;
    background-color: #FFFFFF;
    border-color: red;
    text-align: center;
    font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

#issueDetails .form-group {
    margin-bottom: 20px;
}

.form-group .single-line{
    margin-bottom: 20px;
}
.form-group .big-line {
    margin-bottom: 50px;
}

.no-line-bottom {
    margin-bottom: 0px;
}

.no-line-top {
    margin-top: 0px;
}


.small-line-bottom {
    margin-bottom: 15px;
}

.small-line-top {
    margin-top: 15px;
}

.default-line-bottom{ margin-bottom:30px; }
.default-line-top {
    margin-top: 30px;
}
.large-line-bottom{margin-bottom:45px;}
.large-line-top {
    margin-top: 45px;
}

.termsStyle {
    font-size: 12px;
    color: gray;
    text-align: center;
    width: 100%;
}

.container-fixed-md-width{
    max-width:768px;
}

@media(max-width:1323px) {
    #body_page_content_account_status .row-gridinformations-settings {
        height: 100px;
    }
}

@media (max-width: 993px)  {
    #body_page_content_account_status .row-gridinformations-settings {
        height: 130px;
    }

    .values-font {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width:910px) {
    .normal-button {
        font-family: Roboto,Poppins,apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 1px solid;
        padding: 14px;
        line-height: 27px;
        border-radius: 4px;
        cursor: pointer;
        width: 90%;
        color: #FFFFFF;
        background-color: #426194;
    }
}

@media (max-width: 860px) {

    #ChaseIFrame {
        width: 100%;
        height: 410px;
        margin: 0px;
        padding: 0px;
        border: none;
        
    }
}

@media (min-width:768px) {
    body {
        padding-top: 0px;
        padding-bottom: 0px
    }

    .navbar-brand {
        display: none
    }

    .expanded-brand {
        display: inline-block;
        max-width: 150px;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
    }

    .page-heading {
        margin-top: 0
    }

        .page-heading img {
            max-width: 150px
        }

    .page-intro {
        margin: 0
    }

    .note {
        margin: 30px 0
    }

}

    @media(max-width:689px) {
        #MainMenu .col-menu-custom {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 100%;
            max-width: 100%;
            padding-right: 0px;
            padding-left: 0px;
            margin-top: 0px;
            padding: 0px;
            box-sizing: border-box;
        }

        .col-icon-menu-custom {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 12%;
            width:12%;
            max-width: 80px;
            padding-right: 0px;
            padding-left: 0px;
            margin-top: 0px;
            box-sizing: border-box;
        }
        
        #MainMenu {
            width: 88%;
            box-sizing: border-box;
            background-color: #000000;
        }
            
        .navbar-icon-blanklines.responsive {
            font-size: 16px;
            line-height: 27px;
        }
    }



    @media (max-width: 768px) {
        #body_page_content_account_status .row-gridinformations-settings {
            height: auto;
            padding: 15px 0px 15px 0;
        }
    }

    @media (max-width: 576px) {

        .messagebox-buttons-area {
            text-align: center;
            margin-top: 30px;
        }

        .messagebox-icon {
            text-align: center;
            margin-bottom: 30px;
        }

        .messagebox-message {
            text-align: center;
        }
    }


    @media (max-width: 546px) {
        .navbar-icon-blanklines.responsive {
            font-size: 16px;
            line-height: 32px;
        }
    }


.border-3 {
    border-width: 3px !important;
}

.bg-darklight {
    background-color: #d6dbf3;
}

.rounded-info {
    border-radius: 15px;
}
