@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/*=================================== Menu ===================================*/

body, h1, h2, h3, h4, h5, h6, p, a {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

 body {
     background: #ffffff;
     margin: 0;
     color: #4c5667;
     overflow-x: hidden !important;
     font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
 html {
     overflow-x: hidden;
     position: relative;
     min-height: 100%;
     background: #ffffff !important;
}
 * {
     outline: none !important;
}
 a:hover, a:active, a:focus {
     outline: 0;
     text-decoration: none;
}

.asteriskRequired {
    font-size: 8px;
    vertical-align: super;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #1e2022;
}

*, ::after, ::before {
    box-sizing: border-box;
}
 .topbar {
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 999;
}
 .topbar .topbar-left {
     float: left;
     position: relative;
      width: 160px !important;
    margin-top: 14px;
    margin-left: 26px;
}
 .topbar .topbar-left-sm {
     width: 180px;
}
 .topbar .topbar-left-sm + .navbar-custom {
     margin-left: 180px;
}
 .logo {
     color: #333 !important;
     font-size: 20px;
     font-weight: 700;
     letter-spacing: .05em;
}
 .logo img{
     width: 130px;
}
 .logo .icon-c-logo {
     display: none;
}
 .navbar-custom {
     background-color: #ffffff;
     border-radius: 0;
     margin-bottom: 0;
     padding: 0 10px 0 0;
     min-height: 70px;
        box-shadow: 0 1px 10px rgb(68 77 86 / 13%);
}
 .navbar-custom .nav-link {
     padding: 0;
     line-height: 70px;
     color: rgba(255, 255, 255, 0.6);
}
 .navbar-custom .dropdown-toggle:after {
     content: initial;
}
 .navbar-custom .menu-left {
     overflow: hidden;
}
 .profile img {
     border: 2px solid #edf0f0;
     height: 36px;
     width: 36px;
}
/* Notification */
 .notification-list {
     margin-left: 0 !important;
}
 .notification-list .noti-title {
     margin-bottom: 0;
    width: auto;
    padding: 12px 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #1e2022;
}
 .notification-list .noti-title h5 {
     margin: 0;
     font-weight: bold;
}
 .notification-list .noti-title .label {
     float: right;
}
 .notification-list .noti-icon {
     font-size: 18px;
     padding: 0 12px;
     vertical-align: middle;
     color: #333;
}
 .notification-list .noti-icon-badge {
     display: inline-block;
    position: absolute;
    top: 17px;
    right: 3px;
    border-radius: 50px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 14px;
}
 .notification-list .notify-item {
     padding: 10px 20px;
}
 .notification-list .notify-item .notify-icon {
     float: left;
     height: 36px;
     width: 36px;
     line-height: 36px;
     text-align: center;
     margin-right: 10px;
     border-radius: 50%;
     color: #ffffff;
}
 .notification-list .notify-item .notify-icon img {
     margin-top: 4px;
}
 .notification-list .notify-item .notify-details {
     margin-bottom: 0;
     overflow: hidden;
     margin-left: 45px;
     text-overflow: ellipsis;
     white-space: nowrap;
         font-size: 14px;
}
 .notification-list .notify-item .notify-details b {
     font-weight: 500;
}
 .notification-list .notify-item .notify-details small {
     display: block;
     color: #666;
}
 .notification-list .notify-item .notify-details span {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 13px;

}
 .notification-list .notify-all {
    font-size: 14px;
    border-radius: 0 0 0.25rem 0.25rem;
    margin: 0 0 -5px 0;
    background-color: #ffffff;
    border-top: 1px solid #e8e8e8;
    padding: 16px;
    text-align: center;
    color: #333;
}

 .notification-list .notify-all i{
    margin-left: 6px;
    font-size: 10px;
}

 .notification-list .profile-dropdown .notify-item {
     padding: 4px 20px;
     padding: 10px 20px;
    color: #1e2022;
    text-align: inherit;
    white-space: nowrap;
    font-size: 15px;
}
 .profile-dropdown {
     width: 200px;
     padding: 10px 0 !important;
     top: 7px !important;
}
 .profile-dropdown i {
     font-size: 17px;
     vertical-align: middle;
     margin-right: 5px;
}
 .profile-dropdown span {
     vertical-align: middle;
}

.noti-dropdown {
      max-width: 400px !important;
     min-width: 21rem;
     top: -9px !important;
    box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%) !important;
        border: 0 solid rgba(31, 45, 61, 0);
    border-radius: 0.375rem;
    box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%);

        inset: 0px auto auto 0px;
    transform: translate3d(886px, 77px, 0px);

        animation: menu-sub-dropdown-animation-fade-in .3s ease 1,menu-sub-dropdown-animation-move-up .3s ease 1;


             -webkit-animation-name: slideInUp; 
     animation-name: slideInUp;

     animation-duration: 300ms;

         -webkit-animation-duration: 1s;
    animation-duration: 1s;
     -webkit-animation-fill-mode: both; 
     animation-fill-mode: both;
         left: 53px !important;
}

.noti-dropdown:before {
    /*right: 2.5rem;*/
    left: 72%;
    content: '';
    background: #FFF;
    box-shadow: none;
    display: block;
    height: 19px;
    width: 19px;
    position: absolute;
    bottom: 100%;
    z-index: -5;
    transform: rotate(-45deg) translateY(1rem);
    border-radius: 0.2rem;
}

#simple-bar {
     max-height: 230px;
    min-height: 100px;
}

.simplebar-scrollbar:before {
    background: #cccccc !important;
}


span.emp-name {
    display: block;
    color: #000;
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-top: -7px;
}

span.user-type-text:last-child {
    margin-bottom: 0;
}

span.user-type-text {
    display: block;
    color: #666;
    line-height: 0px;
    font-size: 12px;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e7eaf3;
}

.uname {
     color: #333;

}

.post-title {
    color: #677788;
     
}
 .nav-user {
     padding: 0 12px !important;
}
 .nav-user img {
     height: 36px;
     width: 36px;
}
 .navbar-nav {
     margin: 0;
}
 .side-menu {
     bottom: 0;
     top: 0;
     width: 240px;
     z-index: 99;
}
 .side-menu.left {
     background: #ffffff;
     position: absolute;
     top: 70px;
     -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
        box-shadow: 0 1px 10px rgb(68 77 86 / 13%);
            
}
 body.fixed-left .side-menu.left {
     bottom: 50px;
     height: 100%;
     margin-bottom: -70px;
     margin-top: 0;
     padding-bottom: 70px;
     position: fixed;
}

.navbar-vertical-fixed .navbar-vertical-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.navbar-vertical-footer {
    border-top: .0625rem solid #e7eaf3;
    padding: 10px 20px;
    text-align: center;
}

.navbar-vertical-footer a {
     font-size: 14px;
     font-weight: 600;
         color: #132144;
}

.navbar-vertical-footer a i {
     margin-right: 6px;
     font-size: 16px;
}

 .content-page {
     margin-left: 240px;
}
 .content-page > .content {
     margin-bottom: 60px;
     padding: 0px 45px;
}

 .content-page > .content-no-bar {
     margin-bottom: 60px;
     margin-top: 0px;
     padding: 15px 45px;
}

.content-page > .upper-content {
    margin-bottom: 10px;
    margin-top: 70px;
    padding: 20px 5px 0px 5px;
}
 .button-menu-mobile {
     border: none;
     color: #333;
     display: inline-block;
     height: 70px;
     width: 60px;
     background-color: #ffffff;
     font-size: 24px;
}

.some-promo-wrapper {
    padding: 10px;
    margin: 30px;
    min-height: 200px;
    border: 1px solid #13c3b5 !important;
    text-align: center;
    border-radius: 10px;
        box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);

}

.top-alert {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}

.promo-icon {
    margin: 11px auto;
}

.promo-icon img {
     width: 78px;
}

.some-promo-wrapper h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}

.some-promo-wrapper p{
    font-size: 13px;
    color: #333;
    margin-bottom: 8px;
}

.some-promo-wrapper a {
     background: #2c335e;
    padding: 7px 20px;
    border: 1px solid #2c335e;
    color: #fff;
    font-weight: 500;
    outline: none;
    font-size: 13px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.button-menu-mobile i {
    color: #13c3b5;
}
 .sidebar-inner {
     height: 100%;
}
 #sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a {
     border: 0;
     font-weight: normal;
     line-height: 1;
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
     text-decoration: none;
}
 #sidebar-menu {
     padding-bottom: 30px;
     padding-top: 30px;
     width: 100%;
     height: calc(100% - 3.1rem);
    overflow-y: auto;
}
 #sidebar-menu .nav > li > a .badge {
     position: absolute;
     right: 10px;
     top: 12px;
}

 #sidebar-menu ul ul {
     display: none;
}
 #sidebar-menu ul ul li {
     border-top: 0;
}
 #sidebar-menu ul ul li.active a {
     color: #7266ba;
}
 #sidebar-menu ul ul a {
     color: #75798B;
     display: block;
     padding: 10px 20px 10px 65px;
     font-size: 0.95rem;
}
 #sidebar-menu ul ul a:hover {
     color: #7266ba;
}
 #sidebar-menu ul ul a i {
     margin-right: 5px;
}
 #sidebar-menu ul ul ul a {
     padding-left: 80px;
}
 #sidebar-menu .label {
     margin-top: 2px;
}
 #sidebar-menu .subdrop {
     background: #f5f5f5 !important;
     border-left: 3px solid #7266ba;
}
 #sidebar-menu > ul > li > a {
     color: #132144;
     display: block;
     padding: 15px 20px;
     /*margin: 4px 0;*/
     border-left: 6px solid #ffffff;
     font-size: 14px;
     font-weight: 600;
}
 #sidebar-menu > ul > li > a:hover {
     color: #2c325e;
     text-decoration: none;
}
 #sidebar-menu > ul > li > a > span {
     vertical-align: middle;
}
 #sidebar-menu ul li .menu-arrow {
     -webkit-transition: -webkit-transform .15s;
     -o-transition: -o-transform .15s;
     transition: transform .15s;
     position: absolute;
     right: 20px;
     display: inline-block;
     font-family: "Material Design Icons";
     text-rendering: auto;
     line-height: 24px;
     font-size: 16px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
     color: #98a6ad;
}
 #sidebar-menu ul li .menu-arrow:before {
     content: "\F142";
}
 #sidebar-menu ul li a.subdrop .menu-arrow {
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
}
 #sidebar-menu ul li a i {
     display: inline-block;
     font-size: 16px;
     line-height: 17px;
     margin-left: 3px;
     margin-right: 15px;
     text-align: center;
     vertical-align: middle;
     width: 20px;
}
 #sidebar-menu ul li a i.md {
     font-size: 18px;
}
 #sidebar-menu > ul > li > a > i.i-right {
     float: right;
     margin: 3px 0 0 0;
}
 #sidebar-menu > ul > li > a.active {
     background: #15C3B5 !important;
    border-left: 6px solid #2C325E;
    color: #fff;
}
 .menu-title {
     padding: 12px 20px !important;
     letter-spacing: .035em;
     pointer-events: none;
     cursor: default;
     font-size: 13px;
}

.page-action-header {
    margin-bottom: 1rem;
}

.page-header-welcome-title {
     margin-bottom: .45rem;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.page-header-title {
    margin-bottom: .25rem;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.page-header-text {
    font-size: 15px;
    color: #333;
    margin-bottom: 0px;
}

.view-more-nav {
     color: #333;
    font-size: 13px;
    font-weight: 500;
}

.view-more-nav:hover {
     color: #15C3B5;
    font-size: 13px;
    font-weight: 500;
}

.claims-wrapper, .coverages-wrapper, .marketing-wrapper {
     margin-bottom: 40px;
}

.claim-noti-wrap {
    background: #abe4de;
    border: 1px solid #2fbcb1;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 20px;
}

.claim-noti-wrap p{
    margin-bottom: 0px;
    font-size: 13px;
    color: #033c37;
}

.claim-noti-wrap p i{
    margin-right: 10px;
}


.alert-success {
    color: #ffffff;
    background-color: #2fbcb1;
    border-color: #2fbcb1;
    font-size: 17px;

}


/*=============== DROP ZONE ===============*/

 .dropzone .dz-message {
     font-size: 30px;
}

.dropzone{
    border: 2px dashed #e8e8e8 !important;
    background: #ffffff;
    border-radius:6px;
    margin-bottom: 24px;
    padding: 40px 20px !important;
}

.dropzone:hover{
    background: #fafafa;
}

.dropzone .dz-message{
    text-align:center;
    margin:2rem 0
}
.dropzone.dz-started .dz-message{
    display:none
}

.upload-msg h3 {
    font-size: 17px;
    font-weight: 600;
}

.upload-msg {
    color: #2fbcb1;
}

.uploaded-files {
    margin-top: 50px 0;
}


.btn-white {
    background-color: #fff;
    border-color: #e8e8e8;
    padding: .4375rem .65625rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: .25rem;
    display: inline-block;
    font-weight: 400;
    color: #677788;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-white:hover {
    color: #15C3B5;
    box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%);
}

.upload-file-icon i{
    font-size: 22px;
    border: 1px solid #e8e8e8;
    width: 49px;
    height: 49px;
    border-radius: 50px;
    padding: 12px;
    color: #15c3b5;
}

.upload-file-name a{
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.upload-file-name p{
    font-size: 12px;
    color: #666;
}

.uploaded-file-wrap {
    border: 1px solid #e8e8e8;
    border-radius: 7px;
    margin: 10px 0px;
    padding: 7px;
}

.uploaded-file-wrap:last-child {
    margin-bottom: 20px;
}
/* ===========


/*================= END DROP ZONE ============*/

.form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + 1.3rem + 1px);
    padding: 0px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #18113c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dddddd;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-group-merge .custom-select:not(:last-child), .input-group-merge .form-control:not(:last-child) {
    padding-right: 2.625rem;
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
}

