/*
 * FONTS
 */
body {color:#323232;font-family: 'Montserrat', sans-serif;background:#e6e6e6;}

h1 {color:#486a80;font-size:20px;font-weight:300;}
p {font-size:13px;line-height:20px;font-weight:300;}

.color-blue {color:#486a80;}
.color-blue-dark {color:#2f536b;}
.color-white {color:#fff;}
.color-default {color:#323232;}
.color-green {color:#d4e206;}

.font-small {font-size:13px;line-height:18px;}
.font-medium {font-size:15px;}
.font-medium-xs {font-size:14px;}
.font-big {font-size:16px;}
.font-big-xl {font-size:18px;}

.uppercase {text-transform:uppercase;}

.font-bold {font-weight:500;}

.link {text-decoration:underline;color:#323232;}

@media all and  (min-width:992px) {
    p {font-size:16px;line-height:24px;}
    h1 {color:#486a80;font-size:30px;}

    .font-small {font-size:15px;line-height:22px;}
    .font-medium {font-size:20px;}
    .font-medium-xs {font-size:18px;}
    .font-big {font-size:22px;}
    .font-big-xl {font-size:24px;}
}


/*
 * GENERAL
 */

.container {background:#fff;}
@media (min-width: 1260px) {
    .container {width: 1280px;}
}
.bg-light-blue {background:#eff4f7;}
.bg-blue {background:#486a80;}
.bg-white {background:#fff;}
.bg-green {background:#d4e206;}
.bg-red {background:#f38d8d;}
.bg-grey {background:#e6e6e6;}


.svg-icon.fill-blue {fill:#486a80;}
.svg-icon.fill-white {fill:#fff;}
.svg-icon.fill-green {fill:#d4e206 !important;}
.svg-icon.fill-red {fill:#f38d8d;}
.svg-icon.fill-grey {fill:#e6e6e6;}

.full-width {width:100%;}
.reset-margin {padding-left:0px;padding-right:0px;}

.bg-shadow {box-shadow:0px 0px 40px 5px rgba(160, 160, 160 , .12);}
.spacing-right-small {margin-right:20px;}

.opacity-80 {opacity:.8;}
.opacity-50 {opacity:.5;}
.opacity-30 {opacity:.3;}

.padding-right-small {padding-right:10px;}
.margin-right-small {margin-right:10px;}
.margin-left-small {margin-left:10px;}

.inlineBlock {display:inline-block !important}

p.reset {margin-bottom:0px;}

@media all and  (max-width:767px) {
    .reset-on-mobile {padding-left:0px;padding-right:0px;}
}

.title-icon span {margin-top:-6px;}
.stroke {border:1px solid #486a80;border-radius:5px;padding:18px 15px;display:inline-block;}

/* widget box */
.box-icon {width:70px;height:70px;border-radius:75px;border:2px solid #d4e206}
.box-icon .svg-icon {fill:#fff;}
.box-amount .amount {font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: -4px;
    width: 78px;
    text-align: center;
    top: 16px;
    padding: 10px 1px;}
.box-amount {position:relative;margin:0 15px;}

.bg-grey .box-icon .svg-icon,
.bg-light-blue .box-icon .svg-icon ,
.bg-white .box-icon .svg-icon {fill:#486a80;}
.vertical-align {display:flex;align-items:center;align-content:center;}
.space-between {justify-content:space-between}

.image-frame {border:1px solid #dfdfdf;padding:20px;border-radius:5px;}
.separator {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 0;margin:15px 0;}
.round {border-radius:5px;}

.box-icon.small {width:110px;height:110px;margin-top:10px;margin-bottom:10px;}
.sidebar .box-icon.small {overflow:hidden;}
.box-icon.tiny {width:80px;height:80px;margin-top:5px;margin-bottom:5px;}

.sidebar .box-icon.small svg {margin-left: -28px;margin-top: -15px;width: 160px;}
@media all and  (min-width:768px) {
    .box-icon {width:150px;height:150px;border:4px solid #d4e206}
    .box-amount .amount {
        font-size: 36px;
        left: -38px;
        width: 230px;
        top: 50px;
        padding: 12px 1px;
    }
}
@media all and  (max-width:991px) {
    .hide-on-mobile {display:none !important;}
    .reset-on-ipad {padding-left:0px;padding-right:0px;}
    .flex-on-mobile {display:flex;margin-left:0px;margin-right:0px;}
    .horizontal-center-280 {margin:0 auto;width:254px;}
    hr {margin-top:10px;margin-bottom:10px;}
}
@media all and  (min-width:992px) {
    .show-on-mobile {display:none !important;}
    .vertical-align-large {display:flex;align-items:center;align-content:center;}
}

.panel {border:none;box-shadow:none;}

/* info block */
.block-info {display:flex;padding:5px  0px 10px 10px;border-radius:10px;align-content:center;align-self:center;margin-bottom:20px;align-items: center;}
.block-info .icon {border-radius:56px;width:30px;height:30px;margin-right:10px;}
.block-info .icon img {width:30px;border-radius:56px;}
.block-info .text {font-weight:300;}
@media all and  (min-width:992px) {
    .block-info {padding:20px  30px 18px;}
    .block-info .icon {width:56px;height:56px;}
    .block-info .icon img {width:56px;}
}

/* documents block */
.block-document {padding-top:0px;padding-bottom:0px;padding-left:15px;padding-right:15px;border-radius:5px;box-shadow:0 0 21px 0 rgba(185, 197, 205, 0.2);margin-bottom:15px;}
.block-document p {font-size:14px;}
.block-document a {color:#323232;text-decoration:underline;}
.block-document a.btn.outline.white {text-decoration:none;}
.block-document .icon {width:80px;display:inline-block;}

@media all and  (max-width:991px) {
    .block-document a.btn.outline {border-color:#d4d4d4;}
}
@media all and  (min-width:992px) {
    .block-document {padding-top:15px;padding-bottom:10px;}
    .block-document p {width:170px; overflow: hidden;height:48px;margin:0 auto 10px;}
}
@media all and  (min-width:1200px) {
    .block-document .actions {margin:0 20px;}
    .block-document .actions.small {margin:0px;}
}

/* popover */
.popover {background:#486a80;border-color:#486a80;border-radius:0px;box-shadow:none;}
.popover.right {margin-left:15px;}
.popover.right > .arrow {border-right-color:#486a80;}
.popover.right > .arrow:after {border-right-color:#486a80;}
.popover-content {color:#fff;border-color:#486a80;padding:3px 14px;}

/* progress */
.number-round {border-radius:50px;width:32px;height:32px;display:inline-block;text-align:center;line-height:32px;font-weight:500;font-size:17px;color:#fff; flex-shrink: 0;}
.block-progress {border-top:1px solid #dfe5e9;border-bottom:1px solid #dfe5e9;padding:10px 0;}
.block-progress li {display:inline-block;margin-right:5px;}
.block-progress li .number-round {background:#a3b4bf;}
.block-progress li .checkmark {display:none;}
.block-progress li.done .number-round,
.block-progress li.current .number-round {background:#486a80;}
.block-progress li.done .checkmark {display:inline-block;}
.block-progress li.done .arrow {display:none;}
@media all and  (min-width:992px) {
    .number-round {width:42px;height:42px;font-size:22px;line-height:42px;}
    .block-progress {border-bottom:none;padding:20px 0;margin-top:20px;}
}

/* general layout */
ul {list-style-type:none;padding-left:0px}

/* block title */
.block-title {display:flex;align-content:center;align-items:center;padding:5px 0px;margin-left:5px;}
.block-title p {padding:10px 0px;}
.block-title .number-round {width:42px;height:42px;display:inline-block;border-radius:56px;font-size:22px;text-align:center;line-height:42px;font-weight:500;color:#fff;padding:0px !important;margin-right:10px;flex-basis:42px; flex-shrink: 0;}
@media all and  (min-width:992px) {
    .block-title {padding:10px 0px;margin-left:0px;}
    .block-title p {padding:20px 0px;}
    .block-title .number-round {width:56px;height:56px;border-radius:56px;font-size:32px;line-height:56px;flex-basis:56px;}
}

/*
 * CONNECTION
 */

.inner-container {padding:0px 0px;margin:15px 0;}
.connection.container {background:#eff4f7;}
.first-connection {box-shadow:none;border:none;max-width:270px;background:#fff;margin-top:5px;}
.first-connection .panel-heading {padding:0px;border:none;background:#fff;}
.first-connection .panel-heading a {border:none;font-size:14px;padding-left:12px;}
.first-connection .panel-heading a:after {content:"";width:13px;height:8px;display:inline-block;background:url(../images/arrow-up.png) no-repeat;background-size:cover;margin-left:5px;}
.first-connection .panel-heading a.collapsed:after {background:url(../images/arrow-down.png) no-repeat;background-size:cover;}
.first-connection .btn.bg-white:hover {background:#fff;border:1px solid #fff;color:#2f536b;}
.first-connection .panel-body {padding:0px;text-align:center;}

@media all and  (max-width:767px) {
    .welcome {background:#7ca1b9;color:#fff;padding:10px 5px;margin-top:0px;margin-bottom:25px;}
}
@media all and  (min-width:360px) {
    .connection .form-kit {margin: 0 auto;width:320px;}
}
@media all and  (min-width:768px) {

    .connection.first .form-kit {margin:auto;width:320px;}
}
@media all and  (min-width:992px) {
    .connection .form-kit {margin:inherit;width:auto;}
    .first-connection {max-width:360px;}
    .connection.container {background:#fff;}
    .inner-container {padding:0px 15px;margin:15px 0;}
    .connection.first .form-kit {width:360px;}
}
@media all and  (min-width:768px) and (max-width:991px) {
    .welcome {margin-top:0px;margin-bottom:20px;}
}
@media all and  (min-width:1200px) {
    .first-connection {display:none;}
    .connection.bg-image .inner-container {background: #eff4f7 url(../images/intro-sample.png) no-repeat bottom right;min-height:746px;}
    .connection.first .form-kit {width:auto;}
}




@media all and  (min-width:768px) {
    .inner-container {padding:0px 28px;}
}

/*
 * BUTTONS
 */
.btn {border:1px solid #d4e206;background:#d4e206;color:#2f536b;font-size:16px;font-weight:500;padding:5px 20px;display:inline-block;
    transition:background-color 0.3s ease;
    -webkit-transition:background-color 0.3s ease;
    -moz-transition:background-color 0.3s ease;
    -o-transition:background-color 0.3s ease;
    -ms-transition:background-color 0.3s ease;
    line-height:30px;
    margin-right:5px;
    margin-bottom:5px;
}
.btn.bg-blue {background:#486a80;border:1px solid #486a80;color:#fff;}
.btn.bg-red {background:#f38d8d;border:1px solid #f38d8d;color:#fff;}
.btn.bg-grey {background:#e6e6e6;border:1px solid #e6e6e6;color:#486a80;}
.btn.bg-white {background:#fff;border:1px solid #fff;color:#486a80;}

.btn:hover {background:#bccf19;border:1px solid #bccf19;color:#2f536b;}
.btn.bg-blue:hover {background:#2f4757;border:1px solid #2f4757;color:#fff;}
.btn.bg-red:hover {background:#d26b6b;border:1px solid #d26b6b;color:#fff;}
.btn.bg-grey:hover {background:#dddada;border:1px solid #dddada;color:#486a80;}
.btn.bg-white:hover {background:#eff4f7;border:1px solid #eff4f7;color:#2f536b;}

.btn.font-small {font-size:13px;line-height:14px;}
.btn.big {font-size:18px;line-height:38px;}

.btn.small {font-size:14px;}


.btn-icon {display:flex;align-items:center;margin-right:5px;padding:5px 16px 5px 14px;}
.btn-icon.center {justify-content:center;}
.btn-icon.lines {flex-direction:column;padding:5px 8px 5px 8px;}

.icon-plus {color:#fff;background:url(../images/test-img.png) no-repeat;display:inline-block;width:20px;height:20px;background-size:cover;margin-left:10px;}
.icon-closed {color:#fff;background:url(../images/test-img.png) no-repeat;display:inline-block;width:20px;height:20px;background-size:cover;margin-left:10px;}

.icon-view {color:#fff;background:url(../images/icon-view.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}
.icon-download {color:#fff;background:url(../images/icon-download.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}
.icon-edit {color:#fff;background:url(../images/icon-edit.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}
.icon-edit-green {color:#fff;background:url(../images/icon-edit-green.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}
.icon-logout-green {color:#fff;background:url(../images/icon-logout-green.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}

.icon-checkmark-green {color:#fff;background:url(../images/icon-checkmark-green-light.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}

.icon-close  {color:#fff;background:url(../images/icon-close.svg) no-repeat;display:inline-block;width:28px;height:28px;background-size:cover;margin-left:10px;}
.icon-arrow-down {color:#fff;background:url(../images/arrow-down.png) no-repeat;display:inline-block;width:16px;height:10px;background-size:cover;margin-left:10px;}

.icon-mail {color:#fff;background:url(../images/icon-mail.svg) no-repeat;display:inline-block;width:34px;height:34px;background-size:cover;margin-left:10px;}
.icon-mail-green {color:#fff;background:url(../images/icon-mail-green.svg) no-repeat;display:inline-block;width:34px;height:34px;background-size:cover;margin-left:10px;}
.icon-phone {color:#fff;background:url(../images/icon-phone.svg) no-repeat;display:inline-block;width:34px;height:34px;background-size:cover;margin-left:10px;}
.icon-phone-green {color:#fff;background:url(../images/icon-phone-green.svg) no-repeat;display:inline-block;width:34px;height:34px;background-size:cover;margin-left:10px;}

.icon-plus-white {color:#fff;background:url(../images/icon-plus-white.png) no-repeat;display:inline-block;width:34px;height:34px;background-size:cover;margin-left:10px;}
.icon-minus-white {color:#fff;background:url(../images/icon-minus-white.png) no-repeat;display:inline-block;width:34px;height:34px;background-size:cover;margin-left:10px;}

.btn.outline {background:transparent;border:1px solid #d4e206;}
.btn.outline:hover {border-color:#b6c205;}
.btn.outline.grey {background:transparent;border:1px solid #d4d4d4;}
.btn.outline.grey:hover {border-color:#b4b4b4;}
.btn.outline.white {background:transparent;border:1px solid #fff;text-decoration:underline;}
.btn.outline.white:hover {border-color:#d4d4d4;}
.btn.lines.bg-white:hover {background:#dde3e7;}


.btn .spacing-big {padding-top:12px;padding-bottom:12px;display:inline-block;}
.btn.spacing-big {padding-top:14px;padding-bottom:14px;}

.btn.outline.bg-white {background:#fff;}

.btn-info {padding:0px;border:none;border-radius:22px;margin-top:-1px;margin-left:5px;}
.btn-info img {border-radius:50%;width:22px;height:22px;}
i.right {margin-right:5px;margin-left:0px;}

.btn-link {text-decoration:underline;display:inline-block;margin:0 10px;font-size:13px;}
.btn-link.reset {margin:0px;}
@media all and  (min-width:768px) {
    .btn {font-size:19px;line-height:36px;}
    .btn.font-small {font-size:15px;line-height:18px;}
    .btn.big {font-size:24px;line-height:46px;}
    .icon-plus {width:25px;height:25px;}
    .icon-closed {width:25px;height:25px;}
}


/*
 * Form
 */
.form-kit {font-family: 'Montserrat', sans-serif;}
.form-kit label {font-size:13px;font-weight:500;}



input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {font-size:15px;font-weight:400px;border:2px solid #d4d4d4;box-shadow:none;height:42px;color:#323232;width:100%;}

textarea {padding-left:10px;}


input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled {
    background:transparent;border-color:transparent;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.inline input[type="text"] {width:auto;height:auto;border-radius:5px;padding:1px 5px 2px;margin-right:5px;max-width:auto;min-width:auto;}
.inline input[type="password"] {width:auto;height:auto;border-radius:5px;padding:1px 5px 2px;margin-right:5px;max-width:auto;min-width:auto;}
.inline input[type="text"].phone {max-width:130px;}
.inline input[type="text"].email {width:207px;}
.inline input[type="text"]:disabled {}
.form-group {position:relative;}

.form-control:focus {
    border-color: #aabbc6;
    box-shadow: 0 1px 1px rgba(143, 162, 174, 0.1) inset, 0 0 8px rgba(143, 162, 174, 0.6);
    outline: 0 none;
}
.has-success .form-control {
    border-color: #819f41;
    box-shadow:none;
}
.has-success .form-control:focus {
    border-color: #aabbc6;
    box-shadow: 0 1px 1px rgba(143, 162, 174, 0.1) inset, 0 0 8px rgba(143, 162, 174, 0.6);
}

.has-error .form-control {
    border-color: #f38d8d;
    box-shadow:none;
}
.has-error .form-control:focus {
    border-color: #aabbc6;
    box-shadow: 0 1px 1px rgba(143, 162, 174, 0.1) inset, 0 0 8px rgba(143, 162, 174, 0.6);
}

.label-state {display:none;position:relative;font-size:13px;line-height:17px;z-index:5;padding-right:15px;margin-top:2px;margin-bottom:8px;
}
.label-state .list-unstyled {padding-left:3px;}
.label-state .list-unstyled {display:table;height:40px;padding-bottom:0px;margin-bottom:0px;}
.label-state .list-unstyled li {display:table-cell;vertical-align:middle;}
.has-success .label-state.help-block.with-errors {line-height:40px;text-indent:4px;}
.has-success .label-state {background:#486a80;}
.has-error .label-state {color:#f38d8d;}
.has-success .label-state,
.has-error .label-state {display:table;}
.has-success .label-state:before,
.has-error .label-state:before {
    content:'';
    background:url(../images/test-img.png) no-repeat;
    display:inline-block;
    width:22px;
    height:22px;
    background-size:cover;
    position:absolute;
    left:-64px;
    margin-top:4px;
    margin-left:12px;
}
.has-error .label-state:before {
    margin-top:10px;
}
.label-state:after {
    content:'';
    width:28px;
    height:28px;
    display:none;
    position:absolute;
    top:6px;
    left:-14px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    z-index:1;
}
.has-success .label-state:after {
    background:#486a80;
    display:inline-block;
}
.has-error .label-state:after {
    background:#f38d8d;
    /*display:inline-block; */
}
.has-success .label-state:before {background:url(../images/icon-checkmark-green.svg) no-repeat;}
.has-error .label-state:before {background:url(../images/icon-close-red.svg) no-repeat;}
.label-state span {padding-left:4px;}
/* custom checkbox */

input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label {
    position: relative;
    height: 22px;
    width: 22px;
    display: block;
    margin-right: 7px;
    transition: box-shadow 0.4s, border 0.4s;
    cursor: pointer;
    background:url(../images/icon-checkbox.png) no-repeat;
}
input[type=checkbox] + label:hover,
input[type=checkbox]:checked + label {
    /*hover state for checkbox*/
}
input[type=checkbox]:checked + label:after {
    content: '';
    position: absolute;
    background:url(../images/icon-checkbox.png) 0 -22px no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #F00;
    line-height: 1;
    font-size: 18px;
    text-align: center;
}
.form-checkbox {font-weight:500;font-size:14px;}

/* custom radio */
input[type="radio"] {
    display: none;

}
input[type="radio"] + label {
    border: 2px solid;
    border-color: #c9c9c9;
    border-radius: 50px;
    display: inline-block;
    float: left;
    margin-right: 7px;
    padding: 9px;
    position: relative;
    -webkit-appearance: none;
    cursor:pointer;
}
input[type="radio"]:checked + label,
input[type="radio"].checked + label {
    color: #000;
}

input[type="radio"]:checked + label:after,
input[type="radio"].checked + label:after  {
    background: #d4e206;
    border-radius: 50px;
    content: " ";
    height: 10px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 10px;
}
label:hover input[type="radio"] + label {
    border-color: #000;
}
.form-radio {font-weight:500;font-size:14px;}
.form-radio span {line-height:23px;float:left;}
.btn .form-radio {margin-top:5px;padding-left:10px;padding-right:10px;}
.btn input[type="radio"] + label {background:#fff;border: 1px solid;border-color: #c9c9c9;}
.btn input[type="radio"]:checked + label:after,
.btn input[type="radio"].checked + label:after  {}

.family input[type="text"] {font-size:60px;color:#d4e206;text-align:center;height:auto;padding:0px;width:100%;max-width:100% !important;margin-top:-10px;margin-bottom:25px;border:none;background:transparent;box-shadow:none !important;line-height:60px;}

@media all and  (max-width:9911px) {
    .has-success .label-state ,
    .has-success .label-state span {height:0px;display:inline-block;font-size:0px;}
    .has-success .label-state:after,
    .has-error .label-state:after {display:none;}
    .has-success .label-state,
    .has-error .label-state {margin-left:0px;}
    .has-success .label-state:before,
    .has-error .label-state:before {
        position:absolute;
        left:inherit;
        top:-44px;
        right:5px;
    }
    .form-group.has-success {}
    .label-state {width:100%;}
    .custom-input span {line-height:12px;}
}
@media all and  (max-width:1199px) {
    .first .has-success .label-state ,
    .first .has-success .label-state span {height:0px;display:inline-block;font-size:0px;}
    .first .has-success .label-state:after,
    .first .has-error .label-state:after {display:none;}
    .first .has-success .label-state,
    .first .has-error .label-state {margin-left:0px;padding-left:0px;}
    .first .form-group.has-success {}

}
@media all and  (min-width:992px) {

    .connection button[type="submit"] {width:360px;}
    .form-group .inner {/*float:left*/;margin-right:62px;}
    .form-kit label {font-size:15px;}
    input[type="text"],
    input[type="email"],
    input[type="password"] {width:360px;font-size:15px;height:48px;}
    input[type="text"]#fast-search {width: 100%}
    button[type="submit"] {width:360px;}
    .has-success .label-state:before,
    .has-error .label-state:before {
        width:32px;
        height:32px;
        right:6px;
        margin-top:-5px;
        margin-left:10px;
    }
    .has-error .label-state:before {
        margin-top:-4px;
    }
    .form-kit .has-error .label-state:before {
        margin-top:-1px;
    }
    #loginForm .has-error .label-state:before {
        margin-top:1px;
    }
    .label-state {/*margin-left:62px;margin-top:32px;*/}
    .has-success .label-state:before {margin-top:2px;}
    .first .label-state {margin-left:0px;margin-top:2px;}
    .first .has-success .label-state:before {margin-top:9px;}
    .connection  .form-kit {margin-left:65px;}
    connection.first  .form-kit {margin-left:auto;}
    .family input[type="text"] {margin-top:-25px;}

    .connection input[type="text"],
    .connection input[type="email"],
    .connection input[type="password"],
    .connection input[type="number"] {width:360px;}
    .connection button[type="submit"] {width:360px;}
    .connection .label-state {width:360px;}

}
/*
@media all and (min-width:992px) and (max-width:1199px) {
.form-group .inner {margin-bottom:4px;}
.first .has-error .label-state:before {margin-top:-42px;}
.first .has-success .label-state:before {margin-top:-50px;}
.first .has-success .label-state:before,
.first .has-error .label-state:before {left:360px;}

}
*/
@media all and  (min-width:1200px) {
    .first .label-state {/*margin-left:62px;margin-top:32px;*/}
    .first .has-success .label-state:before {margin-top:2px;}
}
.family input[type="text"] {width:100%;}


.arrow-link {
    display: inline-block;
    float: left;
    line-height: 0;
    margin-top: 3px;
    width: 20px;
    height: 20px;
}
.sum {font-size:18px;color:#d4e206;font-weight:bold;min-width:105px;}
table p {margin-bottom:0px;}
@media all and  (min-width:992px) {
    .sum {font-size:22px;}
}

/*
* Dashboard
*/

.dashboard-frame {background:white;padding:10px 5px;}

.dashboard-box {color:#fff;cursor:pointer;}
.dashboard-box a {color:#fff;line-height:24px;font-size:18px;}
.dashboard-box a.btn {color:#486a80;}
.dashboard-box a.btn:hover {color:#fff;}
.dashboard-box .inner {background:#486a80;margin-bottom:10px;border-radius:5px;padding:10px 5px;transition:background-color 0.3s ease;
    -webkit-transition:background-color 0.3s ease;
    -moz-transition:background-color 0.3s ease;
    -o-transition:background-color 0.3s ease;
    -ms-transition:background-color 0.3s ease;}
.dashboard-box .svg-icon.arrow {fill:#fff;}
.dashboard-box .box-amount .amount {
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}
.dashboard-box:hover {color:#486a80;}
.dashboard-box:hover a {color:#486a80;}
.dashboard-box:hover .inner {background:#eff4f7;}
.dashboard-box:hover  a.btn,
.dashboard-box:hover  a.btn:hover {color:#486a80;}
.dashboard-box:hover .svg-icon {fill:#486a80;}
.dashboard-box:hover .svg-icon.arrow {fill:#486a80;}
.dashboard-box:hover .box-amount .amount {background:#eff4f7;color:#486a80;}
@media all and (max-width:991px) {
    .dashboard-box	.btn-icon {padding:5px 6px 5px 11px;}
    .dashboard-box .box-info {max-width:175px;float:left;}
    .dashboard-box .icon-plus-white {width:28px;height:28px;}
    .dashboard-box .icon-minus-white {width:28px;height:28px;}
    .dashboard-box  .btn.big { font-size: 15px;}
    .frame-small {padding-left:5px;padding-right:5px;}
    .dashboard-frame.reset-on-ipad {padding-left:0px;padding-right:0px;}
}
@media all and  (min-width:992px) {
    .dashboard-frame {background:white;padding:20px 5px;min-height:800px;}
    .dashboard-box .inner {padding:20px;margin-bottom:20px;min-height:438px;}
}
@media all and (min-width:1200px) {
    .dashboard-box .inner {min-height:434px;}
}

.dashboard-box-open .item {padding:15px 15px 10px 15px;border-radius:5px;}
.dashboard-box-open .bg-white.item {box-shadow:0 0 21px 0 rgba(185, 197, 205, 0.2);}
.dashboard-box-open table {width:100%;}
.dashboard-box-open table tr td {padding:15px 5px;border-top:1px solid #d5dde1;}
.dashboard-box-open table tr td:nth-child(1) {padding-right:20px;}
.dashboard-box-open table.document-view td {border-top:none;}
.dashboard-box-open table.document-view td:nth-child(1) a {display:block;background:#eff4f7;text-decoration:underline;font-size:12px;text-align:center;}


.document-view {display:flex;align-items:center ;align-content:center;margin:10px 0;flex-direction:column;}
a.document-name  {display:block;background:#eff4f7;font-size:12px;padding:30px 15px;align-self:center;border-radius:5px;word-wrap:break-word;max-width:150px;margin-bottom:10px;}
.document-view .btn.outline.white {border-color:#d4d4d4;}
@media all and  (min-width:992px) {
    .document-view {display:flex;flex-direction:row}
    .document-view .btn.outline.white {text-decoration:none;line-height:25px;border-color:#fff;}
    .document-view .btn.outline.white:hover {border-color:#fff !important;text-decoration:underline;}
    .dashboard-box .box-info {margin-bottom:10px;}
    .dashboard-box-open .left {padding-left:0px;}
    .dashboard-box-open .right {padding-right:0px;}
    .dashboard-box-open .item {padding:15px 10px 10px 10px;}
    a.document-name {margin-bottom:0px;}
}
@media all and  (min-width:1200px) {
    .dashboard-box-open .item {padding:20px 20px 15px;}
}

.dashboard-box-open .box-icon {
    border: 2px solid #d4e206;
    border-radius: 75px;
    height: 70px;
    width: 70px;
    overflow:hidden;
}
.dashboard-box-open .user .box-icon svg {
    margin-left: -17px;
    margin-top: -8px;
    width: 100px;
}
.dashboard-box-open .box-amount .amount {
    font-size: 18px;
    left: -27px;
    padding: 9px 1px;
    top: 13px;
    width: 126px;
}

.has-sidebar {padding-left:0px;padding-right:0px;background:#7ca1b9;}
.sidebar {padding-top:5px;}
.sidebar .btn {white-space:normal;line-height:22px;}
.info-arrow {left: -32px;margin-top: -19px;position: absolute;}
.sidebar .profile {padding-top:5px;padding-bottom:5px;text-align:left;background:#eff4f7;margin-bottom:15px;}
header {margin-bottom:5px;}
header .inner {padding-top:10px;padding-bottom:15px;}
header.admin .logo {margin-top:8px;display:inline-block;}
header.admin .logout {margin-top:21px;margin-left:20px;}
.modal-content {box-shadow:none;}
.modal-header {position:relative;}
.modal-header .close {font-size:35px;color:#000;opacity:1;position:absolute;right:15px;}
@media all and  (min-width:992px) {
    .sidebar {padding-top:15px;}
    .sidebar .profile {padding-top:15px;padding-bottom:15px;background:#fff;}
    .sidebar .profile .title {text-align:center;}
    .header-title {align-items: left;
        display: flex;
        flex-direction: column;
        height: 80px;
        margin-left: 20px;
        margin-top: 10px;
        max-width: 50%;
        place-content: center;}
}
@media all and  (max-width:991px) {
    .sidebar .profile a.btn {width:100%;margin-top:10px;line-height:28px;font-size:14px;}
    header.admin .logo  {max-width:130px;margin-top:5px;}
    header.admin .logout {margin-top:10px}
}

header {position:relative;z-index:10;}
#logoutThree {border:1px solid #e6e6e6;width:190px;position:absolute;background:#fff;right:19px;top:86px;text-align:center;border-radius:5px;}

@media all and (min-width:992px) {
    .dashboard-box.user .box-icon {overflow:hidden}
    .dashboard-box.user .box-icon svg { margin-left: -39px;margin-top: -19px;width: 220px;}
    header .box-icon svg {margin-left: -22px;margin-top: -15px;width: 118px;height: 118px;}
}

@media all and (max-width:767px) {
    .owl-carousel-wrapper {margin:0 25px;}
    .box-amount .amount {

        left: -77px;
        width: 230px;

    }
}

span#fast-search-error {
    color: #a51926!important;
}

.form-fast-search-radio {
    height: 30px;
    width: 160px;
    margin: 0;
    padding: 0;
    float: left;
}

input[type="text"]#fast-search {
    width:49%;
}

#fast-search-submit {
    width: 48%;
    height: 48px;
    margin-right: 0;
    margin-left:5px;
    padding:1px;
}


.field-icon {
    float: left;
    margin-left: 325px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    font-size: 20px;
    color: #888;
}

@media all and (max-width:991px) {
    .field-icon {
        margin-left: 88%;
    }
}