/*---Media---*/

@media ( max-width: 767px) {
    html{
        background: #757575;
    }
    body {
        background: white;
        margin-bottom: 1em;
    }
    footer {
        position: static;
    }
    .container {
    padding: 0;
    }
    .dropcontainer ul{
	max-height: 10.23em;
	}
    /*--login and regestation ---*/

    .change-position-logo > img {
        padding-left: 0;
        display: block;
        text-align: center;
    }
    #login-form > div,
    .section-login > div {
        padding: 0;
    }
    .section-login {
        margin-top: auto;
        text-align: left;
        background: transparent;
        letter-spacing: .1em;
        padding: 1.2em 1.5em 2.1em 1.5em;
        overflow: hidden;
    }
    .section-login > h3,
    #login-form h3 {
        margin: 0 0 1.8em;
        text-align: center;
        font-weight: normal;
        background: transparent;
        color: #54585A;
        text-transform: uppercase;
        padding: 0;
    }
    .section-login p {
        margin: -1em 0 1.2em 0;
    }
    .section-login .trigger,
    .section-login .activetrigger,
    .section-login input,
    #login-form input[type='email'],
    #login-form input[type='password'] {
        display: block;
        width: 100%;
        border: none;
        color: #9b9b9b;
        background: white;
        border-bottom: 1px solid #b5b5b5;
        padding: .1em;
        margin-bottom: 1.5em;
    }
    #login-form input:focus {
        border-bottom: 1px solid black;
        color: black;
    }
    .section-login input[type='submit']:focus {
        border-bottom: none;
    }
    .section-login input[type='submit'],
    #login-form input[type='submit'],
    .success-send-email p > a {
        width: 100%;
        margin: 1em 0 3em;
        text-align: center;
        color: white;
        text-transform: uppercase;
        background: #003d79;
        padding: .5em;
        font-weight: normal;
        border-radius: 3px;
    }
    .section-login input[type='submit'] {
        margin-bottom: 1em;
    }
    #activate-account input[type='reset'] {
        width: 100%;
        margin: 1.6em 0 0;
    }
    .section-login > div > div span {
        margin-bottom: .4em;
        font-size: 1.3em;
        display: inline-block;
        letter-spacing: normal;
    }
    .section-login + footer {
        border-top: none;
    }
    .section-login + footer div {
        text-align: center;
    }
    .section-login + footer .social_link > a {
        margin-right: auto;
        width: 2.7em;
        background-size: contain;
    }
    .section-login + footer .social_link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .section-login + footer .replace {
        font-size: .8em;
    }
    .section-login a {
        color: #54585A;
    }
    .section-login a:hover {
        color: #9b9b9b;
    }
    /*---create new account---*/

    .section-login .dropdownvisible a {
        color: #9b9b9b;
    }
    #create-new-account .activetrigger:focus,
	#create-new-account .trigger:focus{
	border-bottom: 1px solid #b5b5b5;
	}
    #create-new-account > h3 {
        margin-bottom: 1em;
    }
    .section-login h4 {
        position: relative;
        color: #54585A;
        text-align: center;
        margin: 1.6em 0 1.4em 0;
        padding: 0;
    }
    .section-login h4:before {
        position: absolute;
        display: block;
        right: -20%;
        width: 200%;
        height: 2px;
        background: #54585A;
        z-index: -1;
    }
    .section-login h4 > span {
        background: #fff;
        padding: 0 .5em;
    }
    .section-login h4:after {
        display: none;
    }
    .section-login input {
        margin: 0 0 1.25em 0;
    }
    #create-new-account .dropdownvisible {
        background: #eee;
        top: -1.1em;
    }
    /*---success-send-email---*/

    .success-send-email {
        letter-spacing: normal;
    }
    .success-send-email h2 {
        font-size: 1.3em;
        font-weight: normal;
        margin: 1.5em 0 1em;
    }
    .success-send-email p {
        font-size: 1em;
        line-height: 122%;
        margin: 0 0 1.2em 0;
    }
    .success-send-email p > a {
        display: inline-block;
        letter-spacing: .1em;
        margin: 1em 0;
    }
    .success-send-email p > a:hover,
    .success-send-email p > a:active {
        background: #C7C9C7;
        color: white;
    }
    /*---END login and registration ---*/
    /*---Payment accounts---*/

    .active {
        z-index: 13;
    }
    .top-switch-menu a {
        height: 2.7em;
        display: block;
        padding-bottom: 2.2em;
    }
    .row {
        margin: 0;
    }
    header .col-xs-6 {
        padding: 0px;
    }
    .shift-right {
        font-size: .9em;
        font-weight: normal;
        margin: 0 .5% 0 -2%;
        padding: 1% 1%;
    }
    header img {
        width: 100%;
        max-width: 13em;
        padding-left: 1em;
    }
    .nav-menu-mobile {
        width: 100%;
        position: absolute;
        display: none;
        list-style: none;
        z-index: 10;
        box-shadow: none;
    }
    .top-switch-menu {
        position: relative;
    }
    .top-switch-menu a {
        min-height: 2.3em;
    }
    .top-switch-menu img {
        width: 1.5em;
        max-height: 1.5em;
        max-width: 1.5em;
    }
    .info-in-circle {
        position: relative;
        left: -1em;
        font-size: .7em;
        bottom: 1.3em;
    }
    .name-section {
        position: relative;
        margin-top: 0;
        background: #54585A;
        padding: 6% 1% 6% 12%;
    }
    .show-data {
        margin-bottom: .5em;
    }
    .show-data .data,
    .profile {
        padding: 1em 3% .5em;
        background: white;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .data > p {
        text-align: right;
    }
    .data .mobile p {
        margin: .2em 0
    }
    .mobile {
        padding: 0;
        margin-left: 10%;
    }
    .mobile .name-account {
        color: #54585A;
        font-weight: normal;
        text-transform: uppercase;
    }
    .mobile img {
        width: 2em;
    }
    .mobile .description {
        margin: .5em 0;
        font-size: .9em;
    }
    .icon_edit {
        margin-left: -.5em;
        margin-right: .5em;
    }
    .icon_delete {
        margin-left: 0;
    }
    .link-button {
        margin: 0 0 .5em;
        background: white;
        color: black;
        font-weight: 100;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, .7);
        border-radius: 50%;
        border-radius: 50%;
        font-size: 1.2em;
    }
    /*---END payment accounts---*/
    /*---Balance---*/

    section > .caption-provider-table:first-child {
        display: none;
    }
    .show-data > section {
        padding-bottom: 0;
    }
    .show-data > section > div {
        padding-right: 0;
        color: #555;
        background: transparent;
        width: 49%;
        display: inline-block;
        position: relative;
        border-bottom: none;
        text-align: left;
        font-weight: normal;
        letter-spacing: -0.01em;
    }
    .show-data > section > .row-data {
        padding-left: 0;
        padding-right: 16%;
        margin-bottom: 4.5em;
    }
    .show-data > section > .row-data:after {
        position: relative;
        display: block;
        top: 5em;
        content: '';
        width: 500%;
        margin-left: -300%;
        height: 1px;
        background: #c1c1c1;
    }
    .show-data > section > h4 {
        padding: 1em 12% 1em;
        border-bottom: 1px solid #c1c1c1;
        text-align: left;
    }
    .caption-provider-table {
        background: #eee;
        padding-left: 11%;
    }
    .show-data > section > div > span {
        display: block;
    }
    .show-data > section {
        border-bottom: 1px solid #c1c1c1;
        text-align: center;
        background: white;
        overflow: hidden;
    }
    section > .row-data {
        padding-right: 6em;
    }
    .caption-provider-table > span,
    .row-data > span {
        text-transform: none;
    }
    .caption-provider-table > span:first-child,
    .row-data > span:first-child {
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: .2em;
    }
    .caption-provider-table > span:first-child {
        padding-bottom: .4em;
    }
    .row-data > .sum {
        font-size: 1.5em;
    }
    .row-data .link-button {
        position: absolute;
        top: 106%;
        left: -43%;
        font-size: 1.1em;
        padding: .4em 2.5em;
        border-radius: inherit;
        margin: 0 auto;
        text-align: center;
        color: white;
        text-transform: uppercase;
        background: #003d79;
    }
    .balance-list {
        height: 2.5em;
        display: block;
        position: absolute;
        top: 1em;
        right: 0;
    }
    /*--END Balance---*/

    /* ---modal in Balance--- */    
    .balance-select-account .modal-body > h4{
        font-size: 1em;
        margin: 0;
        padding: 1.5em 0;
        text-align: center;    
    }    
    .balance-select-account-form > input[type="submit"]{
        width: 78%;
    }
    .balance-select-account-form > label{
        padding: 0.5em 2em
    }

    /* ---END modal in Balance ---     */

    .popover {
        max-width: 70%;
    }
    .modal-dialog,
    #add-account-select-type .modal-dialog {
        width: auto;
        max-width: 500px;
        margin: 3% auto;
    }
    .modal-body,
    #system-error .modal-body,
    #profile-edit .modal-body {
        padding: 1.2em 1.5em 2.1em 1.5em;
    }
    #system-error .modal-body{
        padding-top: 2.6em;
    }
    #system-error button{
        width: 100%;
    }
    .modal-body input,
    .activetrigger,
    .trigger {
        background: white;
        border-bottom: 1px solid #b5b5b5;
        padding: .1em;
        margin-top: 2.33em;
    }
    .trigger,
    .activetrigger {
        background: url(img/modal/input_select.png) 95% center no-repeat;
        font-size: 1.05em;
        letter-spacing: normal;
        margin-top: 2.2em;
    }
    .modal-body input:focus,
    .trigger:focus {
        border-bottom: 1px solid #76a6c7;
    }
    .activetrigger:focus {
        background: url(img/modal/input_select_active.png) 95% center no-repeat;
        border-bottom: 1px solid #76a6c7;
    }
    .modal-body input[type='submit'] {
        margin-top: 1.8em;
        padding: .4em;
    }
    .modal-body .small-margin-top {
        margin-top: 1.33em;
    }

    /* ---Popover--- */
    #popover{
        left: 14%;
        top: 53%;
        width: 70%;
    }
    #popover p:first-child{
        margin-top: 0;
    }
    #popover:after{
        left: 100%;
        border: 10px solid transparent;
        border-left: 10px solid #f7f7f7;
    }
    #popover:before{       
        left: 100.3%;
        border: 11px solid transparent;
        border-left: 10px solid rgba(0,0,0,.35);   
    }

    /*---Delete account---*/

    .select-row {
        margin: 1.8em 0;
        font-size: 100%;
    }
    .modal-body p {
        margin: .5em 0 .8em;
        font-size: 100%;
    }
    .select-row a {
        margin: 0 2em;
    }
    .modal-title {
        text-align: left;
    }
    /*---Check add acount---*/

    #add-account-check .modal-body {
        padding: 1.2em 1.5em 2.1em 1.5em;
    }
    .modal-body .modal-info-caption {
        white-space: nowrap;
        padding: 0;
        margin-top: -.2em;
        margin-bottom: 0;
    }
    .modal-body .modal-info-caption span {
        display: inline-block;
        width: 34%;
    }
    .modal-body .modal-info-caption span:first-child {
        width: 20%;
        margin-left: 0;
        text-align: right;
    }
    /*---Add select type---*/

    #add-account-select-type .modal-body {
        padding: 1.2em 1.5em .2em 1.5em;
        font-size: 1em;
        margin-bottom: 0;
    }
    .modal-body .content-img {
        margin: 0;
        padding: 2em;
        height: 2.3em;
        background-size: 50%;
        margin-bottom: 1.4em;
    }
    .select-add-account a:hover .bank-account,
    .select-add-account a:hover .credit-debit-card {
        background-size: 50%;
    }
    .modal-body .content-img + p {
        font-size: .8em;
    }
    .select-add-account a > span {
        font-size: .8em;
    }
    /*---Profile ---*/

    .name-section > .icon_edit {
        background: url('/content/img/payment/icon_edit_white.png') top center no-repeat;
        float: right;
        height: 1.3em;
        background-size: contain;
    }
    .name-section > .icon_edit:hover {
        background: url('/content/img/payment/icon_edit_hover.png') top center no-repeat;
        background-size: contain;
    }
    .profile {
        padding: 0;
    }
    .profile > p:first-child {
        color: #54585A;
        position: relative;
        padding: .65em .5em;
    }
    .profile > p:first-child > span {
        margin-left: 1em;
        font-size: .9em;
    }
    .profile > p:not(:first-child) > img {
        height: 1.8em;
        width: 1.8em;
        min-width: 1.75em;
        max-width: 1.85em;
    }
    .profile > p:first-child > img {
        max-width: 2.2em;
        min-width: 2em;
        width: 2.1em;
    }
    .profile > p {
        padding: 0.8em 0 1em;
    }
    .profile > p:not(:first-child) > img {
        -webkit-box-flex: 0.04;
        -webkit-flex: 0.04;
        -ms-flex: 0.04;
        flex: 0.04;
        margin: 0 .4em 0 1.6em;
        height: 1.8em;
    }
    /*---Modal in profile change profile---*/

    .profile-edit-form > label {
        display: block;
        margin-bottom: .8em;
    }
    .profile-edit-form > label > span {
        display: block;
    }
    .profile-edit-form > label a.trigger,
    .profile-edit-form > label a.activetrigger,
    .profile-edit-form .dropdownvisible {
        padding: 0.3em 0 0;
        width: 154%;
        color: #000;
    }
    .profile-edit-form > label > input {
        display: block;
        color: black;
        width: 100%;
        padding: 0.3em 0 0;
    }
    .profile-edit-form input[type='submit'],
    #profile-change-password-form input[type='submit'] {
        width: 100%;
    }
    .profile-edit-form .blue-text {
        color: #54585A;
    }
    #profile-edit .modal-body input:focus,
    #profile-edit .trigger:focus,
    #profile-edit .activetrigger:focus,
    #profile-change-password .modal-body input:focus {
        border-bottom: 1px solid black;
        padding: 0.3em 0 0;
    }
    #profile-edit input[type='submit']:focus,
    #profile-change-password-form input[type='submit']:focus {
        padding: .4em;
    }
    /*---Modal in profile change password---*/

    #profile-change-password,
    #system-error {
        margin-top: 30%
    }
    .profile-change-password-form {
        padding: .78em 0;
    }
    .profile-change-password-form > input {
        margin-top: 1.1em;
        display: block;
        color: black;
        width: 100%;
        padding: 0.3em 0 0;
    }
    .profile-change-password-form > input[type='submit'] {
        margin: 3.3em 0 .2em;
    }
    /*---Health Providers---    */

    .show-data.health-providers {
        background: #fff;
        min-height: 29em;
    }
    .show-data.health-providers .data {
        padding: 0.4em 0;
    }
    .health-providers .data .mobile > p {
        width: 100%;
        font-size: .8em;
    }
    .health-providers .link-button {
        padding: .6em .3em .7em;
        margin: 0;
        background: white;
        color: black;
        font-weight: 100;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, .7);
        border-radius: 50%;
        font-size: 1em;
    }
    .health-providers .link-button:hover {
        background: #C7C9C7;
        color: white;
    }
    .health-providers .data .mobile .name-provider {
        color: #54585A;
        font-size: 1em;
        font-weight: normal;
        margin: 0 0 .4em;
        text-transform: uppercase;
    }
    .add-health-provider-form {
        padding: 11% 0 0 0;
    }
    .add-health-provider-form input {
        padding: 0 1.1em;
    }
    .add-health-provider-form input:focus {
        color: black;
        border-bottom: 1px solid black;
    }
    .add-health-provider-form input[type='submit'] {
        margin: 37% 0 0 0;
        font-weight: normal;
        width: 100%;
    }
    input.typeahead {
        background: #eee url('/content/img/modal/find.png') 95% center no-repeat;
        margin: 0 0 1% 0;
        padding: .4em 3em .4em 1.1em;
        border-bottom: none;
    }
    input.typeahead:focus {
        border-bottom: none;
    }
    .add-health-provider-form > p {
        font-size: .8em;
        margin: .2em 0 2.7em;
    }
    #find-health-providers .tt-selectable,
    #find-health-providers h4 {
        padding: .5em .5em;
        font-size: .9em;
    }
    /*---Payment History---*/

    .filters {
        position: relative;
        background: #fff;
        display: block;
        padding: 1em 12% 2.5em;
    }
    .filters .trigger {
        background: transparent url('/content/img/modal/input_select.png') no-repeat 95% center;
    }
    .filters .activetrigger {
        color: black;
        background: transparent url('/content/img/modal/input_select_active.png') no-repeat 95% center;
    ;
    }
    .filters > p {
        width: 100%;
    }
    .data-picker-block {
        margin: 0;
        float: none;
    }
    .filters > p,
    .data-picker-block > span {
        margin: 1em 0;
        text-align: left;
        position: relative;
    }
    .data-picker-block > span {
        position: relative;
        margin-bottom: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        letter-spacing: -0.01em;
    }
    .data-picker-block > span > span {
        background: transparent url('/content/img/modal/input_select.png') no-repeat 95% center;
        padding: .1em 1.2em 0 .1em;
        border-bottom: 1px solid #b5b5b5;
        margin: 0;
    }
    .ranges li,
    .ranges li.active {
        background: #fff;
        color: black;
        border: 1px solid transparent;
    }
    .ranges li:hover,
    .ranges li.active:hover {
        background: #54585A;
    }
    .daterangepicker .ranges {
        background: white;
        width: 100%;
        margin-bottom: .3em;
    }
    .daterangepicker {
        width: 77%;
        margin: 0;
    }
    .payment-history .caption-history-account,
    .payment-history .data {
        color: black;
        padding: 0;
        display: inline-block;
        background: transparent;
        width: 49%;
        text-transform: none;
        font-weight: normal;
    }
    .payment-history .data {} .show-data.payment-history .data {
                                  padding: 0;
                                  width: 51%;
                                  border: none;
                              }
    .transform-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        background: #fff;
        padding: .4em 12% .6em;
        border-top: 1px solid #c1c1c1;
    }
    .transform-box:last-child {
        border-bottom: 1px solid #c1c1c1;
    }
    .show-details-block {
        position: absolute;
        top: 1em;
        right: 5%;
    }
    .show-details-block .show-details {
        margin: 0;
        width: 1.8em;
        height: 1.8em;
    }
    .payment-history .caption-table.caption-history-account p,
    .payment-history .transform-box .data p {
        text-align: left;
        margin: 0;
        width: auto;
        font-size: .8em;
        letter-spacing: -0.05em;
    }
    .payment-history .transform-box .data p {
        font-size: .9em;
    }
    .payment-history .transform-box .data p.cost {
        letter-spacing: normal;
        color: #54585A;
        font-weight: normal;
        font-size: 1.5em;
        margin-bottom: .83em;
    }
    .payment-history .caption-table.caption-history-account p.amount {
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: normal;
        padding: .4em 0;
        font-size: .9em;
    }
    .small-text {
        font-size: .75em;
    }
    p.success {
        color: #21a179;
    }
    p.voided {
        color: #db5461;
    }
    .delimiter {
        margin-bottom: -.3em;
    }
    .dropcontainer ul {
        box-shadow: 2px 2px 8px rgba(0, 0, 0, .7);
    }
    .daterangepicker:after,
    .daterangepicker:before {
        display: block;
    }
    .daterangepicker {
        box-shadow: 2px 2px 8px rgba(0, 0, 0, .7);
        margin-top: .7em;
    }
    .daterangepicker.ltr .calendar.left:after {
        display: none;
    }
    .daterangepicker.opensleft:before,
    .daterangepicker.opensleft:after {
        display: block;
    }
    .daterangepicker.opensleft:after,
    .filters .dropdownvisible:after
    {
        content: '';
        position: absolute;
        left: 20px;
        top: -20px;
        right: 100%;
        border: 10px solid transparent;
        border-bottom: 10px solid white;
    }
    .daterangepicker.opensleft:before,
    .filters .dropdownvisible:before{
        right: 100%;
        content: '';
        position: absolute;
        border: 12px solid transparent;
        border-bottom: 12px solid rgba(0, 0, 0, .1);
        top: -24px;
        left: 18px;
    }
    .filters .dropdownvisible {
        top: .8em;
    }
    .daterangepicker.ltr .calendar.left,
    .daterangepicker.ltr .calendar.right,
    .daterangepicker.ltr .calendar.left .calendar-table,
    .daterangepicker.ltr .calendar.right .calendar-table {
        min-width:100%;
        border: none;
        margin: 0 auto;
        padding: 0;
        background: white;
        border-radius: 0;
    }
    .daterangepicker thead tr th,
    .daterangepicker tr td>* {
        border-radius: 0;
    }
    .daterangepicker thead tr:first-child {
        background: #54585A;
    }
    .daterangepicker .calendar thead tr:first-child th {
        padding: .4em;
        font-size: 1.2em;
        color: white;
    }
    .daterangepicker .calendar thead tr:first-child th.available:hover{
        background: #003d79;
    }
    .prev.available i:before,
    .next.available i:before {
        display: block;
        background: url('/content/img/navigation/previos-month-mobile.png') no-repeat center;
        width: 1em;
        height: 1em;
        color: #d9d9d9;
        content: '';
    }
    .next.available i:before {
        background: url('/content/img/navigation/next-month-mobile.png') no-repeat center;
    }
    .daterangepicker .calendar tr td:first-child,
    .daterangepicker .calendar tr th:first-child {
        padding-left: 2em;
    }
    .daterangepicker .calendar tr td:last-child,
    .daterangepicker .calendar tr th:last-child {
        padding-right: 2em;
    }
    .daterangepicker .calendar tr td:first-child,
    .daterangepicker .calendar tr th:first-child .daterangepicker table {
        /*width:101%;*/
    }
    .daterangepicker .calendar tbody tr:last-child td {
        padding-bottom: .5em;
    }
    .daterangepicker .calendar.right {
        display: none;
    }
    /* ---COMPLETE REGISTRATION--- */
    .container.complete-registration-body{
        background: white;
    }
    .complete-registration{
        position: relative;
        min-width: auto;
        width: 100%;
        max-width: 35em;
        margin: 0 auto;
        padding: 1.8em 2.5em;        
    }
    .complete-registration > img {
        width: 14em;
    }
    .complete-registration > h4{
        margin: 3em 0 1em;
    }
    .complete-registration > p{
        word-spacing: .3em;
        letter-spacing: -.01em;
        line-height: 136%;
    }
    .complete-registration > a{
        width: 100%;
        letter-spacing: .1em;
    }
    .complete-registration footer{
        margin-top: 2em;
        background: white;
        text-align: center;
    }
    .complete-registration .social_link{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 1em
    }
    .complete-registration .social_link > a{
        height: 2.7em;
        width: 2.7em;        
        background-size: contain;
    }
    .complete-registration footer a:hover{
        background-size: contain;
    }
    .complete-registration footer > div:last-child{
        font-size: .8em;
    }
    
    /* --- Refund --- */
    .refund .health-provider p:last-child > :first-child,
     .refund .row > :first-child {
        width: 40%;
    }    
    .refund .health-provider,
    .refund > div{
        padding: 5% 7%;
    }
    .refund .amount{
        padding: 5%;
        margin: 0;
    }
}
@media ( max-width: 767px) and (orientation: portrait) {
    /*---Delete account---*/

    #delete-account,
    #add-account-select-type {
        margin-top: 30%
    }
    .activetrigger {
        background: #fff url(img/modal/input_select.png) 95% center no-repeat;    
    }
    #add-account-select-type .modal-dialog {
        width: auto;
    }
}
@media ( max-width: 767px) and (orientation: landscape) {
    /*--login and regestation ---*/

    head + body {
        margin-bottom: 0;
    }
    .section-login + footer {
        position: static;
    }
    .section-login > div > div {
        font-size: .9em;
        letter-spacing: -.01em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    /*---Profile Change password---*/

    #profile-change-password,
    #system-error {
        margin-top: 0
    }
    /*---add health provider ---*/

    .add-health-provider-form input[type='submit'] {
        margin: 7% auto;
    }
    /*--- pument history ---*/
    .daterangepicker {
        margin: .7em 10% 0;
    }
    .filters > p,
    .filters > div {
        position: relative;
        max-width: 16em;
    }
    /* ---modal in Balance--- */    
    .balance-select-account .modal-body > h4{       
        padding: 1.5em 3em;
        text-align: left;
    }    
    .balance-select-account-form > label{
        padding: 0.5em 3em 
    }
    /* --- Complete registration --- */
    .complete-registration .social_link {    
    -webkit-justify-content: space-around;    
        -ms-flex-pack: distribute;    
            justify-content: space-around;    
    }
}
@media ( min-width: 765px) and (max-width: 980px) {
    /*---Payment accounts---*/   
    .top-switch-menu img {
        width: 26%;
        max-width: 26%;
    }
    .nav-menu a {
        font-size: .7em;
    }
    .shift-right {
        margin: 0;
    }
    .name-section {
        padding: 1.2% 3%;
    }
    footer {
        width: 751px;
    }
    /*---END Payment accounts---*/
    /*---Balance---*/

    .show-data > section {
        font-size: .9em;
    }
    .row-data .link-button {
        left: 100%
    }
    .caption-provider-table > span,
    .row-data > span {
        -webkit-box-flex: .3;
        -webkit-flex: .3;
        -ms-flex: .3;
        flex: .3;
    }
    /*---END Balance---*/

    .modal-dialog {
        width: auto;
        max-width: 500px;
        margin: 3% auto;
    }
    .activetrigger {
        background: #fff url(img/modal/input_select.png) 95% center no-repeat;
    }
    /*---Profile---*/

    .profile > p:first-child > img {
        max-width: 2.55em;
        min-width: 2.45em;
        width: 2.5em;
    }
    /*---Payment history filter--- */

    .daterangepicker .ranges {
        width: 15em;
    }
    .payment-history .caption-history-account {
        font-size: 1em;
    }
    /* --- Complete registration --- */
    .complete-registration .social_link {    
    -webkit-box-pack: center;    
    -webkit-justify-content: center;    
        -ms-flex-pack: center;    
            justify-content: center;    
    }
}