.input-group-merge .input-group-append .input-group-text:last-child {
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-merge .input-group-append .input-group-text {
    padding: 0 .875rem 0 0;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-merge .input-group-text {
    z-index: 4;
    border: none;
}
.input-group-text {
    border-color: #e7eaf3;
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .54688rem .875rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
    color: #677788;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: .0625rem solid #e7eaf3;
    border-radius: .3125rem;
}

.input-group-merge .input-group-append {
    right: 0;
}
.input-group-merge .input-group-append, .input-group-merge .input-group-prepend {
    position: absolute;
    top: 0;
    bottom: 0;
}
.input-group .input-group-append, .input-group .input-group-prepend {
    z-index: 9;
}

.input-group-append {
    margin-left: -.0625rem;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.6);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.6);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.6);
}

::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.custom-file-label{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 8px);
    padding: 0.675rem .75rem;
    font-weight: 400;
    line-height: 1.3;
    color: #495057;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: .25rem;
    outline: none;
        box-shadow: none !important;
}


.custom-file-input:focus~.custom-file-label, .custom-file-input:active~.custom-file-label {
  border-color: none !important;
  box-shadow: none !important;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.12rem);
    padding: .675rem 3.75rem;
    line-height: 1.3;
    color: #495057;
    content: "Upload Report" !important;
    background-color: #ffffff;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.srch-icon {
     color: #ccc;
    font-size: 20px;
}

 .page-title {
     margin-bottom: 0;
     margin-top: 0;
     font-size: 1.1rem;
     float: left;
}
 .welcome-info-wrapper{
     background: #ffffff;
     box-shadow: 0 2px 6px rgb(68 77 86 / 13%);
     padding: 30px 54px;
     margin: -20px -20px 10px -20px;
}

.page-info-action-wrapper {
     background: #ffffff;
     box-shadow: 0 1px 10px rgb(68 77 86 / 13%);
     padding: 15px 54px;
     margin: -20px -20px 10px -20px;
}


.pg-info-wrap-bg {
     background: #fff url("../images/welcome-bg.svg") no-repeat right;
}

.search-input {
     padding-left: 40px;
}

.search-icon {
     margin-left: 16px;
}
 .page-info-action-wrapper .breadcrumb {
     margin: 0;
     padding: 0;
}

.sort-dropdown {
    border-radius: 4px;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333;
    font-size: 14px;
    padding: 6px 13px 5px 14px;
    box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%) !important;
}

.sort-dropdown:active, .sort-dropdown:focus{
    color: #000;
    outline: none;
    box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%) !important;
    border: 0 solid rgba(0,0,0,.15);
    border: 1px solid #dddddd;
    background: #fafafa;
}

.sort-dropdown-menu {
    box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 98;
    display: none;
    float: left;
    min-width: 8.3rem;
    padding: 1rem 0;
    font-size: .875rem;
    color: #677788;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .6rem;
}

.view-doc-dropdown {
    border-radius: 4px;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333;
    font-size: 14px;
    padding: 6px 13px 5px 14px;
    box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%) !important;
}

.view-doc-dropdown:active, .view-doc-dropdown:focus{
    color: #000;
    outline: none;
    box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%) !important;
    border: 1px solid #dddddd;
    background: #fafafa;
}

.dropdown-item {
    padding: .7rem 1rem;
    font-size: 13px !important;
}

.dropdown-toggle::after {
    display: inline-block;
    vertical-align: middle;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    content: "\e842";
    font-family: feather!important;
    font-size: 18px;
}

/* Small Menu */
 .side-menu-sm {
     width: 180px;
     text-align: center;
}
 .side-menu-sm #sidebar-menu > ul > li > a > i {
     display: block;
     font-size: 18px;
     line-height: 24px;
     width: 100%;
     margin: 0;
}
 .side-menu-sm #sidebar-menu ul ul a {
     padding: 10px 20px 10px 20px;
}
 .side-menu-sm + .content-page .footer {
     left: 180px;
}
 #wrapper.enlarged .side-menu-sm {
     text-align: left;
}
 #wrapper.enlarged .side-menu-sm #sidebar-menu ul li a i {
     display: inline-block;
     font-size: 18px;
     line-height: 17px;
     margin-left: 3px;
     margin-right: 15px;
     vertical-align: middle;
     width: 20px;
}
 .side-menu-sm + .content-page {
     margin-left: 180px;
}
/* Header 2 */
 .page-header-2 {
     background: #ffffff;
     border-bottom: 1px solid #dee2e8;
     margin: -20px -15px 22px -15px;
     padding: 10px 20px 0 20px;
}

 #wrapper.enlarged .menu-title, #wrapper.enlarged .menu-arrow {
     display: none !important;
}
 #wrapper.enlarged #sidebar-menu ul ul {
     border: 2px solid #eeeeee;
     margin-top: -5px;
     padding-top: 5px;
     z-index: 9999;
     background-color: #ffffff;
}
 #wrapper.enlarged .left.side-menu {
     width: 70px;
     z-index: 5;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
     padding: 15px 20px;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:active {
     background: #eeeeee !important;
         color: #2c335e;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
     margin-right: 20px !important;
     font-size: 16px;
}
 #wrapper.enlarged .left.side-menu .label {
     position: absolute;
     top: 5px;
     left: 35px;
     text-indent: 0;
     display: block !important;
     padding: .2em .6em .3em !important;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
     position: relative;
     white-space: nowrap;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
     color: #7266ba;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {
     display: inline;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul {
     display: block;
     left: 70px;
     position: absolute;
     width: 190px;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a {
     background: #ffffff;
     box-shadow: none;
     padding-left: 15px;
     position: relative;
     width: 186px;
     z-index: 6;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a:hover {
     color: #7266ba;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
     color: #7266ba !important;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {
     display: none;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
     display: block;
     left: 186px;
     margin-top: -36px;
     position: absolute;
     width: 190px;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
     -ms-transform: rotate(270deg);
     -webkit-transform: rotate(270deg);
     position: absolute;
     right: 20px;
     top: 12px;
     transform: rotate(270deg);
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
     color: #7266ba;
}
 #wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
     display: none;
     padding-left: 10px;
}

#wrapper.enlarged .left.side-menu #sidebar-support a span {
     display: none;
     padding-left: 10px;
}


#wrapper.enlarged .left.side-menu #ad-promo {
     display: none;
}

#wrapper.enlarged .left.side-menu #sidebar-menu {
     height: calc(100% - 3.05rem); !important;
}


.navbar-vertical-footer a


 #wrapper.enlarged .left.side-menu .user-details {
     display: none;
}
 #wrapper.enlarged .content-page {
     margin-left: 70px;
}
 #wrapper.enlarged .footer {
     left: 70px;
}
 #wrapper.enlarged .topbar .topbar-left {
         width: 160px !important;
    margin-top: 14px;
}
 #wrapper.enlarged .topbar .topbar-left .logo span {
     display: none;
     opacity: 0;
}
 #wrapper.enlarged .topbar .topbar-left .logo .icon-c-logo {
     display: block;
     line-height: 70px;
}
 #wrapper.enlarged #sidebar-menu > ul > li:hover > a.open :after {
     display: none;
}
 #wrapper.enlarged #sidebar-menu > ul > li:hover > a.active :after {
     display: none;
}
 #wrapper.enlarged .tips-box {
     display: none;
}
 .tips-box .portlet {
     -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
}
 .user-details {
     padding: 20px;
     padding-bottom: 0;
     position: relative;
}

i.pro-chevron {
     color: #333;
    font-size: 14px;
    font-weight: 600;
    margin-left: 7px;
}
 .user-details img {
     position: relative;
     z-index: 9999;
}
 .user-details .user-info {
     color: #444444;
     margin-left: 60px;
     position: relative;
     z-index: 99999;
}
 .user-details .user-info a.dropdown-toggle {
     color: #797979;
     display: block;
     font-size: 16px;
     font-weight: 600;
     padding-top: 5px;
}
 #wrapper.right-bar-enabled .right-bar {
     right: 0;
}
 #wrapper.right-bar-enabled .left-layout {
     left: 0;
}
/* Right sidebar */
 .side-bar.right-bar {
     float: right !important;
     right: -266px;
     top: 70px;
     bottom: 0;
     font-size: 0.9rem;
}
 .side-bar {
     -moz-transition: all 200ms ease-out;
     -webkit-transition: all 200ms ease-out;
     background-color: #ffffff;
     box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
     display: block;
     float: left;
     overflow: auto;
     position: fixed;
     transition: all 200ms ease-out;
     width: 240px;
}
 .right-bar {
     background: #ffffff !important;
     z-index: 99 !important;
}
 .right-bar h4 {
     border-bottom: 1px solid #eeeeee;
     padding-bottom: 10px;
     font-size: 1.2rem;
}
 .right-bar .nav-link {
     font-size: 16px;
}
 .right-bar .tab-content {
     padding: 20px;
}

/* =========== Common =============*/

 .container-alt {
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 .footer {
     background-color: #ffffff;
     border-top: 1px solid #e8e8e8;
     bottom: 0;
     color: #2a3142;
     padding: 12px 30px;
     position: absolute;
     right: 0;
     left: 240px;
     text-align: center;
}

.footer p{
     font-size: 12px;
     margin-bottom: 0px;
         text-align: left;
         color: #666;
}

ul.foot-list-separator {
     margin-bottom: 0px;
}

ul.foot-list-separator li a{
     font-size: 12px;
     color: #666;
}

 #wrapper {
     min-height: calc(100vh - 82px);
     overflow: hidden;
     width: 100%;
}
 .page {
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
}
 .card-box {
     padding: 20px;
     border: 1px solid rgba(54, 64, 74, 0.08);
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -moz-border-radius: 5px;
     background-clip: padding-box;
     margin-bottom: 20px;
     background-color: #ffffff;
}
 .header-title {
     text-transform: uppercase;
     font-size: 15px;
     font-weight: 700;
     line-height: 16px;
     margin-bottom: 8px;
     margin-top: 0;
}
 .social-links li a {
     -webkit-border-radius: 50%;
     background: #EFF0F4;
     border-radius: 50%;
     color: #7A7676;
     display: inline-block;
     height: 30px;
     line-height: 30px;
     text-align: center;
     width: 30px;
}

/*================ Account pages =============*/
.acct-bg {
    background: #fafafa !important;
}
.acc-footer {
     left: 0px !important;
}

.acc-content-page {
    margin: 50px 0 0 0;
    background: #fafafa;
}

.account-btn {
    padding: 8px 25px;
    margin-top: 10px;
    border-radius: 4px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.pad-l-r {
     padding: 0px 30px !important;
}

.signup-btn, .signup-btn:active, .signup-btn:focus {
    border: 1px solid #13c3b5;
    color: #ffffff;
    background: #13c3b5;
    text-decoration: none;
    font-size: 14px;
}

.signup-btn:hover {
    border: 1px solid #13c3b5;
    color: #13c3b5;
    background: #ffffff;
    text-decoration: none;
}

.login-btn, .login-btn:active, .login-btn:focus{
     border: 1px solid #13c3b5;
     background: #13c3b5;
     color: #ffffff;
     font-size: 14px;
}

.login-btn:hover{
     border: 1px solid #0c7c6a;
     background: #0c7c6a;
     color: #ffffff;
     text-decoration: none;
}


.large-login-btn, .large-login-btn:active, .large-login-btn:focus, .save-continue-btn, .save-continue-btn:active, .save-continue-btn:focus, .large-action-btn, .large-action-btn:active, .large-action-btn:focus{
     border: 1px solid #13c3b5;
     background: #13c3b5;
     color: #ffffff;
     font-size: 15px;
     padding: 10px 25px;
     outline: none;
}

.large-login-btn:hover, .save-continue-btn:hover, .large-action-btn:hover{
     border: 1px solid #049287;
    background: #049287;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 25px;
}


.back-btn, .back-btn:active, .back-btn:focus{
     border: 1px solid #13c3b5;
     background: #ffffff;
     color: #13c3b5;
     font-size: 15px;
     padding: 10px 25px;
     outline: none;
}

.back-btn:hover{
     border: 1px solid #049287;
    background: #049287;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 25px;
}


.large-action-btn i {
   margin-right: 10px;
}


.continue-save-btn, .continue-save-btn:focus{
   border: 1px solid #13c3b5;
    background: #13c3b5;
    color: #ffffff;
    font-size: 15px;
    padding: 12px 29px;
    outline: none;
    margin-bottom: 10px;
}

.continue-save-btn:hover{
     border: 1px solid #049287;
    background: #049287;
    color: #ffffff;
    font-size: 15px;
    padding: 12px 29px;
}

.continue-save-btn i {
    margin-left: 10px;
}


.back-previous-btn, .back-previous-btn:focus{
   border: 1px solid #dddddd;
    background: #ffffff;
    color: #333;
    font-size: 15px;
    padding: 12px 29px;
    outline: none;
    margin-bottom: 10px;
}

.back-previous-btn:hover{
     border: 1px solid #049287;
    background: #049287;
    color: #ffffff;
    font-size: 15px;
    padding: 12px 29px;
}

.back-previous-btn i {
    margin-right: 10px;
}

.email-ico-wrap, .security-ico-wrap {
    text-align: center;
    margin-top: 35px;
}


.email-ico-wrap img, .security-ico-wrap img{
    width: 86px;
}

.acc-logo-wrap {
     display: inline-block;

}


.custom-support-top-wrap {
    border: 1px solid #dddddd;
    min-height: 70px;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 10px 12px;
}

.custom-support-inner-wrap {
    min-height: 70px;
    border-radius: 6px;
}

.custom-support-inner-wrap h2{
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    padding: 15px 20px;
}


.custom-support-inner-wrap h2{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.custom-support-inner-wrap h2::before {
    margin-right: 1rem;
}

.custom-support-inner-wrap h2::after, .custom-support-inner-wrap h2::before {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border-top: .0625rem solid #dddddd;
    content: "";
    margin-top: .0625rem;
}

.custom-support-inner-wrap h2::after {
    margin-left: 1rem;
}

.custom-support-inner-wrap h2::after, .custom-support-inner-wrap h2::before {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border-top: .0625rem solid #dddddd;
    content: "";
    margin-top: .0625rem;
}

.account-nav {
    background-color: #ffffff;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 10px 0 0;
    box-shadow: 0 1px 10px rgb(68 77 86 / 13%);
}

.mdia h5 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 4px;
}

.mdia p{
    font-size: 12px;
    color: #333;
    margin-bottom: 0px;
}

.logo {
    padding: 9px 0px;
    font-weight: bold;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #03cbbb;
    border: 1px solid white;
    border-radius: .25rem;
}

.navbar-toggler-icon {
    padding-top: 4px;
}

.navbar-toggler-icon .icon-bar {
    display: block;
    width: 30px;
    height: 1px;
    border-radius: 1px;
}

.navbar-toggler-icon .icon-bar {
    background-color: #fff;
     margin-top: 5px;
}

.navbar-nav .nav-item {
    padding-right: 0px !important;
    padding-left: 20px !important;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
}

.account-pages {
     padding-top: 70px;
     padding-bottom: 150px;
}
.account-form-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 10px;
    box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    padding: 0px 10px;
}

.inner-form-wrapper {
     padding: 20px 30px 30px 30px;
}

.inner-form-wrapper p{
     text-align: center;
     color: #333;
     font-size: 14px;
}


.avatar-circle {
    border-radius: 50%;
}
.avatar {
    width: 2.225rem;
    height: 2.225rem;
    border-radius: .3125rem;
}


.avatar-circle .avatar-img, .avatar-circle .avatar-initials {
    border-radius: 50%;
}
.avatar-soft-primary .avatar-initials {
    color: #08887e;
    background-color: rgb(19 195 180 / 44%);
}
.avatar-initials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.09375rem;
    font-weight: 600;
    pointer-events: none;
    text-transform: uppercase;
    border-radius: .3125rem;
}

.mb-2 {
    margin-bottom: 20px;
}

.account-page-header {
     padding: 20px 0;
     border-bottom: 1px solid #e8e8e8;
}

.mtp {
    margin-top: 2rem;
}

.account-page-header .account-page-title{
     color: #000;
     text-align: center;
     margin-bottom: 0px;
     font-weight: bold;
     font-size: 20px;   
}


.acct-page-title {
     color: #000;
     text-align: center;
     margin-bottom: 10px;
     font-weight: bold;
     font-size: 17px;   
}

.code-input {
    height: calc(1.6em + 1rem) !important;
    padding: 0px 20px !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.acct-subtext {
     font-weight: 600;
}

.acct-subtext-no-bold {
     font-weight: 500px;
}

.custom-control-label {
     color: #333 !important;
     font-size: 14px !important;
}

.check-label {
    color: #333 !important;
     font-size: 15px !important;
}

.artwork-wrapper{
          height: 100%;
         background: #077c6a;
         border-radius: 0 10px 10px 0;
     }

.artwork-wrapper img {
     width: 100%;
     border-radius: 0 10px 10px 0;
}

.forgot-pwd-text {
     display: inline-block;
    float: right;
    margin-bottom: 0px;
    margin-top: 2px;
}

.forgot-pwd-text a{
     display: inline-block;
    font-size: 14px;
    color: #333;
    float: right;
}

.rem-pwd {
     display: inline-block !important;  
}

p.no-account-text {
     color: #333;
     text-align: center;
     font-size: 14px;
     margin-bottom: 0px;
}

p.no-account-text a{
     color: #13c3b5;
     text-decoration: none;
}

.account-footer {
     background: #0e1f48 !important;
     padding-top: 70px;
}

.text-white {
    color: #fff!important;
}

.nav-white .nav-link {
    color: rgba(255,255,255,.7);
}

.input-toggle, .input-toggle2{
    display: none;
}


.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #13c3b5;
  background-color: #13c3b5;
  cursor: pointer;
  box-shadow: none !important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: .0625rem solid #e8e8e8;
}

.element-spacer {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.space-bottom-lg-2, .space-lg-2 {
    padding-bottom: 4rem!important;
}

.opacity-xs {
    opacity: .2;
}

.edit-phone-no a{
    border: 1px solid #e8e8e8;
    padding: 3px 7px;
    margin-left: 19px;
    font-size: 13px;
    border-radius: 5px;
    color: #333;
}

.consent-link, .consent-link:hover  {
    color: #13c3b5;
}

.space-1, .space-bottom-1 {
    padding-bottom: 2rem!important;
}

.space-1, .space-top-1 {
    padding-top: 2rem!important;
}

.btn-soft-light {
    color: #f7faff;
    background-color: rgba(247,250,255,.1);
    border-color: transparent;
    border-radius: 50px;
}

.btn-soft-light:hover {
    color: #1f315c;
    background-color: #ffffff;
    border-color: transparent;
}

.footer-logo {
    width: 145px;
}

.btn-icon.btn-xs {
    font-size: .75rem;
    width: 1.75rem;
    height: 1.75rem;
}

.btn-icon {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
}

.opacity-sm {
    opacity: .4;
}

.text-white {
    color: #fff!important;
}
.small, small {
    font-size: 70%;
    font-weight: 400;
    color: #333;
}

.mb-7, .my-7 {
    margin-bottom: 3rem!important;
}

.fw-bold {
     font-weight: 700;
}

.nav-x-0 .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.nav-sm .nav-link {
    font-size: 80%;
}

/* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
     .navbar-nav .nav-item {
         padding-left: 0px !important;
     }

     .navbar-collapse {
          padding: 0px 0px 13px;
     }

     .acc-content-page {
         margin: 67px 30px;
     }

     .account-pages {
         margin-top: 50px;
         padding-top: 45px;
     }

     .account-btn {
         margin-bottom: 5px;
     }

     .footer p {
         text-align: center;
     }

     .account-footer {
         padding-left: 50px;
         padding-right: 50px;
     }

      .mtp {
            margin-top: 0px;
     }

     .artwork-wrapper img {
         width: 100%;
         border-radius: 0 0 10px 10px;
     }

     .artwork-wrapper{
          height: 100%;
         background: #077c6a;
         border-radius: 0 0 10px 10px;
     }

     .back-btn {
        margin-bottom: 15px !important;
     }

     .payment-option-type h3 {
        margin-top: 11px !important;
     }

    .back-previous-btn, .continue-save-btn{
       display: block !important;
           width: 100%;
    }

    .health-screening-wrapper {
        text-align: center;
    }

    .inner-health-scrn h3 {
        margin-top: 11px !important;
    }

    .inner-health-scrn {
        text-align: center !important;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) and (max-width: 768px) {
    .artwork-wrapper img {
         width: 100%;
         border-radius: 0 0 10px 10px;
     }

     .artwork-wrapper{
          height: 100%;
         background: #077c6a;
         border-radius: 0 0 10px 10px;
     }

      .inner-health-scrn {
        text-align: center !important;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {
    .artwork-wrapper{
          height: 100%;
         background: #077c6a;
         border-radius: 0 0 10px 10px;
     }
       
    .artwork-wrapper img {
         width: 100%;
         border-radius: 0 0 10px 10px;
     }
}
 @media only screen and (max-width: 991px) and (min-width: 768px){
     .hero-content {
         color: #374760;
         padding: 80px 0px 60px 0px;
    }

     .inner-health-scrn {
        text-align: center !important;
    }

    .health-screening-wrapper {
        text-align: center;
    }

    .btn-pull-right {
        float: none !important;
    }

    .coverages-snapshot-wrapper, .claim-snapshot-wrapper {
        text-align: center;
    }

    .text-right {
        text-align: center !important;
    }

    .coverages-detail-snapshot, .claim-detail-snapshot {
            margin-bottom: 24px !important;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
    .artwork-wrapper{
          height: 100%;
         background: #077c6a;
         border-radius: 0 10px 10px 0;
     }
       
    .artwork-wrapper img {
         width: 100%;
         border-radius: 0 10px 10px 0;
     }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {
    .artwork-wrapper{
          height: 100%;
         background: #077c6a;
         border-radius: 0 10px 10px 0;
     }
       
    .artwork-wrapper img {
         width: 100%;
         border-radius: 0 10px 10px 0;
     }
}
 

/*================ End of Account pages =============*/


/* =========== Bootstrap-custom =============*/
 .h1, h1 {
     font-size: 36px;
}
 .h2, h2 {
     font-size: 30px;
}
 .h3, h3 {
     font-size: 24px;
}
 .h4, h4 {
     font-size: 18px;
}
 .h5, h5 {
     font-size: 14px;
}
 .h6, h6 {
     font-size: 12px;
}
 .row {
     margin-right: -10px;
     margin-left: -10px;
}
 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
     padding-left: 10px;
     padding-right: 10px;
}
 .breadcrumb {
     background-color: transparent;
     margin-bottom: 15px;
     margin-top: 5px;
}
 .dropdown-menu {
     padding: 10px 0;
     border: 0;
     box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%);
}
 .dropdown-menu > li > a {
     padding: 6px 20px;
}
 .dropdown-item.active, .dropdown-item:active {
     background-color: #f2f2f2;
     color: inherit;
}
 .dropdown-menu-lg {
     max-width: 280px;
}
 code {
     color: #7266ba;
     border-radius: 4px;
}
 code, pre {
     background-color: #f4f8fb;
}
/* Background Colors */
 .bg-empty {
     background: transparent !important;
}
 .bg-primary {
     background-color: #7266ba !important;
}
 .bg-success {
     background-color: #2ebcb1 !important;
}
 .bg-info {
     background-color: #3ddcf7 !important;
}
 .bg-warning {
     background-color: #ffaa00 !important;
}
 .bg-danger {
     background-color: #ef5350 !important;
}
 .bg-muted {
     background-color: #F5F5F5 !important;
}
 .bg-inverse {
     background-color: #4c5667 !important;
}
 .bg-purple {
     background-color: #3bafda !important;
}
 .bg-pink {
     background-color: #f76397 !important;
}
 .bg-white {
     background-color: #ffffff !important;
}
/* Text Colors */
 .text-white {
     color: #ffffff;
}
 .text-danger {
     color: #ef5350 !important;
}
 .text-muted {
     color: #666666 !important;
}
 .text-primary {
     color: #7266ba !important;
}
 .text-warning {
     color: #ffaa00 !important;
}
 .text-success {
     color: #00b19d !important;
}
 .text-info {
     color: #3ddcf7 !important;
}
 .text-inverse {
     color: #4c5667 !important;
}
 .text-pink {
     color: #f76397 !important;
}
 .text-purple {
     color: #3bafda !important;
}
 .text-dark {
     color: #797979 !important;
}
/* Dropcap */
 .dropcap {
     font-size: 3.1em;
}
 .dropcap, .dropcap-circle, .dropcap-square {
     display: block;
     float: left;
     font-weight: 400;
     line-height: 36px;
     margin-right: 6px;
     text-shadow: none;
}
/* =========== Helper classes =============*/
 .p-0 {
     padding: 0 !important;
}
 .p-20 {
     padding: 20px;
}
 .p-t-10 {
     padding-top: 10px !important;
}
 .p-b-10 {
     padding-bottom: 10px !important;
}
 .m-0 {
     margin: 0 !important;
}
 .m-r-5 {
     margin-right: 5px;
}
 .m-r-10 {
     margin-right: 10px;
}
 .m-r-15 {
     margin-right: 15px !important;
}
 .m-l-5 {
     margin-left: 5px;
}
 .m-l-10 {
     margin-left: 10px;
}
 .m-l-15 {
     margin-left: 15px;
}
 .m-t-5 {
     margin-top: 5px !important;
}
 .m-t-10 {
     margin-top: 10px !important;
}
 .m-t-15 {
     margin-top: 15px !important;
}
 .m-t-20 {
     margin-top: 20px !important;
}
 .m-t-30 {
     margin-top: 30px !important;
}
 .m-t-40 {
     margin-top: 40px !important;
}
 .m-t-50 {
     margin-top: 50px;
}
 .m-b-5 {
     margin-bottom: 5px;
}
 .m-b-10 {
     margin-bottom: 10px;
}
 .m-b-15 {
     margin-bottom: 15px;
}
 .m-b-20 {
     margin-bottom: 20px;
}
 .m-b-25 {
     margin-bottom: 25px;
}
 .m-b-30 {
     margin-bottom: 30px !important;
}

.m-b-0 {
     margin-bottom: 0px !important;
}
 .w-xs {
     min-width: 80px;
}
 .w-sm {
     min-width: 95px;
}
 .w-md {
     min-width: 110px;
}
 .w-lg {
     min-width: 140px;
}
 .m-h-50 {
     min-height: 50px;
}
 .l-h-34 {
     line-height: 34px !important;
}
 .font-light {
     font-weight: 300;
}
 .font-normal {
     font-weight: normal;
}
 .font-bold {
     font-weight: bold;
}
 .font-13 {
     font-size: 13px;
}
 .font-14 {
     font-size: 14px;
}
 .font-15 {
     font-size: 15px;
}
 .font-16 {
     font-size: 16px;
}
 .font-18 {
     font-size: 18px;
}
 .wrapper-md {
     padding: 20px;
}
 .pull-in {
     margin-left: -20px;
     margin-right: -20px;
}
 .b-0 {
     border: none !important;
}
 .no-border {
     border: none;
}
 .center-page {
     float: none !important;
     margin: 0 auto;
}
 .bx-s-0 {
     box-shadow: none !important;
}
 .bx-shadow {
     -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
 .mx-box {
     max-height: 380px;
     min-height: 380px;
}
 .thumb-sm {
     height: 32px;
     width: 32px;
}
 .thumb-md {
     height: 48px;
     width: 48px;
}
 .thumb-lg {
     height: 88px;
     width: 88px;
}

/* =========== Badge =============*/
 .badge {
     font-weight: 600;
     padding: 3px 5px;
     font-size: 12px;
     margin-top: 1px;
}
 .badge-xs {
     font-size: 9px;
}
 .badge-xs, .badge-sm {
     -webkit-transform: translate(0, -2px);
     -ms-transform: translate(0, -2px);
     -o-transform: translate(0, -2px);
     transform: translate(0, -2px);
}
 .badge-primary {
     background-color: #7266ba;
}
 .badge-success {
     background-color: #00b19d;
}
 .badge-info {
     background-color: #3ddcf7;
}
 .badge-warning {
     background-color: #ffaa00;
     color: #ffffff;
}
 .badge-danger {
     background-color: #ef5350;
}
 .badge-purple {
     background-color: #3bafda;
}
 .badge-pink {
     background-color: #f76397;
}
 .badge-inverse {
     background-color: #4c5667;
}

.badge-turqoiuse {
     background-color: #13c3b5;
}

 @media print {
     .logo, .breadcrumb, .page-title, .footer, .topbar, .btn-group.pull-right.m-t-15 {
         display: none;
         margin: 0;
         padding: 0;
    }
     .left, .right-bar {
         display: none;
    }
     .content, .card-box {
         margin: 0 !important;
         padding: 0 !important;
         border: none !important;
    }
     .content-page {
         margin-left: 0;
         margin-top: 0 !important;
    }
}
/* =========== Buttons =============*/
 .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-dark {
     color: #ffffff;
}
 .btn-primary {
     background-color: #7266ba;
     border: 1px solid #7266ba;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
     background-color: #6254b2;
     border: 1px solid #6254b2;
}
 .btn-success {
     background-color: #00b19d;
     border: 1px solid #00b19d;
}
 .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
     background-color: #009886;
     border: 1px solid #009886;
}
 .btn-info {
     background-color: #3ddcf7;
     border: 1px solid #3ddcf7;
}
 .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info, .btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
     background-color: #25d8f6;
     border: 1px solid #25d8f6;
}
 .btn-warning {
     background-color: #ffaa00;
     border: 1px solid #ffaa00;
}
 .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
     background-color: #e69900;
     border: 1px solid #e69900;
     color: #ffffff;
}
 .btn-danger {
     background-color: #ef5350;
     border: 1px solid #ef5350;
}
 .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
     background-color: #ed3c39;
     border: 1px solid #ed3c39;
}
 .btn-dark {
     background-color: #2a3142;
     border: 1px solid #2a3142;
     color: #ffffff;
}
 .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark, .btn-outline-dark.active, .btn-outline-dark:active, .show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover {
     background-color: #202532;
     border: 1px solid #202532;
     color: #ffffff;
}
 .btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus {
     -webkit-box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
     box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
}
 .btn-link {
     color: #2a3142;
}
 .btn-link:hover {
     color: #7266ba;
}
/* button Outline */
 .btn-outline-primary {
     color: #7266ba;
     border-color: #7266ba;
}
 .btn-outline-success {
     color: #00b19d;
     border-color: #00b19d;
}
 .btn-outline-info {
     color: #3ddcf7;
     border-color: #3ddcf7;
}
 .btn-outline-warning {
     color: #ffaa00;
     border-color: #ffaa00;
}
 .btn-outline-danger {
     color: #ef5350;
     border-color: #ef5350;
}
 .btn-outline-dark {
     color: #2a3142;
     background-image: none;
     background-color: transparent;
     border-color: #2a3142;
}
 .btn-custom {
     border-bottom: 3px solid transparent;
}
 .btn-custom.btn-default {
     background-color: #f3f3f3;
     border-bottom: 2px solid #cccccc !important;
}
 .btn-custom.btn-primary {
     border-bottom: 2px solid #564aa3 !important;
}
 .btn-custom.btn-success {
     border-bottom: 2px solid #007e70 !important;
}
 .btn-custom.btn-info {
     border-bottom: 2px solid #08aac6 !important;
}
 .btn-custom.btn-warning {
     border-bottom: 2px solid #cc8800 !important;
}
 .btn-custom.btn-danger {
     border-bottom: 2px solid #c71612 !important;
}
 .btn-custom.btn-dark {
     border-bottom: 2px solid #0b0c0f !important;
}
 .btn-rounded {
     border-radius: 2em;
     padding: 6px 18px;
}
 .fileupload {
     overflow: hidden;
     position: relative;
}
 .fileupload input.upload {
     cursor: pointer;
     filter: alpha(opacity=0);
     font-size: 20px;
     margin: 0;
     opacity: 0;
     padding: 0;
     position: absolute;
     right: 0;
     top: 0;
}

/* ============= Checkbox and Radios ============= */
 .checkbox label {
     display: inline-block;
     padding-left: 10px;
     position: relative;
     font-weight: 500;
     font-size: 14px;
     color: #333;
    line-height: 17px;
}
 .checkbox label::before {
     -o-transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     background-color: #ffffff;
     border-radius: 3px;
     border: 1px solid #ccc;
     content: "";
     display: inline-block;
     height: 19px;
     left: 0;
     margin-left: -17px;
     position: absolute;
     transition: 0.3s ease-in-out;
     width: 19px;
     outline: none !important;
     cursor: pointer;
}
 .checkbox label::after {
     color: #333333;
     display: inline-block;
    font-size: 14px;
    height: 16px;
    left: 0;
    margin-left: -16px;
    padding-left: 2px;
    padding-top: 2px;
    position: absolute;
    top: 0;
    width: 16px;
}
 .checkbox input[type="checkbox"] {
     cursor: pointer;
     opacity: 0;
     z-index: 1;
     outline: none !important;
}
 .checkbox input[type="checkbox"]:disabled + label {
     opacity: 0.65;
}
 .checkbox input[type="checkbox"]:focus + label::before {
     outline-offset: -2px;
     outline: none;
}
 .checkbox input[type="checkbox"]:checked + label::after {
     content: "\e83f";
     font-family: feather!important;
}
 .checkbox input[type="checkbox"]:disabled + label::before {
     background-color: #eeeeee;
     cursor: not-allowed;
}
 .checkbox.checkbox-circle label::before {
     border-radius: 50%;
}
 .checkbox.checkbox-inline {
     margin-top: 0;
}
 .checkbox.checkbox-single input {
     height: 18px;
     width: 18px;
     position: absolute;
}
 .checkbox.checkbox-single label {
     height: 18px;
     width: 18px;
}
 .checkbox.checkbox-single label:before {
     margin-left: 0;
}
 .checkbox.checkbox-single label:after {
     margin-left: 0;
}
 .checkbox-custom input[type="checkbox"]:checked + label::before {
     background-color: #7266ba;
     border-color: #7266ba;
}
 .checkbox-custom input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-primary input[type="checkbox"]:checked + label::before {
     background-color: #13c3b5;
     border-color: #13c3b5;
}
 .checkbox-primary input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-danger input[type="checkbox"]:checked + label::before {
     background-color: #ef5350;
     border-color: #ef5350;
}
 .checkbox-danger input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-info input[type="checkbox"]:checked + label::before {
     background-color: #3ddcf7;
     border-color: #3ddcf7;
}
 .checkbox-info input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-warning input[type="checkbox"]:checked + label::before {
     background-color: #ffaa00;
     border-color: #ffaa00;
}
 .checkbox-warning input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-success input[type="checkbox"]:checked + label::before {
     background-color: #00b19d;
     border-color: #00b19d;
}
 .checkbox-success input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-purple input[type="checkbox"]:checked + label::before {
     background-color: #3bafda;
     border-color: #3bafda;
}
 .checkbox-purple input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-pink input[type="checkbox"]:checked + label::before {
     background-color: #f76397;
     border-color: #f76397;
}
 .checkbox-pink input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
 .checkbox-inverse input[type="checkbox"]:checked + label::before {
     background-color: #4c5667;
     border-color: #4c5667;
}
 .checkbox-inverse input[type="checkbox"]:checked + label::after {
     color: #ffffff;
}
/* Radios */
 .radio label {
     display: inline-block;
     padding-left: 5px;
     position: relative;
     font-size: 13px;
}
 .radio label::before {
     -o-transition: border 0.5s ease-in-out;
     -webkit-transition: border 0.5s ease-in-out;
     background-color: #ffffff;
     border-radius: 50%;
     border: 1px solid #98a6ad;
     content: "";
     display: inline-block;
     height: 17px;
     left: 0;
     margin-left: -20px;
     position: absolute;
     transition: border 0.5s ease-in-out;
     width: 17px;
     outline: none !important;
}
 .radio label::after {
     -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     -ms-transform: scale(0, 0);
     -o-transform: scale(0, 0);
     -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     -webkit-transform: scale(0, 0);
     -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     background-color: #333333;
     border-radius: 50%;
     content: " ";
     display: inline-block;
     height: 11px;
     left: 3px;
     margin-left: -20px;
     position: absolute;
     top: 3px;
     transform: scale(0, 0);
     transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     width: 11px;
}
 .radio input[type="radio"] {
     cursor: pointer;
     opacity: 0;
     z-index: 1;
     outline: none !important;
}
 .radio input[type="radio"]:disabled + label {
     opacity: 0.65;
}
 .radio input[type="radio"]:focus + label::before {
     outline-offset: -2px;
     outline: thin dotted;
}
 .radio input[type="radio"]:checked + label::after {
     -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .radio input[type="radio"]:disabled + label::before {
     cursor: not-allowed;
}
 .radio.radio-inline {
     margin-top: 0;
}
 .radio.radio-single label {
     height: 17px;
}
 .radio-custom input[type="radio"] + label::after {
     background-color: #7266ba;
}
 .radio-custom input[type="radio"]:checked + label::before {
     border-color: #7266ba;
}
 .radio-custom input[type="radio"]:checked + label::after {
     background-color: #7266ba;
}
 .radio-primary input[type="radio"] + label::after {
     background-color: #7266ba;
}
 .radio-primary input[type="radio"]:checked + label::before {
     border-color: #7266ba;
}
 .radio-primary input[type="radio"]:checked + label::after {
     background-color: #7266ba;
}
 .radio-danger input[type="radio"] + label::after {
     background-color: #ef5350;
}
 .radio-danger input[type="radio"]:checked + label::before {
     border-color: #ef5350;
}
 .radio-danger input[type="radio"]:checked + label::after {
     background-color: #ef5350;
}
 .radio-info input[type="radio"] + label::after {
     background-color: #3ddcf7;
}
 .radio-info input[type="radio"]:checked + label::before {
     border-color: #3ddcf7;
}
 .radio-info input[type="radio"]:checked + label::after {
     background-color: #3ddcf7;
}
 .radio-warning input[type="radio"] + label::after {
     background-color: #ffaa00;
}
 .radio-warning input[type="radio"]:checked + label::before {
     border-color: #ffaa00;
}
 .radio-warning input[type="radio"]:checked + label::after {
     background-color: #ffaa00;
}
 .radio-success input[type="radio"] + label::after {
     background-color: #00b19d;
}
 .radio-success input[type="radio"]:checked + label::before {
     border-color: #00b19d;
}
 .radio-success input[type="radio"]:checked + label::after {
     background-color: #00b19d;
}
 .radio-purple input[type="radio"] + label::after {
     background-color: #3bafda;
}
 .radio-purple input[type="radio"]:checked + label::before {
     border-color: #3bafda;
}
 .radio-purple input[type="radio"]:checked + label::after {
     background-color: #3bafda;
}
 .radio-pink input[type="radio"] + label::after {
     background-color: #f76397;
}
 .radio-pink input[type="radio"]:checked + label::before {
     border-color: #f76397;
}
 .radio-pink input[type="radio"]:checked + label::after {
     background-color: #f76397;
}
/* ============= Tabs ============= */
 .tab-content {
     padding: 20px 0 0 0;
}
 .nav-tabs > li > a, .nav-pills > li > a {
     color: #2a3142;
     font-weight: 600;
}
 .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
     background-color: #7266ba;
}
/* Vertial tab */
 .tabs-vertical-env .tab-content {
     background: #ffffff;
     display: table-cell;
     padding: 0 0 0 20px;
     margin-bottom: 0;
     vertical-align: top;
}
 .tabs-vertical-env .nav.tabs-vertical {
     display: table-cell;
     min-width: 120px;
     vertical-align: top;
     width: 150px;
}
 .tabs-vertical-env .nav.tabs-vertical li > a {
     color: #2a3142;
     white-space: nowrap;
     font-weight: 600;
     border-radius: 2px;
}
 .tabs-vertical-env .nav.tabs-vertical li > a.active {
     background-color: #7266ba;
     border: 0;
     color: #ffffff;
}
 .tabs-vertical-env-right .tab-content {
     padding: 0 20px 0 0;
}
 .tabs-bordered {
     border-bottom: 2px solid rgba(152, 166, 173, 0.2) !important;
}
 .tabs-bordered .nav-item {
     margin-bottom: -2px;
}
 .tabs-bordered li a, .tabs-bordered li a:hover, .tabs-bordered li a:focus {
     border: 0 !important;
     padding: 10px 20px !important;
}
 .tabs-bordered li a.active {
     border-bottom: 2px solid #7266ba !important;
}
/* Navpills */
 .nav-pills > li > a {
     color: #2a3142;
}
 .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
     background-color: #7266ba;
}
/*=========== Modal =========== */

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: bold;
    font-size: 18px;
}


.modal-content {
     border: 0px !important; 
    border-radius: .3rem;
    outline: 0;
}


.close {
    float: right;
    font-size: 1.2rem;
}

.modal-header {
    padding: 1rem 1rem 1rem 2rem;
}

.modal-action-btn, .modal-action-btn:active, .modal-action-btn:focus {
    background: #13c3b5;
    padding: 7px 15px;
    border: 1px solid #13c3b5;
    color: #fff;
    font-weight: 500;
    outline: none !important;
}

.modal-action-btn:hover {
    background: #0b9c91;
    padding: 7px 15px;
    border: 1px solid #0b9c91;
    color: #fff;
    font-weight: 500;
}

.modal-body{
    padding: 40px 50px 50px;
}

.modal-footer {
    padding: 1rem 1.75rem 1.75rem;
}

/* =========== Form Elements =============*/

 .form-control {
     box-shadow: none;
     color: rgba(0, 0, 0, 0.6);
}
 .form-control:focus {
     background: #ffffff;
     border-color: #10a48f;
     box-shadow: none;
}
 .input-sm {
     height: 30px;
}
 .input-group-btn .btn {
     padding: 7px 14px;
}
 .has-success .form-control {
     border-color: #00b19d;
     box-shadow: none !important;
}
 .has-warning .form-control {
     border-color: #ffaa00;
     box-shadow: none !important;
}
 .has-error .form-control {
     border-color: #ef5350;
     box-shadow: none !important;
}
 .input-group-addon {
     border-radius: 2px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fafafa !important;
    opacity: 1;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.custom-select {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background: #fff url("../images/chevron-down.svg") no-repeat right .5rem center/1.5rem .4rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.textarea-control {
    padding: 15px;
    height: 200px !important;
    resize: none !important;
}


.claim-textarea-control {
    padding: 15px;
    height: 190px !important;
    resize: none !important;
}


.contact-icos {
    padding: 10px;
    border: 1px solid #15c3b5;
    background: #15c3b5;
    color: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50px;
}

/* ============= Notification ============= */
 .notifyjs-metro-base {
     position: relative;
     min-height: 52px;
     min-width: 250px;
     color: #444;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -webkit-animation: dropdownOpen 0.3s ease-out;
     -o-animation: dropdownOpen 0.3s ease-out;
     animation: dropdownOpen 0.3s ease-out;
}
 .notifyjs-metro-base .image {
     display: table;
     position: absolute;
     height: auto;
     width: auto;
     left: 25px;
     top: 50%;
     font-size: 24px;
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .notifyjs-metro-base .text-wrapper {
     display: inline-block;
     vertical-align: top;
     text-align: left;
     margin: 10px 10px 10px 52px;
     clear: both;
}
 .notifyjs-metro-base .title {
     font-size: 15px;
     line-height: 20px;
     margin-bottom: 5px;
     font-weight: bold;
}
 .notifyjs-metro-base .text {
     font-size: 12px;
     font-weight: normal;
     max-width: 360px;
     vertical-align: middle;
}
 .notifyjs-metro-cool {
     color: #fafafa !important;
     background-color: #4A525F;
     border: 1px solid #4A525F;
}

/* =========== Accounts =============*/
 .wrapper-page {
     margin: 7.5% auto;
     max-width: 360px;
}
 .wrapper-page .form-control {
     height: 40px;
}
 .wrapper-page .btn-email {
     padding: 9px 20px;
}
 .logo-lg {
     font-size: 30px !important;
     font-weight: 700;
     line-height: 70px;
     color: #7266ba !important;
}
 .user-thumb img {
     height: 88px;
     margin: 0 auto;
     width: 88px;
}
 .ex-page-content .svg-box {
     float: right;
}
 .message-box {
     margin: 120px 50px;
}
 .message-box h1 {
     color: #252932;
     font-size: 98px;
     font-weight: 700;
     line-height: 98px;
     text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}

 @keyframes float {
     100% {
         transform: translateY(20px);
    }
}


/*============= Accordion ==========*/

.accordion-snapshot-wrapper {
    border-width: 0;
    /*box-shadow: 0 2px 6px rgb(68 77 86 / 13%);*/
    background-color: #fff;
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
        box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
}


.payment-option-wrapper {
    border-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
}

.payment-option-wrapper:last-child{
    margin-bottom: 0px;
}

.no-claims-wrapper {
    border: 1px solid #e8e8e8;
    min-height: 500px;
    margin-bottom: 10px;
    margin-top: 130px;
    padding: 50px 0;
    text-align: center;
    border-radius: 8px;
    background: #ffffff;
}

.no-claim-inner-wrapper {
    margin: 100px;
}

.btn-group {
    float: right;
}


.no-claim-inner-wrapper {
    margin: 100px;
} 


.no-claim-inner-wrapper h1 {
    color: #000;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 17px;
}

.no-claim-inner-wrapper img{
    width: 150px;
    margin-bottom: 20px;
}


.no-claim-inner-wrapper p{
    text-align: center;
    color: #333;
    font-size: 14px;
}

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
    color: #333;
    cursor: pointer;
}

.collapsible-link::before {
    content: '\e842';
    position: absolute;
    top: 50%;
    right: 0.1rem;
    transform: translateY(-50%);
    display: block;
    font-family: "feather" !important;
    font-size: 22px;
    cursor: pointer;
}

.collapsible-link[aria-expanded='true']::before {
    content: '\e845';
}

.accordion-header-inner {
     padding: 20px 30px;
}

.payment-collapsible-link::before {
    display: none !important;
}


.accordion-content-wrapper {
     padding: 20px 30px;
     border-top: 1px solid #e8e8e8;
}

.accordion-content-wrapper p {
    font-size: 14px;
    color: #333;
    margin-bottom: 0px;
}

.mt-03 {
     margin-top: 3px !important;
}

.payment-accordion-header-inner {
    padding: 12px 14px;
}

.payment-accordion-content-wrapper {
    padding: 15px 35px;
    border-top: 1px solid #e8e8e8;
}

.frm-label {
    font-weight: 700;
    font-size: 13px;
    color: #333;
}

 @media only screen and (max-width: 6000px) and (min-width: 700px) {
     .wrapper.right-bar-enabled .right-bar {
         right: 0;
         z-index: 99;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .email-msg {
         display: none;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     body {
         overflow-x: hidden;
    }
}
 @media (max-width: 767px) {
     body {
         overflow-x: hidden;
    }
     .enlarged .left.side-menu {
         margin-left: -75px;
    }
     .content-page {
         margin-left: 0px !important;
    }
     .footer {
         left: 0px !important;
    }
     .mobile-sidebar {
         left: 0px;
    }
     .mobile-content {
         left: 250px;
         right: -250px;
    }
     .navbar-nav .open .dropdown-menu {
         background-color: #ffffff;
         box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
         left: auto;
         position: absolute;
         right: 0;
    }
     .todo-send {
         margin-top: 10px;
         padding-left: 15px;
    }
     .chat-inputbar {
         padding-left: 15px;
    }
     .chat-send {
         margin-top: 10px;
         padding-left: 15px;
         padding-right: 15px;
    }
     .dataTables_wrapper .col-xs-6 {
         width: 100%;
         text-align: left;
    }
     .app-search {
         display: none;
    }
    .claim-snapshot-wrapper, .coverages-snapshot-wrapper {
         padding: 30px 30px;
         text-align: center;
     }

     .claim-detail-snapshot, .coverages-detail-snapshot {
         margin: 10px 2px;
         border-radius: 6px;
     }

     .text-right {
          text-align: center !important;
     }

     .view-detail-btn, .view-detail-btn:active, .view-detail-btn:focus {
          margin-top: 20px;
     }

     .pg-info-wrap-bg {
          background: #ffffff !important;
     }

     .step-indicator-wrapper {
        border-bottom: 1px solid #e8e8e8;
        border-right: none !important;
        height: 100%;
        padding: 60px 35px;
        border-radius: 10px 10px 0px 0px !important;
    }
}
 @media (max-width: 480px) {
     .side-menu {
         z-index: 10 !important;
    }
     .button-menu-mobile {
         display: block;
    }
     .search-bar {
         display: none !important;
    }
     .user-detail {
         bottom: 0;
         background-color: #ffffff;
         z-index: 1;
    }
     #sidebar-menu {
         overflow: auto;
         height: 100%;
         padding-top: 0;
         padding-bottom: 75px;
    }
     .navbar-custom {
         margin-left: 70px !important;
    }
     .page-info-action-wrapper .page-title, .welcome-info-wrapper .page-title{
         float: none;
         text-align: center;
         margin-bottom: 20px;
    }
     .page-info-action-wrapper .breadcrumb, .welcome-info-wrapper .breadcrumb{
         float: none !important;
         font-size: 13px;
    }
     .dropdown-menu-lg {
         max-width: 230px;
    }
}
 @media (max-width: 420px) {
     .hide-phone {
         display: none !important;
    }
}
/* Container-alt */
 @media (min-width: 768px) {
     .container-alt {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container-alt {
         width: 970px;
    }
}
 @media (min-width: 1200px) {
     .container-alt {
         width: 1170px;
    }
}
 @media (max-width: 419px) {
     .topbar-left {
         width: 70px !important;
    }
     .logo .icon-c-logo {
         display: inline-block !important;
         line-height: 58px !important;
    }
     .logo span {
         display: none !important;
    }
     .content-page {
         margin-left: 70px;
    }
     .forced .side-menu.left {
         box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
    }
     .enlarged .side-menu.left {
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
    }
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
     .claim-snapshot-wrapper, .coverages-snapshot-wrapper {
         padding: 30px 30px;
         text-align: center;
     }

     .claim-detail-snapshot, .coverages-detail-snapshot {
         margin: 10px 2px;
         border-radius: 6px;
     }

     .text-right {
          text-align: center !important;
     }

     .btn-pull-right{
         float: none !important;
     }

     .view-doc-dropdown {
         margin-bottom: 10px;
         margin-top: 20px;
     }

     .view-detail-btn, .view-detail-btn:active, .view-detail-btn:focus {
          margin-top: 20px;
     }

     .pg-info-wrap-bg {
          background: #ffffff !important;
     }

     .page-info-action-wrapper,  .welcome-info-wrapper {
          padding: 13px 36px;
     }

     .content-page > .content-no-bar {
         padding: 15px 30px;
     }

     .content-page > .content {
            padding: 0px 28px;
    }

    .step-indicator-wrapper {
        border-bottom: 1px solid #e8e8e8;
        border-right: none !important;
        height: 100%;
        padding: 60px 35px;
        border-radius: 10px 10px 0px 0px !important;
    }

    .wizard-content-wrap {
        padding: 30px 30px !important;    
    }

    .checkbox label::before {
        margin-left: 0px !important;
    }

    .checkbox label {
        display: inline-block;
        padding-left: 31px;
    }

}


.align-items-sm-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.min-w-8rem {
    min-width: 3.5rem;
}

svg {
    margin-bottom: -8px;
    vertical-align: baseline;
}

.all-claims-wrapper, .all-coverages-wrapper {
    margin-bottom: 80px;
}

.claim-options-wrapper{
    margin-bottom: 10px;
    margin-top: 150px;
    padding: 20px 0px;
}


 .wizard-main-wrapper {
    margin-bottom: 10px;
    margin-top: 80px;
    padding: 20px;
}

.claim-snapshot-wrapper{
    border-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px 30px;
        box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
}


.coverages-snapshot-wrapper {
    border-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px 30px;
        box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
}

.coverages-inner-wrap{
     padding: 15px 30px;
}

.claim-detail-snapshot span, .coverages-detail-snapshot span {
     color: #333;
     font-size: 13px;
}

.claim-detail-snapshot h3, .coverages-detail-snapshot h3 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 8px;
}

.claim-detail-snapshot img, .coverages-detail-snapshot img, .coverages-detail-snapshot svg{
     width: 54px;
}



.payment-option-type h3{
    font-size: 15px;
    font-weight: 700;
    margin-top: 3px;
    margin-bottom: 0px;
}

.payment-option-type span {
    font-size: 12px;
}

.payment-option-type img{
     width: 40px;
}


.inner-health-scrn span, .coverages-detail-snapshot span {
     color: #333;
     font-size: 13px;
}

.inner-health-scrn h3{
    font-size: 15px;
    font-weight: 700;
    margin-top: 3px;
}

.inner-health-scrn img{
     width: 54px;
}

.start-claim-btn, .start-claim-btn:active, .start-claim-btn:focus {
    background: #13c3b5;
    padding: 9px 20px;
    border: 1px solid #13c3b5;
    color: #fff;
    font-weight: 500;
    outline: none;
}

.start-claim-btn:hover {
    background: #0b9c91;
    padding: 9px 20px;
    border: 1px solid #0b9c91;
    color: #fff;
    font-weight: 500;
}

.start-claim-btn i {
     margin-right: 10px;
}

.small-start-claim-btn, .small-start-claim-btn:active, .small-start-claim-btn:focus {
    background: #13c3b5;
    padding: 7px 15px;
    border: 1px solid #13c3b5;
    color: #fff;
    font-weight: 500;
    outline: none !important;
}

.small-start-claim-btn:hover {
    background: #0b9c91;
    padding: 7px 15px;
    border: 1px solid #0b9c91;
    color: #fff;
    font-weight: 500;
}

.small-start-claim-btn i {
     margin-right: 10px;
}

.coverages-footer {
     border-top: 1px solid #e8e8e8;
     padding: 15px 30px;
}

.view-detail-btn, .view-detail-btn:active, .view-detail-btn:focus, .small-view-detail-btn, .small-view-detail-btn:active, .small-view-detail-btn:focus {
    background: #ffffff;
    padding: 8px 20px;
    border: 1px solid #2C325E;
    color: #2C325E;
    font-weight: 500;
    outline: none;
    font-size: 14px;

}

.view-detail-btn:hover, .small-view-detail-btn:hover  {
    background: #2C325E;
    padding: 8px 20px;
    border: 1px solid #2C325E;
    color: #fff;
    font-weight: 500;
}


.continue-btn, .continue-btn:active, .continue-btn:focus, .small-continue-btn, .small-continue-btn:active, .small-continue-btn:focus {
    background: #ffffff;
    padding: 8px 20px;
    border: 1px solid #2C325E;
    color: #2C325E;
    font-weight: 500;
    outline: none;
    font-size: 14px;

}

.continue-btn:hover, .small-continue-btn:hover  {
    background: #2C325E;
    padding: 8px 20px;
    border: 1px solid #2C325E;
    color: #fff;
    font-weight: 500;
}


.small-continue-btn i, .continue-btn i, .view-detail-btn i, .small-view-detail-btn i {
    margin-left: 10px;
}


.pull-right {
     float: right;
}

.btn-pull-right {
    float: right;
}


.resource-item-wrapper, .cl-option-inner-wrapper {
    /*box-shadow: 0 2px 6px rgb(68 77 86 / 13%);*/
    background-color: #fff;
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
    /*border: .0625rem solid #ffffff;*/
    width: 100%;
    box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
}

.cl-option-inner-wrapper {
    text-align: center;
    padding: 30px;
}

.cl-option-inner-wrapper:hover{
    background-color: #fff;
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
}


.health-screening-wrapper {
    background-clip: border-box;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 100%;
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 40px;
    box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
}


.option-footer {
    background: #ffffff;
    margin-top: 20px;
    display: inline-block;
}


.cl-option-inner-wrapper:hover > .option-footer .continue-btn  {
    background: #2C325E;
    padding: 8px 20px;
    border: 1px solid #2C325E;
    color: #fff;
    font-weight: 500;
}

.health-screening-wrapper:hover > div div .small-view-detail-btn  {
    background: #2C325E;
    padding: 8px 20px;
    border: 1px solid #2C325E;
    color: #fff;
    font-weight: 500;
}


.resource-mage-wrapper {
     background: #13c3b5;
     height: 170px;
     border-radius: 8px 8px 0 0;
}

.resource-title-wrapper{
     padding: 15px;
}

.resource-title-wrapper h4{
     font-size: 15px;
     margin-bottom: 0px;
     font-weight: 600;
     color: #333;
}

.cl-option-header {
    text-align: center;
    margin-bottom: 30px;
}

.cl-option-header h1{
    font-size: 25px;
    font-weight: bold;
}

.cl-option-header p{
     color: #333;
     display: block;
     font-size: 15px;
}

.resource-title-wrapper h4 a{
     color: #333;
     display: block;
}


.cl-option-image-wrapper {
     text-align: center;
     min-height: 10px;
     margin-bottom: 20px;
     border-radius: 8px 8px 0 0;
}

.cl-option-image-wrapper img{
    width: 100px;
}

.cl-title-wrapper{
     text-align: center;

}

.cl-title-wrapper h4{
     font-size: 15px;
      margin-bottom: 5px;
     font-weight: 700;
     color: #333;
}

.cl-title-wrapper p{
    margin-top: 10px;
    color: #333;
    font-size: 13px;
    margin-bottom: 0px;
}


.profile-setup-content {
    padding: 10px 0;
}

.pro-pic {
    margin-bottom: 30px;
}

.upload-button {
    padding: 7px 11px;
    border: 1px solid #dddddd;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 13px;
}

.profile-pic {
    width: 60px;
    height: 70px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
}

.file-upload {
    display: none;
}


.profile-setup-header {
    margin: 20px 30px 0px 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}


.profile-setup-header h1{
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.profile-setup-header p {
    color: #1e2022;
    font-size: 13px;
    margin-bottom: 5px;
}

.step-indicator-wrapper {
    border-right: 1px solid #e8e8e8;
    height: 100%;
    padding: 40px 35px;
    border-radius: 10px 0 0 10px;
}


.pro-setup-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}


.pro-setup-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
    height: 40px;
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.5rem;
    border-radius: 100%;
}


.pro-setup-step .pro-setup-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    border-radius: 100%;
    border: 1px solid #13c3b5;
    background: #ffffff;
}


.pro-setup-step[data-wizard-state=current] .pro-setup-icon {
    background-color: #13c3b5;
        border: 1px solid #13c3b5;
}

.pro-setup-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pro-setup-title {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;}

.pro-setup-desc {
    color: #333;
    font-size: 12px;}

.pro-setup-check {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pro-setup-number {
    font-size: 1.25rem;
    font-weight: 600;
    color: #13c3b5;
}


.pro-setup-step[data-wizard-state=current] .pro-setup-number {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
}

.svg-icon.svg-icon-2x svg {
    height: 2rem!important;
    width: 2rem!important;
}

/*==================chat widget==================*/

.chat-btn {
    position: fixed;
    right: 14px;
    bottom: 30px;
    cursor: pointer
}

.chat-btn .close {
    display: none
}

.chat-btn i {
    transition: all 0.9s ease
}

#check:checked~.chat-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked~.chat-btn .comment {
    display: none
}

.chat-btn i {
    font-size: 22px;
    color: #fff !important
}

.chat-btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #15C3B5;
    color: #fff;
    font-size: 22px;
    border: none
    border-radius: 100px !important;
    bottom: 20px;
    box-shadow: 0 8px 24px rgb(0 0 0 / 16%) !important;
    cursor: pointer;
    
}

.chat-wrapper {
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 300px;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.4s


    border-radius: 1rem 1rem 0 0;
    flex-shrink: 0;
    transition: max-height .3s;
    z-index: 99;
    box-shadow: 0 5px 40px rgb(0 0 0 / 16%) !important;
}

#check:checked~.chat-wrapper {
    opacity: 1
}

.radio-wrapper {
    border: 1px solid #e8e8e8;
    margin-top: 20px;
    padding: 16px 20px 16px 40px;
    border-radius: 6px;
}


input[value="single"]:checked ~ .radio-wrapper {
  background-color: black;
}
input[value="family"]:checked ~ .radio-wrapper {
  background-color: blue;
}

.radio-active {
    border: 1px solid #2fbcb1 !important;
    background: #fafafa;
}

.radio-icon {
    float: right;
    margin-left: 40px;
}

.radio-icon i {
    font-size: 21px;
    color: #2fbcb1;
}

.mb-30 {
    margin-bottom: 30px;
}

.sub-checkbox-text {
    font-size: 14px;
    margin-left: 27px;
    color: #333;
}

/*=================== Submit claim wizard ====================*/

  /* .wizard-indicator-wrapper {
       padding: 10px;
       border: 1px solid #e8e8e8;
   }
*/
#benefit-category-head .plus .fa-circle {
    color: #d0f3f0;
}
#benefit-category-head .plus .fa-plus {
    color: #15c3b5
}
#benefit-category-head .minus .fa-circle {
    color: #15c3b5;
}
#benefit-category-head .minus .fa-minus {
    color: #ffffff;
}
#custom-benefit #custom-benefit-check{
    float:left;
}
#custom-benefit #custom-benefit-group {
    float: left;
    display:inline-block;
    width:35%;
}
#custom-benefit #custom-benefit-limit {
    color:grey;
    font-size:10px;
}


.wizard-claim-main-content {
   min-height: 200px;
    background-color: #fff;
    border-radius: 8px;
        box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
    border: .0625rem solid rgba(231,234,243,.7);
    margin-bottom: 20px;
}

.wizard-content-wrap {
    padding: 50px 60px;
    min-height: 500px;
}

.wizard-content-wrap h2{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
}

.wizard-content-wrap h2.claim-qt-text {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px !important;
    line-height: 28px;
}


.wizard-content-wrap h3.claim-qt-text-normal {
    font-size: 19px;
}


.wizard-content-wrap p.claim-qt-sub-text {
    margin-top: 10px;
    color: #333;
    font-size: 15px;
    margin-bottom: 0px;
}

.wizard .wizard-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-bottom: 1.5rem;
}

.wizard{
    position:relative;
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    margin-right:-.9375rem;
    margin-left:-.9375rem
}
.wizard.wizard-dashed .wizard-icon::after{
    border-left-style:dashed
}
.wizard-title{
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 12px;
}
.wizard-text:last-child{
    color:#677788;
    margin-bottom:0
}
.wizard-border-last-0 .wizard-item:last-child .wizard-icon::after{
    display:none
}

.wizard .wizard-item{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding-right:.9375rem;
    padding-left:.9375rem;
    margin-bottom:1.5rem
}
.wizard-item-between .wizard-item:last-child{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto
}
.wizard .wizard-content-wrapper{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.wizard .wizard-content{
    -ms-flex:1;
    flex:1
}
.wizard-item.collapse:not(.show){
    display:none
}
.wizard-item .wizard-title-description{
    display:none
}
.wizard-item.focus .wizard-title-description{
    display:block
}
.wizard .wizard-avatar{
    font-size:1.09375rem;
    font-weight:600;
    width:2.625rem;
    height:2.625rem;
    border-radius:50%;
    margin-right:1rem
}
.wizard .wizard-avatar-img{
    max-width:100%;
    height:auto;
    border-radius:50%
}
.wizard .wizard-avatar::after{
    position:absolute;
    top:3.09375rem;
    left:1.3125rem;
    height:calc(100% - 2.15625rem);
    border-left:.125rem solid #e7eaf3;
    content:""
}
.wizard-avatar-xs .wizard-avatar,.wizard-avatar-xs.wizard-avatar{
    font-size:.875rem;
    width:1.53125rem;
    height:1.53125rem
}
.wizard-avatar-xs .wizard-avatar::after,.wizard-avatar-xs.wizard-avatar::after{
    top:2rem;
    left:.70312rem;
    width:1.0625rem;
    height:calc(100% - 1.0625rem)
}
.wizard-avatar-xs .wizard-divider::after{
    left:.76562rem
}
.wizard-avatar-sm .wizard-avatar,.wizard-avatar-sm.wizard-avatar{
    font-size:.98438rem;
    width:2.1875rem;
    height:2.1875rem
}
.wizard-avatar-sm .wizard-avatar::after,.wizard-avatar-sm.wizard-avatar::after{
    top:2.65625rem;
    left:1.03125rem;
    width:1.0625rem;
    height:calc(100% - 1.71875rem)
}
.wizard-avatar-sm .wizard-divider::after{
    left:1.09375rem
}
.wizard-avatar-lg .wizard-avatar,.wizard-avatar-lg.wizard-avatar{
    font-size:1.53125rem;
    width:3.36875rem;
    height:3.36875rem
}
.wizard-avatar-lg .wizard-avatar::after,.wizard-avatar-lg.wizard-avatar::after{
    top:3.8375rem;
    left:1.62187rem;
    width:1.0625rem;
    height:calc(100% - 2.9rem)
}
.wizard-avatar-lg .wizard-divider::after{
    left:1.68437rem
}

.wizard-done-step {
    background: #2fbcb1 !important;
    color: #fff !important;
}

.wizard-done-step i {
    font-size: 15px;
}

.wizard-next-step {
    color: #fff !important;
    border: .125rem solid #2fbcb1 !important;
}

.wizard-done-step::after{
    border-top: .125rem solid #2fbcb1 !important;
    
}

.wizard-next-step::after {
    border-top: .125rem solid #e8e8e8 !important;
    
}

.wizard-inactive-step {
    border: .125rem solid #e8e8e8 !important
}

.wizard-inactive-step i {
    color: #ffffff !important;
}

.wizard-next-step i {
    color: #ffffff !important;
}

.wizard-divider{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    text-transform:uppercase;
    height:1rem;
    font-weight:600
}
.wizard-divider::after{
    position:absolute;
    top:1.46875rem;
    left:1.3125rem;
    height:calc(100% - .53125rem);
    border-left:.125rem solid #e7eaf3;
    content:""
}
.wizard .wizard-icon{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.09375rem;
    font-weight:600;
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    margin-right:1rem
}
.wizard .wizard-icon::after{
    position:absolute;
    top:3.09375rem;
    left:1.3125rem;
    height:calc(100% - 2.15625rem);
    border-left:.125rem solid #e7eaf3;
    content:""
}
.wizard .wizard-icon-pseudo::before{
    display:block;
    width:.25rem;
    height:.25rem;
    background-color:#97a4af;
    border-radius:50%;
    content:""
}
.wizard-icon-xs .wizard-icon,.wizard-icon-xs.wizard-icon{
    font-size:.875rem;
    width:1.53125rem;
    height:1.53125rem
}
.wizard-icon-xs .wizard-icon::after,.wizard-icon-xs.wizard-icon::after{
    top:2rem;
    left:.70312rem;
    width:1.0625rem;
    height:calc(100% - 1.0625rem)
}
.wizard-icon-xs .wizard-divider::after{
    left:.76562rem
}
.wizard-icon-sm .wizard-icon,.wizard-icon-sm.wizard-icon{
    font-size:.98438rem;
    width:2.1875rem;
    height:2.1875rem
}
.wizard-icon-sm .wizard-icon::after,.wizard-icon-sm.wizard-icon::after{
    top:2.65625rem;
    left:1.03125rem;
    width:1.0625rem;
    height:calc(100% - 1.71875rem)
}
.wizard-icon-sm .wizard-divider::after{
    left:1.09375rem
}
.wizard-icon-lg .wizard-icon,.wizard-icon-lg.wizard-icon{
    font-size:1.53125rem;
    width:3.36875rem;
    height:3.36875rem
}
.wizard-icon-lg .wizard-icon::after,.wizard-icon-lg.wizard-icon::after{
    top:3.8375rem;
    left:1.62187rem;
    width:1.0625rem;
    height:calc(100% - 2.9rem)
}
.wizard-icon-lg .wizard-divider::after{
    left:1.68437rem
}
@media (min-width:576px){
    .wizard-sm.wizard-dashed .wizard-icon::after{
        border-left:none;
        border-top-style:dashed
    }
    .wizard-sm .wizard-item{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex:1;
        flex:1;
        margin-bottom:0
    }
    .wizard-sm:not(.wizard-inline) .wizard-content-wrapper{
        display:block
    }
    .wizard-sm .wizard-icon{
        margin-bottom:1rem
    }
    .wizard-sm .wizard-icon::after{
        top:1.3125rem;
        left:3.5625rem;
        width:calc(100% - 3.5625rem);
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        border-left:none
    }
    .wizard-sm .wizard-icon.wizard-icon-xs::after,.wizard-sm.wizard-icon-xs .wizard-icon::after{
        top:.76562rem;
        left:2.46875rem;
        width:calc(100% - 2.46875rem)
    }
    .wizard-sm .wizard-icon.wizard-icon-sm::after,.wizard-sm.wizard-icon-sm .wizard-icon::after{
        top:1.09375rem;
        left:3.125rem;
        width:calc(100% - 3.125rem)
    }
    .wizard-sm .wizard-icon.wizard-icon-lg::after,.wizard-sm.wizard-icon-lg .wizard-icon::after{
        top:1.68437rem;
        left:4.30625rem;
        width:calc(100% - 4.30625rem)
    }
}
@media (min-width:768px){
    .wizard-md.wizard-dashed .wizard-icon::after{
        border-left:none;
        border-top-style:dashed
    }
    .wizard-md .wizard-item{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex:1;
        flex:1;
        margin-bottom:0
    }
    .wizard-md:not(.wizard-inline) .wizard-content-wrapper{
        display:block
    }
    .wizard-md .wizard-icon{
        margin-bottom: 7px;
    }
    .wizard-md .wizard-icon::after{
        top:2.2rem;
        left:3.5625rem;
        width:calc(100% - 3.5625rem);
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        border-left:none
    }
    .wizard-md .wizard-icon.wizard-icon-xs::after,.wizard-md.wizard-icon-xs .wizard-icon::after{
        top:.76562rem;
        left:2.46875rem;
        width:calc(100% - 2.46875rem)
    }
    .wizard-md .wizard-icon.wizard-icon-sm::after,.wizard-md.wizard-icon-sm .wizard-icon::after{
        top:1.09375rem;
        left:3.125rem;
        width:calc(100% - 3.125rem)
    }
    .wizard-md .wizard-icon.wizard-icon-lg::after,.wizard-md.wizard-icon-lg .wizard-icon::after{
        top:1.68437rem;
        left:4.30625rem;
        width:calc(100% - 4.30625rem)
    }
}
@media (min-width:992px){
    .wizard-lg.wizard-dashed .wizard-icon::after{
        border-left:none;
        border-top-style:dashed
    }
    .wizard-lg .wizard-item{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex:1;
        flex:1;
        margin-bottom:0
    }
    .wizard-lg:not(.wizard-inline) .wizard-content-wrapper{
        display:block
    }
    .wizard-lg .wizard-icon{
        margin-bottom:1rem
    }
    .wizard-lg .wizard-icon::after{
        top:1.3125rem;
        left:3.5625rem;
        width:calc(100% - 3.5625rem);
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        border-left:none
    }
    .wizard-lg .wizard-icon.wizard-icon-xs::after,.wizard-lg.wizard-icon-xs .wizard-icon::after{
        top:.76562rem;
        left:2.46875rem;
        width:calc(100% - 2.46875rem)
    }
    .wizard-lg .wizard-icon.wizard-icon-sm::after,.wizard-lg.wizard-icon-sm .wizard-icon::after{
        top:1.09375rem;
        left:3.125rem;
        width:calc(100% - 3.125rem)
    }
    .wizard-lg .wizard-icon.wizard-icon-lg::after,.wizard-lg.wizard-icon-lg .wizard-icon::after{
        top:1.68437rem;
        left:4.30625rem;
        width:calc(100% - 4.30625rem)
    }
}
@media (min-width:1200px){
    .wizard-xl.wizard-dashed .wizard-icon::after{
        border-left:none;
        border-top-style:dashed
    }
    .wizard-xl .wizard-item{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex:1;
        flex:1;
        margin-bottom:0
    }
    .wizard-xl:not(.wizard-inline) .wizard-content-wrapper{
        display:block
    }
    .wizard-xl .wizard-icon{
        margin-bottom:1rem
    }
    .wizard-xl .wizard-icon::after{
        top:1.3125rem;
        left:3.5625rem;
        width:calc(100% - 3.5625rem);
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        border-left:none
    }
    .wizard-xl .wizard-icon.wizard-icon-xs::after,.wizard-xl.wizard-icon-xs .wizard-icon::after{
        top:.76562rem;
        left:2.46875rem;
        width:calc(100% - 2.46875rem)
    }
    .wizard-xl .wizard-icon.wizard-icon-sm::after,.wizard-xl.wizard-icon-sm .wizard-icon::after{
        top:1.09375rem;
        left:3.125rem;
        width:calc(100% - 3.125rem)
    }
    .wizard-xl .wizard-icon.wizard-icon-lg::after,.wizard-xl.wizard-icon-lg .wizard-icon::after{
        top:1.68437rem;
        left:4.30625rem;
        width:calc(100% - 4.30625rem)
    }
}
@media (min-width:576px){
    .wizard-sm.wizard-centered{
        text-align:center
    }
    .wizard-sm.wizard-centered .wizard-item:last-child .wizard-icon::after{
        display:none
    }
    .wizard-sm.wizard-centered .wizard-icon{
        margin-left:auto;
        margin-right:auto
    }
    .wizard-sm.wizard-centered .wizard-icon::after{
        width:calc(100% - 2.625rem);
        left:calc(50% + 2.25rem)
    }
    .wizard-sm.wizard-centered .wizard-icon.wizard-icon-xs::after,.wizard-sm.wizard-centered.wizard-icon-xs .wizard-icon::after{
        width:calc(100% - 1.53125rem);
        left:calc(50% + 1.70312rem)
    }
    .wizard-sm.wizard-centered .wizard-icon.wizard-icon-sm::after,.wizard-sm.wizard-centered.wizard-icon-sm .wizard-icon::after{
        width:calc(100% - 2.1875rem);
        left:calc(50% + 2.03125rem)
    }
    .wizard-sm.wizard-centered .wizard-icon.wizard-icon-lg::after,.wizard-sm.wizard-centered.wizard-icon-lg .wizard-icon::after{
        width:calc(100% - 3.36875rem);
        left:calc(50% + 2.62188rem)
    }
}
@media (min-width:768px){
    .wizard-md.wizard-centered{
        text-align:center
    }
    .wizard-md.wizard-centered .wizard-item:last-child .wizard-icon::after{
        display:none
    }
    .wizard-md.wizard-centered .wizard-icon{
        margin-left:auto;
        margin-right:auto
    }
    .wizard-md.wizard-centered .wizard-icon::after{
        width: calc(100% + 8px);
        left: calc(50% + 0.75rem);
    }
    .wizard-md.wizard-centered .wizard-icon.wizard-icon-xs::after,.wizard-md.wizard-centered.wizard-icon-xs .wizard-icon::after{
        width:calc(100% - 1.53125rem);
        left:calc(50% + 1.70312rem)
    }
    .wizard-md.wizard-centered .wizard-icon.wizard-icon-sm::after,.wizard-md.wizard-centered.wizard-icon-sm .wizard-icon::after{
        width:calc(100% - 2.1875rem);
        left:calc(50% + 2.03125rem)
    }
    .wizard-md.wizard-centered .wizard-icon.wizard-icon-lg::after,.wizard-md.wizard-centered.wizard-icon-lg .wizard-icon::after{
        width:calc(100% - 3.36875rem);
        left:calc(50% + 2.62188rem)
    }
}
@media (min-width:992px){
    .wizard-lg.wizard-centered{
        text-align:center
    }
    .wizard-lg.wizard-centered .wizard-item:last-child .wizard-icon::after{
        display:none
    }
    .wizard-lg.wizard-centered .wizard-icon{
        margin-left:auto;
        margin-right:auto
    }
    .wizard-lg.wizard-centered .wizard-icon::after{
        width:calc(100% - 2.625rem);
        left:calc(50% + 2.25rem)
    }
    .wizard-lg.wizard-centered .wizard-icon.wizard-icon-xs::after,.wizard-lg.wizard-centered.wizard-icon-xs .wizard-icon::after{
        width:calc(100% - 1.53125rem);
        left:calc(50% + 1.70312rem)
    }
    .wizard-lg.wizard-centered .wizard-icon.wizard-icon-sm::after,.wizard-lg.wizard-centered.wizard-icon-sm .wizard-icon::after{
        width:calc(100% - 2.1875rem);
        left:calc(50% + 2.03125rem)
    }
    .wizard-lg.wizard-centered .wizard-icon.wizard-icon-lg::after,.wizard-lg.wizard-centered.wizard-icon-lg .wizard-icon::after{
        width:calc(100% - 3.36875rem);
        left:calc(50% + 2.62188rem)
    }
}
@media (min-width:992px){
    .wizard-lg.wizard-centered{
        text-align:center
    }
    .wizard-lg.wizard-centered .wizard-item:last-child .wizard-icon::after{
        display:none
    }
    .wizard-lg.wizard-centered .wizard-icon{
        margin-left:auto;
        margin-right:auto
    }
    .wizard-lg.wizard-centered .wizard-icon::after{
        width:calc(100% - 2.625rem);
        left:calc(50% + 2.25rem)
    }
    .wizard-lg.wizard-centered .wizard-icon.wizard-icon-xs::after,.wizard-lg.wizard-centered.wizard-icon-xs .wizard-icon::after{
        width:calc(100% - 1.53125rem);
        left:calc(50% + 1.70312rem)
    }
    .wizard-lg.wizard-centered .wizard-icon.wizard-icon-sm::after,.wizard-lg.wizard-centered.wizard-icon-sm .wizard-icon::after{
        width:calc(100% - 2.1875rem);
        left:calc(50% + 2.03125rem)
    }
    .wizard-lg.wizard-centered .wizard-icon.wizard-icon-lg::after,.wizard-lg.wizard-centered.wizard-icon-lg .wizard-icon::after{
        width:calc(100% - 3.36875rem);
        left:calc(50% + 2.62188rem)
    }
}
.wizard .wizard-is-invalid-icon,.wizard .wizard-is-valid-icon{
    display:none
}
.wizard .active .wizard-icon,.wizard .active.is-valid .wizard-icon{
    color:#fff;
    background-color:#377dff
}
.wizard .active .wizard-title,.wizard .active.is-valid .wizard-title{
    color:#377dff
}
.wizard .is-valid .wizard-icon{
    color:#fff;
    background-color:#377dff
}
.wizard .is-valid .wizard-title{
    color:#377dff
}
.wizard .is-valid .wizard-is-valid-icon{
    display:-ms-inline-flexbox;
    display:inline-flex
}
.wizard .is-valid .wizard-is-default-icon,.wizard .is-valid .wizard-is-invalid-icon{
    display:none
}
.wizard .is-invalid .wizard-icon{
    color:#fff;
    background-color:#ed4c78
}
.wizard .is-invalid .wizard-title{
    color:#ed4c78
}
.wizard .is-invalid .wizard-is-invalid-icon{
    display:-ms-inline-flexbox;
    display:inline-flex
}
.wizard .is-invalid .wizard-is-default-icon,.wizard .is-invalid .wizard-is-valid-icon{
    display:none
}
.wizard-icon-primary{
    color:#fff;
    background-color:#377dff
}
.wizard-icon-primary.wizard-icon-pseudo::before{
    background-color:#fff
}
.wizard-icon-secondary{
    color:#fff;
    background-color:#71869d
}
.wizard-icon-secondary.wizard-icon-pseudo::before{
    background-color:#fff
}
.wizard-icon-success{
    color:#fff;
    background-color:#00c9a7
}
.wizard-icon-success.wizard-icon-pseudo::before{
    background-color:#fff
}
.wizard-icon-info{
    color:#fff;
    background-color:#00c9db
}
.wizard-icon-info.wizard-icon-pseudo::before{
    background-color:#fff
}
.wizard-icon-warning{
    color:#1e2022;
    background-color:#f5ca99
}
.wizard-icon-warning.wizard-icon-pseudo::before{
    background-color:#1e2022
}
.wizard-icon-danger{
    color:#fff;
    background-color:#ed4c78
}
.wizard-icon-danger.wizard-icon-pseudo::before{
    background-color:#fff
}
.wizard-icon-light{
    color:#1e2022;
    background-color:#f9fafc
}
.wizard-icon-light.wizard-icon-pseudo::before{
    background-color:#1e2022
}
.wizard-icon-dark{
    color:#fff;
    background-color:#132144
}
.wizard-icon-dark.wizard-icon-pseudo::before{
    background-color:#fff
}
.wizard-icon-soft-primary{
    color:#377dff;
    background-color:rgba(55,125,255,.1)
}
.wizard-icon-soft-primary.wizard-icon-pseudo::before{
    background-color:#377dff
}
.wizard-icon-soft-secondary{
    color:#71869d;
    background-color:rgba(113,134,157,.1)
}
.wizard-icon-soft-secondary.wizard-icon-pseudo::before{
    background-color:#71869d
}
.wizard-icon-soft-success{
    color:#00c9a7;
    background-color:rgba(0,201,167,.1)
}
.wizard-icon-soft-success.wizard-icon-pseudo::before{
    background-color:#00c9a7
}
.wizard-icon-soft-info{
    color:#00c9db;
    background-color:rgba(0,201,219,.1)
}
.wizard-icon-soft-info.wizard-icon-pseudo::before{
    background-color:#00c9db
}
.wizard-icon-soft-warning{
    color:#f5ca99;
    background-color:rgba(245,202,153,.1)
}
.wizard-icon-soft-warning.wizard-icon-pseudo::before{
    background-color:#f5ca99
}
.wizard-icon-soft-danger{
    color:#ed4c78;
    background-color:rgba(237,76,120,.1)
}
.wizard-icon-soft-danger.wizard-icon-pseudo::before{
    background-color:#ed4c78
}
.wizard-icon-soft-light{
    color:#f9fafc;
    background-color:rgba(249,250,252,.1)
}
.wizard-icon-soft-light.wizard-icon-pseudo::before{
    background-color:#f9fafc
}
.wizard-icon-soft-dark{
    color:#132144;
    background-color:rgba(19,33,68,.1)
}
.wizard-icon-soft-dark.wizard-icon-pseudo::before{
    background-color:#132144
}
.wizard-inline .wizard-content-wrapper{
    -ms-flex-align:center;
    align-items:center
}
.wizard-inline .wizard-item:last-child .wizard-title::after{
    display:none
}
.wizard-inline .wizard-title{
    display:inline-block
}
@media (min-width:576px){
    .wizard-sm.wizard-inline.wizard-dashed .wizard-title::after{
        border-top-style:dashed
    }
    .wizard-sm.wizard-inline .wizard-item{
        overflow:hidden
    }
    .wizard-sm.wizard-inline .wizard-icon{
        margin-bottom:0
    }
    .wizard-sm.wizard-inline .wizard-icon::after{
        display:none
    }
    .wizard-sm.wizard-inline .wizard-title::after{
        position:absolute;
        top:1.3125rem;
        width:100%;
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        margin-left:.9375rem;
        content:""
    }
    .wizard-sm.wizard-inline .wizard-icon-xs+.wizard-content .wizard-title::after,.wizard-sm.wizard-inline.wizard-icon-xs .wizard-content .wizard-title::after{
        top:.76562rem
    }
    .wizard-sm.wizard-inline .wizard-icon-sm+.wizard-content .wizard-title::after,.wizard-sm.wizard-inline.wizard-icon-sm .wizard-content .wizard-title::after{
        top:1.09375rem
    }
    .wizard-sm.wizard-inline .wizard-icon-lg+.wizard-content .wizard-title::after,.wizard-sm.wizard-inline.wizard-icon-lg .wizard-content .wizard-title::after{
        top:1.68437rem
    }
}
@media (min-width:768px){
    .wizard-md.wizard-inline.wizard-dashed .wizard-title::after{
        border-top-style:dashed
    }
    .wizard-md.wizard-inline .wizard-item{
        overflow:hidden
    }
    .wizard-md.wizard-inline .wizard-icon{
        margin-bottom:0
    }
    .wizard-md.wizard-inline .wizard-icon::after{
        display:none
    }
    .wizard-md.wizard-inline .wizard-title::after{
        position:absolute;
        top:1.3125rem;
        width:100%;
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        margin-left:.9375rem;
        content:""
    }
    .wizard-md.wizard-inline .wizard-icon-xs+.wizard-content .wizard-title::after,.wizard-md.wizard-inline.wizard-icon-xs .wizard-content .wizard-title::after{
        top:.76562rem
    }
    .wizard-md.wizard-inline .wizard-icon-sm+.wizard-content .wizard-title::after,.wizard-md.wizard-inline.wizard-icon-sm .wizard-content .wizard-title::after{
        top:1.09375rem
    }
    .wizard-md.wizard-inline .wizard-icon-lg+.wizard-content .wizard-title::after,.wizard-md.wizard-inline.wizard-icon-lg .wizard-content .wizard-title::after{
        top:1.68437rem
    }
}
@media (min-width:992px){
    .wizard-lg.wizard-inline.wizard-dashed .wizard-title::after{
        border-top-style:dashed
    }
    .wizard-lg.wizard-inline .wizard-item{
        overflow:hidden
    }
    .wizard-lg.wizard-inline .wizard-icon{
        margin-bottom:0
    }
    .wizard-lg.wizard-inline .wizard-icon::after{
        display:none
    }
    .wizard-lg.wizard-inline .wizard-title::after{
        position:absolute;
        top:1.3125rem;
        width:100%;
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        margin-left:.9375rem;
        content:""
    }
    .wizard-lg.wizard-inline .wizard-icon-xs+.wizard-content .wizard-title::after,.wizard-lg.wizard-inline.wizard-icon-xs .wizard-content .wizard-title::after{
        top:.76562rem
    }
    .wizard-lg.wizard-inline .wizard-icon-sm+.wizard-content .wizard-title::after,.wizard-lg.wizard-inline.wizard-icon-sm .wizard-content .wizard-title::after{
        top:1.09375rem
    }
    .wizard-lg.wizard-inline .wizard-icon-lg+.wizard-content .wizard-title::after,.wizard-lg.wizard-inline.wizard-icon-lg .wizard-content .wizard-title::after{
        top:1.68437rem
    }
}
@media (min-width:1200px){
    .wizard-xl.wizard-inline.wizard-dashed .wizard-title::after{
        border-top-style:dashed
    }
    .wizard-xl.wizard-inline .wizard-item{
        overflow:hidden
    }
    .wizard-xl.wizard-inline .wizard-icon{
        margin-bottom:0
    }
    .wizard-xl.wizard-inline .wizard-icon::after{
        display:none
    }
    .wizard-xl.wizard-inline .wizard-title::after{
        position:absolute;
        top:1.3125rem;
        width:100%;
        height:1.0625rem;
        border-top:.125rem solid #e7eaf3;
        margin-left:.9375rem;
        content:""
    }
    .wizard-xl.wizard-inline .wizard-icon-xs+.wizard-content .wizard-title::after,.wizard-xl.wizard-inline.wizard-icon-xs .wizard-content .wizard-title::after{
        top:.76562rem
    }
    .wizard-xl.wizard-inline .wizard-icon-sm+.wizard-content .wizard-title::after,.wizard-xl.wizard-inline.wizard-icon-sm .wizard-content .wizard-title::after{
        top:1.09375rem
    }
    .wizard-xl.wizard-inline .wizard-icon-lg+.wizard-content .wizard-title::after,.wizard-xl.wizard-inline.wizard-icon-lg .wizard-content .wizard-title::after{
        top:1.68437rem
    }
}
@media (min-width:576px){
    .wizard-timeline-sm{
        margin-left:0;
        margin-right:0
    }
    .wizard-timeline-sm .wizard-item{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        padding-left:0;
        padding-right:0;
        margin-left:50%
    }
    .wizard-timeline-sm .wizard-item:nth-child(even){
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        text-align:right;
        margin-left:auto;
        margin-right:50%
    }
    .wizard-timeline-sm .wizard-item:nth-child(even) .wizard-content-wrapper{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .wizard-timeline-sm .wizard-item:nth-child(even) .wizard-icon{
        margin-left:0;
        margin-right:-1.3125rem
    }
    .wizard-timeline-sm .wizard-item:nth-child(even) .wizard-icon-xs{
        margin-right:-.76562rem
    }
    .wizard-timeline-sm .wizard-item:nth-child(even) .wizard-icon-sm{
        margin-right:-1.09375rem
    }
    .wizard-timeline-sm .wizard-item:nth-child(even) .wizard-icon-lg{
        margin-right:-1.68437rem
    }
    .wizard-timeline-sm .wizard-item:nth-child(even) .wizard-content{
        margin-right:1.5rem
    }
    .wizard-timeline-sm .wizard-icon{
        margin-left:-1.3125rem
    }
    .wizard-timeline-sm .wizard-icon::after{
        left:auto;
        width:auto
    }
    .wizard-timeline-sm .wizard-icon-xs{
        margin-left:-.76562rem
    }
    .wizard-timeline-sm .wizard-icon-sm{
        margin-left:-1.09375rem
    }
    .wizard-timeline-sm .wizard-icon-lg{
        margin-left:-1.68437rem
    }
}
@media (min-width:768px){
    .wizard-timeline-md{
        margin-left:0;
        margin-right:0
    }
    .wizard-timeline-md .wizard-item{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        padding-left:0;
        padding-right:0;
        margin-left:50%
    }
    .wizard-timeline-md .wizard-item:nth-child(even){
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        text-align:right;
        margin-left:auto;
        margin-right:50%
    }
    .wizard-timeline-md .wizard-item:nth-child(even) .wizard-content-wrapper{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .wizard-timeline-md .wizard-item:nth-child(even) .wizard-icon{
        margin-left:0;
        margin-right:-1.3125rem
    }
    .wizard-timeline-md .wizard-item:nth-child(even) .wizard-icon-xs{
        margin-right:-.76562rem
    }
    .wizard-timeline-md .wizard-item:nth-child(even) .wizard-icon-sm{
        margin-right:-1.09375rem
    }
    .wizard-timeline-md .wizard-item:nth-child(even) .wizard-icon-lg{
        margin-right:-1.68437rem
    }
    .wizard-timeline-md .wizard-item:nth-child(even) .wizard-content{
        margin-right:1.5rem
    }
    .wizard-timeline-md .wizard-icon{
        margin-left:-1.3125rem
    }
    .wizard-timeline-md .wizard-icon::after{
        left:auto;
        width:auto
    }
    .wizard-timeline-md .wizard-icon-xs{
        margin-left:-.76562rem
    }
    .wizard-timeline-md .wizard-icon-sm{
        margin-left:-1.09375rem
    }
    .wizard-timeline-md .wizard-icon-lg{
        margin-left:-1.68437rem
    }
}
@media (min-width:992px){
    .wizard-timeline-lg{
        margin-left:0;
        margin-right:0
    }
    .wizard-timeline-lg .wizard-item{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        padding-left:0;
        padding-right:0;
        margin-left:50%
    }
    .wizard-timeline-lg .wizard-item:nth-child(even){
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        text-align:right;
        margin-left:auto;
        margin-right:50%
    }
    .wizard-timeline-lg .wizard-item:nth-child(even) .wizard-content-wrapper{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .wizard-timeline-lg .wizard-item:nth-child(even) .wizard-icon{
        margin-left:0;
        margin-right:-1.3125rem
    }
    .wizard-timeline-lg .wizard-item:nth-child(even) .wizard-icon-xs{
        margin-right:-.76562rem
    }
    .wizard-timeline-lg .wizard-item:nth-child(even) .wizard-icon-sm{
        margin-right:-1.09375rem
    }
    .wizard-timeline-lg .wizard-item:nth-child(even) .wizard-icon-lg{
        margin-right:-1.68437rem
    }
    .wizard-timeline-lg .wizard-item:nth-child(even) .wizard-content{
        margin-right:1.5rem
    }
    .wizard-timeline-lg .wizard-icon{
        margin-left:-1.3125rem
    }
    .wizard-timeline-lg .wizard-icon::after{
        left:auto;
        width:auto
    }
    .wizard-timeline-lg .wizard-icon-xs{
        margin-left:-.76562rem
    }
    .wizard-timeline-lg .wizard-icon-sm{
        margin-left:-1.09375rem
    }
    .wizard-timeline-lg .wizard-icon-lg{
        margin-left:-1.68437rem
    }
}
@media (min-width:1200px){
    .wizard-timeline-xl{
        margin-left:0;
        margin-right:0
    }
    .wizard-timeline-xl .wizard-item{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        padding-left:0;
        padding-right:0;
        margin-left:50%
    }
    .wizard-timeline-xl .wizard-item:nth-child(even){
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        text-align:right;
        margin-left:auto;
        margin-right:50%
    }
    .wizard-timeline-xl .wizard-item:nth-child(even) .wizard-content-wrapper{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .wizard-timeline-xl .wizard-item:nth-child(even) .wizard-icon{
        margin-left:0;
        margin-right:-1.3125rem
    }
    .wizard-timeline-xl .wizard-item:nth-child(even) .wizard-icon-xs{
        margin-right:-.76562rem
    }
    .wizard-timeline-xl .wizard-item:nth-child(even) .wizard-icon-sm{
        margin-right:-1.09375rem
    }
    .wizard-timeline-xl .wizard-item:nth-child(even) .wizard-icon-lg{
        margin-right:-1.68437rem
    }
    .wizard-timeline-xl .wizard-item:nth-child(even) .wizard-content{
        margin-right:1.5rem
    }
    .wizard-timeline-xl .wizard-icon{
        margin-left:-1.3125rem
    }
    .wizard-timeline-xl .wizard-icon::after{
        left:auto;
        width:auto
    }
    .wizard-timeline-xl .wizard-icon-xs{
        margin-left:-.76562rem
    }
    .wizard-timeline-xl .wizard-icon-sm{
        margin-left:-1.09375rem
    }
    .wizard-timeline-xl .wizard-icon-lg{
        margin-left:-1.68437rem
    }
}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
    .table-nowrap td,.table-nowrap th{
        white-space:normal
    }
    .wizard-item-between .wizard-item:last-child{
        -ms-flex:0 0 17%;
        flex:0 0 17%;
        width:auto
    }
    .ie-modal-curved-shape{
        height:1.75rem
    }
    .ie-welcome-brands{
        width:5rem
    }
    .ie-sidebar-activity-img{
        width:3.5rem
    }
    .ie-card-img{
        width:5.5rem
    }
}

/*================= End of Submit claim wizard ===============*/