@import "fonts.css";
body { background: #4d5b69; }
.h {display:none;}
.pos-relative{position:relative;}
.tac{text-align:center;}
.margin-top-30{margin-top:30px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-right-10{padding-right:10px !important;}
.overflow-hidden {overflow: hidden;}
.portlet {
    border-radius: 7px;
}
.modal-footer > .btn {
    background-color: #F0F0F0;
}
.modal-footer > .btn:hover {
    background-color: #E6E3E3;
}
.btn-sm-large {
    padding: 4px 20px !important;
}
.modal-footer > .red.btn {
    background-color: #CB5A5E;
}
.modal-footer > .red.btn:hover, .modal-footer > .red.btn:focus, .modal-footer > .red.btn:active, .modal-footer > .red.btn.active {
    background-color: #C23F44;
}
.modal-footer > .green-meadow.btn {
    background-color: #1BBC9B;
}
.modal-footer > .green-meadow.btn:hover, .modal-footer > .green-meadow.btn:focus, .modal-footer > .green-meadow.btn:active, .modal-footer > .green-meadow.btn.active {
    background-color: #179D81;
}
.tar {
    text-align:right !important;
}
.label.label-icon{padding: 4px!important;}
/******************** CAPITAL DEPOSIT *********************/
.process-step {
    border-radius: 7px;
}
.process-step .step-title {
    border: none;
    overflow:hidden;
    background: #bdbdbd;
    color: #666;
    position: relative;
    border-radius: 7px 7px 0 0;
}
.process-step .step-title-icon {
    background-color: #bdbdbd;
    float:left;
    color:#fff;
    padding:2px 3px;
}
.process-step .step-title-icon i {
    vertical-align: middle;
    line-height: 25px;
    font-size: 25px;
    text-align: center;
}
.process-step .step-title-text {
    padding:2px 3px;
    padding-left: 10px;
    padding:10px;
    font-size:20px;
    line-height: 30px;
    text-align:center;
}
.process-step .step-title .step-number {
    display:inline-block;
    border:1px solid #666;
    border-radius:15px;
    font-size:22px;
    line-height: 28px;
    width:30px;
    height:30px;
    text-align: center;
    padding-left:1px;
}
.process-step .step-content {
    clear:both;
    padding: 10px;
    padding-top:20px;
    position:relative;
    border: 1px solid #bdbdbd;
    border-radius: 0 0 7px 7px;
}
.process-step .step-content ul {
    padding:0 20px 0 30px;
}
.process-step .step-footer {
    text-align:center;
    padding:15px;
    padding-top:10px;
    display: none;
    border: 1px solid #bdbdbd;
    border-top: none;
}
.process-step .step-complete {
    display: none;
    position:relative;
    text-align: center;
    /*height:10px;*/
    padding-top: 10px;
}
.process-step .step-complete .fa-check {
    color:#45B6AF;
    opacity: 0.4;
    font-size: 120px;
    position: absolute;
    top:-50px;
    left:50%;
    margin-left:-60px;
}
.process-step .step-complete .help {
    border-top:1px solid #45B6AF;
    padding: 10px;
}
.process-step .download-capital-deposit-certificate {
    border-top:1px solid #45B6AF;
    padding: 10px 0;
    text-align: center;
}
/* special states */
.process-step.active .step-content {
    border: 1px solid #016FD0;
    border-bottom: none;
    border-radius: 0;
}
.process-step.active .step-footer {
    border: 1px solid #016FD0;
    border-top: none;
    border-radius: 0 0 7px 7px;
}
.process-step.active .step-title {
    background: #016FD0;
    color: #fff;
}
.process-step.active .step-footer {
    display: block;
}
.process-step.active .step-title .step-number,
.process-step.done .step-title .step-number
{
    border:1px solid #fff;
}
.process-step.done .step-content {
    border: 1px solid #2ABCB3;
    border-radius: 0 0 7px 7px;
}
.process-step.done .step-footer {
    border: 1px solid #2ABCB3;
    border-top: none;
    border-radius: 0 0 7px 7px;
}
.process-step.done .step-title {
    background: #2ABCB3;
    color: #fff;
}
.process-step.done .step-complete {
    display:block;
}
#capital-deposit-btn.disabled {
  background-color: #b1b1b1;
}
/******************** KYC *********************/
.kyc-stakeholder-form {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.kyc-stakeholder {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border: 1px solid #ddd;
    padding: 5px;
    background: #536372;
    font-size: 20px;
    margin-top: 15px;
    margin: 15px -1px 0 -1px;
    color: #FFF;
    line-height: 25px;
}
.kyc-tree {
    margin: 15px 0;
}
.kyc-tree .tree-border {
    margin-left: 35px;
}
.kyc-tree > .tree-stakeholder:first-of-type {
    border-top:1px solid #ddd;
}
.tree-stakeholder {
    cursor: pointer;
    border: 1px solid #ddd;
    border-top:none;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}
.tree-stakeholder > .company-name {
    cursor: default;
    flex: 1 1 auto;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
}
.tree-stakeholder.kyc-tree-separator {
    line-height: 25px;
    padding: 5px;
    font-size: 12px;
    font-style: italic;
    background-color: #536372;
    color: #fff;
}
.tree-stakeholder > .stakeholder-name {
    line-height: 25px;
    padding: 5px;
    flex: 1 1 auto;
    font-size: 14px;
    color: #555;
}
.tree-stakeholder > .stakeholder-name:hover {
    text-decoration: underline;
}
.tree-stakeholder > .kyc-tree-status {
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex: 0 1 35px;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
    color:white;
    float:right;
    width: 35px;
    background-color: #cacaca;
}
.tree-stakeholder > .kyc-tree-status > i {
    vertical-align: middle;
    line-height: 25px;
    font-size: 25px;
    text-align: center;
}
.tree-stakeholder > .kyc-tree-status.kyc-complete {
    background-color: #449d44;
}
.tree-stakeholder > .arrow-left {
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left:10px solid #eee;
    display: none;
    margin-right:-10px;
    align-self: center;
}
.tree-stakeholder.stakeholder-active > .stakeholder-name {
    background-color: #eee;
    color: #000;
}
.tree-stakeholder.stakeholder-active > .arrow-left{
    display: block;
}
@media (max-width: 991px) {
    .tree-stakeholder.stakeholder-active > .arrow-left{
        display: none;
    }
}
.form .form-read-only.form-bordered .form-group > div {
    padding: 2px 15px;
}
.form .form-read-only.form-bordered .form-group .control-label {
    padding:10px 15px;
    font-weight: bold;
}
/************************ MULTI ROW ************************/
.row-inline {
    overflow:hidden;
}
.row-inline-first {
    margin-bottom: 10px;
}
.row-inline > div {
    padding:0px;
    padding-right:5px;
}
.row-inline > div:nth-last-of-type(1) {
    padding:0;
}
.form-group .multi-line-row {
    padding:10px 0;
    border-bottom:1px solid #efefef;
}
.form-group .multi-line-row:nth-of-type(1) {
    padding-top:0;
}
.form-group .multi-line-add-btn {
    /*text-align:center;*/
    padding-top:10px;
}
/************************************************/
.notAllowedDiv {
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    z-index: 1000;
    text-align:center;
}
.notAllowedDiv-background {
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000000;
}
.notAllowedDiv-message {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -34px;
    width: 300px;
    z-index: 1001;
    background-color:#eee;
    display:inline-block;
}
/************************************************/
.langage-login {
    width: 400px;
    margin: 0;
    margin:auto;
    display: flex;
    justify-content: space-between;
}
.langage-login .dropdown-toggle {
    background: #ECEEF1;
    height: 37px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    border-radius:3px;
    line-height: 20px;
}
.langage-login  .dropdown-toggle > img {
    margin-bottom: 2px;
}
.langage-login .dropdown-toggle:hover {
    text-decoration: none;
    background: #E3E6EA;
}
.langage-login .langname, .langage-login .dropdown-toggle > i {
    color: #7F96AC;
}
/************************************************/
body.login .page-footer, body.extra-lock .page-footer, body.open-form .page-footer, body.open-index .page-footer {
    display: none;
}
@media (min-width: 991px) {
    /* 991px */
    .navbar-fixed-top {
        position: absolute!important;
    }
}
.content {
    background: #F8FBFE;
}
.open-form .content {
    padding: 0 10px 0 10px;
}
.open-form .content .required {
    display: none;
}
.login, .extra-lock {
    background-color: #F8FBFE!important;
}
.login .logo {
    margin-top: 40px;
}
.login .content {
    background-color: #FFF;
    margin-bottom: 60px;
    box-shadow: 0px 2px 14px -2px #BBB;
}
.login .content .form-control, .lock-body .form-control {
    background-color: #F3F5F8;
}
.lock-body .form-control {
    height: 43px;
    color: #8290a3;
    border: 1px solid #dde3ec;
}
.create-account {
    color: #C3CEDD;
}
.page-lock .page-body {
    background-color: #FFF;
    box-shadow: 0px 2px 14px -2px #BBB;
}
.page-lock  .form-control:focus, .page-lock  .form-control:active {
    border: 1px solid #c3ccda;
}
.lock-head {
    background-color: #FFF;
    color: #2595D8;
    font-weight: 400 !important;
    padding-left: 30px;
    padding-right: 30px;
}
.lock-message {
    width: 100%;
    padding: 10px 30px 10px 30px;
    font-size: 15px;
    color: #FFF;
    background-color: #45B6AF;
    text-align: center;
}
.lock-body {
    background-color: #FFF;
    margin: 0;
    padding: 30px;
}
.lock-bottom a, .lock-bottom a:hover {
    color: #c3cedd;
}
.page-lock {
    margin: 50px auto 30px auto;
}
.login .content .create-account {
    border-bottom: 16px solid #09304D;
    background: #0C436B;
    background: linear-gradient(135deg, rgba(14,85,136,1) 0%, rgba(8,57,93,1) 100%);
    padding: 4px 6px 5px 6px;
}
@media (max-width: 440px) {
    .footer {
        background: linear-gradient(135deg, rgba(14,85,136,1) 0%, rgba(8,57,93,1) 100%);
    }
    .footer a {
        color: #FFF;
    }
}
.login .content .create-account p {
    padding-top: 10px;
}
.langage-login {
    width: 400px;
    margin: 0;
    margin:auto;
    background: #F8FBFE;
}
.open-form .wrapper-language, .open-index .wrapper-language{
    width: 100%;
    background: #F8FBFE;
}
.langage-open {
    width: 100%!important;
    max-width: 980px;
    margin: 0;
    margin:auto;
    padding-left: 10px;
    padding-right: 10px;
}
.langage-login .dropdown-toggle,
.langage-open .dropdown-toggle {
    background: #FFF!important;
    border: #CCC 1px solid;
    height: 29px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    line-height: 8px;
}
.langage-login  .dropdown-toggle > img {
    margin-bottom: 2px;
}
.langage-login .dropdown-toggle:hover {
    text-decoration: none;
    background: #E3E6EA;
}
.langage-login .langname, .langage-login .dropdown-toggle > i {
    color: #7F96AC;
}
.product_logo {
    display:none;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}
.open-account {
    position: relative;
    top: -50px;
    text-align: center;
}
.lock-form .form-group .form-control {
    background-color: #082F4B;
}
.lock-form .form-group .form-control:focus {
    background-color: #06253C;
}
.lock-body .btn-success, .lock-body .btn-default {
    font-weight: 600;
    padding: 10px 20px !important;
}
.lock-bottom {
    border-bottom: 6px solid #09304D;
    background: #0C436B;
    padding: 20px 30px 20px 30px;
    text-align: center;
    margin-bottom: 60px;
}
.login .content h3 {
    color: #2595D8;
}
.ul-modal {
    margin-top: 10px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.support {
    font-size: 27px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .support {
    padding: 26px 16px 19px;
}
.form-wizard .steps > li.active > a.step .number {
    background-color: #2595D8;
    color: #fff;
}
.form-wizard .steps > li.done > a.step .number {
    background-color: #45B6AF;
    color: #fff;
}
.form-wizard .steps > li > a.step > .number {
    background-color: #E2E2E2;
}
body.login .form-wizard .steps {
    background-color: #FFF;
}
body.login .form-wizard .steps > li > a.step {
    background-color: #FFF;
}
.input-medium {
    max-width: 230px!important;
    width: 100%!important;
}
.rib-details {
    background-color: #f7f7f7;
    padding: 45px 40px 40px 40px;
    border: solid 1px #dde2e8;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 580px) {
    .rib-details {
        margin-right: 0;
    }
}
.iban-flag {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px;
    border-right: solid 1px #dde2e8;
    border-bottom: solid 1px #dde2e8;
}
.iban-flag img {
    width: 30px;
}
.iban-closed-disclaimer {
    font-style: italic;
    text-align: center;
}
.rib-details h3 {
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.rib-details p {
    margin: 0 0 30px 0;
}
.rib-table {
    width: 100%;
}
.rib-tr-first {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
}
.rib-tr {
    border-bottom: 1px solid #CCC;
}
.rib-tr-last {
    border-bottom: 1px solid #CCC;
}
.rib-table td{
    padding: 10px;
}
.awaiting-payment-container {
    max-width: 585px;
}
.awaiting-payment-details {
    background-color: #f7f7f7;
    padding: 40px;
    border: solid 1px #dde2e8;
    margin: 25px 15px 20px 15px;
}
.awaiting-payment-details.waiting-for-payment {
    text-align: center;
}
.awaiting-payment-details h3 {
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.awaiting-payment-details p {
    margin: 0 0 30px 0;
}
.awaiting-payment-table {
    width: 100%;
}
.awaiting-payment-tr-first {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
.awaiting-payment-tr {
    border-bottom: 1px solid #CCCCCC;
}
.awaiting-payment-tr-last {
    border-bottom: 1px solid #CCCCCC;
}
.awaiting-payment-table td{
    padding: 10px;
}
.awaiting-payment-table td.break-word{
    word-break: break-word;
}
.awaiting-payment-form form {
    display: inline;
}
.progress {
    margin-bottom: 3px;
}
.login .content .form-actions .btn-default {
    background-color: #fff;
    font-weight: normal;
    border: 1px solid #ccc;
}
.login .content .form-actions .btn-default:hover {
    background-color: #F4F4F4;
}
.limit-max {
    float: right;
}
.validation-table {
    color: #666;
    width: 100%;
}
.validation-table tr td {
    color: #666;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #CCC;
}
.validation-table tr td.tdright {
    padding-left: 7px;
}
.validation-table tr td.tdleft {
    padding-right: 7px;
    border-right: 1px solid #CCC;
}
@media (max-width: 767px) {
    /* 767px */
    .page-header.navbar {
        background: #016FD0;
        /* Top menu */
    }
}
.programme-title {
    text-align: right;
    color: #F2F2F2;
    font-style: italic;
    width: 98px;
    position: relative;
    top: -2px;
}
.page-sidebar-closed .programme-title {
    display: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #016FD0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
    background-color: #016FD0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
    border-color: transparent transparent transparent #016FD0;
}
@media (max-width: 600px) {
    .page-header.navbar {
        background: #016FD0;
    }
    .portlet.light {
        padding: 6px 8px 15px 8px;
    }
}
.login .content .forget-password, .page-lock .forget-password  {
    font-size: 14px;
    float: right;
    display: inline-block;
    margin-top: 0;
    max-width: 170px;
}
.lock-body .float-none {
    float:none!important;
}
@media (max-width: 440px) {
    .login .content .forget-password, .page-lock .forget-password, .lock-body .pull-right  {
        float: none!important;
        margin-top: 15px;
        margin-left: 0px;
    }
    .langage-login {
        width: 280px;
    }
}
.page-footer .page-footer-inner {
    float: right;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
    margin-right: 0px;
}
.dataTables_wrapper .dataTables_paginate {
    margin-top: 0px!important;
}
.page-header.navbar .balance {
    margin: 17px 0px 0px 15px;
    padding: 0px;
    float: left;
}
.page-header.navbar .balance.with-upcoming-txns-display {
    margin-top: 8px;
}
.page-header.navbar .balance h1 {
    margin: 0px;
    float: left;
    clear: both;
    font-size: 25px;
    margin-bottom: 5px;
}
.page-header.navbar .balance h1.directpay {
    clear: both;
    font-size: 25px;
    margin-bottom: 5px;
}
.page-header.navbar .balance h5 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    color: #666;
}
.page-header.navbar .balance h4 {
    margin: 0px;
    font-weight: bold;
    color: #666;
}
.page-header.navbar .balance .balinfos {
    float: right;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    color: #999;
}
.page-header.navbar .balance-mobile {
    margin: 18px 0px 0px 15px;
    padding: 0px;
    float: left;
    display: none;
}
.page-header.navbar .balance-mobile.directpay {
    margin-top: 20px;
}
.page-header.navbar .balance-mobile h1 {
    margin: 0px;
    float: left;
    font-size: 25px;
}
.page-header.navbar .balance-mobile h1.directpay {
    font-size: 14px;
}
.balance-mobile {
    margin-left: 10px!important;
}
.second-balance {
    margin-left: 3px!important;
}
.page-header.navbar .balance-mobile h5.directpay {
    font-size: 11px;
}
.page-header.navbar .balance-mobile h4 {
    display: none;
}
.page-header.navbar .balance-mobile .balinfos {
    clear: both;
    padding-left: 0px;
    padding-top: 5px;
    text-align: left;
    color: #999;
}
@media (max-width: 600px) {
    .page-header.navbar .balance {
        display: none;
    }
    .page-header.navbar .balance-mobile {
        display: block;
    }
}
.desc-account {
    padding-top: 20px;
}
.page-header.navbar .page-top {
    text-align: center;
}
.logo-top {
    padding-top: 25px;
}
.btn-float-right {
    float: right;
}
.multi-line {
    padding-left: 0px;
    margin-bottom: 5px;
}
.float-none {
    float: none;
}
.no-left-padding {
    padding-left: 0px;
}
.no-right-padding {
    padding-right: 0px;
}
.month_vp {
    text-decoration: underline;
}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc; width:100%;}
.tg td{font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg th{font-size:14px;font-weight:bold;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0; text-align: center;}
.tg .tg-uzfi{text-align:center;}
.tg .tg-4eph{background-color:#f9f9f9; text-align:center; font-weight: bold;}
.center-bold {
    text-align: center;
    font-weight: bold;
}
.page-header.navbar .page-logo .logo-default {
    margin: 25px 0 0 0;
}
@media (max-width: 899px) {
    .logo-top {
        display: none;
    }
}
#dt_transactions,
#dt_3ds_transactions,
#table-directpay {
    font-size: 14px!important;
}
#dt_transactions tr td,
#dt_transactions tr th,
#dt_3ds_transactions tr td,
#dt_3ds_transactions tr th,
#table-directpay tr td,
#table-directpay tr th {
    border: none;
}
#dt_transactions .mobile-display,
#dt_3ds_transactions .mobile-display {
    display: none;
}
#dt_transactions tr th:nth-child(4),
#dt_transactions tr th:nth-child(5),
#dt_3ds_transactions tr th:nth-child(4),
#dt_3ds_transactions tr th:nth-child(5) {
    text-align: right;
}
#dt_transactions tr th,
#dt_3ds_transactions tr th {
    padding-right: 8px!important;
}
.categorie-display-only-on-mobile {
    display: none;
}
@media (max-width: 650px) {
    #dt_transactions .mobile-display,
    #dt_3ds_transactions .mobile-display {
        display: block;
    }
    #dt_transactions .mobile-hide,
    #dt_3ds_transactions .mobile-hide {
        display: none;
    }
    .categorie-display-only-on-mobile {
        display: block;
    }
}
.tr-details:hover {
    background-color: #123750!important;
}
.tr-details {
    background-color: #123750!important;
    color: #FFFFFF;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    display: none;
}
.cu-click {
    cursor: pointer;
}
.cu-table-details tr td {
    background-color: #123750!important;
}
.trexpand {
    background-color: #123750!important;
    color: #FFF!important;
    border-bottom: 1px solid #666!important;
}
.cu-tabs .active a {
    background-color: #123750!important;
    color: #CCCCCC!important;
}
.cu-tabs .active a:hover  {
    background-color: #123750!important;
    border: 1px solid #DDDDDD!important;
    border-right: #123750!important;
}
.cu-tabs a:hover {
    background-color: #1B5378!important;
    border: 1px solid #123750!important;
    border-right: 1px solid #DDD!important;
}
.cu-tabs a {
    color: #FFF;
}
.cu-file-color {
    color: #FFF;
}
.fileinput-transaction {
    margin-bottom: 10px;
}
.cu-tva-box {
    line-height: 16px;
    overflow: hidden;
    width: 200px;
}
.cu-tva {
    width: 100%;
}
.cu-textaera {
    max-width: 400px;
    width: 100%;
    overflow: hidden;
}
.cu-h-underline {
    padding-bottom: 5px;
    margin-top: 0px;
    padding-top: 5px;
    font-weight: bold;
}
.cu-h-underline small {
    font-size: 12px;
    color: #666;
}
.cu-portail-connexion-box {
    background-color: #F6F6F6;
    width: 100%;
    max-width: 960px;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-top: none;
    margin-bottom: 50px;
}
.cu-form-portail {
    padding: 0px 10px 10px 10px;
}
a.red-a {
    color: red;
}
.daterangepicker.dropdown-menu {
    z-index: 99999;
}
.mini-caption {
    padding-bottom: 20px;
    margin-top: 20px;
}
.kyc-stakeholder-form .mini-caption {
    margin-top: 0px;
    padding-top: 20px;
}
.form .form-min .form-group .control-label {
    padding-top: 10px;
}
.form .form-min .form-group > div {
    padding-top: 3px;
    padding-bottom: 5px;
}
.cu-btn-details {
    margin-top: 10px!important;
    margin-right: 0px!important;
    float: right;
}
.dataTables_wrapper .col-md-6 {
    width: auto;
    float: left;
}
.dataTables_wrapper .col-md-6+.col-md-6 {
    float: right;
}
@media (max-width: 400px) {
    .dataTables_wrapper.col-md-6 {
        clear: both;
    }
    .dataTables_wrapper .col-md-6+.col-md-6 {
        float: left;
        padding-left: 11px;
    }
    #dt_transactions_wrapper .col-md-6+.col-md-6 {
        clear: left;
    }
}
div.dataTables_filter label {
    float: right;
}
.selectsplitter-categorie .col-sm-6 {
    width: 100%;
    margin-bottom: 10px;
}
.selectsplitter-categorie .col-sm-6+.col-sm-6 {
    width: 100%;
}
.cu-photo {
    width: 165px;
    height: 132px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.img-photo {
    height: 132px;
    width: 100%;
    display: block;
}
.cu-downlad {
    float: left;
}
.ver-inline-menu li a {
    background: #1B5276;
    border-left: 2px solid #1B5276;
    color: #CCC;
}
.ver-inline-menu li i {
    background-color: #205F88!important;
}
.ver-inline-menu li.active i, .ver-inline-menu li a:hover i {
    background-color: #4199D3!important;
}
.ver-inline-menu li.active a, .ver-inline-menu li a:hover {
    color: #fff;
    background: #2776AB;
    border-left: 2px solid #2776AB;
}
.ver-inline-menu li.active::after {
    border-left: 6px solid #2776AB;
}
#dt_transactions tr,
#dt_3ds_transactions tr {
    border-bottom: 1px solid #E2E2E2;
}
.cu-pending {
    color: #999;
    font-style: italic;
}
.cu-pending td {
    background-color: #FBFBFB!important;
}
.cu-last {
    border-bottom: 2px solid #DADADA!important;
}
a .cu-badge-trans{
    color: #000;
}
.cu-badge-trans {
    color: #000;
    font-weight: bold;
    background-color: #E2E2E2;
    vertical-align: middle;
}
.cu-badge-trans-inactive {
    color: #CCC;
    font-weight: bold;
    background-color: #F0F0F0;
    vertical-align: middle;
}
.cu-badge-trans:hover {
    text-decoration: none;
    background-color: #539AC8;
    color: #FFF;
}
.cu-badge-cancel {
    background: #E08283!important;
}
.cu-badge-cancel a {
    text-decoration: none;
    color: #FFF;
}
.cu-badge-cancel:hover {
    background: #D84A38!important;
}
@media (min-width: 700px) {
    .table-scrollable {
        overflow: visible;  /*Permet au dropdown-menu de sortir du DIV Datatables*/
    }
}
.flip-content {
    overflow-x: visible; overflow-y: visible;
}
.cu-dropdown-adjust {
    z-index: 99999;
}
.cu-dropdown-adjust li a:hover {
    height: 28px;
}
.cu-dropdown-adjust li {
    width: 180px;
    font-size: 12px;
    height: 28px;
}
.cu-active-categorie {
    font-weight: bold;
    color: #539AC8;
}
.cu-date {
    line-height: 16px;
    padding-left: 10px;
    float: left;
}
.cu-pad {
    padding-left: 20px;
}
.cu-jour {
    font-weight: bold;
    font-size: 16px;
}
.cu-mois {
    font-size: 10px;
}
.cu-vam {
    vertical-align: middle!important;
}
.cu-attachment {
    color: #999;
}
.cu-status a{
    color: inherit;
    font-weight: normal;
}
.plus-minus {
    font-size: 20px;
}
.cu-details {
    float: left;
    margin-top: 8px;
    margin-right: 20px;
    padding-left: 10px;
    padding-bottom: 5px;
}
.cu-click .fa-minus-circle {
    color: white!important;
}
.cu-commentaire {
    color: #999999;
    font-size: 12px;
}
.cu-credit-line .cu-commentaire {
    color: #1CA39C;
    font-size: 12px;
    font-weight: normal;
    padding-right: 10px;
}
.cu-credit-line {
    font-weight: bold;
    color: #1CA39C;
}
.cu-credit {
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    color: #1CA39C;
}
.cu-debit {
    font-size: 15px;
    text-align: right;
}
.cu-vam {
    text-align: right;
}
.cu-vam.sorting_1,
.cu-vam.mobile-hide,
.cu-vam.cu-attachment {
    text-align: left;
}
.modal-title {
    font-weight: bold;
}
ul.cu-ul-blue {
    list-style: none;
    padding:0;
    margin:0;
}
.cu-ul-blue > li {
    padding-left: 1em;
    text-indent: -.7em;
}
.cu-ul-blue > li:before {
    content: "■";
    font-family:"Arial Black";
    padding-right:7px;
    color: #0C3656; /* or whatever color you prefer */
}
.gerer-box {
    height: 400px;
}
.gerer-left {
    width: 48%;
    float: left;
}
.gerer-right {
    width: 48%;
    float: right;
    display: none;
}
.block {
    display: block;
}
.dispnone {
    display: none;
}
.gerer-both-cats {
    overflow:auto;
    height: 350px;
}
.gerer-cat {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0px 10px 15px;
    cursor: pointer;
}
.gerer-cat-right {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 15px 10px 15px;
    background-color: #EEEEEE;
    font-weight: bold;
    height: 55px;
}
.gerer-cat-right-default {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 15px 10px 15px;
    background-color: #EEEEEE;
    font-weight: bold;
}
.gerer-souscat-right {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 15px 10px 15px;
}
.selected-cat {
    background-color: #123750!important;
    color: white;
}
.hover-cat {
    background-color: #EEEEEE;
}
.gerer-btn, .gerer-sous-btn {
    margin-top: 15px!important;
    margin-right: 0px!important;
    float: right;
}
.gerer-btn2, .gerer-sous-btn2{
    margin-right: 0px!important;
}
.gerer-newcat, .gerer-newsouscat {
    margin-top: 15px!important;
    margin-right: 0px!important;
    float: right;
}
.alignright {
    text-align: right;
}
.panel-heading a:focus, .panel-heading a:hover {
    text-decoration: none;
}
.left-upgrade {
    float: left;
    width: 60%;
}
.table-upgrade {
    border: 1px solid grey;
    text-align: center;
    height: 420px;
}
.text-upgrade {
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 10px;
}
.well-upgrade {
    float: right;
    width: 38%;
    padding: 10px;
}
.img100-right {
    float: right;
    width: 100px;
    height: 50px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.img200-mobile {
    float: left;
    width: 30%;
    width: 200px;
    margin-bottom: 20px;
    margin-right: 20px;
}
@media (max-width: 700px) {
    .img200-mobile {
        float: none;
    }
}
@media (max-width: 800px) {
    .left-upgrade {
        width: 100%;
    }
    .well-upgrade {
        width: 100%;
        margin-top: 20px;
    }
}
.clear {
    clear: both;
}
/* STATISTIQUES */
.right {
    float: none;
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
}
/* FIN STATISTIQUES */
/* STACKTABLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
@media (max-width: 700px) {
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}
.navigateur-name {
    float: left;
    font-weight: bold;
    color: #999;
}
.navigateur-details {
    float: right;
    color: #999;
}
.page-500 .number {
    color: #126FAF;
}
#iframesl {
    margin-left: -8px;
}
#loading { margin: auto; text-align: center; }
.accent-col {
    background: #F6F6F6;
}
.accent-col .radio-list label {
    font-size: 13px;
}
.mingrey {
    color: #999;
    font-size: 11px;
}
body.open-form, body.open-index {
    background-color: #F8FBFE!important;
}
body.open-index {
    background-color: #FFF!important;
}
body.open-form .form-body, body.open-index .form-body {
    padding:  0px 15px!important;
}
body.open-form .form-body > .form-group:first-child, body.open-index .form-body > .form-group:first-child {
    border-top: 1px solid #efefef;
}
.open-logo {
    background: url('../img/logo-sogexia.svg') no-repeat;
    background-size: contain;
    background-position: center;
    width: 240px;
    height: 59px;
    margin: auto;
    clear: both;
    margin-bottom: 40px;
}
body.open-form .content {
    padding-top: 20px;
}
.open-logo.right {
    margin: 0;
    margin-bottom: 40px;
    float: right;
}
@media (max-width: 369px) {
    .open-logo.right {
        margin: auto;
        float: none;
        position: relative;
        top: 20px;
        margin-bottom: 40px;
    }
}
.wrapper {
    width: 100%;
    max-width: 980px;
    padding: 0px 10px 0px 10px;
    margin:auto;
    background: #F8FBFE;
}
.big-wrapper {
    max-width: 1350px;
    width: 100%;
    margin: auto;
    background: #F8FBFE;
}
.bg-open {
    width: 100%;
    max-width: 717px;
    height: auto;
    position: relative;
    left: -180px;
    top: 120px;
}
.open-box {
    width: 100%;
    max-width: 470px;
    float: right;
    margin-top: -220px;
    margin-bottom: 40px;
}
@media (max-width: 1134px) {
    .big-wrapper {
        text-align: center;
        clear:both;
    }
    .bg-open {
        position: static;
        margin: 10px auto 20px auto;
        max-width: 600px;
    }
    .open-box {
        float: none;
        margin: 0px auto 40px auto;
        text-align: center;
    }
    .open-boxaccount {
        text-align: left;
    }
}
.open-boxaccount {
    width: 100%;
    border: 1px solid #e7ecf1;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    padding: 20px;
    border-radius: 4px;
    background: #FFF;
    margin-bottom: 10px;
    font-size: 14px;
    height: auto;
}
.open-boxaccount:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,.50);
}
.open-boxaccount .box-left {
    width: 200px;
    display: inline-block;
}
.open-boxaccount .box-right {
    float: right;
    padding-top: 14px;
}
@media (max-width: 445px) {
    .open-boxaccount .box-right {
        float: none;
        padding-top: 7px;
    }
    .open-boxaccount .box-left {
        width: 100%;
    }
}
.open-box h1 {
    color: #44A2DF;
    margin-bottom: 0px;
    line-height: 40px;
    margin-top: 0px;
}
.open-box h3 {
    margin-top: 0px;
    line-height: 33px;
    margin-bottom: 20px;
}
.product {
    color: #114F7F;
    font-weight: bold;
    font-size: 16px;
}
.open-footer-wrapper {
    background: #FFF!important;
    width: 100%;
    clear: both;
    border-top: 1px solid #EAEEF2;
}
.open-footer {
    max-width: 960px;
    margin: auto;
    padding: 20px 0 20px 0;
    text-align: justify;
    font-size: 11px;
    color: #999;
    line-height: 14px;
    min-height: 120px;
}
.open-top {
    background: url('../img/open-banner.jpg');
    max-width: 960px;
    height: 223px;
    margin: 0;
    padding: 20px 45px 0 45px;
    margin: auto;
    border-radius: 7px 7px 0px 0px;
}
.open-img {
    margin-right: 60px;
    width: 179px;
    height: 179px;
    float: left;
}
.open-virtualpay {
    background: url('../img/open-virtualpay.png');
}
.open-smartpay {
    background: url('../img/open-smartpay.png');
    background-size: contain;
}
.open-business {
    background: url('../img/open-business.png');
    background-size: contain;
}
.open-directpay {
    background: url('../img/open-directpay.png');
}
.open-inner {
    padding-top: 40px;
    text-align: center;
    margin-left: 50px;
}
.open-title {
    color: #FFF; font-weight: normal; font-size: 30px; letter-spacing: -0.5px; -webkit-font-smoothing: antialiased;
}
.open-sub-title {
    font-weight: bold; font-size: 22px; color: #FFF; line-height: 40px; letter-spacing: -0.5px;
}
.open-text {
    color: #FFF; font-size: 15px; line-height: 21px;
    max-width: 570px; overflow: hidden; border-top: 1px solid #8CAAC5; margin-top: 16px; padding-top: 16px;
}
@media (max-width: 955px) {
    .open-text {
        margin-top: -5px;
    }
}
@media (max-width: 679px) {
    .open-text {
        display: none;
    }
}
@media (max-width: 520px) {
    .open-virtualpay { display: none; }
    .open-smartpay { display: none; }
    .open-business { display: none; }
    .open-directpay { display: none; }
    .open-top { height: auto; padding: 0;}
    .open-logo {
        background-size: 120px;
        width: 120px;
        height: 35px;
    }
    .open-left .steps { display: none; }
	body.open-form .cu-portail-connexion-box { padding-top: 30px!important; background: #FFF; }
    .open-title { font-size: 20px; }
    .open-sub-title { font-size: 18px; line-height: 22px; }
    .cu-form-portail {padding:0}
}
.cu-form-portail .progress { margin-left: 15px; margin-right: 15px; }
.card-selection {
    text-align: center;
}
.card-design {
    position :relative;
    width:  232px;
    height:  148px;
    display: inline-block;
}
.card-pending-validation {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,.3);
    border-radius: 8px 8px 8px 8px;
    text-align: center;
    line-height: 148px;
    width: 100%;
    height: 100%;
}
.card-pending-validation .pending-text {
    background-color: #666;
    color: #FFF;
    padding: 4px 8px 4px 8px;
    font-style: italic;
}
#devtools {
    margin: 5px 10px;
    margin-top:7px;
    padding: 7px 5px 5px 5px;
    float: left;
    border:2px solid #f00;
    box-sizing: border-box;
    height: 54px;
    text-align: left;
}
#devtools h5 {
    position: absolute;
    margin:0px;
    padding:0px 5px;
    top:2px;
    background-color: #fff;
    color:#f00;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 12px;
}
#devtools p {
    margin:0;
}
.login, .extra-lock {
    background-color: #F8FBFE!important;
}
.login .logo {
    margin-top: 40px;
}
.login .content {
    background-color: #FFF;
    margin-bottom: 60px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding-top: 35px;
}
.login .content .form-control, .lock-body .form-control {
    background-color: #F3F5F8;
    margin-bottom: 15px;
}
.lock-body .form-control {
    height: 43px;
    color: #8290a3;
    border: 1px solid #dde3ec;
}
.create-account {
    color: #C3CEDD;
}
.page-lock .page-body {
    background-color: #FFF;
    box-shadow: 0px 2px 14px -2px #BBB;
}
.page-lock  .form-control:focus, .page-lock  .form-control:active {
    border: 1px solid #c3ccda;
}
.lock-head {
    background-color: #FFF;
    color: #2595D8;
    font-weight: 400 !important;
    padding-left: 30px;
    padding-right: 30px;
}
.lock-message {
    width: 100%;
    padding: 10px 30px 10px 30px;
    font-size: 15px;
    color: #FFF;
    background-color: #45B6AF;
    text-align: center;
}
.lock-body {
    background-color: #FFF;
    margin: 0;
    padding: 30px;
}
.lock-bottom a, .lock-bottom a:hover {
    color: #c3cedd;
}
.page-lock {
    margin: 0px auto 30px auto;
    min-height: 750px;
}
.lock-form .form-group .form-control {
    background-color: #082F4B;
}
.lock-form .form-group .form-control:focus {
    background-color: #06253C;
}
.lock-body .btn-success, .lock-body .btn-default {
    font-weight: 600;
    padding: 10px 20px !important;
}
.lock-bottom {
    border-bottom: 6px solid #09304D;
    background: #0C436B;
    padding: 20px 30px 20px 30px;
    text-align: center;
    margin-bottom: 60px;
}
.login .content h3 {
    color: #2595D8;
}
.back-btn-transfer-order {
    position:absolute;
    top:0;
    right:0;
    z-index: 1;
    height: 40px;
    display: flex;
    align-items: center;
}
.fluo {
    background-color: #F9F9F9;
}
.kyc-stakeholder-form .caption {
    background-color: #F2F2F2;
}
/* Fuck it */
.form-horizontal .sogexia-radio-inline .radio {
    padding-top: 0;
}
.form-horizontal .sogexia-radio-vertical .radio {
    padding-top: 0;
}
.login-form.challenge .form-actions .btn + .btn {
    font-weight: 600;
    padding: 10px 20px;
    float: right;
}
/* Uniforms does not properly overrides bootstrap styles with disabled fields */
div.radio input[disabled],
div.radio input[readonly],
fieldset[disabled] div.radio input {
    opacity: 0;
}
#cancel-card-form label {
    font-size: inherit;
}
/* Conf commande */
.table.confirmation {
    max-width: 960px;
    margin:auto;
}
.pin, .pin-display:hover>div {
    display: none;
}
.pin-display:hover>.pin {
    display: block;
}
.pin-display {
    font-size: 16px;
    text-transform: uppercase;
    background: repeating-linear-gradient(
            45deg,
            #3EA49E,
            #3EA49E 3px,
            #2F807B 3px,
            #2F807B 6px
    );
    padding: 4px;
    color: #FFF;
    width: 200px;
    margin: auto;
    text-align: center;
    height: auto;
    border-radius: 4px;
}
.pin {
    font-size: 16px;
    letter-spacing: 5px;
    background-color: #FFF;
    color: #000;
}
.hr-footer {
    border-top: 1px solid #CCC;
}
.menu-footer {
    margin: 10px 0 10px 0;
    color: #666;
    line-height: 30px;
}
.menu-footer a {
    color: #666;
}
.social-footer {
    text-align: right;
    margin: 10px 0 10px 0;
}
.legal-footer {
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.well {
    margin-bottom: 20px!important;
}
.login .content .form-actions .btn-default:hover {
    color: #6c7a8d;
}
.table-bordered th, .table-bordered td {
    vertical-align: middle;
}
.green-seagreen.btn:hover, .green-seagreen.btn:focus, .green-seagreen.btn:active, .green-seagreen.btn.active {
    background-color: #0157B8;
}
.green-seagreen.btn {
    background-color: #016FD0;
}
.btn-success {
    background-color: #016FD0;
    border-color: #016FD0;
}
.green-seagreen.btn.full-width {
    width: 100%;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #0157B8;
    border-color: #0157B8;
}
.progress > .progress-bar-success {
    background-color: #0A8ABB;
}
.badge {
    font-size: 13px !important;
    height: auto!important;
    padding: 3px 6px 5px 6px;
}
.btn-mobile-margin {
    margin-bottom: 5px;
}
.btn.btn-outline.green-meadow {
    color: #1BBC9B;
    background: 0 0;
    border: 1px solid #1BBC9B;
}
.btn.btn-outline.green-meadow.active, .btn.btn-outline.green-meadow:active, .btn.btn-outline.green-meadow:active:focus, .btn.btn-outline.green-meadow:active:hover, .btn.btn-outline.green-meadow:focus, .btn.btn-outline.green-meadow:hover {
    border-color: #2ABCB3;
    color: #FFF;
    background-color: #2ABCB3;
}
.btn.btn-outline.blue {
    color: #016FD0;
    background: 0 0;
    border: 1px solid #016FD0;
}
.btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover {
    border-color: #016FD0;
    color: #FFF;
    background-color: #016FD0;
}
.btn.btn-outline.orange {
    color: #D29720;
    background: 0 0;
    border: 1px solid #D29720;
}
.btn.btn-outline.orange.active, .btn.btn-outline.orange:active, .btn.btn-outline.orange:active:focus, .btn.btn-outline.orange:active:hover, .btn.btn-outline.orange:focus, .btn.btn-outline.orange:hover {
    border-color: #D29720;
    color: #FFF;
    background-color: #D29720;
}
.btn.btn-outline.indigo {
    color: #9E74F7;
    background: 0 0;
    border: 1px solid #9E74F7;
}
.btn.btn-outline.indigo.active, .btn.btn-outline.indigo:active, .btn.btn-outline.indigo:active:focus, .btn.btn-outline.indigo:active:hover, .btn.btn-outline.indigo:focus, .btn.btn-outline.indigo:hover {
    border-color: #9E74F7;
    color: #FFF;
    background-color: #9E74F7;
}
.btn.btn-outline.black {
    color: #4d4d4d;
    background: 0 0;
    border: 1px solid #4d4d4d;
}
.btn.btn-outline.black.active, .btn.btn-outline.black:active, .btn.btn-outline.black:active:focus, .btn.btn-outline.black:active:hover, .btn.btn-outline.black:focus, .btn.btn-outline.black:hover {
    border-color: #4d4d4d;
    color: #FFF;
    background-color: #4d4d4d;
}
.btn.btn-outline.white {
    color: #FFF;
    background: 0 0;
    border: 1px solid #FFF;
}
.btn.btn-outline.red-sunglo {
    color: #E26A6A;
    background: 0 0;
    border: 1px solid #E26A6A;
}
.btn.btn-outline.red-sunglo.active, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo:hover {
    border-color: #da3f3f;
    color: #FFF;
    background-color: #da3f3f;
}
.btn.btn-outline.default {
    color: #999;
    background: 0 0;
    border: 1px solid #999;
}
.btn.btn-outline.default.active, .btn.btn-outline.default:active, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:focus, .btn.btn-outline.default:hover {
    border-color: #666;
    color: #FFF;
    background-color: #666;
}
.btn-default {
    padding: 7px 14px;
}
.tabbable-line {
    position: relative;
}
.tabbable-line > .nav-tabs > li:hover {
    border-color: #8FC0EA;
}
.tabbable-line > .nav-tabs > li.active,
.tabbable-line > .nav-tabs > li.active:hover,
.tabbable-line > .nav-tabs > li:active {
    border-color: #016FD0;
}
.portlet.light > .portlet-title > .nav-tabs > li:hover > a {
    color: #000;
}
.portlet.light > .portlet-title > .nav-tabs > li.active > a,
.portlet.light > .portlet-title > .nav-tabs > li.active:hover > a,
.portlet.light > .portlet-title > .nav-tabs > li:active > a  {
    cursor: pointer;
    color: #000;
}
.portlet > .portlet-title > .nav-tabs {
    float: none;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    display: block;
    background: #FFF;
}
.portlet.light > .portlet-title > .nav-tabs > li {
    display: inline-block;
}
.nav-tabs > li {
    float: none;
}
.portlet > .portlet-title > .caption {
    float: none;
}
ul.nav-tabs {
    font-size: 0;
}
@media (max-width: 767px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
        padding: 24px 6px 44px 6px;
    }
}
.green-seagreen.btn:active:hover,
.green-seagreen.btn.active:hover {
    background-color: #014896;
}
.btn-success:active:hover,
.btn-success.active:hover {
    background-color: #014896;
}
@media (max-width: 530px) {
    .btn-float-right {
        float: none;
        margin-top: 10px;
    }
    .mini-caption {
        padding-bottom: 10px;
    }
}
@media (max-width: 440px) {
    .login .content { padding: 30px 25px 30px 25px; }
    .login .logo { margin-top: 15px; }
    .login .content.interstitial-page { padding: 30px 25px 30px 25px!important; }
}
/* WIZARD STEPS */
.mt-element-step .row {
    margin:0;
    margin-bottom: 25px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
}
.mt-element-step .step-default .mt-step-col {
    padding-top:30px;
    padding-bottom:30px;
    text-align:center
}
.mt-element-step .step-default .mt-step-number {
    font-size:26px;
    border-radius:50%!important;
    display:inline-block;
    margin:auto auto 20px;
    padding:3px 14px;
}
.mt-element-step .step-default .mt-step-title {
    font-size:30px;
    font-weight:100
}
.mt-element-step .step-default .active {
    background-color:#32c5d2!important
}
.mt-element-step .step-default .active .mt-step-number {
    color:#32c5d2!important
}
.mt-element-step .step-default .active .mt-step-content,.mt-element-step .step-default .active .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-default .done {
    background-color:#26C281!important
}
.mt-element-step .step-default .done .mt-step-number {
    color:#26C281!important
}
.mt-element-step .step-default .done .mt-step-content,.mt-element-step .step-default .done .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-default .error {
    background-color:#E7505A!important
}
.mt-element-step .step-default .error .mt-step-number {
    color:#E7505A!important
}
.mt-element-step .step-default .error .mt-step-content,.mt-element-step .step-default .error .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-thin .mt-step-col {
    padding-top:10px;
    padding-bottom:10px
}
.mt-element-step .step-thin .mt-step-number {
    font-size:26px;
    border-radius:50%!important;
    float:left;
    margin:auto;
    padding:3px 14px
}
.mt-element-step .step-thin .mt-step-title {
    font-size:24px;
    font-weight:100;
    padding-left:60px;
    margin-top:-4px
}
.mt-element-step .step-thin .mt-step-content {
    padding-left:60px;
    margin-top:-5px
}
.mt-element-step .step-thin .active {
    background-color:#32c5d2!important
}
.mt-element-step .step-thin .active .mt-step-number {
    color:#32c5d2!important
}
.mt-element-step .step-thin .active .mt-step-content,.mt-element-step .step-thin .active .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-thin .done {
    background-color:#26C281!important
}
.mt-element-step .step-thin .done .mt-step-number {
    color:#26C281!important
}
.mt-element-step .step-thin .done .mt-step-content,.mt-element-step .step-thin .done .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-thin .error {
    background-color:#E7505A!important
}
.mt-element-step .step-thin .error .mt-step-number {
    color:#E7505A!important
}
.mt-element-step .step-thin .error .mt-step-content,.mt-element-step .step-thin .error .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-background .mt-step-col {
    padding-top:30px;
    padding-bottom:30px;
    text-align:center;
    height:160px
}
.mt-element-step .step-background .mt-step-number {
    font-size:200px;
    position:absolute;
    bottom:0;
    right:0;
    line-height:.79em;
    color:#dae1e4;
    z-index:4
}
.mt-element-step .step-background .mt-step-content,.mt-element-step .step-background .mt-step-title {
    text-align:right;
    z-index:5;
    position:relative;
    padding-right:25%
}
.mt-element-step .step-background .mt-step-title {
    font-size:30px;
    font-weight:100
}
.mt-element-step .step-background .active {
    background-color:#32c5d2!important
}
.mt-element-step .step-background .active .mt-step-number {
    color:#2ab4c0!important
}
.mt-element-step .step-background .active .mt-step-content,.mt-element-step .step-background .active .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-background .done {
    background-color:#26C281!important
}
.mt-element-step .step-background .done .mt-step-number {
    color:#22ad73!important
}
.mt-element-step .step-background .done .mt-step-content,.mt-element-step .step-background .done .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-background .error {
    background-color:#E7505A!important
}
.mt-element-step .step-background .error .mt-step-number {
    color:#e43a45!important
}
.mt-element-step .step-background .error .mt-step-content,.mt-element-step .step-background .error .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-background-thin .mt-step-col {
    padding-top:15px;
    padding-bottom:15px;
    text-align:center
}
.mt-element-step .step-background-thin .mt-step-number {
    font-size:120px;
    position:absolute;
    bottom:0;
    right:0;
    line-height:.79em;
    color:#dae1e4;
    z-index:4
}
.mt-element-step .step-background-thin .mt-step-title {
    font-size:30px;
    font-weight:100;
    text-align:right;
    padding-right:25%;
    z-index:5;
    position:relative
}
.mt-element-step .step-background-thin .mt-step-content {
    text-align:right;
    position:relative;
    padding-right:25%;
    z-index:5
}
.mt-element-step .step-background-thin .active {
    background-color:#32c5d2!important
}
.mt-element-step .step-background-thin .active .mt-step-number {
    color:#2ab4c0!important
}
.mt-element-step .step-background-thin .active .mt-step-content,.mt-element-step .step-background-thin .active .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-background-thin .done {
    background-color:#26C281!important
}
.mt-element-step .step-background-thin .done .mt-step-number {
    color:#22ad73!important
}
.mt-element-step .step-background-thin .done .mt-step-content,.mt-element-step .step-background-thin .done .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-background-thin .error {
    background-color:#E7505A!important
}
.mt-element-step .step-background-thin .error .mt-step-number {
    color:#e43a45!important
}
.mt-element-step .step-background-thin .error .mt-step-content,.mt-element-step .step-background-thin .error .mt-step-title {
    color:#fff!important
}
.mt-element-step .step-no-background .mt-step-col {
    padding-top:30px;
    padding-bottom:30px;
    text-align:center
}
.mt-element-step .step-no-background .mt-step-number {
    font-size:26px;
    border-radius:50%!important;
    display:inline-block;
    margin:auto auto 20px;
    padding:3px 14px;
    border:1px solid #e5e5e5
}
.mt-element-step .step-no-background .mt-step-title {
    font-size:30px;
    font-weight:100
}
.mt-element-step .step-no-background .active .mt-step-number {
    color:#32c5d2!important;
    border-color:#32c5d2!important;
    font-weight:700
}
.mt-element-step .step-no-background .active .mt-step-content,.mt-element-step .step-no-background .active .mt-step-title {
    color:#32c5d2!important;
    font-weight:700
}
.mt-element-step .step-no-background .done .mt-step-number {
    color:#26C281!important;
    border-color:#26C281!important;
    font-weight:700
}
.mt-element-step .step-no-background .done .mt-step-content,.mt-element-step .step-no-background .done .mt-step-title {
    color:#26C281!important;
    font-weight:700
}
.mt-element-step .step-no-background .error .mt-step-number {
    color:#E7505A!important;
    border-color:#E7505A!important;
    font-weight:700
}
.mt-element-step .step-no-background .error .mt-step-content,.mt-element-step .step-no-background .error .mt-step-title {
    color:#E7505A!important;
    font-weight:700
}
.mt-element-step .step-no-background-thin .mt-step-col {
    padding-top:10px;
    padding-bottom:10px
}
.mt-element-step .step-no-background-thin .mt-step-number {
    font-size:26px;
    border-radius:50%!important;
    float:left;
    margin:auto;
    padding:3px 14px;
    border:1px solid #e5e5e5
}
.mt-element-step .step-no-background-thin .mt-step-title {
    font-size:24px;
    font-weight:100;
    padding-left:60px;
    margin-top:-4px
}
.mt-element-step .step-no-background-thin .mt-step-content {
    padding-left:60px;
    margin-top:-5px
}
.mt-element-step .step-no-background-thin .active .mt-step-number {
    color:#32c5d2!important;
    border-color:#32c5d2!important;
    font-weight:700
}
.mt-element-step .step-no-background-thin .active .mt-step-content,.mt-element-step .step-no-background-thin .active .mt-step-title {
    color:#32c5d2!important;
    font-weight:700
}
.mt-element-step .step-no-background-thin .done .mt-step-number {
    color:#26C281!important;
    border-color:#26C281!important;
    font-weight:700
}
.mt-element-step .step-no-background-thin .done .mt-step-content,.mt-element-step .step-no-background-thin .done .mt-step-title {
    color:#26C281!important;
    font-weight:700
}
.mt-element-step .step-no-background-thin .error .mt-step-number {
    color:#E7505A!important;
    border-color:#E7505A!important;
    font-weight:700
}
.mt-element-step .step-no-background-thin .error .mt-step-content,.mt-element-step .step-no-background-thin .error .mt-step-title {
    color:#E7505A!important;
    font-weight:700
}
.mt-element-step .step-line .mt-step-col {
    padding:20px 0 0 0;
    text-align:center
}
.mt-element-step .step-line .mt-step-number {
    font-size:26px;
    border-radius:50%!important;
    display:inline-block;
    margin:auto auto 5px;
    padding:9px;
    border:3px solid #e5e5e5;
    position:relative;
    z-index:5;
    height:60px;
    width:60px;
    text-align:center
}
.mt-element-step .step-line .mt-step-number>i {
    position:relative;
    top:50%;
    transform:translateY(-120%)
}
.mt-element-step .step-line .mt-step-title {
    font-size:20px;
    font-weight:400;
    position:relative
}
.mt-element-step .step-line .mt-step-title:after,.mt-element-step .step-line .mt-step-title:before {
    content:'';
    height:3px;
    width:50%;
    position:absolute;
    background-color:#e5e5e5;
    top:-32px;
    z-index:4;
    transform:translateY(-100%)
}
.mt-element-step .step-line .mt-step-title:after {
    left:50%
}
.mt-element-step .step-line .mt-step-title:before {
    right:50%
}
.mt-element-step .step-line .first .mt-step-title:before,.mt-element-step .step-line .last .mt-step-title:after {
    content:none
}
.mt-element-step .step-line .active .mt-step-number {
    color:#32c5d2!important;
    border-color:#32c5d2!important
}
.mt-element-step .step-line .active .mt-step-content,.mt-element-step .step-line .active .mt-step-title {
    color:#32c5d2!important
}
.mt-element-step .step-line .active .mt-step-title:after,.mt-element-step .step-line .active .mt-step-title:before {
    background-color:#32c5d2
}
.mt-element-step .step-line .done .mt-step-number {
    color:#26C281!important;
    border-color:#26C281!important
}
.mt-element-step .step-line .done .mt-step-content,.mt-element-step .step-line .done .mt-step-title {
    color:#26C281!important
}
.mt-element-step .step-line .done .mt-step-title:after,.mt-element-step .step-line .done .mt-step-title:before {
    background-color:#26C281
}
.mt-element-step .step-line .error .mt-step-number {
    color:#E7505A!important;
    border-color:#E7505A!important
}
.mt-element-step .step-line .error .mt-step-content,.mt-element-step .step-line .error .mt-step-title {
    color:#E7505A!important
}
.mt-element-step .step-line .error .mt-step-title:after,.mt-element-step .step-line .error .mt-step-title:before {
    background-color:#E7505A
}
@media (max-width:991px) {
    .mt-element-step .step-line .mt-step-title:after,.mt-element-step .step-line .mt-step-title:before {
        content:none
    }
}
.mt-element-list .list-default.mt-list-head {
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    padding:15px
}
.mt-element-list .list-default.mt-list-head .list-title {
    margin:0 0 .7em;
    font-size:18px
}
.mt-element-list .list-default.mt-list-head .list-date {
    font-size:12px
}
.mt-element-list .list-default.mt-list-head .list-pending {
    margin-bottom:10px
}
.mt-element-list .list-default.mt-list-head .list-count {
    display:inline-block;
    padding:3px 7px
}
.mt-element-list .list-default.mt-list-head .list-count.last {
    margin-bottom:0
}
.mt-element-list .list-default.mt-list-head .list-label {
    display:inline-block;
    font-size:12px
}
.mt-element-list .list-default.mt-list-container {
    border-left:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    padding:15px
}
.mt-element-list .list-default.mt-list-container .mt-list-title {
    padding-bottom:15px;
    font-size:14px;
    font-weight:700
}
.mt-element-list .list-default.mt-list-container ul {
    margin-bottom:0;
    padding:0
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item {
    list-style:none;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    padding:25px 0;
    min-height:45px
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item:first-child {
    padding-top:0
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item:last-child {
    padding-bottom:0;
    border:none
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container {
    border:1px solid #e7ecf1;
    border-radius:50%!important;
    padding:.9em;
    float:left;
    width:45px;
    height:45px
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container>a {
    color:#34495e
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container>a:hover {
    color:#26C281;
    text-decoration:none
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container.done {
    border-color:#26C281
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container.done>a {
    color:#26C281
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container.done>a:hover {
    color:#26C281;
    text-decoration:none
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content {
    padding:0 75px 0 60px
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>h3 {
    margin-top:0;
    margin-bottom:5px;
    font-size:16px
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>h3>a {
    color:#34495e
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover {
    color:#26C281;
    text-decoration:none
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>p {
    margin:0
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-datetime {
    text-align:right;
    float:right;
    width:60px
}
.mt-element-list .list-default.ext-1.mt-list-container {
    padding:15px 0 0
}
.mt-element-list .list-default.ext-1.mt-list-container .mt-list-title {
    padding:0 15px 15px
}
.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item {
    padding:15px;
    border-left:3px solid;
    border-color:#2F353B #2F353B #e7ecf1
}
.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item:hover {
    background-color:#e5e5e5
}
.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item.done {
    border-color:#26C281 #26C281 #e7ecf1
}
.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item.done:hover {
    background-color:#96ebc8
}
.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item>.list-icon-container {
    border:none
}
.mt-element-list .list-default.group .list-toggle-container:active,.mt-element-list .list-default.group .list-toggle-container:focus,.mt-element-list .list-default.group .list-toggle-container:hover {
    text-decoration:none
}
.mt-element-list .list-default.group .list-toggle-container .list-toggle {
    padding:15px;
    background-color:#2F353B;
    font-weight:700;
    color:#fff;
    text-decoration:none
}
.mt-element-list .list-default.group .list-toggle-container .list-toggle.done {
    background-color:#26C281
}
.mt-element-list .list-simple.mt-list-container {
    border-left:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    padding:15px
}
.mt-element-list .list-simple.mt-list-container ul {
    margin-bottom:0;
    padding:0
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item {
    list-style:none;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    padding:15px 0
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item:first-child {
    padding-top:0
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item:last-child {
    padding-bottom:0;
    border:none
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container {
    font-size:14px;
    float:left
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container>a {
    color:#34495e
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container>a:hover {
    color:#26C281;
    text-decoration:none
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container.done,.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container.done>a {
    color:#26C281
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container.done>a:hover {
    color:#26C281;
    text-decoration:none
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content {
    padding:0 75px 0 60px
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3 {
    margin:0;
    font-size:18px
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a {
    color:#34495e
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover {
    color:#26C281;
    text-decoration:none
}
.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-datetime {
    text-align:right;
    float:right;
    width:60px
}
.mt-element-list .list-simple.mt-list-head {
    padding:15px
}
.mt-element-list .list-simple.mt-list-head .list-title {
    margin:0;
    padding-right:85px
}
.mt-element-list .list-simple.mt-list-head .list-date {
    font-size:12px;
    opacity:.8;
    float:right;
    width:75px
}
.mt-element-list .list-simple.ext-1.mt-list-container {
    padding:0
}
.mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item {
    padding:15px;
    border-left:3px solid;
    border-color:#34495e #34495e #e7ecf1
}
.mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item:hover {
    background-color:#e5e5e5
}
.mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item.done {
    border-color:#26C281 #26C281 #e7ecf1
}
.mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item.done:hover {
    background-color:#96ebc8
}
.mt-element-list .list-simple.group .list-toggle-container:active,.mt-element-list .list-simple.group .list-toggle-container:focus,.mt-element-list .list-simple.group .list-toggle-container:hover {
    text-decoration:none
}
.mt-element-list .list-simple.group .list-toggle-container .list-toggle {
    padding:15px;
    background-color:#34495e;
    font-weight:700;
    color:#fff;
    text-decoration:none
}
.mt-element-list .list-simple.group .list-toggle-container .list-toggle.done {
    background-color:#26C281
}
.mt-element-list .list-news.ext-1.mt-list-container ul>.mt-list-item:hover,.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item:hover {
    background-color:#e5e5e5
}
.mt-element-list .list-news.mt-list-head {
    padding:15px;
    text-align:center
}
.mt-element-list .list-news.mt-list-head .list-title {
    margin:0
}
.mt-element-list .list-news.mt-list-head .badge {
    margin-top:5px
}
.mt-element-list .list-news.mt-list-container {
    border-left:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    padding:15px 0
}
.mt-element-list .list-news.mt-list-container ul {
    margin-bottom:0;
    padding:0
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item {
    list-style:none;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    padding:15px;
    position:relative
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item:first-child {
    padding-top:0
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item:last-child {
    padding-bottom:0;
    border:none
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-icon-container {
    font-size:20px;
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-10px
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-icon-container a {
    color:#2f353b
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-icon-container a:hover {
    color:#32c5d2
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-item-content {
    padding:0 25px 0 0
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-item-content>h3 {
    margin:0 0 10px;
    font-size:18px
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-item-content>h3>a {
    color:#34495e
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover {
    color:#32c5d2;
    text-decoration:none
}
.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-datetime {
    margin-bottom:10px
}
.mt-element-list .list-news.ext-1.mt-list-head {
    position:relative;
    text-align:left
}
.mt-element-list .list-news.ext-1.mt-list-head .list-count {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    padding:19px
}
.mt-element-list .list-news.ext-1 .list-thumb {
    width:80px;
    height:80px;
    overflow:hidden;
    float:left
}
.mt-element-list .list-news.ext-1 .list-thumb img {
    width:100%
}
.mt-element-list .list-news.ext-1.mt-list-container {
    padding:0
}
.mt-element-list .list-news.ext-1.mt-list-container ul>.mt-list-item {
    padding:15px
}
.mt-element-list .list-news.ext-1.mt-list-container ul>.mt-list-item>.list-datetime,.mt-element-list .list-news.ext-1.mt-list-container ul>.mt-list-item>.list-item-content {
    padding-left:90px
}
.mt-element-list .list-news.ext-1.mt-list-container ul>.mt-list-item:last-child {
    padding-bottom:15px
}
.mt-element-list .list-news.ext-2.mt-list-head {
    position:relative;
    text-align:left
}
.mt-element-list .list-news.ext-2.mt-list-head .list-count {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    padding:19px
}
.mt-element-list .list-news.ext-2 .list-thumb {
    width:80px;
    height:80px;
    overflow:hidden;
    float:left
}
.mt-element-list .list-news.ext-2 .list-thumb img {
    width:100%
}
.mt-element-list .list-news.ext-2.mt-list-container {
    padding:0
}
.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item {
    padding:15px
}
.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item>.list-datetime,.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item>.list-item-content {
    padding-left:90px
}
.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item>.list-item-content>h3 {
    font-size:16px
}
.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover {
    color:#F2784B
}
.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item:last-child {
    padding-bottom:15px
}
.mt-element-list .list-todo.mt-list-head {
    padding:15px;
    position:relative
}
.mt-element-list .list-todo.mt-list-head .list-title {
    margin:0
}
.mt-element-list .list-todo.mt-list-head .list-head-count {
    margin-top:5px
}
.mt-element-list .list-todo.mt-list-head .list-head-count>.list-head-count-item {
    display:inline-block;
    margin-right:15px
}
.mt-element-list .list-todo.mt-list-head .list-count {
    position:absolute;
    top:0;
    right:0;
    padding:29px;
    font-size:16px
}
.mt-element-list .list-todo.mt-list-head a {
    color:#fff
}
.mt-element-list .list-todo.mt-list-head a:hover {
    text-decoration:none
}
.mt-element-list .list-todo.mt-list-container {
    border-left:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
    border-color:#e7ecf1;
    position:relative
}
.mt-element-list .list-todo.mt-list-container .list-todo-line {
    position:absolute;
    z-index:1;
    height:100%;
    width:1px;
    top:0;
    left:25px;
    border-left:1px solid;
    border-color:#e7ecf1
}
.mt-element-list .list-todo.mt-list-container ul {
    margin-bottom:0;
    padding:0;
    position:relative;
    z-index:5
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item {
    list-style:none;
    border-bottom:1px solid;
    border-bottom-style:dashed;
    border-color:#e7ecf1;
    padding:15px;
    position:relative
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item:last-child {
    border:none
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-icon {
    display:inline-block;
    margin-top:.7em;
    padding:.7em 0;
    vertical-align:top
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item {
    margin-left:15px;
    display:inline-block;
    vertical-align:top;
    width:90%;
    position:relative
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item:after {
    right:100%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(47,53,59,0);
    border-right-color:#2f353b;
    border-width:8px;
    top:18px
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container:active,.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container:focus,.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container:hover {
    text-decoration:none
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container .list-toggle {
    padding:15px
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container .list-toggle>.list-toggle-title {
    display:inline-block
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list {
    border:1px solid #e7ecf1;
    padding:0;
    margin:0;
    position:relative;
    border-top:none;
    border-bottom:none
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item {
    list-style:none;
    padding:15px;
    border-bottom:1px solid;
    border-color:#e7ecf1
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item a {
    color:#2f353b
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item a:hover {
    text-decoration:none;
    color:#e43a45
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item:last-child {
    border-bottom:none
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-icon {
    float:left
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-content {
    padding:0 45px 0 35px
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-content>h4 {
    margin-top:0;
    font-size:14px
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-content>p {
    font-size:13px;
    margin:0
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-status {
    float:right
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-status a {
    color:#e5e5e5
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-status .done:hover {
    color:#26C281
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-status .pending:hover {
    color:#e43a45
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item.done>.task-status .done {
    color:#26C281
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer {
    padding:15px;
    text-align:center
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer a {
    color:#2f353b
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer a:hover {
    text-decoration:none
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer a.task-trash:hover {
    color:#e43a45
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer a.task-add:hover {
    color:#26C281
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-icon-container {
    font-size:20px;
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-10px
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-icon-container a {
    color:#2f353b
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-icon-container a:hover {
    color:#32c5d2
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content {
    padding:0 25px 0 0
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content>h3 {
    margin:0 0 10px;
    font-size:18px
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content>h3>a {
    color:#34495e
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover {
    color:#32c5d2;
    text-decoration:none
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-datetime {
    margin-bottom:10px
}
.mt-element-list .list-default.mt-list-head.white,.mt-element-list .list-default.mt-list-head.white .badge {
    background-color:#fff;
    color:#666
}
.mt-element-list .list-default.mt-list-head.white.ext-1 .badge {
    background-color:#e6e6e6
}
.mt-element-list .list-default.mt-list-head.white .list-date,.mt-element-list .list-default.mt-list-head.white .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.white,.mt-element-list .list-todo.mt-list-head.white {
    background-color:#fff;
    color:#666
}
.mt-element-list .list-todo .list-count.white:hover {
    background-color:#f2f2f2
}
.mt-element-list .list-todo .list-todo-line.white {
    border-color:#fff
}
.mt-element-list .list-todo .list-todo-item.white:after {
    border-right-color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.white .list-toggle {
    background:#fff;
    color:#666!important
}
.mt-element-list .list-todo .list-todo-item.white .list-toggle>.badge {
    color:#fff;
    background:#666
}
.mt-element-list .list-default.mt-list-head.default {
    background-color:#e1e5ec;
    color:#666
}
.mt-element-list .list-default.mt-list-head.default .badge {
    background-color:#fff;
    color:#666
}
.mt-element-list .list-default.mt-list-head.default.ext-1 .badge {
    background-color:#c2cad8
}
.mt-element-list .list-default.mt-list-head.default .list-date,.mt-element-list .list-default.mt-list-head.default .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.default,.mt-element-list .list-todo.mt-list-head.default {
    background-color:#e1e5ec;
    color:#666
}
.mt-element-list .list-todo .list-count.default:hover {
    background-color:#d1d7e2
}
.mt-element-list .list-todo .list-todo-line.default {
    border-color:#e1e5ec
}
.mt-element-list .list-todo .list-todo-item.default:after {
    border-right-color:#e1e5ec!important
}
.mt-element-list .list-todo .list-todo-item.default .list-toggle {
    background:#e1e5ec;
    color:#666!important
}
.mt-element-list .list-todo .list-todo-item.default .list-toggle>.badge {
    color:#e1e5ec;
    background:#666
}
.mt-element-list .list-default.mt-list-head.dark {
    background-color:#2f353b;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.dark .badge {
    background-color:#464f57;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.dark.ext-1 .badge {
    background-color:#181c1f
}
.mt-element-list .list-default.mt-list-head.dark .list-date,.mt-element-list .list-default.mt-list-head.dark .list-label {
    color:#acb5bd
}
.mt-element-list .list-todo .list-count.dark,.mt-element-list .list-todo.mt-list-head.dark {
    background-color:#2f353b;
    color:#FFF
}
.mt-element-list .list-todo .list-count.dark:hover {
    background-color:#24282d
}
.mt-element-list .list-todo .list-todo-line.dark {
    border-color:#2f353b
}
.mt-element-list .list-todo .list-todo-item.dark:after {
    border-right-color:#2f353b!important
}
.mt-element-list .list-todo .list-todo-item.dark .list-toggle {
    background:#2f353b;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.dark .list-toggle>.badge {
    color:#2f353b;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue {
    background-color:#3598dc;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue .badge {
    background-color:#60aee4;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue.ext-1 .badge {
    background-color:#217ebd
}
.mt-element-list .list-default.mt-list-head.blue .list-date,.mt-element-list .list-default.mt-list-head.blue .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue,.mt-element-list .list-todo.mt-list-head.blue {
    background-color:#3598dc;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue:hover {
    background-color:#258cd3
}
.mt-element-list .list-todo .list-todo-line.blue {
    border-color:#3598dc
}
.mt-element-list .list-todo .list-todo-item.blue:after {
    border-right-color:#3598dc!important
}
.mt-element-list .list-todo .list-todo-item.blue .list-toggle {
    background:#3598dc;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue .list-toggle>.badge {
    color:#3598dc;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-madison {
    background-color:#578ebe;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-madison .badge {
    background-color:#7ca7cc;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-madison.ext-1 .badge {
    background-color:#3f74a3
}
.mt-element-list .list-default.mt-list-head.blue-madison .list-date,.mt-element-list .list-default.mt-list-head.blue-madison .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue-madison,.mt-element-list .list-todo.mt-list-head.blue-madison {
    background-color:#578ebe;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-madison:hover {
    background-color:#4682b5
}
.mt-element-list .list-todo .list-todo-line.blue-madison {
    border-color:#578ebe
}
.mt-element-list .list-todo .list-todo-item.blue-madison:after {
    border-right-color:#578ebe!important
}
.mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle {
    background:#578ebe;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle>.badge {
    color:#578ebe;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-chambray {
    background-color:#2C3E50;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-chambray .badge {
    background-color:#3e5871;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge {
    background-color:#1a252f
}
.mt-element-list .list-default.mt-list-head.blue-chambray .list-date,.mt-element-list .list-default.mt-list-head.blue-chambray .list-label {
    color:#aabed1
}
.mt-element-list .list-todo .list-count.blue-chambray,.mt-element-list .list-todo.mt-list-head.blue-chambray {
    background-color:#2C3E50;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-chambray:hover {
    background-color:#233140
}
.mt-element-list .list-todo .list-todo-line.blue-chambray {
    border-color:#2C3E50
}
.mt-element-list .list-todo .list-todo-item.blue-chambray:after {
    border-right-color:#2C3E50!important
}
.mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle {
    background:#2C3E50;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle>.badge {
    color:#2C3E50;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-ebonyclay {
    background-color:#22313F;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-ebonyclay .badge {
    background-color:#344b60;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-ebonyclay.ext-1 .badge {
    background-color:#10171e
}
.mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date,.mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label {
    color:#98b1c8
}
.mt-element-list .list-todo .list-count.blue-ebonyclay,.mt-element-list .list-todo.mt-list-head.blue-ebonyclay {
    background-color:#22313F;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-ebonyclay:hover {
    background-color:#19242e
}
.mt-element-list .list-todo .list-todo-line.blue-ebonyclay {
    border-color:#22313F
}
.mt-element-list .list-todo .list-todo-item.blue-ebonyclay:after {
    border-right-color:#22313F!important
}
.mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle {
    background:#22313F;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle>.badge {
    color:#22313F;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-hoki {
    background-color:#67809F;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-hoki .badge {
    background-color:#869ab3;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-hoki.ext-1 .badge {
    background-color:#526781
}
.mt-element-list .list-default.mt-list-head.blue-hoki .list-date,.mt-element-list .list-default.mt-list-head.blue-hoki .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue-hoki,.mt-element-list .list-todo.mt-list-head.blue-hoki {
    background-color:#67809F;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-hoki:hover {
    background-color:#5c7391
}
.mt-element-list .list-todo .list-todo-line.blue-hoki {
    border-color:#67809F
}
.mt-element-list .list-todo .list-todo-item.blue-hoki:after {
    border-right-color:#67809F!important
}
.mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle {
    background:#67809F;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle>.badge {
    color:#67809F;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-steel {
    background-color:#4B77BE;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-steel .badge {
    background-color:#7093cc;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-steel.ext-1 .badge {
    background-color:#395f9d
}
.mt-element-list .list-default.mt-list-head.blue-steel .list-date,.mt-element-list .list-default.mt-list-head.blue-steel .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue-steel,.mt-element-list .list-todo.mt-list-head.blue-steel {
    background-color:#4B77BE;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-steel:hover {
    background-color:#406bb0
}
.mt-element-list .list-todo .list-todo-line.blue-steel {
    border-color:#4B77BE
}
.mt-element-list .list-todo .list-todo-item.blue-steel:after {
    border-right-color:#4B77BE!important
}
.mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle {
    background:#4B77BE;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle>.badge {
    color:#4B77BE;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-soft {
    background-color:#4c87b9;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-soft .badge {
    background-color:#71a0c7;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-soft.ext-1 .badge {
    background-color:#3b6d97
}
.mt-element-list .list-default.mt-list-head.blue-soft .list-date,.mt-element-list .list-default.mt-list-head.blue-soft .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue-soft,.mt-element-list .list-todo.mt-list-head.blue-soft {
    background-color:#4c87b9;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-soft:hover {
    background-color:#427aa9
}
.mt-element-list .list-todo .list-todo-line.blue-soft {
    border-color:#4c87b9
}
.mt-element-list .list-todo .list-todo-item.blue-soft:after {
    border-right-color:#4c87b9!important
}
.mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle {
    background:#4c87b9;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle>.badge {
    color:#4c87b9;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-dark {
    background-color:#5e738b;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-dark .badge {
    background-color:#788da4;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-dark.ext-1 .badge {
    background-color:#495a6d
}
.mt-element-list .list-default.mt-list-head.blue-dark .list-date,.mt-element-list .list-default.mt-list-head.blue-dark .list-label {
    color:#f2f4f6
}
.mt-element-list .list-todo .list-count.blue-dark,.mt-element-list .list-todo.mt-list-head.blue-dark {
    background-color:#5e738b;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-dark:hover {
    background-color:#54667c
}
.mt-element-list .list-todo .list-todo-line.blue-dark {
    border-color:#5e738b
}
.mt-element-list .list-todo .list-todo-item.blue-dark:after {
    border-right-color:#5e738b!important
}
.mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle {
    background:#5e738b;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle>.badge {
    color:#5e738b;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-sharp {
    background-color:#5C9BD1;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-sharp .badge {
    background-color:#84b3dc;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-sharp.ext-1 .badge {
    background-color:#3782c3
}
.mt-element-list .list-default.mt-list-head.blue-sharp .list-date,.mt-element-list .list-default.mt-list-head.blue-sharp .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue-sharp,.mt-element-list .list-todo.mt-list-head.blue-sharp {
    background-color:#5C9BD1;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-sharp:hover {
    background-color:#488fcb
}
.mt-element-list .list-todo .list-todo-line.blue-sharp {
    border-color:#5C9BD1
}
.mt-element-list .list-todo .list-todo-item.blue-sharp:after {
    border-right-color:#5C9BD1!important
}
.mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle {
    background:#5C9BD1;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle>.badge {
    color:#5C9BD1;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-oleo {
    background-color:#94A0B2;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-oleo .badge {
    background-color:#b2bac7;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.blue-oleo.ext-1 .badge {
    background-color:#76869d
}
.mt-element-list .list-default.mt-list-head.blue-oleo .list-date,.mt-element-list .list-default.mt-list-head.blue-oleo .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.blue-oleo,.mt-element-list .list-todo.mt-list-head.blue-oleo {
    background-color:#94A0B2;
    color:#FFF
}
.mt-element-list .list-todo .list-count.blue-oleo:hover {
    background-color:#8593a7
}
.mt-element-list .list-todo .list-todo-line.blue-oleo {
    border-color:#94A0B2
}
.mt-element-list .list-todo .list-todo-item.blue-oleo:after {
    border-right-color:#94A0B2!important
}
.mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle {
    background:#94A0B2;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle>.badge {
    color:#94A0B2;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green {
    background-color:#32c5d2;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green .badge {
    background-color:#5cd1db;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green.ext-1 .badge {
    background-color:#26a1ab
}
.mt-element-list .list-default.mt-list-head.green .list-date,.mt-element-list .list-default.mt-list-head.green .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.green,.mt-element-list .list-todo.mt-list-head.green {
    background-color:#32c5d2;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green:hover {
    background-color:#2ab4c0
}
.mt-element-list .list-todo .list-todo-line.green {
    border-color:#32c5d2
}
.mt-element-list .list-todo .list-todo-item.green:after {
    border-right-color:#32c5d2!important
}
.mt-element-list .list-todo .list-todo-item.green .list-toggle {
    background:#32c5d2;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green .list-toggle>.badge {
    color:#32c5d2;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-meadow {
    background-color:#1BBC9B;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-meadow .badge {
    background-color:#2ae0bb;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-meadow.ext-1 .badge {
    background-color:#158f76
}
.mt-element-list .list-default.mt-list-head.green-meadow .list-date,.mt-element-list .list-default.mt-list-head.green-meadow .list-label {
    color:#dcfaf4
}
.mt-element-list .list-todo .list-count.green-meadow,.mt-element-list .list-todo.mt-list-head.green-meadow {
    background-color:#1BBC9B;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-meadow:hover {
    background-color:#18a689
}
.mt-element-list .list-todo .list-todo-line.green-meadow {
    border-color:#1BBC9B
}
.mt-element-list .list-todo .list-todo-item.green-meadow:after {
    border-right-color:#1BBC9B!important
}
.mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle {
    background:#1BBC9B;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle>.badge {
    color:#1BBC9B;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-seagreen {
    background-color:#1BA39C;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-seagreen .badge {
    background-color:#22cfc6;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-seagreen.ext-1 .badge {
    background-color:#147772
}
.mt-element-list .list-default.mt-list-head.green-seagreen .list-date,.mt-element-list .list-default.mt-list-head.green-seagreen .list-label {
    color:#c7f6f3
}
.mt-element-list .list-todo .list-count.green-seagreen,.mt-element-list .list-todo.mt-list-head.green-seagreen {
    background-color:#1BA39C;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-seagreen:hover {
    background-color:#178d87
}
.mt-element-list .list-todo .list-todo-line.green-seagreen {
    border-color:#1BA39C
}
.mt-element-list .list-todo .list-todo-item.green-seagreen:after {
    border-right-color:#1BA39C!important
}
.mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle {
    background:#1BA39C;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle>.badge {
    color:#1BA39C;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-turquoise {
    background-color:#36D7B7;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-turquoise .badge {
    background-color:#61dfc6;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-turquoise.ext-1 .badge {
    background-color:#24b699
}
.mt-element-list .list-default.mt-list-head.green-turquoise .list-date,.mt-element-list .list-default.mt-list-head.green-turquoise .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.green-turquoise,.mt-element-list .list-todo.mt-list-head.green-turquoise {
    background-color:#36D7B7;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-turquoise:hover {
    background-color:#28cbab
}
.mt-element-list .list-todo .list-todo-line.green-turquoise {
    border-color:#36D7B7
}
.mt-element-list .list-todo .list-todo-item.green-turquoise:after {
    border-right-color:#36D7B7!important
}
.mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle {
    background:#36D7B7;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle>.badge {
    color:#36D7B7;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-haze {
    background-color:#44b6ae;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-haze .badge {
    background-color:#67c6bf;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-haze.ext-1 .badge {
    background-color:#36918b
}
.mt-element-list .list-default.mt-list-head.green-haze .list-date,.mt-element-list .list-default.mt-list-head.green-haze .list-label {
    color:#fbfefd
}
.mt-element-list .list-todo .list-count.green-haze,.mt-element-list .list-todo.mt-list-head.green-haze {
    background-color:#44b6ae;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-haze:hover {
    background-color:#3da39c
}
.mt-element-list .list-todo .list-todo-line.green-haze {
    border-color:#44b6ae
}
.mt-element-list .list-todo .list-todo-item.green-haze:after {
    border-right-color:#44b6ae!important
}
.mt-element-list .list-todo .list-todo-item.green-haze .list-toggle {
    background:#44b6ae;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-haze .list-toggle>.badge {
    color:#44b6ae;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-jungle {
    background-color:#26C281;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-jungle .badge {
    background-color:#41da9a;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-jungle.ext-1 .badge {
    background-color:#1e9765
}
.mt-element-list .list-default.mt-list-head.green-jungle .list-date,.mt-element-list .list-default.mt-list-head.green-jungle .list-label {
    color:#ecfbf5
}
.mt-element-list .list-todo .list-count.green-jungle,.mt-element-list .list-todo.mt-list-head.green-jungle {
    background-color:#26C281;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-jungle:hover {
    background-color:#22ad73
}
.mt-element-list .list-todo .list-todo-line.green-jungle {
    border-color:#26C281
}
.mt-element-list .list-todo .list-todo-item.green-jungle:after {
    border-right-color:#26C281!important
}
.mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle {
    background:#26C281;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle>.badge {
    color:#26C281;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-soft {
    background-color:#3faba4;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-soft .badge {
    background-color:#5bc2bc;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-soft.ext-1 .badge {
    background-color:#318680
}
.mt-element-list .list-default.mt-list-head.green-soft .list-date,.mt-element-list .list-default.mt-list-head.green-soft .list-label {
    color:#f0f9f9
}
.mt-element-list .list-todo .list-count.green-soft,.mt-element-list .list-todo.mt-list-head.green-soft {
    background-color:#3faba4;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-soft:hover {
    background-color:#389892
}
.mt-element-list .list-todo .list-todo-line.green-soft {
    border-color:#3faba4
}
.mt-element-list .list-todo .list-todo-item.green-soft:after {
    border-right-color:#3faba4!important
}
.mt-element-list .list-todo .list-todo-item.green-soft .list-toggle {
    background:#3faba4;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-soft .list-toggle>.badge {
    color:#3faba4;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-dark {
    background-color:#4DB3A2;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-dark .badge {
    background-color:#71c2b5;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-dark.ext-1 .badge {
    background-color:#3d9082
}
.mt-element-list .list-default.mt-list-head.green-dark .list-date,.mt-element-list .list-default.mt-list-head.green-dark .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.green-dark,.mt-element-list .list-todo.mt-list-head.green-dark {
    background-color:#4DB3A2;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-dark:hover {
    background-color:#45a292
}
.mt-element-list .list-todo .list-todo-line.green-dark {
    border-color:#4DB3A2
}
.mt-element-list .list-todo .list-todo-item.green-dark:after {
    border-right-color:#4DB3A2!important
}
.mt-element-list .list-todo .list-todo-item.green-dark .list-toggle {
    background:#4DB3A2;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-dark .list-toggle>.badge {
    color:#4DB3A2;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-sharp {
    background-color:#2ab4c0;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-sharp .badge {
    background-color:#46cbd7;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-sharp.ext-1 .badge {
    background-color:#218d96
}
.mt-element-list .list-default.mt-list-head.green-sharp .list-date,.mt-element-list .list-default.mt-list-head.green-sharp .list-label {
    color:#eefafb
}
.mt-element-list .list-todo .list-count.green-sharp,.mt-element-list .list-todo.mt-list-head.green-sharp {
    background-color:#2ab4c0;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-sharp:hover {
    background-color:#25a0ab
}
.mt-element-list .list-todo .list-todo-line.green-sharp {
    border-color:#2ab4c0
}
.mt-element-list .list-todo .list-todo-item.green-sharp:after {
    border-right-color:#2ab4c0!important
}
.mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle {
    background:#2ab4c0;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle>.badge {
    color:#2ab4c0;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.green-steel {
    background-color:#29b4b6;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-steel .badge {
    background-color:#3ed1d4;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.green-steel.ext-1 .badge {
    background-color:#208b8c
}
.mt-element-list .list-default.mt-list-head.green-steel .list-date,.mt-element-list .list-default.mt-list-head.green-steel .list-label {
    color:#e5f9f9
}
.mt-element-list .list-todo .list-count.green-steel,.mt-element-list .list-todo.mt-list-head.green-steel {
    background-color:#29b4b6;
    color:#FFF
}
.mt-element-list .list-todo .list-count.green-steel:hover {
    background-color:#249fa1
}
.mt-element-list .list-todo .list-todo-line.green-steel {
    border-color:#29b4b6
}
.mt-element-list .list-todo .list-todo-item.green-steel:after {
    border-right-color:#29b4b6!important
}
.mt-element-list .list-todo .list-todo-item.green-steel .list-toggle {
    background:#29b4b6;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.green-steel .list-toggle>.badge {
    color:#29b4b6;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.grey {
    background-color:#E5E5E5;
    color:#333
}
.mt-element-list .list-default.mt-list-head.grey .badge {
    background-color:#fff;
    color:#333
}
.mt-element-list .list-default.mt-list-head.grey.ext-1 .badge {
    background-color:#ccc
}
.mt-element-list .list-default.mt-list-head.grey .list-date,.mt-element-list .list-default.mt-list-head.grey .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey,.mt-element-list .list-todo.mt-list-head.grey {
    background-color:#E5E5E5;
    color:#333
}
.mt-element-list .list-todo .list-count.grey:hover {
    background-color:#d8d8d8
}
.mt-element-list .list-todo .list-todo-line.grey {
    border-color:#E5E5E5
}
.mt-element-list .list-todo .list-todo-item.grey:after {
    border-right-color:#E5E5E5!important
}
.mt-element-list .list-todo .list-todo-item.grey .list-toggle {
    background:#E5E5E5;
    color:#333!important
}
.mt-element-list .list-todo .list-todo-item.grey .list-toggle>.badge {
    color:#E5E5E5;
    background:#333
}
.mt-element-list .list-default.mt-list-head.grey-steel {
    background-color:#e9edef;
    color:#80898e
}
.mt-element-list .list-default.mt-list-head.grey-steel .badge {
    background-color:#fff;
    color:#80898e
}
.mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge {
    background-color:#cbd5da
}
.mt-element-list .list-default.mt-list-head.grey-steel .list-date,.mt-element-list .list-default.mt-list-head.grey-steel .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-steel,.mt-element-list .list-todo.mt-list-head.grey-steel {
    background-color:#e9edef;
    color:#80898e
}
.mt-element-list .list-todo .list-count.grey-steel:hover {
    background-color:#dae1e4
}
.mt-element-list .list-todo .list-todo-line.grey-steel {
    border-color:#e9edef
}
.mt-element-list .list-todo .list-todo-item.grey-steel:after {
    border-right-color:#e9edef!important
}
.mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle {
    background:#e9edef;
    color:#80898e!important
}
.mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle>.badge {
    color:#e9edef;
    background:#80898e
}
.mt-element-list .list-default.mt-list-head.grey-cararra {
    background-color:#fafafa;
    color:#333
}
.mt-element-list .list-default.mt-list-head.grey-cararra .badge {
    background-color:#fff;
    color:#333
}
.mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge {
    background-color:#e1e1e1
}
.mt-element-list .list-default.mt-list-head.grey-cararra .list-date,.mt-element-list .list-default.mt-list-head.grey-cararra .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-cararra,.mt-element-list .list-todo.mt-list-head.grey-cararra {
    background-color:#fafafa;
    color:#333
}
.mt-element-list .list-todo .list-count.grey-cararra:hover {
    background-color:#ededed
}
.mt-element-list .list-todo .list-todo-line.grey-cararra {
    border-color:#fafafa
}
.mt-element-list .list-todo .list-todo-item.grey-cararra:after {
    border-right-color:#fafafa!important
}
.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle {
    background:#fafafa;
    color:#333!important
}
.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle>.badge {
    color:#fafafa;
    background:#333
}
.mt-element-list .list-default.mt-list-head.grey-gallery {
    background-color:#555;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.grey-gallery .badge {
    background-color:#6f6f6f;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.grey-gallery.ext-1 .badge {
    background-color:#3c3c3c
}
.mt-element-list .list-default.mt-list-head.grey-gallery .list-date,.mt-element-list .list-default.mt-list-head.grey-gallery .list-label {
    color:#d5d5d5
}
.mt-element-list .list-todo .list-count.grey-gallery,.mt-element-list .list-todo.mt-list-head.grey-gallery {
    background-color:#555;
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-gallery:hover {
    background-color:#484848
}
.mt-element-list .list-todo .list-todo-line.grey-gallery {
    border-color:#555
}
.mt-element-list .list-todo .list-todo-item.grey-gallery:after {
    border-right-color:#555!important
}
.mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle {
    background:#555;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle>.badge {
    color:#555;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.grey-cascade {
    background-color:#95A5A6;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.grey-cascade .badge {
    background-color:#b1bdbd;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.grey-cascade.ext-1 .badge {
    background-color:#798d8f
}
.mt-element-list .list-default.mt-list-head.grey-cascade .list-date,.mt-element-list .list-default.mt-list-head.grey-cascade .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-cascade,.mt-element-list .list-todo.mt-list-head.grey-cascade {
    background-color:#95A5A6;
    color:#FFF
}
.mt-element-list .list-todo .list-count.grey-cascade:hover {
    background-color:#87999a
}
.mt-element-list .list-todo .list-todo-line.grey-cascade {
    border-color:#95A5A6
}
.mt-element-list .list-todo .list-todo-item.grey-cascade:after {
    border-right-color:#95A5A6!important
}
.mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle {
    background:#95A5A6;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle>.badge {
    color:#95A5A6;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.grey-silver {
    background-color:#BFBFBF;
    color:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-silver .badge {
    background-color:#d9d9d9;
    color:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-silver.ext-1 .badge {
    background-color:#a6a6a6
}
.mt-element-list .list-default.mt-list-head.grey-silver .list-date,.mt-element-list .list-default.mt-list-head.grey-silver .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-silver,.mt-element-list .list-todo.mt-list-head.grey-silver {
    background-color:#BFBFBF;
    color:#FAFCFB
}
.mt-element-list .list-todo .list-count.grey-silver:hover {
    background-color:#b2b2b2
}
.mt-element-list .list-todo .list-todo-line.grey-silver {
    border-color:#BFBFBF
}
.mt-element-list .list-todo .list-todo-item.grey-silver:after {
    border-right-color:#BFBFBF!important
}
.mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle {
    background:#BFBFBF;
    color:#FAFCFB!important
}
.mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle>.badge {
    color:#BFBFBF;
    background:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-salsa {
    background-color:#ACB5C3;
    color:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-salsa .badge {
    background-color:#cacfd8;
    color:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-salsa.ext-1 .badge {
    background-color:#8e9bae
}
.mt-element-list .list-default.mt-list-head.grey-salsa .list-date,.mt-element-list .list-default.mt-list-head.grey-salsa .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-salsa,.mt-element-list .list-todo.mt-list-head.grey-salsa {
    background-color:#ACB5C3;
    color:#FAFCFB
}
.mt-element-list .list-todo .list-count.grey-salsa:hover {
    background-color:#9da8b8
}
.mt-element-list .list-todo .list-todo-line.grey-salsa {
    border-color:#ACB5C3
}
.mt-element-list .list-todo .list-todo-item.grey-salsa:after {
    border-right-color:#ACB5C3!important
}
.mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle {
    background:#ACB5C3;
    color:#FAFCFB!important
}
.mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle>.badge {
    color:#ACB5C3;
    background:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-salt {
    background-color:#bfcad1;
    color:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-salt .badge {
    background-color:#dde3e6;
    color:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-salt.ext-1 .badge {
    background-color:#a1b1bc
}
.mt-element-list .list-default.mt-list-head.grey-salt .list-date,.mt-element-list .list-default.mt-list-head.grey-salt .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.grey-salt,.mt-element-list .list-todo.mt-list-head.grey-salt {
    background-color:#bfcad1;
    color:#FAFCFB
}
.mt-element-list .list-todo .list-count.grey-salt:hover {
    background-color:#b0bec6
}
.mt-element-list .list-todo .list-todo-line.grey-salt {
    border-color:#bfcad1
}
.mt-element-list .list-todo .list-todo-item.grey-salt:after {
    border-right-color:#bfcad1!important
}
.mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle {
    background:#bfcad1;
    color:#FAFCFB!important
}
.mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle>.badge {
    color:#bfcad1;
    background:#FAFCFB
}
.mt-element-list .list-default.mt-list-head.grey-mint {
    background-color:#525e64;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.grey-mint .badge {
    background-color:#697880;
    color:#FFF
}
.mt-element-list .list-default.mt-list-head.grey-mint.ext-1 .badge {
    background-color:#3b4448
}
.mt-element-list .list-default.mt-list-head.grey-mint .list-date,.mt-element-list .list-default.mt-list-head.grey-mint .list-label {
    color:#d7dcde
}
.mt-element-list .list-todo .list-count.grey-mint,.mt-element-list .list-todo.mt-list-head.grey-mint {
    background-color:#525e64;
    color:#FFF
}
.mt-element-list .list-todo .list-count.grey-mint:hover {
    background-color:#475156
}
.mt-element-list .list-todo .list-todo-line.grey-mint {
    border-color:#525e64
}
.mt-element-list .list-todo .list-todo-item.grey-mint:after {
    border-right-color:#525e64!important
}
.mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle {
    background:#525e64;
    color:#FFF!important
}
.mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle>.badge {
    color:#525e64;
    background:#FFF
}
.mt-element-list .list-default.mt-list-head.red {
    background-color:#e7505a;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red .badge {
    background-color:#ed7d84;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red.ext-1 .badge {
    background-color:#e12330
}
.mt-element-list .list-default.mt-list-head.red .list-date,.mt-element-list .list-default.mt-list-head.red .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red,.mt-element-list .list-todo.mt-list-head.red {
    background-color:#e7505a;
    color:#fff
}
.mt-element-list .list-todo .list-count.red:hover {
    background-color:#e43a45
}
.mt-element-list .list-todo .list-todo-line.red {
    border-color:#e7505a
}
.mt-element-list .list-todo .list-todo-item.red:after {
    border-right-color:#e7505a!important
}
.mt-element-list .list-todo .list-todo-item.red .list-toggle {
    background:#e7505a;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red .list-toggle>.badge {
    color:#e7505a;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-pink {
    background-color:#E08283;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-pink .badge {
    background-color:#eaabac;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-pink.ext-1 .badge {
    background-color:#d6595a
}
.mt-element-list .list-default.mt-list-head.red-pink .list-date,.mt-element-list .list-default.mt-list-head.red-pink .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-pink,.mt-element-list .list-todo.mt-list-head.red-pink {
    background-color:#E08283;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-pink:hover {
    background-color:#db6e6f
}
.mt-element-list .list-todo .list-todo-line.red-pink {
    border-color:#E08283
}
.mt-element-list .list-todo .list-todo-item.red-pink:after {
    border-right-color:#E08283!important
}
.mt-element-list .list-todo .list-todo-item.red-pink .list-toggle {
    background:#E08283;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-pink .list-toggle>.badge {
    color:#E08283;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-sunglo {
    background-color:#E26A6A;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-sunglo .badge {
    background-color:#ea9595;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-sunglo.ext-1 .badge {
    background-color:#da3f3f
}
.mt-element-list .list-default.mt-list-head.red-sunglo .list-date,.mt-element-list .list-default.mt-list-head.red-sunglo .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-sunglo,.mt-element-list .list-todo.mt-list-head.red-sunglo {
    background-color:#E26A6A;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-sunglo:hover {
    background-color:#de5555
}
.mt-element-list .list-todo .list-todo-line.red-sunglo {
    border-color:#E26A6A
}
.mt-element-list .list-todo .list-todo-item.red-sunglo:after {
    border-right-color:#E26A6A!important
}
.mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle {
    background:#E26A6A;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle>.badge {
    color:#E26A6A;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-intense {
    background-color:#e35b5a;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-intense .badge {
    background-color:#ea8686;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-intense.ext-1 .badge {
    background-color:#dc302e
}
.mt-element-list .list-default.mt-list-head.red-intense .list-date,.mt-element-list .list-default.mt-list-head.red-intense .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-intense,.mt-element-list .list-todo.mt-list-head.red-intense {
    background-color:#e35b5a;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-intense:hover {
    background-color:#df4544
}
.mt-element-list .list-todo .list-todo-line.red-intense {
    border-color:#e35b5a
}
.mt-element-list .list-todo .list-todo-item.red-intense:after {
    border-right-color:#e35b5a!important
}
.mt-element-list .list-todo .list-todo-item.red-intense .list-toggle {
    background:#e35b5a;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-intense .list-toggle>.badge {
    color:#e35b5a;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-thunderbird {
    background-color:#D91E18;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-thunderbird .badge {
    background-color:#e9403b;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-thunderbird.ext-1 .badge {
    background-color:#ab1813
}
.mt-element-list .list-default.mt-list-head.red-thunderbird .list-date,.mt-element-list .list-default.mt-list-head.red-thunderbird .list-label {
    color:#fef3f2
}
.mt-element-list .list-todo .list-count.red-thunderbird,.mt-element-list .list-todo.mt-list-head.red-thunderbird {
    background-color:#D91E18;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-thunderbird:hover {
    background-color:#c21b15
}
.mt-element-list .list-todo .list-todo-line.red-thunderbird {
    border-color:#D91E18
}
.mt-element-list .list-todo .list-todo-item.red-thunderbird:after {
    border-right-color:#D91E18!important
}
.mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle {
    background:#D91E18;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle>.badge {
    color:#D91E18;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-flamingo {
    background-color:#EF4836;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-flamingo .badge {
    background-color:#f37365;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-flamingo.ext-1 .badge {
    background-color:#e02612
}
.mt-element-list .list-default.mt-list-head.red-flamingo .list-date,.mt-element-list .list-default.mt-list-head.red-flamingo .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-flamingo,.mt-element-list .list-todo.mt-list-head.red-flamingo {
    background-color:#EF4836;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-flamingo:hover {
    background-color:#ed321e
}
.mt-element-list .list-todo .list-todo-line.red-flamingo {
    border-color:#EF4836
}
.mt-element-list .list-todo .list-todo-item.red-flamingo:after {
    border-right-color:#EF4836!important
}
.mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle {
    background:#EF4836;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle>.badge {
    color:#EF4836;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-soft {
    background-color:#d05454;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-soft .badge {
    background-color:#db7c7c;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-soft.ext-1 .badge {
    background-color:#bd3434
}
.mt-element-list .list-default.mt-list-head.red-soft .list-date,.mt-element-list .list-default.mt-list-head.red-soft .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-soft,.mt-element-list .list-todo.mt-list-head.red-soft {
    background-color:#d05454;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-soft:hover {
    background-color:#cb4040
}
.mt-element-list .list-todo .list-todo-line.red-soft {
    border-color:#d05454
}
.mt-element-list .list-todo .list-todo-item.red-soft:after {
    border-right-color:#d05454!important
}
.mt-element-list .list-todo .list-todo-item.red-soft .list-toggle {
    background:#d05454;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-soft .list-toggle>.badge {
    color:#d05454;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-haze {
    background-color:#f36a5a;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-haze .badge {
    background-color:#f6958a;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-haze.ext-1 .badge {
    background-color:#f03f2a
}
.mt-element-list .list-default.mt-list-head.red-haze .list-date,.mt-element-list .list-default.mt-list-head.red-haze .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-haze,.mt-element-list .list-todo.mt-list-head.red-haze {
    background-color:#f36a5a;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-haze:hover {
    background-color:#f15542
}
.mt-element-list .list-todo .list-todo-line.red-haze {
    border-color:#f36a5a
}
.mt-element-list .list-todo .list-todo-item.red-haze:after {
    border-right-color:#f36a5a!important
}
.mt-element-list .list-todo .list-todo-item.red-haze .list-toggle {
    background:#f36a5a;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-haze .list-toggle>.badge {
    color:#f36a5a;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.red-mint {
    background-color:#e43a45;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-mint .badge {
    background-color:#ea676f;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.red-mint.ext-1 .badge {
    background-color:#cf1c28
}
.mt-element-list .list-default.mt-list-head.red-mint .list-date,.mt-element-list .list-default.mt-list-head.red-mint .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.red-mint,.mt-element-list .list-todo.mt-list-head.red-mint {
    background-color:#e43a45;
    color:#fff
}
.mt-element-list .list-todo .list-count.red-mint:hover {
    background-color:#e12430
}
.mt-element-list .list-todo .list-todo-line.red-mint {
    border-color:#e43a45
}
.mt-element-list .list-todo .list-todo-item.red-mint:after {
    border-right-color:#e43a45!important
}
.mt-element-list .list-todo .list-todo-item.red-mint .list-toggle {
    background:#e43a45;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.red-mint .list-toggle>.badge {
    color:#e43a45;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow {
    background-color:#c49f47;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow .badge {
    background-color:#d0b36e;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow.ext-1 .badge {
    background-color:#a48334
}
.mt-element-list .list-default.mt-list-head.yellow .list-date,.mt-element-list .list-default.mt-list-head.yellow .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow,.mt-element-list .list-todo.mt-list-head.yellow {
    background-color:#c49f47;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow:hover {
    background-color:#b7923b
}
.mt-element-list .list-todo .list-todo-line.yellow {
    border-color:#c49f47
}
.mt-element-list .list-todo .list-todo-item.yellow:after {
    border-right-color:#c49f47!important
}
.mt-element-list .list-todo .list-todo-item.yellow .list-toggle {
    background:#c49f47;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow .list-toggle>.badge {
    color:#c49f47;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-gold {
    background-color:#E87E04;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-gold .badge {
    background-color:#fb9724;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-gold.ext-1 .badge {
    background-color:#b66303
}
.mt-element-list .list-default.mt-list-head.yellow-gold .list-date,.mt-element-list .list-default.mt-list-head.yellow-gold .list-label {
    color:#fff6ec
}
.mt-element-list .list-todo .list-count.yellow-gold,.mt-element-list .list-todo.mt-list-head.yellow-gold {
    background-color:#E87E04;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-gold:hover {
    background-color:#cf7004
}
.mt-element-list .list-todo .list-todo-line.yellow-gold {
    border-color:#E87E04
}
.mt-element-list .list-todo .list-todo-item.yellow-gold:after {
    border-right-color:#E87E04!important
}
.mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle {
    background:#E87E04;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle>.badge {
    color:#E87E04;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-casablanca {
    background-color:#f2784b;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-casablanca .badge {
    background-color:#f59c7b;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-casablanca.ext-1 .badge {
    background-color:#ef541b
}
.mt-element-list .list-default.mt-list-head.yellow-casablanca .list-date,.mt-element-list .list-default.mt-list-head.yellow-casablanca .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-casablanca,.mt-element-list .list-todo.mt-list-head.yellow-casablanca {
    background-color:#f2784b;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-casablanca:hover {
    background-color:#f06633
}
.mt-element-list .list-todo .list-todo-line.yellow-casablanca {
    border-color:#f2784b
}
.mt-element-list .list-todo .list-todo-item.yellow-casablanca:after {
    border-right-color:#f2784b!important
}
.mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle {
    background:#f2784b;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle>.badge {
    color:#f2784b;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-crusta {
    background-color:#f3c200;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-crusta .badge {
    background-color:#ffd327;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-crusta.ext-1 .badge {
    background-color:#c09900
}
.mt-element-list .list-default.mt-list-head.yellow-crusta .list-date,.mt-element-list .list-default.mt-list-head.yellow-crusta .list-label {
    color:#fffdf3
}
.mt-element-list .list-todo .list-count.yellow-crusta,.mt-element-list .list-todo.mt-list-head.yellow-crusta {
    background-color:#f3c200;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-crusta:hover {
    background-color:#daae00
}
.mt-element-list .list-todo .list-todo-line.yellow-crusta {
    border-color:#f3c200
}
.mt-element-list .list-todo .list-todo-item.yellow-crusta:after {
    border-right-color:#f3c200!important
}
.mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle {
    background:#f3c200;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle>.badge {
    color:#f3c200;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-lemon {
    background-color:#F7CA18;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-lemon .badge {
    background-color:#f9d549;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-lemon.ext-1 .badge {
    background-color:#d5ab07
}
.mt-element-list .list-default.mt-list-head.yellow-lemon .list-date,.mt-element-list .list-default.mt-list-head.yellow-lemon .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-lemon,.mt-element-list .list-todo.mt-list-head.yellow-lemon {
    background-color:#F7CA18;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-lemon:hover {
    background-color:#edbf08
}
.mt-element-list .list-todo .list-todo-line.yellow-lemon {
    border-color:#F7CA18
}
.mt-element-list .list-todo .list-todo-item.yellow-lemon:after {
    border-right-color:#F7CA18!important
}
.mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle {
    background:#F7CA18;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle>.badge {
    color:#F7CA18;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-saffron {
    background-color:#F4D03F;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-saffron .badge {
    background-color:#f7dc6f;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-saffron.ext-1 .badge {
    background-color:#f1c40f
}
.mt-element-list .list-default.mt-list-head.yellow-saffron .list-date,.mt-element-list .list-default.mt-list-head.yellow-saffron .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-saffron,.mt-element-list .list-todo.mt-list-head.yellow-saffron {
    background-color:#F4D03F;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-saffron:hover {
    background-color:#f3ca27
}
.mt-element-list .list-todo .list-todo-line.yellow-saffron {
    border-color:#F4D03F
}
.mt-element-list .list-todo .list-todo-item.yellow-saffron:after {
    border-right-color:#F4D03F!important
}
.mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle {
    background:#F4D03F;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle>.badge {
    color:#F4D03F;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-soft {
    background-color:#c8d046;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-soft .badge {
    background-color:#d4da6f;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-soft.ext-1 .badge {
    background-color:#adb52e
}
.mt-element-list .list-default.mt-list-head.yellow-soft .list-date,.mt-element-list .list-default.mt-list-head.yellow-soft .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-soft,.mt-element-list .list-todo.mt-list-head.yellow-soft {
    background-color:#c8d046;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-soft:hover {
    background-color:#c1c933
}
.mt-element-list .list-todo .list-todo-line.yellow-soft {
    border-color:#c8d046
}
.mt-element-list .list-todo .list-todo-item.yellow-soft:after {
    border-right-color:#c8d046!important
}
.mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle {
    background:#c8d046;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle>.badge {
    color:#c8d046;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-haze {
    background-color:#c5bf66;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-haze .badge {
    background-color:#d3ce8b;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-haze.ext-1 .badge {
    background-color:#b4ad44
}
.mt-element-list .list-default.mt-list-head.yellow-haze .list-date,.mt-element-list .list-default.mt-list-head.yellow-haze .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-haze,.mt-element-list .list-todo.mt-list-head.yellow-haze {
    background-color:#c5bf66;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-haze:hover {
    background-color:#beb754
}
.mt-element-list .list-todo .list-todo-line.yellow-haze {
    border-color:#c5bf66
}
.mt-element-list .list-todo .list-todo-item.yellow-haze:after {
    border-right-color:#c5bf66!important
}
.mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle {
    background:#c5bf66;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle>.badge {
    color:#c5bf66;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-mint {
    background-color:#c5b96b;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-mint .badge {
    background-color:#d3ca90;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.yellow-mint.ext-1 .badge {
    background-color:#b6a747
}
.mt-element-list .list-default.mt-list-head.yellow-mint .list-date,.mt-element-list .list-default.mt-list-head.yellow-mint .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-mint,.mt-element-list .list-todo.mt-list-head.yellow-mint {
    background-color:#c5b96b;
    color:#fff
}
.mt-element-list .list-todo .list-count.yellow-mint:hover {
    background-color:#beb059
}
.mt-element-list .list-todo .list-todo-line.yellow-mint {
    border-color:#c5b96b
}
.mt-element-list .list-todo .list-todo-item.yellow-mint:after {
    border-right-color:#c5b96b!important
}
.mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle {
    background:#c5b96b;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle>.badge {
    color:#c5b96b;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple {
    background-color:#8E44AD;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple .badge {
    background-color:#a563c1;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple.ext-1 .badge {
    background-color:#703688
}
.mt-element-list .list-default.mt-list-head.purple .list-date,.mt-element-list .list-default.mt-list-head.purple .list-label {
    color:#f9f5fb
}
.mt-element-list .list-todo .list-count.purple,.mt-element-list .list-todo.mt-list-head.purple {
    background-color:#8E44AD;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple:hover {
    background-color:#7f3d9b
}
.mt-element-list .list-todo .list-todo-line.purple {
    border-color:#8E44AD
}
.mt-element-list .list-todo .list-todo-item.purple:after {
    border-right-color:#8E44AD!important
}
.mt-element-list .list-todo .list-todo-item.purple .list-toggle {
    background:#8E44AD;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple .list-toggle>.badge {
    color:#8E44AD;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-plum {
    background-color:#8775a7;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-plum .badge {
    background-color:#a294bb;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-plum.ext-1 .badge {
    background-color:#6d5b8e
}
.mt-element-list .list-default.mt-list-head.purple-plum .list-date,.mt-element-list .list-default.mt-list-head.purple-plum .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-plum,.mt-element-list .list-todo.mt-list-head.purple-plum {
    background-color:#8775a7;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-plum:hover {
    background-color:#79659d
}
.mt-element-list .list-todo .list-todo-line.purple-plum {
    border-color:#8775a7
}
.mt-element-list .list-todo .list-todo-item.purple-plum:after {
    border-right-color:#8775a7!important
}
.mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle {
    background:#8775a7;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle>.badge {
    color:#8775a7;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-medium {
    background-color:#BF55EC;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-medium .badge {
    background-color:#d083f1;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-medium.ext-1 .badge {
    background-color:#ae27e7
}
.mt-element-list .list-default.mt-list-head.purple-medium .list-date,.mt-element-list .list-default.mt-list-head.purple-medium .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-medium,.mt-element-list .list-todo.mt-list-head.purple-medium {
    background-color:#BF55EC;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-medium:hover {
    background-color:#b63ee9
}
.mt-element-list .list-todo .list-todo-line.purple-medium {
    border-color:#BF55EC
}
.mt-element-list .list-todo .list-todo-item.purple-medium:after {
    border-right-color:#BF55EC!important
}
.mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle {
    background:#BF55EC;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle>.badge {
    color:#BF55EC;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-studio {
    background-color:#8E44AD;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-studio .badge {
    background-color:#a563c1;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-studio.ext-1 .badge {
    background-color:#703688
}
.mt-element-list .list-default.mt-list-head.purple-studio .list-date,.mt-element-list .list-default.mt-list-head.purple-studio .list-label {
    color:#f9f5fb
}
.mt-element-list .list-todo .list-count.purple-studio,.mt-element-list .list-todo.mt-list-head.purple-studio {
    background-color:#8E44AD;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-studio:hover {
    background-color:#7f3d9b
}
.mt-element-list .list-todo .list-todo-line.purple-studio {
    border-color:#8E44AD
}
.mt-element-list .list-todo .list-todo-item.purple-studio:after {
    border-right-color:#8E44AD!important
}
.mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle {
    background:#8E44AD;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle>.badge {
    color:#8E44AD;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-wisteria {
    background-color:#9B59B6;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-wisteria .badge {
    background-color:#b07cc6;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-wisteria.ext-1 .badge {
    background-color:#804399
}
.mt-element-list .list-default.mt-list-head.purple-wisteria .list-date,.mt-element-list .list-default.mt-list-head.purple-wisteria .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-wisteria,.mt-element-list .list-todo.mt-list-head.purple-wisteria {
    background-color:#9B59B6;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-wisteria:hover {
    background-color:#8f4bab
}
.mt-element-list .list-todo .list-todo-line.purple-wisteria {
    border-color:#9B59B6
}
.mt-element-list .list-todo .list-todo-item.purple-wisteria:after {
    border-right-color:#9B59B6!important
}
.mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle {
    background:#9B59B6;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle>.badge {
    color:#9B59B6;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-seance {
    background-color:#9A12B3;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-seance .badge {
    background-color:#c217e1;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-seance.ext-1 .badge {
    background-color:#720d85
}
.mt-element-list .list-default.mt-list-head.purple-seance .list-date,.mt-element-list .list-default.mt-list-head.purple-seance .list-label {
    color:#f2cafa
}
.mt-element-list .list-todo .list-count.purple-seance,.mt-element-list .list-todo.mt-list-head.purple-seance {
    background-color:#9A12B3;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-seance:hover {
    background-color:#86109c
}
.mt-element-list .list-todo .list-todo-line.purple-seance {
    border-color:#9A12B3
}
.mt-element-list .list-todo .list-todo-item.purple-seance:after {
    border-right-color:#9A12B3!important
}
.mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle {
    background:#9A12B3;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle>.badge {
    color:#9A12B3;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-intense {
    background-color:#8775a7;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-intense .badge {
    background-color:#a294bb;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-intense.ext-1 .badge {
    background-color:#6d5b8e
}
.mt-element-list .list-default.mt-list-head.purple-intense .list-date,.mt-element-list .list-default.mt-list-head.purple-intense .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-intense,.mt-element-list .list-todo.mt-list-head.purple-intense {
    background-color:#8775a7;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-intense:hover {
    background-color:#79659d
}
.mt-element-list .list-todo .list-todo-line.purple-intense {
    border-color:#8775a7
}
.mt-element-list .list-todo .list-todo-item.purple-intense:after {
    border-right-color:#8775a7!important
}
.mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle {
    background:#8775a7;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle>.badge {
    color:#8775a7;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-sharp {
    background-color:#796799;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-sharp .badge {
    background-color:#9486ad;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-sharp.ext-1 .badge {
    background-color:#61527b
}
.mt-element-list .list-default.mt-list-head.purple-sharp .list-date,.mt-element-list .list-default.mt-list-head.purple-sharp .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-sharp,.mt-element-list .list-todo.mt-list-head.purple-sharp {
    background-color:#796799;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-sharp:hover {
    background-color:#6d5d8a
}
.mt-element-list .list-todo .list-todo-line.purple-sharp {
    border-color:#796799
}
.mt-element-list .list-todo .list-todo-item.purple-sharp:after {
    border-right-color:#796799!important
}
.mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle {
    background:#796799;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle>.badge {
    color:#796799;
    background:#fff
}
.mt-element-list .list-default.mt-list-head.purple-soft {
    background-color:#8877a9;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-soft .badge {
    background-color:#a396bd;
    color:#fff
}
.mt-element-list .list-default.mt-list-head.purple-soft.ext-1 .badge {
    background-color:#6e5c91
}
.mt-element-list .list-default.mt-list-head.purple-soft .list-date,.mt-element-list .list-default.mt-list-head.purple-soft .list-label {
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-soft,.mt-element-list .list-todo.mt-list-head.purple-soft {
    background-color:#8877a9;
    color:#fff
}
.mt-element-list .list-todo .list-count.purple-soft:hover {
    background-color:#7a679f
}
.mt-element-list .list-todo .list-todo-line.purple-soft {
    border-color:#8877a9
}
.mt-element-list .list-todo .list-todo-item.purple-soft:after {
    border-right-color:#8877a9!important
}
.mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle {
    background:#8877a9;
    color:#fff!important
}
.mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle>.badge {
    color:#8877a9;
    background:#fff
}
.mt-element-list .list-todo-item.white:after {
    border-right-color:#fff
}
.mt-element-list .list-todo-item.white .list-toggle {
    background:#fff
}
.mt-element-list .list-todo-item.default:after {
    border-right-color:#e1e5ec
}
.mt-element-list .list-todo-item.default .list-toggle {
    background:#e1e5ec
}
.mt-element-list .list-todo-item.dark:after {
    border-right-color:#2f353b
}
.mt-element-list .list-todo-item.dark .list-toggle {
    background:#2f353b
}
.mt-element-list .list-todo-item.blue:after {
    border-right-color:#3598dc
}
.mt-element-list .list-todo-item.blue .list-toggle {
    background:#3598dc
}
.mt-element-list .list-todo-item.blue-madison:after {
    border-right-color:#578ebe
}
.mt-element-list .list-todo-item.blue-madison .list-toggle {
    background:#578ebe
}
.mt-element-list .list-todo-item.blue-chambray:after {
    border-right-color:#2C3E50
}
.mt-element-list .list-todo-item.blue-chambray .list-toggle {
    background:#2C3E50
}
.mt-element-list .list-todo-item.blue-ebonyclay:after {
    border-right-color:#22313F
}
.mt-element-list .list-todo-item.blue-ebonyclay .list-toggle {
    background:#22313F
}
.mt-element-list .list-todo-item.blue-hoki:after {
    border-right-color:#67809F
}
.mt-element-list .list-todo-item.blue-hoki .list-toggle {
    background:#67809F
}
.mt-element-list .list-todo-item.blue-steel:after {
    border-right-color:#4B77BE
}
.mt-element-list .list-todo-item.blue-steel .list-toggle {
    background:#4B77BE
}
.mt-element-list .list-todo-item.blue-soft:after {
    border-right-color:#4c87b9
}
.mt-element-list .list-todo-item.blue-soft .list-toggle {
    background:#4c87b9
}
.mt-element-list .list-todo-item.blue-dark:after {
    border-right-color:#5e738b
}
.mt-element-list .list-todo-item.blue-dark .list-toggle {
    background:#5e738b
}
.mt-element-list .list-todo-item.blue-sharp:after {
    border-right-color:#5C9BD1
}
.mt-element-list .list-todo-item.blue-sharp .list-toggle {
    background:#5C9BD1
}
.mt-element-list .list-todo-item.blue-oleo:after {
    border-right-color:#94A0B2
}
.mt-element-list .list-todo-item.blue-oleo .list-toggle {
    background:#94A0B2
}
.mt-element-list .list-todo-item.green:after {
    border-right-color:#32c5d2
}
.mt-element-list .list-todo-item.green .list-toggle {
    background:#32c5d2
}
.mt-element-list .list-todo-item.green-meadow:after {
    border-right-color:#1BBC9B
}
.mt-element-list .list-todo-item.green-meadow .list-toggle {
    background:#1BBC9B
}
.mt-element-list .list-todo-item.green-seagreen:after {
    border-right-color:#1BA39C
}
.mt-element-list .list-todo-item.green-seagreen .list-toggle {
    background:#1BA39C
}
.mt-element-list .list-todo-item.green-turquoise:after {
    border-right-color:#36D7B7
}
.mt-element-list .list-todo-item.green-turquoise .list-toggle {
    background:#36D7B7
}
.mt-element-list .list-todo-item.green-haze:after {
    border-right-color:#44b6ae
}
.mt-element-list .list-todo-item.green-haze .list-toggle {
    background:#44b6ae
}
.mt-element-list .list-todo-item.green-jungle:after {
    border-right-color:#26C281
}
.mt-element-list .list-todo-item.green-jungle .list-toggle {
    background:#26C281
}
.mt-element-list .list-todo-item.green-soft:after {
    border-right-color:#3faba4
}
.mt-element-list .list-todo-item.green-soft .list-toggle {
    background:#3faba4
}
.mt-element-list .list-todo-item.green-dark:after {
    border-right-color:#4DB3A2
}
.mt-element-list .list-todo-item.green-dark .list-toggle {
    background:#4DB3A2
}
.mt-element-list .list-todo-item.green-sharp:after {
    border-right-color:#2ab4c0
}
.mt-element-list .list-todo-item.green-sharp .list-toggle {
    background:#2ab4c0
}
.mt-element-list .list-todo-item.green-steel:after {
    border-right-color:#29b4b6
}
.mt-element-list .list-todo-item.green-steel .list-toggle {
    background:#29b4b6
}
.mt-element-list .list-todo-item.grey:after {
    border-right-color:#E5E5E5
}
.mt-element-list .list-todo-item.grey .list-toggle {
    background:#E5E5E5
}
.mt-element-list .list-todo-item.grey-steel:after {
    border-right-color:#e9edef
}
.mt-element-list .list-todo-item.grey-steel .list-toggle {
    background:#e9edef
}
.mt-element-list .list-todo-item.grey-cararra:after {
    border-right-color:#fafafa
}
.mt-element-list .list-todo-item.grey-cararra .list-toggle {
    background:#fafafa
}
.mt-element-list .list-todo-item.grey-gallery:after {
    border-right-color:#555
}
.mt-element-list .list-todo-item.grey-gallery .list-toggle {
    background:#555
}
.mt-element-list .list-todo-item.grey-cascade:after {
    border-right-color:#95A5A6
}
.mt-element-list .list-todo-item.grey-cascade .list-toggle {
    background:#95A5A6
}
.mt-element-list .list-todo-item.grey-silver:after {
    border-right-color:#BFBFBF
}
.mt-element-list .list-todo-item.grey-silver .list-toggle {
    background:#BFBFBF
}
.mt-element-list .list-todo-item.grey-salsa:after {
    border-right-color:#ACB5C3
}
.mt-element-list .list-todo-item.grey-salsa .list-toggle {
    background:#ACB5C3
}
.mt-element-list .list-todo-item.grey-salt:after {
    border-right-color:#bfcad1
}
.mt-element-list .list-todo-item.grey-salt .list-toggle {
    background:#bfcad1
}
.mt-element-list .list-todo-item.grey-mint:after {
    border-right-color:#525e64
}
.mt-element-list .list-todo-item.grey-mint .list-toggle {
    background:#525e64
}
.mt-element-list .list-todo-item.red:after {
    border-right-color:#e7505a
}
.mt-element-list .list-todo-item.red .list-toggle {
    background:#e7505a
}
.mt-element-list .list-todo-item.red-pink:after {
    border-right-color:#E08283
}
.mt-element-list .list-todo-item.red-pink .list-toggle {
    background:#E08283
}
.mt-element-list .list-todo-item.red-sunglo:after {
    border-right-color:#E26A6A
}
.mt-element-list .list-todo-item.red-sunglo .list-toggle {
    background:#E26A6A
}
.mt-element-list .list-todo-item.red-intense:after {
    border-right-color:#e35b5a
}
.mt-element-list .list-todo-item.red-intense .list-toggle {
    background:#e35b5a
}
.mt-element-list .list-todo-item.red-thunderbird:after {
    border-right-color:#D91E18
}
.mt-element-list .list-todo-item.red-thunderbird .list-toggle {
    background:#D91E18
}
.mt-element-list .list-todo-item.red-flamingo:after {
    border-right-color:#EF4836
}
.mt-element-list .list-todo-item.red-flamingo .list-toggle {
    background:#EF4836
}
.mt-element-list .list-todo-item.red-soft:after {
    border-right-color:#d05454
}
.mt-element-list .list-todo-item.red-soft .list-toggle {
    background:#d05454
}
.mt-element-list .list-todo-item.red-haze:after {
    border-right-color:#f36a5a
}
.mt-element-list .list-todo-item.red-haze .list-toggle {
    background:#f36a5a
}
.mt-element-list .list-todo-item.red-mint:after {
    border-right-color:#e43a45
}
.mt-element-list .list-todo-item.red-mint .list-toggle {
    background:#e43a45
}
.mt-element-list .list-todo-item.yellow:after {
    border-right-color:#c49f47
}
.mt-element-list .list-todo-item.yellow .list-toggle {
    background:#c49f47
}
.mt-element-list .list-todo-item.yellow-gold:after {
    border-right-color:#E87E04
}
.mt-element-list .list-todo-item.yellow-gold .list-toggle {
    background:#E87E04
}
.mt-element-list .list-todo-item.yellow-casablanca:after {
    border-right-color:#f2784b
}
.mt-element-list .list-todo-item.yellow-casablanca .list-toggle {
    background:#f2784b
}
.mt-element-list .list-todo-item.yellow-crusta:after {
    border-right-color:#f3c200
}
.mt-element-list .list-todo-item.yellow-crusta .list-toggle {
    background:#f3c200
}
.mt-element-list .list-todo-item.yellow-lemon:after {
    border-right-color:#F7CA18
}
.mt-element-list .list-todo-item.yellow-lemon .list-toggle {
    background:#F7CA18
}
.mt-element-list .list-todo-item.yellow-saffron:after {
    border-right-color:#F4D03F
}
.mt-element-list .list-todo-item.yellow-saffron .list-toggle {
    background:#F4D03F
}
.mt-element-list .list-todo-item.yellow-soft:after {
    border-right-color:#c8d046
}
.mt-element-list .list-todo-item.yellow-soft .list-toggle {
    background:#c8d046
}
.mt-element-list .list-todo-item.yellow-haze:after {
    border-right-color:#c5bf66
}
.mt-element-list .list-todo-item.yellow-haze .list-toggle {
    background:#c5bf66
}
.mt-element-list .list-todo-item.yellow-mint:after {
    border-right-color:#c5b96b
}
.mt-element-list .list-todo-item.yellow-mint .list-toggle {
    background:#c5b96b
}
.mt-element-list .list-todo-item.purple:after {
    border-right-color:#8E44AD
}
.mt-element-list .list-todo-item.purple .list-toggle {
    background:#8E44AD
}
.mt-element-list .list-todo-item.purple-plum:after {
    border-right-color:#8775a7
}
.mt-element-list .list-todo-item.purple-plum .list-toggle {
    background:#8775a7
}
.mt-element-list .list-todo-item.purple-medium:after {
    border-right-color:#BF55EC
}
.mt-element-list .list-todo-item.purple-medium .list-toggle {
    background:#BF55EC
}
.mt-element-list .list-todo-item.purple-studio:after {
    border-right-color:#8E44AD
}
.mt-element-list .list-todo-item.purple-studio .list-toggle {
    background:#8E44AD
}
.mt-element-list .list-todo-item.purple-wisteria:after {
    border-right-color:#9B59B6
}
.mt-element-list .list-todo-item.purple-wisteria .list-toggle {
    background:#9B59B6
}
.mt-element-list .list-todo-item.purple-seance:after {
    border-right-color:#9A12B3
}
.mt-element-list .list-todo-item.purple-seance .list-toggle {
    background:#9A12B3
}
.mt-element-list .list-todo-item.purple-intense:after {
    border-right-color:#8775a7
}
.mt-element-list .list-todo-item.purple-intense .list-toggle {
    background:#8775a7
}
.mt-element-list .list-todo-item.purple-sharp:after {
    border-right-color:#796799
}
.mt-element-list .list-todo-item.purple-sharp .list-toggle {
    background:#796799
}
.mt-element-list .list-todo-item.purple-soft:after {
    border-right-color:#8877a9
}
.mt-element-list .list-todo-item.purple-soft .list-toggle {
    background:#8877a9
}
.mt-element-ribbon .ribbon,.mt-element-ribbon .ribbon.ribbon-color-default,.mt-element-ribbon .ribbon.ribbon-color-default>.ribbon-sub,.mt-element-ribbon .ribbon>.ribbon-sub {
    background-color:#bac3d0;
    color:#384353
}
.mt-element-ribbon {
    position:relative;
    margin-bottom:30px
}
.mt-element-ribbon .ribbon-content {
    margin:0;
    padding:25px;
    clear:both
}
.mt-element-ribbon .ribbon-content.no-padding {
    padding-top:0
}
.mt-element-ribbon .ribbon {
    padding:.5em 1em;
    z-index:5;
    float:left;
    margin:10px 0 0 -2px;
    clear:left;
    position:relative
}
.mt-element-ribbon .ribbon.ribbon-right {
    float:right;
    clear:right;
    margin:10px -2px 0 0
}
.mt-element-ribbon .ribbon.ribbon-vertical-left {
    clear:none;
    margin:-2px 0 0 10px;
    padding-top:1em;
    padding-bottom:1em;
    width:41px;
    text-align:center
}
.mt-element-ribbon .ribbon.ribbon-vertical-right {
    clear:none;
    float:right;
    margin:-2px 10px 0 0;
    padding-top:1em;
    padding-bottom:1em;
    width:41px;
    text-align:center
}
.mt-element-ribbon .ribbon.ribbon-shadow {
    box-shadow:2px 2px 7px rgba(0,0,0,.4)
}
.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
    box-shadow:-2px 2px 7px rgba(0,0,0,.4)
}
.mt-element-ribbon .ribbon.ribbon-round {
    border-top-right-radius:5px!important;
    border-bottom-right-radius:5px!important
}
.mt-element-ribbon .ribbon.ribbon-round.ribbon-right {
    border-radius:5px 0 0 5px!important
}
.mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left,.mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right {
    border-radius:0 0 5px 5px!important
}
.mt-element-ribbon .ribbon.ribbon-border:after {
    border:1px solid;
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    left:5px;
    right:5px
}
.mt-element-ribbon .ribbon.ribbon-border-vert:after {
    border-top:none;
    border-bottom:none;
    border-left:1px solid;
    border-right:1px solid;
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:5px;
    right:5px
}
.mt-element-ribbon .ribbon.ribbon-border-hor:after {
    border-top:1px solid;
    border-bottom:1px solid;
    border-left:none;
    border-right:none;
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    left:0;
    right:0
}
.mt-element-ribbon .ribbon.ribbon-border-dash:after {
    border:1px dashed;
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    left:5px;
    right:5px
}
.mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {
    border-top:none;
    border-bottom:none;
    border-left:1px solid;
    border-right:1px solid;
    border-left-style:dashed;
    border-right-style:dashed;
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:5px;
    right:5px
}
.mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {
    border-top:1px solid;
    border-bottom:1px solid;
    border-left:none;
    border-right:none;
    border-top-style:dashed;
    border-bottom-style:dashed;
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    left:0;
    right:0
}
.mt-element-ribbon .ribbon.ribbon-clip {
    left:-10px;
    margin-left:0
}
.mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {
    left:auto;
    right:-10px;
    margin-right:0
}
.mt-element-ribbon .ribbon>.ribbon-sub {
    z-index:-1;
    position:absolute;
    padding:0;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip:after,.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip:before {
    content:'';
    position:absolute;
    border-style:solid;
    border-color:transparent!important;
    bottom:-10px
}
.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip:before {
    border-width:0 10px 10px 0;
    border-right-color:#222!important;
    left:0
}
.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip.ribbon-right:after,.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip.ribbon-right:before {
    content:'';
    position:absolute;
    border-style:solid;
    border-color:transparent;
    bottom:-10px
}
.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip.ribbon-right:before {
    border-right-color:transparent!important
}
.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip.ribbon-right:after {
    border-width:0 0 10px 10px;
    border-left-color:#222!important;
    right:0
}
.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-bookmark:after {
    border-left:21px solid;
    border-right:20px solid;
    border-bottom:1em solid transparent!important;
    bottom:-1em;
    content:'';
    height:0;
    left:0;
    position:absolute;
    width:0
}
.mt-element-ribbon .ribbon:after {
    border-color:#62748f
}
.mt-element-ribbon .ribbon>.ribbon-sub:after {
    border-color:#62748f #bac3d0
}
.mt-element-ribbon .ribbon.ribbon-color-default:after {
    border-color:#9ca8bb
}
.mt-element-ribbon .ribbon.ribbon-color-default>.ribbon-sub:after {
    border-color:#62748f #bac3d0
}
.mt-element-ribbon .ribbon.ribbon-color-primary {
    background-color:#337ab7;
    color:#fff
}
.mt-element-ribbon .ribbon.ribbon-color-primary:after {
    border-color:#286090
}
.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub {
    background-color:#337ab7;
    color:#000
}
.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub:after {
    border-color:#122b40 #337ab7
}
.mt-element-ribbon .ribbon.ribbon-color-info {
    background-color:#659be0;
    color:#fff
}
.mt-element-ribbon .ribbon.ribbon-color-info:after {
    border-color:#3a80d7
}
.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub {
    background-color:#659be0;
    color:#0c203a
}
.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub:after {
    border-color:#1d4f8e #659be0
}
.mt-element-ribbon .ribbon.ribbon-color-success {
    background-color:#36c6d3;
    color:#fff
}
.mt-element-ribbon .ribbon.ribbon-color-success:after {
    border-color:#27a4b0
}
.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub {
    background-color:#36c6d3;
    color:#020808
}
.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub:after {
    border-color:#14565c #36c6d3
}
.mt-element-ribbon .ribbon.ribbon-color-danger {
    background-color:#ed6b75;
    color:#fff
}
.mt-element-ribbon .ribbon.ribbon-color-danger:after {
    border-color:#e73d4a
}
.mt-element-ribbon .ribbon.ribbon-color-danger>.ribbon-sub {
    background-color:#ed6b75;
    color:#4f0a0f
}
.mt-element-ribbon .ribbon.ribbon-color-warning,.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub {
    background-color:#F1C40F;
    color:#010100
}
.mt-element-ribbon .ribbon.ribbon-color-danger>.ribbon-sub:after {
    border-color:#a91520 #ed6b75
}
.mt-element-ribbon .ribbon.ribbon-color-warning:after {
    border-color:#c29d0b
}
.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub:after {
    border-color:#614f06 #F1C40F
}
.mt-element-card .mt-card-item {
    border:1px solid #e7ecf1;
    position:relative;
    margin-bottom:30px
}
.mt-element-card .mt-card-item .mt-card-avatar {
    margin-bottom:15px
}
.mt-element-card .mt-card-item .mt-card-content {
    text-align:center
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-name {
    font-size:16px;
    font-weight:600;
    margin-bottom:10px
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
    font-size:14px;
    margin:0 0 10px
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul {
    padding:0;
    margin-bottom:10px
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li {
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a {
    color:#000;
    font-size:18px
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a.mt-card-btn {
    color:#fff
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a.mt-card-btn:hover {
    color:#36c6d3
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a:hover {
    color:#F1C40F
}
.mt-element-card.mt-card-round .mt-card-item {
    padding:40px 40px 10px
}
.mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {
    border-radius:50%!important;
    -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
.mt-element-card.mt-card-round .mt-card-item .mt-card-avatar .mt-overlay {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
.mt-element-overlay .mt-overlay-1 {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-1 img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-1 h2 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,.6);
    -webkit-transform:translatey(-100px) translateZ(0);
    -ms-transform:translatey(-100px) translateZ(0);
    transform:translatey(-100px) translateZ(0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:10px
}
.mt-element-overlay .mt-overlay-1 .mt-info {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:0;
    margin:auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%) translateZ(0);
    -webkit-transform:translateY(-50%) translateZ(0);
    -ms-transform:translateY(-50%) translateZ(0)
}
.mt-element-overlay .mt-overlay-1 .mt-info>li {
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-1 .mt-info>li:hover {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-1:hover .mt-overlay {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.mt-element-overlay .mt-overlay-1:hover img {
    -ms-transform:scale(1.2) translateZ(0);
    -webkit-transform:scale(1.2) translateZ(0);
    transform:scale(1.2) translateZ(0)
}
.mt-element-overlay .mt-overlay-1:hover .mt-info {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.mt-element-overlay .mt-overlay-1 .mt-overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,.7);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay {
    bottom:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {
    bottom:-100%;
    top:auto
}
.mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay {
    top:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay {
    top:-100%
}
.mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay {
    right:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay {
    right:-100%;
    left:auto
}
.mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay {
    left:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay {
    left:-100%
}
.mt-element-overlay .mt-overlay-2 {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-2 img {
    display:block;
    position:relative;
    -webkit-transition:all .4s ease-in;
    transition:all .4s ease-in;
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-2 h2 {
    text-align:center;
    position:relative;
    font-size:17px;
    padding:10px;
    background:rgba(0,0,0,.6)
}
.mt-element-overlay .mt-overlay-2 .mt-info,.mt-element-overlay .mt-overlay-2 h2 {
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7);
    -webkit-transition:all .4s ease-in;
    transition:all .4s ease-in;
    opacity:0;
    filter:alpha(opacity=0);
    color:#fff;
    text-transform:uppercase
}
.mt-element-overlay .mt-overlay-2 .mt-info {
    display:inline-block;
    text-decoration:none;
    margin:auto;
    position:absolute;
    top:50%;
    -webkit-transform:scale(.7) translateY(-50%) translateX(-50%);
    -ms-transform:scale(.7) translateY(-50%) translateX(-50%);
    transform:scale(.7) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-2 .mt-info:hover {
    box-shadow:0 0 5px #fff
}
.mt-element-overlay .mt-overlay-2:hover img {
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter:blur(3px);
    -webkit-filter:blur(3px);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.mt-element-overlay .mt-overlay-2:hover .mt-overlay {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0)
}
.mt-element-overlay .mt-overlay-2:hover h2 {
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.mt-element-overlay .mt-overlay-2:hover .mt-info,.mt-element-overlay .mt-overlay-2:hover h2 {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1) translateY(-50%);
    -ms-transform:scale(1) translateY(-50%);
    transform:scale(1) translateY(-50%)
}
.mt-element-overlay .mt-overlay-2:hover .mt-info {
    -webkit-transform:scale(1) translateY(-50%) translateX(-50%);
    -ms-transform:scale(1) translateY(-50%) translateX(-50%);
    transform:scale(1) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-2 .mt-overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-grey:hover img {
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter:grayscale(1) blur(3px);
    -webkit-filter:grayscale(1) blur(3px)
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info {
    border:none;
    width:100%;
    padding:0;
    -webkit-transform:scale(.7) translateY(-50%) translateX(-50%);
    -ms-transform:scale(.7) translateY(-50%) translateX(-50%);
    transform:scale(.7) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info:hover {
    box-shadow:none
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info>li {
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info>li:hover {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-3 .mt-info,.mt-element-overlay .mt-overlay-3 h2 {
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    color:#fff;
    text-transform:uppercase
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons:hover .mt-info {
    -webkit-transform:scale(1) translateY(-50%) translateX(-50%);
    -ms-transform:scale(1) translateY(-50%) translateX(-50%);
    transform:scale(1) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-3 {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-3 img {
    display:block;
    position:relative;
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-3 h2 {
    text-align:center;
    position:relative;
    font-size:17px;
    padding:10px;
    background:rgba(0,0,0,.6);
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81)
}
.mt-element-overlay .mt-overlay-3 .mt-info {
    display:inline-block;
    text-decoration:none;
    border:1px solid #fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    font-weight:400;
    position:absolute;
    top:15px;
    bottom:15px;
    left:15px;
    right:15px;
    margin:auto;
    padding:45% 0 0
}
.mt-element-overlay .mt-overlay-3 .mt-info:hover {
    box-shadow:0 0 5px #fff
}
.mt-element-overlay .mt-overlay-3:hover .mt-overlay {
    background-color:rgba(48,152,157,.7)
}
.mt-element-overlay .mt-overlay-3:hover h2 {
    -webkit-transform:translateY(5px);
    -ms-transform:translateY(5px);
    transform:translateY(5px)
}
.mt-element-overlay .mt-overlay-3:hover .mt-info {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.mt-element-overlay .mt-overlay-3 .mt-overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    background-color:rgba(75,75,75,.7);
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81)
}
.mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info {
    padding:40% 0 0
}
.mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info>li {
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info>li:hover {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-4 {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-4 img {
    display:block;
    position:relative;
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-4 h2 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,.6);
    -webkit-transform:translatey(-100px);
    -ms-transform:translatey(-100px);
    transform:translatey(-100px);
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    padding:10px
}
.mt-element-overlay .mt-overlay-4 .mt-info {
    display:inline-block;
    text-transform:uppercase;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    margin:50px 0 0
}
.mt-element-overlay .mt-overlay-4:hover .mt-overlay {
    opacity:1;
    filter:alpha(opacity=100)
}
.mt-element-overlay .mt-overlay-4:hover .mt-info,.mt-element-overlay .mt-overlay-4:hover h2 {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0)
}
.mt-element-overlay .mt-overlay-4:hover .mt-info {
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.mt-element-overlay .mt-overlay-4 .mt-overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
    background-color:rgba(0,0,0,.7);
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81)
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info {
    border:none;
    position:absolute;
    padding:0;
    top:50%;
    left:0;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:auto
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info:hover {
    box-shadow:none
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info>li {
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info>li:hover {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-5 {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    background:-webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);
    background:linear-gradient(45deg,#ff89e9 0,#05abe0 100%)
}
.mt-element-overlay .mt-overlay-5 .mt-overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    padding:3em;
    text-align:left
}
.mt-element-overlay .mt-overlay-5 .mt-overlay:before {
    position:absolute;
    top:20px;
    right:20px;
    bottom:20px;
    left:20px;
    border:1px solid #fff;
    content:'';
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:opacity .35s,-webkit-transform .45s;
    transition:opacity .35s,transform .45s;
    -webkit-transform:translate3d(-20px,0,0);
    transform:translate3d(-20px,0,0)
}
.border-after-white:after,.border-before-white:before,.border-white {
    border-color:#fff!important
}
.border-top-after-white:after,.border-top-before-white:before,.border-top-white {
    border-top-color:#fff!important
}
.border-bottom-after-white:after,.border-bottom-before-white:before,.border-bottom-white {
    border-bottom-color:#fff!important
}
.border-left-after-white:after,.border-left-before-white:before,.border-left-white {
    border-left-color:#fff!important
}
.border-right-after-white:after,.border-right-before-white:before,.border-right-white {
    border-right-color:#fff!important
}
.mt-element-overlay .mt-overlay-5 img {
    display:block;
    position:relative;
    max-width:none;
    width:calc(113% + 60px);
    -webkit-transition:opacity .35s,-webkit-transform .45s;
    transition:opacity .35s,transform .45s;
    -webkit-transform:translate3d(-40px,0,0);
    transform:translate3d(-40px,0,0)
}
.mt-element-overlay .mt-overlay-5 h2 {
    text-transform:uppercase;
    color:#fff;
    position:relative;
    font-size:17px;
    background-color:transparent;
    padding:15% 0 10px;
    text-align:left
}
.mt-element-overlay .mt-overlay-5 a,.mt-element-overlay .mt-overlay-5 p {
    color:#FFF;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:opacity .35s,-webkit-transform .45s;
    transition:opacity .35s,transform .45s;
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}
.mt-element-overlay .mt-overlay-5 a:hover {
    text-decoration:none;
    opacity:.6;
    filter:alpha(opacity=60)
}
.mt-element-overlay .mt-overlay-5:hover img {
    opacity:.6;
    filter:alpha(opacity=60);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-5:hover .mt-overlay:before,.mt-element-overlay .mt-overlay-5:hover a,.mt-element-overlay .mt-overlay-5:hover p {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-6 {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    background:#42b078
}
.mt-element-overlay .mt-overlay-6 .mt-overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    padding:50px 20px
}
.mt-element-overlay .mt-overlay-6 img {
    display:block;
    position:relative;
    max-width:none;
    width:calc(100% + 20px);
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.mt-element-overlay .mt-overlay-6 h2 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    overflow:hidden;
    padding:.5em 0;
    background-color:transparent
}
.mt-element-overlay .mt-overlay-6 h2:after {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:#fff;
    content:'';
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.mt-element-overlay .mt-overlay-6 a,.mt-element-overlay .mt-overlay-6 p {
    color:#FFF;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.mt-element-overlay .mt-overlay-6 p {
    margin-top:20px
}
.mt-element-overlay .mt-overlay-6 .mt-info:hover {
    text-decoration:none;
    opacity:.6;
    filter:alpha(opacity=60);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-6:hover img {
    opacity:.4;
    filter:alpha(opacity=40);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-6:hover h2:after {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-6:hover a,.mt-element-overlay .mt-overlay-6:hover p {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.bg-white {
    background:#fff!important
}
.blue {
    color: #016FD0;
}
.red {
    color: #cb5a5e;
}
.social-icons li .email {
    background: url("../img/email.png") no-repeat scroll 0% 0% transparent;
}
.img333-mobile {
    float: left;
    width: 100%;
    max-width: 333px;
    margin-bottom: 20px;
    margin-right: 20px;
}
@media (max-width: 700px) {
    .img200-mobile, .img333-mobile {
        float: none;
    }
}
.cu-cancelled-transaction {
    opacity: 0.5;
}
.action-table th:nth-last-of-type(1) {
    width:80px;
}
.id-table th:nth-of-type(1) {
    width:30px;
}
.progress .progress-text {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.mt-element-step .step-thin .active1 {
    background-color: #5FD2DC !important;
}
.mt-element-step .step-thin .active2 {
    background-color: #32C5D2 !important;
}
.mt-element-step .step-thin .active3 {
    background-color: #29B4BE !important;
}
/* limits */
.limit {
    margin-bottom: 1px;
    overflow:hidden;
}
.limit .row {
    margin:0;
}
.limit .row > div {
    padding:0;
}
.limit-col {
    overflow:hidden;
    min-height:75px;
}
.limit-desc {
    background-color:#eee;
    padding:10px;
    overflow:hidden;
}
.limit-desc i {
    float:left;
    font-size:20px !important;
    line-height:40px !important;
    padding:0 10px;
}
.limit-desc div {
    font-size:16px !important;
    line-height:44px !important;
    width:100%;
    max-height:44px;
}
.limit-value {
    padding:10px;
    border-left:1px solid #eee;
    width:50%;
    float:left;
    text-align: center;
    color:#aaa;
}
.limit-value.limit-value-ok {
    background-color:#1BBC9B !important;
    color:#fff !important;
}
.limit-value.limit-value-warning {
    background-color:#f0ad4e !important;
    color:#fff !important;
}
.limit-value.limit-value-danger {
    background-color:#da3f3f !important;
    color:#fff !important;
}
.limit-header {
    background-color:#eee;
    color:#000;
    font-weight: bold;
    border-left:1px solid #fff;
}
.limit-value > * {
    display:block;
}
.limit-value span {
    font-size:18px;
}
.limit-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
/* cash-deposit cd */
table tr:first-child td.align-cash-deposit-history {
    padding-top: 14px;
}

.cash-deposit-limit-values .limit-value {
    width:auto;
    float:none;
    margin: 0 20px;
}
.cash-deposit {
    text-align: center;
    padding: 35px 0 45px 0;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}
.cash-deposit-barcode-image {
    background-color: #0031a2;
    margin-bottom: 30px;
}
.cash-deposit-barcode-image #brinksLogo {
    max-width: 60%;
    margin: auto;
    margin-bottom: 10px;
}
.cash-deposit-barcode-image #barcodeImage {
    max-width: 98%;
    margin: auto;
	margin-bottom: 4px;
}
.cash-deposit-qrcode-expiration-date, .cash-deposit-barcode-amount {
    color: #ff0000;
    margin-bottom: 30px;
}
.cash-deposit-qrcode-image {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 10px 0 20px;
}
.cash-deposit-qrcode-image #nirioLogo {
    background-color: #ffffff;
    max-width: 60%;
    margin: auto auto 20px;
}
.cash-deposit-qrcode-image #nirioQrcodeContainer {
    width: 250px;
    margin: auto;
}
.cash-deposit-qrcode-image #nirioQrcode {
    max-width: 98%;
    margin: auto;
}
.cash-deposit-action {
    max-width: 400px;
    margin: auto;
}
/* reload cc */
.card {
    border-radius: 10px;
    width:200px;
    height:130px;
    background-color:#147772;
    position:relative;
    text-align:center;
    float:left;
    margin-right:10px;
    margin-bottom:60px;
    cursor:pointer;
    box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 4px, rgba(0, 0, 0, 0.6) 0px 7px 13px -3px, rgba(0, 0, 0, 0.4) 0px -1px 0px inset;
    background: rgba(10,100,190,1);
    background: -moz-linear-gradient(-45deg, rgba(10,100,190,1) 0%, rgba(60,150,240,1) 50%, rgba(10,100,190,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(10,100,190,1)), color-stop(50%, rgba(60,150,240,1)), color-stop(100%, rgba(10,100,190,1)));
    background: -webkit-linear-gradient(-45deg, rgba(10,100,190,1) 0%, rgba(60,150,240,1) 50%, rgba(10,100,190,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(10,100,190,1) 0%, rgba(60,150,240,1) 50%, rgba(10,100,190,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(10,100,190,1) 0%, rgba(60,150,240,1) 50%, rgba(10,100,190,1) 100%);
    background: linear-gradient(135deg, rgba(10,100,190,1) 0%, rgba(60,150,240,1) 50%, rgba(10,100,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a64be', endColorstr='#0a64be', GradientType=1 );
}
.card.inactive {
    background: rgba(139,151,163,1);
    background: -moz-linear-gradient(-45deg, rgba(139,151,163,1) 0%, rgba(195,204,214,1) 50%, rgba(139,151,163,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(139,151,163,1)), color-stop(50%, rgba(195,204,214,1)), color-stop(100%, rgba(139,151,163,1)));
    background: -webkit-linear-gradient(-45deg, rgba(139,151,163,1) 0%, rgba(195,204,214,1) 50%, rgba(139,151,163,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(139,151,163,1) 0%, rgba(195,204,214,1) 50%, rgba(139,151,163,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(139,151,163,1) 0%, rgba(195,204,214,1) 50%, rgba(139,151,163,1) 100%);
    background: linear-gradient(135deg, rgba(139,151,163,1) 0%, rgba(195,204,214,1) 50%, rgba(139,151,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b97a3', endColorstr='#8b97a3', GradientType=1 );
}
.card.blocked {
    background: rgba(219,76,88,1);
    background: -moz-linear-gradient(-45deg, rgba(219,76,88,1) 0%, rgba(222,155,162,1) 50%, rgba(219,76,88,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(219,76,88,1)), color-stop(50%, rgba(222,155,162,1)), color-stop(100%, rgba(219,76,88,1)));
    background: -webkit-linear-gradient(-45deg, rgba(219,76,88,1) 0%, rgba(222,155,162,1) 50%, rgba(219,76,88,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(219,76,88,1) 0%, rgba(222,155,162,1) 50%, rgba(219,76,88,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(219,76,88,1) 0%, rgba(222,155,162,1) 50%, rgba(219,76,88,1) 100%);
    background: linear-gradient(135deg, rgba(219,76,88,1) 0%, rgba(222,155,162,1) 50%, rgba(219,76,88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4c58', endColorstr='#db4c58', GradientType=1 );
    opacity:0.5;
}
.card.disabled {
    cursor:default;
}
.card.addcard {
    background: transparent;
    border: 1px dashed #aaa;
    padding:5px;
}
.card.addcard .inner {
    background: #eee;
    border-radius: 10px;
    height:100%;
    width:100%;
    vertical-align: middle;
    display:table;
}
.card .embossed {
    color:white;
    letter-spacing: 2px;
    text-shadow: 1px 1px #000;
}
.card .pan {
    position: relative;
    top:67px;
    display:block;
}
.card .date {
    position: relative;
    top:70px;
    left:10px;
    font-size:10px;
    display:block;
}
.card .logo {
    position: relative;
    top:55px;
    left:138px;
    display:block;
    width:52px;
    height:35px;
}
.card .action {
    position: absolute;
    top:136px;
    width:200px;
    left:0px;
}
.card.inactive .logo {
    filter: grayscale(100%);
}
.card .logo.mastercard-logo {
    background: url("../img/brand/mc.png") no-repeat scroll 0% 0% transparent;
    left:144px;
    top:58px;
    height:32px;
}
.card .logo.visa-logo {
    background: url("../img/brand/visa-white.png") no-repeat scroll 0px 0px transparent;
    top:70px;
}
#dt_transactions_wrapper .col-md-6:nth-of-type(1),
#dt_3ds_transactions_wrapper .col-md-6:nth-of-type(1) {
    display:none;
}
#dt_transactions_wrapper .col-md-6:nth-of-type(2),
#dt_3ds_transactions_wrapper .col-md-6:nth-of-type(2) {
    float: left;
}
/*  STATS V2  */
.stats-nav {
    list-style-type: none;
    border-top:1px solid #aaa;
    /*overflow: hidden;*/
    height: 60px;
}
.stats-nav li {
    text-align: center;
    float:left;
    position: relative;
}
.stats-nav li a {
    position: relative;
    top: -10px;
    overflow: hidden;
    width: 60px;
    height: 40px;
    display: block;
    /*margin: 0 5px;*/
    /*border-right: 2px solid #fff;*/
    text-transform: uppercase;
}
.stats-nav .circle {
    min-height: 20px;
    min-width: 20px;
    width: 20px;
    border-radius: 10px;
    border: 1px solid #aaa;
    display: block;
    background: #fff;
    margin-left: 20px;
}
.stats-nav li a:hover .circle, .stats-nav li.active .circle {
    background: #99AEDB;
}
.stats-nav .desc {
    display: block;
    margin-top:5px;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.stats-header {
    padding-bottom: 10px;
    /*border-bottom: 1px solid #bababa;*/
}
.stats-menu {
    overflow: hidden;
    /*background: #eee;*/
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    display: inline-block;
    border-left: none;
    position: relative;
    left: 50%;
    margin-left:-430px;
}
.stats-year {
    float: left;
    margin:0;
    padding: 16px;
    font-weight: bold;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    /*margin-right:5px;*/
    background: #eee;
    /*    background: #4d5b69;
    color: #f2f4f6;*/
}
.stats-nav2 {
    list-style-type: none;
    /*overflow: hidden;*/
    float:left;
    padding: 0;
    margin:0;
}
.stats-nav2 li {
    text-align: center;
    float:left;
    border-right: 1px solid #ccc;
}
.stats-nav2 li:last-of-type {
    border-right: none;
}
.stats-nav2 li a {
    padding: 13px 0;
    margin: 3px;
    width: 54px;
    display:block;
    background: transparent;
    color: #000;
    text-transform: uppercase;
}
.stats-nav2 li.active a,
.stats-nav2 li a:hover {
    background: #016FD0;
    color:#fff;
    text-decoration: none;
}
@media (max-width: 1200px) {
    .stats-menu {
        border: 1px solid #ccc;
        left:0;
        margin-left: 0;
    }
    .stats-year {
        width: 100%;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 5px 16px;
    }
    .stats-year:first-of-type {
        border-top: none;
    }
    .stats-nav2 li {
        margin-top: -1px;
        border-top: 1px solid #ccc;
    }
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
#my-stats .cat-type-nav {
    border:1px solid #bababa;
    overflow: hidden;
    background: #eee;
}
#my-stats .summary {
    float: left;
    font-size: 16px;
    font-weight: 700;
    height: 46px;
    margin:10px 15px;
    overflow: hidden;
}
#my-stats .summary-income {
    color: #59a896;
}
#my-stats .summary-expense {
    color: #c00202;
}
#my-stats .summary-txn {
    margin:0;
    width: 200px;
    overflow: hidden;
}
#my-stats .summary-txn strong {
    width: 100px;
    float:left;
}
#my-stats .summary-txn span {
    text-align: right;
    float:right;
}
#my-stats .cat-type-btns {
    float:right;
    margin: 16px 10px;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.cats {
    border-left: 1px solid #bababa;
    /*border-right: 1px solid #bababa;*/
}
.cats .parent-cat {
    height: 60px;
}
.cats .parent-cat {
    border-bottom: 1px solid #bababa;
    background: #eee;
}
.cats .parent-cat:last-of-type {
    border-bottom: none;
}
.cats .parent-cat.filled {
    background: transparent;
}
.cats .parent-cat .icon {
    width:40px;
    height:40px;
    float:left;
    margin: 10px 20px;
}
.cats .parent-cat .desc {
    float:left;
    margin-top: 20px;
    font-size: 14px;
}
.cats .parent-cat .amount {
    float:right;
    font-size: 14px;
    margin-top: 20px;
    margin-right: 20px;
}
/*// home - housing*/
#my-stats .cat8 {
    background: transparent url(../img/statpics.png) no-repeat -10px -230px;
}
/*// fork - food*/
#my-stats .cat3 {
    background: transparent url(../img/statpics.png) no-repeat -50px -229px;
}
/*// car - transport*/
#my-stats .cat4 {
    background: transparent url(../img/statpics.png) no-repeat -88px -230px;
}
/*// cart - shopping*/
#my-stats .cat2 {
    background: transparent url(../img/statpics.png) no-repeat -130px -230px;
}
/*// phone - subscriptions*/
#my-stats .cat1 {
    background: transparent url(../img/statpics.png) no-repeat -170px -233px;
}
/*// plus - healthcare*/
#my-stats .cat11 {
    background: transparent url(../img/statpics.png) no-repeat -215px -234px;
}
/*#my-stats .cat7 {
	background: transparent url(../img/statpics.png) no-repeat -258px -234px;
}*/
/*// euro - withdrawal*/
#my-stats .cat7 {
    background: transparent url(../img/statpics.png) no-repeat -298px -234px;
}
/*briefcase - pro*/
#my-stats .cat5 {
    background: transparent url(../img/statpics.png) no-repeat -337px -234px;
}
/* ticket - loisir */
#my-stats .cat9 {
    background: transparent url(../img/statpics.png) no-repeat -384px -236px;
}
#my-stats .cat10 {
    background: transparent url(../img/statpics.png) no-repeat -430px -234px;
}
#my-stats .cat12 {
    background: transparent url(../img/statpics.png) no-repeat -468px -234px;
}
#my-stats .cat13 {
    background: transparent url(../img/statpics.png) no-repeat -506px -234px;
}
#my-stats .cat6 {
    background: transparent url(../img/statpics.png) no-repeat -545px -234px;
}
#my-stats .catCustom {
    background: transparent url(../img/custom-cat-icon.png) no-repeat;
    margin-left: 30%;
}
/* Active cats */
#my-stats .on .cat8 {
    background: transparent url(../img/statpics.png) no-repeat -10px -281px;
}
#my-stats .on .cat3 {
    background: transparent url(../img/statpics.png) no-repeat -50px -280px;
}
#my-stats .on .cat4 {
    background: transparent url(../img/statpics.png) no-repeat -88px -281px;
}
#my-stats .on .cat2 {
    background: transparent url(../img/statpics.png) no-repeat -130px -281px;
}
#my-stats .on .cat1 {
    background: transparent url(../img/statpics.png) no-repeat -170px -284px;
}
#my-stats .on .cat11 {
    background: transparent url(../img/statpics.png) no-repeat -215px -285px;
}
/*#my-stats .on .cat7 {
	background: transparent url(../img/statpics.png) no-repeat -258px -284px;
}*/
#my-stats .on .cat7 {
    background: transparent url(../img/statpics.png) no-repeat -298px -284px;
}
#my-stats .on .cat5 {
    background: transparent url(../img/statpics.png) no-repeat -337px -284px;
}
#my-stats .on .cat9 {
    background: transparent url(../img/statpics.png) no-repeat -384px -286px;
}
#my-stats .on .cat10 {
    background: transparent url(../img/statpics.png) no-repeat -430px -285px;
}
#my-stats .on .cat12 {
    background: transparent url(../img/statpics.png) no-repeat -468px -287px;
}
#my-stats .on .cat13 {
    background: transparent url(../img/statpics.png) no-repeat -506px -286px;
}
#my-stats .on .cat6 {
    background: transparent url(../img/statpics.png) no-repeat -545px -288px;
}
#my-stats .on .catCustom {
    background: transparent url(../img/custom-cat-icon-selected.png) no-repeat;
    margin-left: 30%;
}
@media (min-width: 992px) {
    .open-left {
        width: 100%;
        border-right: 1px solid #CCC;
        display: inline-block;
        min-height: 400px;
    }
    .open-right {
        vertical-align:top;
        width: 25%;
        float: right;
        text-align: center;
        margin: auto;
    }
}
@media (max-width: 780px) {
    .open-inner {
        padding-top: 20px;
        line-height: 30px;
    }
}
@media (max-width: 600px) {
    .open-inner {
        padding: 0px;
    }
}
@media (max-width: 520px) {
    .open-inner {
        margin-left: 0;
        padding: 20px;
    }
}
.open-minibox {
    min-width: 200px;
    margin: auto;
    padding: 15px;
    text-align: center;
    background-color: #F6F6F6;
    display: inline-block;
}
.open-minibox-text {
    margin-top: 10px;
    display: block;
}
.open-right-min {
    display: none;
}
@media (max-width: 992px) {
    .open-right {
        display: none;
    }
    .open-right-min {
        display: block;
        text-align: center;
        margin-top: 30px;
    }
    .open-minibox {
        margin: 20px 10px 20px 10px;
    }
}
@media (max-width: 768px) {
    .open-left .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .open-left .nav-justified > li > a {
        text-align:center;
    }
    .open-left .nav-justified > li > a .desc {
        display:none!important;
    }
}
/*Don't ask*/
#forgot_type_USERNAME > .form-group > .col-md-12 {
    padding: 0;
    margin-bottom: 15px;
}
.padding-top-20px {
    padding-top: 20px;
}
.privacy-notice {
    width: 100%;
    height: 200px;
    resize: none;
}
@media only screen and (max-width: 700px) {
    .login-form.challenge .form-actions .btn {
        width: 100%;
        margin: 0;
    }
    .login-form.challenge .form-actions .btn + .btn {
        margin-top: 1rem;
        float: none;
    }
    .table-responsive-vertical table,
    .table-responsive-vertical thead,
    .table-responsive-vertical tbody,
    .table-responsive-vertical tr,
    .table-responsive-vertical th {
        display: block;
    }
    .table-responsive-vertical thead {
        display: none;
    }
    .table-responsive-vertical td {
        display: table;
        width: 100%;
        padding: 0px !important;
        margin-top: -1px;
        background: #FFF;
        word-break: break-word;
        vertical-align: middle !important;
    }
    .table-responsive-vertical div {
        display: table-cell;
        vertical-align:middle;
        padding: 10px !important;
    }
    .table-responsive-vertical td:nth-child(odd) {
        background-color: #FFF;
    }
    .table-responsive-vertical td.responsive-td::before {
        display: table-cell;
        vertical-align: middle;
        padding: 5px !important;
        content: attr(data-label);
        width: 140px;
        font-weight: 500;
        border-right: 1px solid #ddd;
        word-break: break-word;
        text-transform: uppercase;
        font-size: 12px;
        color: #999999;
        background-color: #FAFBFC;
    }
    .table-bordered {
        border: none;
    }
    .table-scrollable {
        border: none;
    }
    #dt_transactions tr td,
    #dt_transactions tr th,
    #dt_3ds_transactions tr td,
    #dt_3ds_transactions tr th,
    #table-directpay tr td,
    #table-directpay tr th,
    #dt_search tr td,
    #dt_search tr th {
        border: 1px solid #ddd;
    }
    #dt_transactions tr,
    #dt_3ds_transactions tr,
    #dt_search tr	{
        border: none;
        border-top: 1px solid #ddd;
    }
    .cu-date {
        float: none;
    }
    .cu-commentaire {
        word-break: break-word;
    }
    td.dataTables_empty,
    td.tac {
        padding-left: 0 !important;
    }
    td.dataTables_empty::before,
    td.tac::before {
        display: none;
    }
    .table-responsive-vertical tr {
        margin-bottom: 1rem;
    }
    .table-responsive-vertical th + td {
        padding-left: 10px;
    }
}
@media only screen and (max-width: 320px) {
    .table-responsive-vertical button {
        font-size: 9px;
        margin-right: 0;
    }
}
.choice-challenge {
    padding-top: 1rem;
}
.choice-challenge .green-seagreen.btn{
    text-transform: uppercase;
}
.btn-100 {
    width: 100%;
}
.content.snail-mail-view {
    text-align: center;
}
.form-back-button {
    margin-bottom: 75px;
}
.login .challenge-content {
    padding-top: 20px;
}
.login .page-lock .logo {
    text-align: center;
    margin-bottom: 60px;
}
@media (min-width: 441px) {
    .login .interstitiel-sdd-warning,
    .login .interstitiel-sct-warning,
    .login .interstitiel-missing-fields,
    .login .interstitiel-confirm-phone-number,
    .login .interstitiel-cgu-warning,
    .login .interstitiel-transfer-warning {
        padding: 10px 30px 30px 30px;
        width: 60%;
    }
    .login .interstitial-birth-data {
        width: 60%;
    }
    .login .interstitiel-mobile-app-upgrade {
        padding: 30px;
        width: 60%;
    }
}
@media (max-width: 650px) {
    .list-5 {
        padding-inline-start: 10px;
    }
    .login .interstitiel-sdd-warning,
    .login .interstitial-birth-data,
    .login .interstitiel-sct-warning,
    .login .interstitiel-missing-fields,
    .login .interstitiel-confirm-phone-number,
    .login .interstitiel-cgu-warning,
    .login .interstitiel-transfer-warning {
        width: 90%!important;
    }
    .login .interstitiel-mobile-app-upgrade {
        width: 90%!important;
        background: none;
        box-shadow: none;
    }
}
.login .interstitiel-missing-fields,
.login .interstitiel-confirm-phone-number,
.login .interstitial-birth-data,
.login .interstitiel-cgu-warning,
.login .interstitiel-transfer-warning,
.login .interstitiel-mobile-app-upgrade {
    max-width: 830px;
}
.login .interstitiel-sdd-warning .form-group,
.login .interstitiel-sct-warning .form-group,
.login .interstitiel-cgu-warning .form-group {
    height: 20px;
}
.login .interstitial-birth-data .form-group {
    height: auto !important;
}
.login .interstitiel-sdd-warning .form-group label,
.login .interstitiel-sct-warning .form-group label {
    width: 100%;
}
.login .interstitiel-sdd-warning .form-actions .btn,
.login .interstitiel-sct-warning .form-actions .btn,
.login .interstitiel-cgu-warning .form-actions .btn {
    margin-top: 25px;
}
.login .interstitiel-missing-fields .form-group {
	padding-top: 25px;
}
.login .interstitiel-cgu-warning .new-cgu-btn-padding {
    padding-bottom: 15px;
}
.login .interstitiel-cgu-warning .new-cgu-box {
    width: 100%;
}
.login .interstitiel-cgu-warning .new-cgu-btn-padding {
    padding-top: 25px;
}
.login .interstitiel-cgu-warning .btn {
    text-align: left;
    white-space: normal;
}
.login .form-phone-number-confirm {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}
.login .interstitiel-confirm-phone-number strong{
    white-space: nowrap;
}
.login .form-phone-number-confirm a {
    margin-left: 10px;
}
.login .form-phone-number-confirm a:last-child {
    margin-left: auto;
}
@media (max-width: 650px) {
    .login .interstitiel-confirm-phone-number {
        width: 100%;
    }
    .login .form-phone-number-confirm a {
        margin-left: 0;
    }
    .login .form-phone-number-confirm form,
    .login .form-phone-number-confirm .btn {
        width: 100%;
    }
    .login .form-phone-number-confirm .btn {
        margin-bottom: 5px;
    }
}
.valign {
    font-size: 0;
}
.valign > [class*="col"] {
    display: inline-block;
    float: none;
    font-size: 13px;
    vertical-align: middle;
}
.iban {
    font-family: "crispregular", "Open Sans", sans-serif;
    font-size: 1.25em;
    letter-spacing: 2px;
}
.note a.btn {
    width: 100%;
    max-width: 480px;
    height: 40px;
    padding-top: 9px;
    display:block;
    margin-top: 15px;
}
.li-show-mobile {
    display: none!important;
}
.form .form-bordered .form-group > div {
    margin-left:-1px;
    padding-bottom: 15px;
}
.form .form-bordered .form-group > label {
    border-right: 1px solid #efefef;
    padding-bottom: 15px;
    padding-top: 15px!important;
}
.form .form-bordered .form-group .composite-no-label {
    padding:0 0 10px 0;
}
.form .form-bordered .form-group .composite-no-label:last-child {
    padding:0;
}
.form .form-bordered .form-group .has-error.composite-no-label .description-block {
    color: inherit;
}
@media (max-width: 991px) {
    body {
        background: #FFF!important;
    }
    .row-inline > div {
        padding-right: 0px;
    }
    .mt-element-step {
        display: none;
    }
    .open-form .content {
        padding: 0;
    }
    .open-top, .cu-portail-connexion-box {
        border-radius: 0;
        box-shadow: unset;
        border: 0;
    }
    .portlet-body.form.open-left{
        padding-bottom: 50px!important;
        border-radius: 0;
    }
    .open-left .form-actions {
        background-color: #FFF;
        border-top: none;
    }
	.portlet.light .form .form-bordered .form-actions {
        border-top: none;
    }
    .page-container-bg-solid .page-content {
        background: #FFF;
    }
    .portlet.light.bordered, .portlet.bordered {
        border: none!important;
    }
    .fullscreen {
        display: none;
    }
    .portlet.light {
        padding: 6px 0px 15px 0px;
    }
    .portlet.light > .portlet-title > .actions {
        display:none;
    }
    .cu-form-top-border .form-actions .btn,
    .cu-form-portail .form-actions .btn,
    #cardholder .form-group .btn,
    .modal-footer .btn {
        width: 100%;
        height: 50px;
    }
    .table .btn-outline {
        display: block;
        width: 100%;
        height: 40px;
    }
    .form-actions .btn + .btn,
    .modal-footer .btn + .btn	{
        margin-left: 0px;
        margin-top: 15px;
    }
    .form-actions a.btn {
        padding-top: 13px;
    }
    .portlet {
        margin-bottom: 0px;
    }
    .li-masked-mobile {
        display: none!important;
    }
    .li-show-mobile {
        display: block!important;
    }
    .panel .btn.green-seagreen,
    .step-footer a,
    .modal-footer a,
    .rib-details a,
	.cash-deposit a {
        width: 100%;
        height: 50px;
        padding-top: 14px;
    }
    .table a.btn-outline {
        padding-top: 8px;
    }
    .table btn.btn-outline {
        padding-top: 5px;
    }
    .process-step {
        margin-bottom: 10px;
    }
    .input-group-btn a.btn {
        height: 40px;
        padding-top: 9px;
    }
    .row-inline > div > .form-control {
        margin-top: 10px!important;
    }
    .row-inline > div:first-child > .form-control {
        margin-top: 0px!important;
    }
    .limit-values > .limit-header:first-child {
        border-left: none;
    }
    .mt-element-step + .row {
        margin-top: 20px;
    }
    .referral-body {
        text-align: center;
    }
    .referral-body .prime-link {
        margin:auto;
    }
    .referral-body img {
        margin-left: -10px!important;
    }
    .page-content > .note {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .form .form-bordered .form-group > div {
        margin-left: 0px;
        padding-bottom: 15px;
    }
    .form .form-bordered .form-group > label {
        border-right: none;
        padding-top: 10px!important;
        padding-bottom: 0px;
    }
}
@media (max-width: 530px) {
    .btn-float-right {
        width: 100%;
        height: 40px;
        padding-top: 10px;
    }
}
#balancemtop { display: none; }
@media (max-width: 600px) {
    #balancemtop {
        display: block;
        width: 100%;
        height: 34px;
        background: none #016FD0;
        color: #FFF;
        padding-top: 6px;
        font-size: 16px;
        font-weight: bold;
    }
    #balancemtop .logo-default {
        width: 100px;
        float: left;
        margin-left: 12px;
        margin-top: 0;
    }
    #balancemtop .balanceval {
        float: right;
        background: transparent!important;
        border-right: 4px solid;
        border-image: linear-gradient(225deg, rgba(41,158,151,1) 0%, rgba(43,201,191,1) 100%) 1;
        margin: -6px 0px -6px 0px;
        padding: 6px 6px 0px 17px;
        height: 34px;
    }
    .balance .label {
        padding: 0px 10px 0px 10px!important;
        background: none!important;
        line-height: 68px;
        font-size: 16px;
    }
    .page-header.navbar .balance-mobile {
        display: none;
    }
    .note + .portlet-body {
        margin-top: 0px!important;
    }
    .alert-warning {
        margin-top: 42px !important;
        margin-bottom: 0 !important;
    }
    .alert-warning + .row .portlet-body, #secondary-cardholder-subform .alert-warning {
        margin-top: 0 !important;
    }
    #secondary-cardholder-subform .col-md-offset-3.col-md-9 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .portlet-body {
        margin-top: 42px!important;
        padding-bottom: 20px!important;
    }
    .portlet-body-rib {
        margin-top: 15px !important;
    }
    body.open-form .portlet-body {
        margin-top: 0px!important;
    }
    .page-header.navbar,
    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        height: 80px;
        min-height: 80px;
    }

    .page-header.navbar .page-top {
        min-height: 80px;
        height: auto;
        max-height: 110px;
        position: fixed;
        bottom: 0;
    }
    .tabbable-line {
        position: fixed;
        top: 0;
        margin-left: -10px;
        width: 100%;
        background: #F9F9F9!important;
        z-index: 10001;
    }
    .tabbable-line > .nav-tabs {
        background: #F9F9F9!important;
    }
    .nav-tabs > li > a {
        line-height: 2.2;
    }
    .page-logo {
        display: none!important;
    }
    .page-header.navbar .balance-mobile {
        margin: 0px!important;
        background: rgb(89,204,178);
        background: linear-gradient(145deg, rgba(89,204,178,1) 0%, rgba(73,167,146,1) 100%);
        height: 80px;
    }
    .page-header.navbar .balance-mobile h1 {
        line-height: 0px!important;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 16px 6px 22px 6px;
    }
    #my-stats {
        margin-bottom: 30px;
    }
    .page-content > .note:first-child {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    .portlet-title + .note,
    .portlet-title + .row {
        margin-top: 35px;
    }
    .note + .row .portlet-body {
        margin-top: 20px!important;
    }
    .responsive-menu {
        display: none;
    }
    #invitationform-submit{
        margin-bottom: 3%;
    }
}
.portlet.light > .portlet-title > .nav-tabs > li > a {
    color: #aaa;
    font-weight: 600;
    font-size: 14px;
}
.row.step-thin .col-lg-4 {
    float: none;
    display: table-cell;
}
.portlet > .portlet-title > .caption {
    display: none;
}
.page-logo img {
    width: 100px;
    height: auto;
}
.label-success {
    background-color: #59A896;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #aaa;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.red > .dropdown-toggle > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.red > .dropdown-toggle > .username { color: #db5757;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.red > .dropdown-toggle:hover > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.red > .dropdown-toggle:hover > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.active.red > .dropdown-toggle > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.active.red > .dropdown-toggle > .username { color: #d12929;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.red > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.red > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li.red > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li.red > a > i[class*="icon-"] {
    color: #d12929;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.red > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.red.open > a > i,
.page-sidebar .page-sidebar-menu > li.active.red > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: #d12929;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.active > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.active > .dropdown-toggle > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
    color: #5DAEF5;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
    background: none;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: #5DAEF5;
}
div.radio span {
    -webkit-appearance:button!important;
    -moz-appearance:button!important;
    appearance:button!important;
    border: 1px solid #999!important;
    border-top-color:#999!important;
    border-left-color:#999!important;
    background:#fff!important;
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    margin-top: 0px!important;
}
div.radio { width: 30px; height: 32px;}
div.radio,
div.radio span {
    margin-right: 5px!important;
}
div.radio .checked:before {
    content:'';
    display:block;
    width:16px;
    height:16px;
    margin: 0px;
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius:50%;
}
div.radio .checked:before {
    background: #016FD0;
}
#uniform-cardtype-pvc, #uniform-cardtype-metal {
    vertical-align: inherit;
    padding-top:0;
}
#uniform-cash_deposit_request-provider-BRINKS, #uniform-cash_deposit_request-provider-NIRIO {
    padding-top:0;
}
#uniform-selfie, #uniform-other_document {
    vertical-align: inherit;
    padding-top:0;
}
.checkbox-inline, .radio-inline {
    padding-left: 0px;
    padding-right: 10px;
}
input[type='radio'] {
    cursor:pointer;
    top: 3px;
    right: 3px;
}
label .checker {
    margin-right: 5px!important;
}
.txn-show-mobile {
    display: none;
}
@media (max-width: 700px) {
    #dt_transactions > thead > tr > th,
    #dt_transactions:not(.upcoming_transactions) > tbody > tr > td:nth-child(3),
    #dt_transactions > tbody > tr > td:nth-child(5),
    #dt_transactions > tbody > tr > td:nth-child(6)	{
        display:none;
    }
    #dt_3ds_transactions > thead > tr > th,
    #dt_3ds_transactions > tbody > tr > td:nth-child(3) {
        display:none;
    }
    #dt_3ds_transactions .payment-status-mobile {
        display: block !important;
    }
    #dt_transactions_info, #dt_3ds_transactions_info {
        display:none;
    }
    #dt_transactions tr td,
    #dt_3ds_transactions tr td {
        border: none;
    }
    #dt_transactions tr,
    #dt_3ds_transactions tr {
        border-top: 1px solid #e5e5e5;
    }
    #dt_transactions > tbody > tr:last-child,
    #dt_3ds_transactions > tbody > tr:last-child {
        border-bottom: 1px solid #e5e5e5;
    }
    .cu-debit {
        padding-right: 0px!important;
    }
    .cu-vam {
        text-align: right;
    }
    .cu-vam.sorting_1 {
        text-align: left;
    }
    .pagination > li > a, .pagination > li > span {
        padding: 16px 12px;
    }
    .txn-show-mobile {
        display: inherit;
    }
    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover,
    #trans-hist-range {
        border-color: #e5e5e5;
    }
}
.portlet-body > p {
    padding-top: 20px;
}

.portlet-body > a.btn-float-right {
    float: left;
    margin-bottom: 25px;
    margin-top: 10px;
}
.portlet-title + .pos-relative {
    margin-top: 20px;
}
.help-block-bold,
.control-label {
    font-weight: 500;
}
b, strong {
    font-weight: 600;
}
.cat-type-btns > .btn-group > .btn.green-seagreen {
    background-color: #59A896;
}
.cat-type-btns > .btn-group > .btn.green-seagreen.active {
    background-color: #378674;
}
.cat-type-btns > .btn-group > .btn.green-seagreen + .btn.green-seagreen {
    background-color: #BF5151;
}
.cat-type-btns > .btn-group > .btn.green-seagreen + .btn.green-seagreen.active {
    background-color: #AC3E3E;;
}
.referral-body h3 {
    padding-bottom: 20px;
    padding-top: 0px;
}
.referral-body .uppercase {
    padding-bottom: 20px;
}
.referral-body input {
    width: 220px;
    font-size: 10px;
}
.referral-body img {
    width: 320px;
    margin-left: 30px;
    margin-top: 15px;
}
.referral-body .offer {
    padding: 0px 15px 30px 15px;
    font-size: 13px;
    color: #828282;
    line-height: 21px;
}
.referral-body .cgu {
    display: block;
    margin: 70px 0px 10px 0px;
}
.referral-body .prime-link button {
    display: inline-block;
    margin-left: -86px;
    width: 80px;
}
.referral-body .prime-link {
    width: 300px;
    margin-bottom: 20px;
}
.facebook.btn {
    color: #FFF;
    background: #3E68C0;
}
.facebook.btn:hover {
    color: #FFF;
    background: #3960B1;
}
.sms.btn {
    color: #FFF;
    background: #2DBE60;
}
.sms.btn:hover {
    color: #FFF;
    background: #29AF58;
}
.email.btn {
    color: #FFF;
    background: #FF6600;
}
.email.btn:hover {
    color: #FFF;
    background: #EB5E00;
}
.dataTables_processing {
    z-index: 9;
    transform: translate(-50%, -50%);
}
.cent-box-img {
    max-width: 400px;
    width: 100%;
    display: block;
    margin: 20px auto 20px auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date],
    input[type=time],
    input[type=datetime-local],
    input[type=month] {
        line-height: 26px;
    }
    .control-label .required {
        position: absolute;
        display: inline !important;
    }
    .form-control-static {
        padding-top: 0px;
    }
    .input-group > span > a.btn {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .kyc-stakeholder-form .kyc-stakeholder b,
    .tree-stakeholder b {
        text-transform: uppercase;
    }
    .kyc-forms {
        margin-bottom: 25px;
    }
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0;
}
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
    -o-appearance: none;
    margin:0
}
#info-banner-metal-cards {
    padding-top: 15px;
}
.firewall .logo img {
    width: 200px;
}
.firewall .logo img {
    width: 200px;
}
.firewall .content img {
    padding-top: 10px;
}
.note .btn {
    width: 100%;
    max-width: 480px;
    height: 40px;
    padding-top: 9px;
    display: block;
    margin-top: 15px;
}
.metal-card
{
    max-width: 450px;
    margin: auto;
    padding-top: 20px !important;
    padding-bottom: 20px;
    display: block;
}
.disable-metal-card-confirmation-label {
    font-size: 13px;
}
@media (max-width: 991px) {
    .custom-alerts {
        margin-top: 50px;
    }
}
@media (max-width: 600px) {
    .custom-alerts {
        margin-bottom: 0px;
    }
}
#dt_3ds_transactions_length {
    display: none;
}
.switch-3ds {
    float: left;
    margin-top: -3px;
	text-align: center;
}
.switch-3ds .switch-title {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
.switch-3ds .bootstrap-switch {
  min-width: 68px;
}
body.login .switch-3ds .bootstrap-switch.bootstrap-switch-focused,
body.open .switch-3ds .bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
body.login .switch-3ds,
body.open-form .switch-3ds {
	margin-top: 0;
}
body.login .switch-3ds .switch-title,
body.open-form .switch-3ds .switch-title {
    display: block;
    font-size: 11px;
    font-weight: bold;
}
body.login .switch-3ds .bootstrap-switch,
body.open-form .switch-3ds .bootstrap-switch {
    min-width: 68px;
}
body.login .switch-3ds .bootstrap-switch .bootstrap-switch-handle-on,
body.login .switch-3ds .bootstrap-switch .bootstrap-switch-handle-off,
body.login .switch-3ds .bootstrap-switch .bootstrap-switch-label,
body.open-form .switch-3ds .bootstrap-switch .bootstrap-switch-handle-on,
body.open-form .switch-3ds .bootstrap-switch .bootstrap-switch-handle-off,
body.open-form .switch-3ds .bootstrap-switch .bootstrap-switch-label {
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
	font-weight: 500;
}
body.login .switch-3ds .bootstrap-switch .bootstrap-switch-label,
body.open-form .switch-3ds .bootstrap-switch .bootstrap-switch-label {
	line-height: 10px;
}
body.login .switch-3ds .bootstrap-switch .bootstrap-switch-handle-on,
body.open-form .switch-3ds .bootstrap-switch .bootstrap-switch-handle-on {
	background: #016FD0;
	color: #FFF;
}
.switch-3ds .bootstrap-switch .bootstrap-switch-handle-on,
.switch-3ds .bootstrap-switch .bootstrap-switch-handle-off,
.switch-3ds .bootstrap-switch .bootstrap-switch-label {
    font-size: 11px;
    line-height: 11px;
}
#dt_3ds_transactions_wrapper {
    margin-top: 4px;
}
#dt_3ds_transactions .payment-status-mobile {
    display: none;
    color: #999999;
    font-size: 12px;
}
#dt_3ds_transactions_wrapper table td .cu-date .cu-commentaire {
    word-break: normal;
}
#dt_3ds_transactions_wrapper table td .merchantName {
    word-break: break-word;
}
@media (max-width: 440px) {
    .switch-3ds {
        margin-bottom: 5px;
    }
}

.login .interstitiel-cgu-warning.cpul-request {
    max-width: 500px;
}
.login .interstitiel-cgu-warning.cpul-request .btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.login .interstitiel-cgu-warning.cpul-request label, #cgu-cpul-modal label {
    font-size: 13px;
}
.login .interstitiel-cgu-warning.cpul-request .green-seagreen.btn[disabled],
#cgu-cpul-modal .green-seagreen.btn[disabled] {
    background-color: #016FD0;
}
.login .interstitiel-cgu-warning.cpul-request .kyc-cpul-accepted-header {
    width: 100%;
}
.rib-details .request-cpul-opening-in-progress {
    text-align: center;
    font-style: italic;
    margin: 0;
}
#warning-no-activity .modal-dialog .form-body ul {
    margin: 0;
}
#warning-no-activity .modal-dialog .form-body p {
    font-weight: bold;
    margin-left: 23px;
    margin-bottom: 2px;
}
@media (max-width: 600px) {
    .login .interstitiel-cgu-warning.cpul-request h3 {
        margin-top:0;
    }
    .login .interstitiel-cgu-warning.cpul-request form .form-group {
        margin-top: 15px;
        margin-bottom: 25px;
    }
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .form-title {
    margin-bottom: 25px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .mini-caption {
    margin-top: 25px;
    margin-bottom: 15px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete label {
    margin-bottom: 15px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .form-group{
    height:auto;
	padding-top: 12px;
	margin-bottom: 25px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .form-group:last-child {
    margin-bottom: 12px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete div.kyc-anydoc-choice {
	border-radius: 7px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .kyc-stakeholder-form > div.kyc-anydoc-choice {
	border: 1px solid #efefef;
	border-radius: 7px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .kyc-stakeholder-form .form-group {
	border-top: 1px solid #efefef;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .kyc-stakeholder-form .proofofincome .form-group {
    border: none;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .kyc-stakeholder-form > .kyc-anydoc-choice > .form-group {
	border-top: none;
	border-radius: 7px!important;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .col-md-3,
.login .interstitiel-cgu-warning.kyc-file-obsolete .col-md-9{
    float: none;
    width: 100%;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .kyc-stakeholder-form{
    display: block !important;
    margin: 15px 0;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .kyc-stakeholder-form .caption{
    background-color: #1C4562;
    color: white;
	border-radius: 7px;
}
.login .interstitiel-cgu-warning.kyc-file-obsolete .note-pass-form{
    padding-top: 3px;
    font-weight: bold;
}
@media (max-width: 600px) {
    .login .content.interstitiel-cgu-warning.kyc-file-obsolete {
        padding-top: 0;
    }
    .login .interstitiel-cgu-warning.kyc-file-obsolete .btn.btn-default,
    .login .interstitiel-cgu-warning.kyc-file-obsolete select {
        width: 100% !important;
    }
    .login .interstitiel-cgu-warning.kyc-file-obsolete a.btn {
        text-align: center;
    }
    .login .interstitiel-cgu-warning.kyc-file-obsolete .note-pass-form{
        text-align: center;
        margin-bottom: 15px;
    }
}
#card_types .image-container {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#card_types .card-name {
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#card_types .card-name-title {
    color: #000;
    font-size: 15px;
    display: block;
    padding-top: 17px;
    font-weight: 500;
}
#card_types .help-block {
    color: #535353;
}
#card_types label {
    box-shadow:0px 0px 0px 1px #CCC inset;
    padding: 20px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    background-color: #F9F9F9;
}
#card_types label:first-of-type {
    margin-bottom: 10px;
}
#card_types label:hover {
    background-color: #F6F6F4;
    box-shadow:0px 0px 0px 1px #000 inset;
}
#card_types label.selected,
#card_types label.selected:hover {
    background-color: #EBF4FB;
    box-shadow:0px 0px 0px 2px #016FD0 inset;
}
#card_types .radio {
    float: right;
    margin: 0px 0px 10px 10px!important;
}
#card_types .grn {
    font-weight: bold;
    color: #2ABCB3;
	font-size: 16px;
}
.form-group {
    border-top: 1px solid #efefef;
}
.form-group ~ .form-group {
    border-top: none;
}
.form-group.first {
    border-top: 1px solid #efefef;
}
.login.dsecure .portlet.light .portlet-body > .btn {
    display: block;
}
.login.dsecure #goto-homepage {
	max-width: 300px;
	margin: auto;
	margin-top: 20px;
}
.login.dsecure .col-md-offset-3.col-md-6 > .alert+.portlet.light {
    background: none!important;
    box-shadow:unset;
    border: none!important;
}
.login.dsecure .alert {
    text-align: center;
}
.alert {
	border-radius: 7px;
}
@media (max-width: 991px) {
    .login.dsecure .portlet.light {
        background: none;
    }
    .awaiting-payment-table {
        text-align: left;
    }
    .awaiting-payment-details {
        background-color: #FFF;
        margin-top: 0px;
    }
    .login.dsecure .col-md-offset-3.col-md-6 {
        text-align: center;
    }
    .login.dsecure .alert {
        margin-left: 15px;
        margin-right: 15px;
    }
    .login.dsecure .portlet.light .portlet-body .btn {
        display: block;
        margin-bottom: 10px;
        width: 100%;
        height: 44px;
    }
    .login.dsecure .portlet.light .portlet-body > .btn {
        width: 90%;
        margin: auto;
        line-height: 26px;
    }
}
@media (max-width: 600px) {
    .login.dsecure .portlet.light .portlet-body {
        margin-top: 0px!important;
    }
}
.table-scrollable {
    border: none;
}
.table tr.heading > th {
    background-color: #FFF !important;
    text-transform: uppercase;
    font-size: 12px;
    color: #999999;
}
#dt_transactions_info,
#dt_3ds_transactions_info,
#dt_search_info {
    color: #999999;
    display: none;
}
@media (min-width: 701px) {
    .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: none;
    }
    .table-bordered tr {
        border-bottom: 1px solid #E2E2E2;
    }
    #dt_transactions {
        margin-top: 20px!important;
    }
    table#suivi tbody tr {
        height: 50px;
    }
    .text-break {
        word-break: break-word;
    }
}
@media (min-width: 992px) {
    .page-header.navbar .page-top {
        /* background: #F8FBFE; */
        box-shadow: unset;
        /* border-bottom: 1px solid; */
        /* border-image: linear-gradient(to right, rgba(41,158,151,1) 0%, #F8FBFE 40%) 1; */
        background: linear-gradient(90deg, rgba(248,251,254,1) 0%, rgba(236,245,255,1) 100%);
    }
    .page-container-bg-solid .page-content {
        background: #F8FBFE;
        background: linear-gradient(90deg, rgba(248,251,254,1) 0%, rgba(236,245,255,1) 100%);
    }
    .portlet.light.bordered {
        border-radius: 7px;
        border: none!important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .page-content-wrapper .page-content {
        padding: 25px 35px 10px 35px;
    }
    .page-header.navbar .balance {
        margin-left: 35px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child {
        padding-right: 21px;
    }
    #balance .label-success {
        color: #45B6AF;
        background-color: #FFF;
    }
	.form .form-bordered .form-actions {
        background: #F5F5F5;
        border-radius: 0 0 7px 7px;
		border: 1px solid #F5F5F5;
		border-top-color: #F5F5F5;
		margin: 0 15px 15px 15px;
    }
    .portlet.light .form .form-bordered .form-actions {
		background: #F5F5F5;
        border-radius: 0 0 7px 7px;
		border: 1px solid #efefef;
		border-top-color: #F5F5F5;
		margin: 0;
    }
    .rib-details .btn.green-seagreen,
    .cash-deposit .btn.green-seagreen {
        padding: 12px 20px!important;
    }
}
#balance .label-success {
    color: #FFF;
    background: rgb(41,158,151);
    background: linear-gradient(225deg, rgba(41,158,151,1) 0%, rgba(43,201,191,1) 100%);
    border-radius: 7px;
    padding: 10px 15px 7px 15px;
}
body {
    background: #09304D;
}
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent #F8FBFE transparent transparent;
}
.page-header.navbar .page-logo {
    background: none #016FD0;
    text-align: center;
}
.page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a {
    float: none;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #09304D;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #1E3B59;
    color: #A9BBD1;
    font-weight: 500;
}
.page-sidebar .page-sidebar-menu > li.active > a {
    border-top: 1px solid #1E3B59;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i {
    color: #A9BBD1;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li.active > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li.active > a > i[class*="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i {
    color: #5DAEF5;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #0f3a59;
    color: #5DAEF5;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #0f3a59;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background: #0f3a59;
    color: #A9BBD1;
}
.page-logo .menu-toggler {
    display: none!important;
}
.page-logo img {
    width: 120px;
}
.page-header.navbar .page-logo .logo-default {
    margin: 21px 0 0 0;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active,
.green-seagreen.btn.disabled, .green-seagreen.btn.disabled:hover, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled.active, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled]:hover, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled].active, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn:hover, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn.active {
    background-color: #016FD0;
}
.blue.btn {
    background-color: #016FD0;
}
.blue.btn:hover,
.blue.btn:focus,
.blue.btn:active {
    background-color: #0157B8;
}
.blue.btn:active:hover {
    background-color: #014896;
}
.forget-form .form-group,
.login-form .form-group {
    border:none;
}
@media (max-width: 440px) {
    .login.dsecure .logo {
        margin-bottom: 25px !important;
        padding-bottom: 0px !important;
        margin-top: 30px;
    }
    .login.dsecure .logo img {
        width: 120px !important;
    }
}
#logout.dropdown-toggle:hover > i {
    color: #CA2B2C;
}
.limit-title {
    font-weight: 500;
    border-bottom: 1px solid #EEE;
}
.limit-value.limit-value-ok {
    background-color: #299e97 !important;
}
.mini-caption + .tac {
    margin-bottom: 25px;
}
#cards-confirmed .card {
    margin-right: 30px;
    margin-bottom: 80px;
}
#cards-confirmed .card .action {
    margin-top: 5px;
}
.referral-body {
    text-align: center;
    padding-top: 15px;
}
.referral-body .prime-link {
    margin: auto;
    margin-bottom: 20px;
}
.table-hover > tbody > tr:hover {
    background: #FAFBFC;
}
.cu-credit {
    background: #E6FAF5;
    color: #01B574;
    padding: 7px 12px;
    border-radius: 10px;
}
.cu-badge-trans {
    padding: 7px 12px;
    border-radius: 10px!important;
    font-size: 12px!important;
    font-weight: 500;
}
#card_types .image-container {
    display: inline;
}
.note.note-info {
    background-color: #EBF4FB;
    border-color: #016FD0;
}
.form-wizard .steps > li.active > a.step .number {
    background-color: #016FD0;
}
.note h4 {
    font-weight: 500;
}
.progress > .progress-bar-success {
    background-color: #2595D8;
}
.btn.btn-success,
.btn.btn-default,
.btn.default,
.btn.green-seagreen,
.btn.blue,
.btn.btn-warning {
    font-weight: 500;
}
.form-actions .btn.btn-success,
.form-actions .btn.btn-default,
.form-actions .btn.default,
.form-actions .btn.green-seagreen,
.form-actions .btn.blue {
    padding: 12px 20px!important;
}
.btn.default {
    border-width: 1px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
    color: #333;
    background-color: #ededed;
    border-color: #b3b3b3;
}
.btn.default:active, .btn.default.active {
    background-image: none;
    background-color: #e0e0e0;
}
.btn.default:active:hover, .btn.default.active:hover {
    background-color: #e6e6e6;
}
.btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn.default .badge {
    color: #fff;
    background-color: #333;
}
.btn.default > i {
    color: #aaa;
}
.btn.default > i[class^="icon-"],
.btn.default > i[class*="icon-"] {
    color: #8c8c8c;
}
.login .interstitiel-mobile-app-upgrade .btn {
    max-width: 50%;
    margin: 0 auto;
    display: block;
    border-radius: 0;
    padding: 15px;
}
.login .interstitiel-mobile-app-upgrade p {
    font-size: 14px;
    padding-bottom: 1.2em;
}
#dt_search_length label,
#dt_search_info {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
}
.rib-details h3, .awaiting-payment-details h3 {
    text-align: center;
    font-weight: 500;
}
.tabbable-column > .nav-tabs > li.active, .tabbable-column > .nav-tabs > li.active:hover, .tabbable-column > .nav-tabs > li:active {
    border-color: #016FD0;
    border-image: linear-gradient(to right, rgba(71,174,219,1) 0%, #1A5994 100%) 1;
}
.tabbable-column > .nav-tabs > li:hover {
    border-color: transparent;
    border-image: none;
}

.tabbable-column > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-column > .nav-tabs > li {
    border-left: 4px transparent solid;
    margin-right: 2px;
    font-weight: bold;
}
.tabbable-column > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #aaa;
}
.tabbable-column > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-column > .nav-tabs > li.open, .tabbable-column > .nav-tabs > li:hover {
    border-left: 4px solid #8FC0EA;
}
.tabbable-column > .nav-tabs > li.open > a, .tabbable-column > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333;
}
.tabbable-column > .nav-tabs > li.open > a > i, .tabbable-column > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-column > .nav-tabs > li.open .dropdown-menu, .tabbable-column > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}
.tabbable-column > .nav-tabs > li.active {
    border-bottom: 4px solid #F3565D;
    position: relative;
}
.tabbable-column > .nav-tabs > li.active > a {
    border: 0;
    color: #333;
}
.tabbable-column > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-column > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.tabbable-column > .nav-tabs > li.active, .tabbable-column > .nav-tabs > li.active:hover, .tabbable-column > .nav-tabs > li:active {
    border-color: #016FD0;
    border-bottom: 0;
    border-left: 4px solid #F3565D;
    border-image: linear-gradient(to right, rgba(71,174,219,1) 0%, #1A5994 100%) 1;
}
.tabbable-column > .nav-tabs > li:hover {
    border-color: #8FC0EA;
    border-image: none;
}
.responsive-menu {
    position: absolute;
    background-color: #FAFAFA;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    margin-top: 10px;
}
.mobile-responsive-menu {
    margin-top: 40px;
}
.control-label .required {
    padding-left: 0px;
    vertical-align: super;
    margin-left: -3px;
    position: relative;
    font-size: 10px;
}
ul.steps a {
    color: #AAA;
    cursor: default;
}
.form-actions .col-md-offset-3,
.modal-footer,
.modal-footer #refuse_payment_form,
.form-action.awaiting-payment-form {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .form-actions .col-md-offset-3,
    .modal-footer,
    .modal-footer #refuse_payment_form,
    .form-action.awaiting-payment-form	{
        flex-direction: column-reverse;
    }
    .form-actions .btn + .btn,
    .modal-footer .btn + .btn {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .form-action.awaiting-payment-form .btn-success {
        margin-left: 0px!important;
    }
    .tabbable-line + .portlet-body > .form-bordered .form-group:first-of-type,
    .tabbable-line + .portlet-body > .row .form-bordered .form-group:first-of-type	{
        border-top: none;
    }
    #dt_search_paginate {
        text-align: center;
    }
}
.form-action.awaiting-payment-form .btn-success {
    border-width: 1px;
    margin-left: 10px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #016FD0;
}
.cu-form-portail .alert {
    margin-left: 15px;
    margin-right: 15px;
}
.grecaptcha-badge {
    visibility: hidden;
}
.badge.badge-roundless {
    border-radius: 7px!important;
}
.badge-success {
    background-color: #2ABCB3;
}
.btn.btn-file {
    border-width: 1px;
    color: #FFF;
    background-color: #016FD0;
    border-color: #016FD0;
}
.btn.btn-file:hover, .btn.btn-file:focus, .btn.btn-file:active, .btn.btn-file.active {
    color: #FFF;
    background-color: #0157B8;
    border-color: #0157B8;
}
.btn.btn-file:active, .btn.btn-file.active {
    background-image: none;
    background-color: #0157B8;
}
.btn.btn-file:active:hover, .btn.btn-file.active:hover {
    background-color: #014896;
}
.btn.btn-file.disabled, .btn.btn-file.disabled:hover, .btn.btn-file.disabled:focus, .btn.btn-file.disabled:active, .btn.btn-file.disabled.active, .btn.btn-file[disabled], .btn.btn-file[disabled]:hover, .btn.btn-file[disabled]:focus, .btn.btn-file[disabled]:active, .btn.btn-file[disabled].active, fieldset[disabled] .btn.btn-file, fieldset[disabled] .btn.btn-file:hover, fieldset[disabled] .btn.btn-file:focus, fieldset[disabled] .btn.btn-file:active, fieldset[disabled] .btn.btn-file.active {
    background-color: #016FD0;
    border-color: #016FD0;
}
.tree-stakeholder {
    border-color: transparent;
    margin-top: 5px;
}
.kyc-tree {
    margin-top: 5px;
}
.kyc-stakeholder-form,
.kyc-tree > .tree-stakeholder:first-of-type {
    border-color: transparent;
}
.tree-stakeholder > .kyc-tree-status.kyc-complete {
    background-color: #2ABCB3;
}
.tree-stakeholder > .kyc-tree-status {
    border-radius: 7px 0 0 7px;
}
.tree-stakeholder > .stakeholder-name,
.tree-stakeholder.stakeholder-active > .stakeholder-name {
    border-radius: 0 7px 7px 0;
}
.kyc-stakeholder {
    font-size: 14px;
    font-weight: 500;
}
.tree-stakeholder.kyc-tree-separator {
    font-weight: 500;
}
.tree-stakeholder.kyc-tree-separator,
.kyc-stakeholder {
    background: #1c4562;
    border-color: transparent;
    color: #FFF;
    margin-top:5px;
    margin-bottom:5px;
    border-radius:7px;
}
.kyc-forms .form-group {
    border-top: none;
}
.kyc-stakeholder-form .caption:first-of-type {
    border-radius: 7px 7px 0 0;
}
.kyc-stakeholder-form .caption {
    background: #EEE;
}
.kyc-stakeholder-form .caption > .note.note-warning {
    border-radius: 7px 7px 0 0;
    margin-bottom: 0px;
    border-left: 0px;
}
.kyc-stakeholder-form .kyc-anydoc-choice {
    background: #FFF;
}
.fluo {
    background: #F9F9F9;
}
.kyc-stakeholder-form .mini-caption {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tree-stakeholder > .stakeholder-name {
    border: 1px solid #EEE;
}
.kyc-document-file .label-info {
    background-color: #2ABCB3;
}
.kyc-document-file .label-warning {
    background-color: #D29720;
}
.kyc-document-file .label-success {
    background-color: #2ABCB3;
}
@media(min-width: 992px) {
    .form .form-bordered .form-group {
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
    }
    .open-form .form-bordered .form-group {
        border-left: none;
        border-right: none;
    }
    .tabbable-line + .portlet-body > .form-bordered .form-group:first-of-type,
    .tabbable-line + .note + .portlet-body > .form-bordered .form-group:first-of-type,
    .tabbable-line + .portlet-body > .row .form-bordered .form-group:first-of-type	{
        border-radius: 7px 7px 0 0;
    }
    .kyc-anydoc-choice .form-group {
        border-radius: 0!important;
    }
}
#dt_transactions_paginate,
#dt_3ds_transactions_paginate,
#dt_search_paginate {
    text-align: center;
}
@media (max-width: 480px) {
    #dt_transactions_paginate,
    #dt_search_paginate	{
        float: none;
    }
}
@media (max-width: 600px) {
    .portlet-body-rib {
        margin-top: 42px !important;
    }
}
.pagination > li:first-of-type,
.pagination > li:last-of-type {
    display: none;
}
.pagination > li > a, .pagination > li > span {
    padding: 0;
    margin-left: 3px;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 39px;
    font-weight: bold;
    color: #999;
    border-color: #FFF;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    border-color: #FFF;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #337ab7;
    background: #def0ff;
    border-color: #def0ff;
}
.pagination .active > a, .pagination .active > a:hover {
    background: #337ab7;
    color: #FFF;
    border-color: #337ab7;
}
.cu-badge-trans:hover {
    background: #337ab7;
}
body.login,
body.open-form {
    background-color: #F8FBFE!important;
    background: linear-gradient(135deg, rgba(247,252,254,1) 0%, rgba(236,249,255,1) 100%) fixed!important;
    min-height: 100%;
}
body.open-form .content {
    background: none;
}
.langage-login {
    background: none;
	padding-top: 10px;
}
@media (max-width: 440px) {
    .login .content {
        background: transparent!important;
    }
}
@media (max-width: 991px) {
    body.open-form {
        background: #FFF!important;
    }
	body.open-form .langage-open, body.open-form .content {
		background: #F5FBFE!important;
	}
}
body.dsecure .row {
    margin: 0;
}
.cat-type-btns > .btn-group > .btn.green-seagreen {
    background-color: #2ABCB3;
}
.cat-type-btns > .btn-group > .btn.green-seagreen.active, .cat-type-btns > .btn-group > .btn.green-seagreen:hover {
    background-color: #229992;
}
.cat-type-btns > .btn-group > .btn.green-seagreen + .btn.green-seagreen.active, .cat-type-btns > .btn-group > .btn.green-seagreen + .btn.green-seagreen:hover {
    background-color: #d53f46;
}
.cat-type-btns > .btn-group > .btn.green-seagreen + .btn.green-seagreen {
    background-color: #F3565D;
}
#my-stats .cat-type-nav {
    border: none;
    border-top: 1px solid #EEE;
    background: transparent;
    border-bottom: 1px solid #EEE;
}
#my-stats .parent-cat:last-of-type {
    border-radius: 0 0 7px 7px;
}
#my-stats .cats {
    border: none;
}
#my-stats .stats-nav2 li {
    border: none;
}
.stats-nav2 li.active a, .stats-nav2 li.active a:hover {
    background: #337ab7;
    cursor: default;
    color: #FFF;
    border-radius: 7px;
}
.stats-nav2 li a:hover, .stats-nav2 li a:focus {
    color: #337ab7;
    background: #def0ff;
    border-radius: 7px;
	text-decoration: none!important;
}
.stats-menu {
    border-radius: 7px;
    border: 1px solid #EEE;
}
.stats-year {
    border: none;
}
.stats-year:first-of-type {
    border-radius: 7px 0 0 7px;
}
@media (max-width: 1200px) {
    .stats-year:first-of-type {
        border-radius: 7px 0 0 0;
    }
}
.stats-header {
    padding-bottom: 20px;
}
.cat-type-nav, .cats .parent-cat {
    border-color: #EEE;
}
.modal-footer > .btn-default {
    background-color: #FFF;
}
.modal-footer > .btn-default:hover {
    background-color: #ededed;
}
.login.firewall .btn {
    border-width: 1px;
}
.login .interstitiel-confirm-phone-number,
.login .interstitiel-sdd-warning,
.login .interstitial-birth-data,
.login .interstitiel-sct-warning,
.login .interstitiel-missing-fields,
.login .interstitiel-confirm-phone-number,
.login .interstitiel-cgu-warning,
.login .interstitiel-transfer-warning
.login .interstitiel-mobile-app-upgrade {
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px!important;
}
.login.firewall .logo {
    padding: 15px;
}
@media (max-width: 440px) {
    .login .interstitiel-confirm-phone-number,
    .login .interstitiel-sdd-warning,
    .login .interstitial-birth-data,
    .login .interstitiel-sct-warning,
    .login .interstitiel-missing-fields,
    .login .interstitiel-confirm-phone-number,
    .login .interstitiel-cgu-warning,
    .login .interstitiel-transfer-warning {
        background: #FFF!important;
    }
    .login.firewall .logo {
        margin-bottom: 25px !important;
        padding-bottom: 0px !important;
        margin-top: 15px;
    }
    .login.firewall .logo img {
        width: 120px !important;
    }
}
.login .content h3 {
    color: #135e9d;
    font-weight: bold;
}
.panel {
    border-radius: 7px;
}
.panel-title {
    font-weight: 500;
}
.interstitiel-confirm-phone-number h3.form-title {
    padding-bottom: 12px;
    line-height: 28px;
}
.interstitiel-confirm-phone-number .form-action {
    padding-top: 15px;
}
.custom-alerts {
    position: fixed;
    z-index: 99999;
    margin-top: 0px;
    top:15px;
    right: 35px;
    margin-left: 35px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.alert-success {
    background: #E8FFF3;
    border: 1px solid #BFD2D1;
    color: #447370;
}
@media (max-width: 600px) {
    .custom-alerts {
        top: 0;
        left: 0;
        right: 0;
        margin-left: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        border-radius: 0;
		border-top: none;
		border-left: none;
		border-right: none;
    }
    .custom-alerts .alert-success {
        border: none;
        border-bottom: 1px solid #BFD2D1;
    }
    .custom-alerts .alert-danger {
        border: none;
        border-bottom: 1px solid #ebccd1;
    }
	.custom-alerts .alert-info {
        border: none;
        border-bottom: 1px solid #bce8f1;
    }
}
.custom-alerts .close {
    margin-left: 10px;
    opacity: 0.5;
}
.custom-alerts .close:focus, .custom-alerts .close:hover {
    opacity: 0.8;
}
.modal div.radio, .modal div.checker {
    margin-left: 0px;
}
.company-stakeholder.form-read-only .form-control-static,
.company-stakeholder.form-read-only .control-label,
.modal-body .form-control-static,
.modal-body .control-label {
    padding-top: 12px;
    padding-bottom: 12px;
}
.badge-indigo {
    background-color: #7239EA;
    background-image: none;
}
.dropdown-menu {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.langage-login .dropdown-toggle {
	border-color: #ECECEC;
}
.fileinput-original-filename {
	margin-left: 5px;
}
#password_recovery_confirm h3,
#password_recovery_confirm p,
#username_recovery_confirm h3,
#username_recovery_confirm p {
	padding-bottom: 15px;
}
@media (max-width: 480px) {
	.dataTables_wrapper .dataTables_paginate {
		float: none;
	}
}
div.radio.disabled .checked::before {
    background: #c2c2c2;
}
.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
	z-index: 1;
}
.panel {
    background-color: transparent;
}
.form-wizard .steps,
.form-wizard .steps > li > a.step {
	background: transparent;
}
.portlet > .portlet-body {
	border-radius: 0 0 7px 7px;
}
.confirm-body h1 {
  font-size: 28px;
  font-weight: 500;
  color: #135e9d;
}
.confirm-body {
  margin-bottom: 15px;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: transparent;
}
.login .content .create-account p a {
	color: #FFF;
}
.login .open-logo {
	margin-top: 40px;
	margin-bottom: 60px;
}
.login .page-lock .open-logo {
		margin-top: 60px;
}
@media (max-width: 440px) {
	.login .open-logo {
		margin-top: 30px!important;
		margin-bottom: 25px!important;
	}
}
.design-img  {
    box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 4px, rgba(0, 0, 0, 0.6) 0px 7px 13px -3px, rgba(0, 0, 0, 0.4) 0px -1px 0px inset;
}
#card_types .design-img,
.form-control-static > .design-img {
		border-radius: 10px;
}
#cancel-card-error, #cancel-metal-card-error {
    color: #a94442;
    padding: 0;
}
#cannot_activate_card + .caption {
    padding-bottom: 0px;
}
#emailNotReceived .form-group,
#accept_legal_terms_cpul .form-group {
    border: none;
}
.form-control::placeholder {
    color: #bbb;
}
.login .content .form-control::placeholder,
.lock-body .form-control::placeholder {
    color: #8290a3!important;
}
.form-control,
.login .content .form-control, 
.lock-body .form-control{
    color: #333;
}
#company-info > .form-group:first-of-type {
    border-top: none;
}
#file-to-upload {
	display: none;
}
#document-autocheck-modal .modal-body {
	text-align: center;
	padding-bottom: 0;
}
#document-autocheck-modal .modal-check {
    padding: 20px 16px;
    margin: 20px -15px 0 -15px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    background-color: #F5F5F5;
}
#document-autocheck-modal .modal-check hr {
    border-color: #ddd;
}
#document-autocheck-modal .modal-check-warning {
    font-weight: 500;
    font-size: 13px;
    color: #bd3b39;
}
#document-autocheck-modal .modal-check .helper {
    display: block;
    font-size: 13px;
    padding-top: 5px;
    color: #5c5c5c;
    font-weight: 300;
}
#pdf-loader {
	display: none;
	text-align: center;
	color: #999;
	font-size: 13px;
	line-height: 100px;
	height: 100px;
}
#document-autocheck-modal {
    display: none;
}
#pdf-meta {
	overflow: hidden;
	margin: 0 0 20px 0;
}
#pdf-buttons {
	float: left;
}
#page-count-container {
	float: right;
}
#pdf-current-page {
	display: inline;
}
#pdf-total-pages {
	display: inline;
}
#pdf-canvas {
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
}
#page-loader {
	height: 100px;
	line-height: 100px;
	text-align: center;
	display: none;
	color: #999999;
	font-size: 13px;
}
#pdf-buttons button {
	color: #999;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #999;
}
#pdf-buttons button:hover, #pdf-buttons button:focus, #pdf-buttons button:active {
	color: #000;
	background-color: #F5F5F5;
	border-color: #959595;
}
@media (max-width: 991px) {
    .modal-footer.check {
        flex-direction: unset;
	}
	.modal-footer.check .btn + .btn {
		margin-top: 15px;
		margin-bottom: 0px;
	}
}
#document-autocheck-modal .strong {
    text-decoration: underline;
}
#document-autocheck-modal .modal-content {
    border-radius: 7px;
}
.modal-content {
	border-radius: 7px;
}
.rating-content {
	text-align: center;
	font-weight: 500;
	padding: 30px 20px;
}
.rating {
	width: 226px;
	margin: 0 auto;
	font-size: 45px;
	overflow:hidden;
}
.rating input {
  float: right;
  opacity: 0;
  position: absolute;
}
.rating a,
.rating label {
	float:right;
	color: #aaa;
	text-decoration: none;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}
.rating label:hover ~ label,
.rating input:focus ~ label,
.rating label:hover,
.rating a:hover,
.rating a:hover ~ a,
.rating a:focus,
.rating a:focus ~ a	{
	color: orange;
	cursor: pointer;
}
.rating2 {
	direction: rtl;
}
.rating2 a {
    float: none;
}

#cc_network {
    display:none;
}

#refuse-dd-form label, #revoke-creditor-form label {
    font-size: 13px;
}

.portlet-body > a.btn-float-right.add-new-mandate-button {
    margin-top: 0;
}

#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredByText {
    display: none!important;
}

.truncated-name-alert{
    color: #A94442;
}
.inline-flex{
    display: inline-flex;
}

#uniform-transfer_recipient_proceed-transfer_order_type-unitary, #uniform-transfer_recipient_proceed-transfer_order_type-grouped {
    padding-top:0;
}

.overflow-anywhere {
    overflow-wrap: anywhere;
}

#company-address-form .kyc-document-file .form-group, #company-address-form .kyc-document-file.form-group,
#company-address-form .kyc-document-file .form-group, #company-address-form .kyc-document-file .col-md-12{
    border: none;
    padding: 0;
}

#company-address-form .kyc-document-file .control-label {
    display: none;
}

.padding-10 {
    padding: 10px;
}

@media (max-width: 460px) {
    .rib-details {
        padding-left: 15px;
        padding-right: 15px;
    }
    .rib-table td {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (min-width: 1300px) {
    .rib-details {
        max-width: 600px;
        margin-right: 25px;
    }
}

@media (max-width: 600px) {
    .page-content > .note {
        margin-top: 50px;
    }
}

.no-hover {
    pointer-events: none;
}


#activate .form-group {
    border: none;
}

#activate .modal-body .control-label {
    padding-top: 0px;
}

#selfie-example-modal .modal-body img {
    max-width: 100%;
}

#acct_sum button[type=submit].disabled {
    background-color: #0157B8;
}

#newfieldskycbusinesscardholder .form-group {
    border: 1px solid #efefef;
    border-radius: 7px;
}

#newfieldskyccardholder .form-group {
    border: 1px solid #efefef;
    border-radius: 7px;
}

#messages {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.message-content {
    padding: 10px;
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    margin: 0 10px 10px;
}

#answer-form {
    padding: 0;
    margin: 10px 0;
}

#messages .pull-left.message-content {
    position: relative;
    background-color: #eee;
    color: #000000;
}

#messages .pull-left.message-content:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -7px;
    height: 10px;
    width: 20px;
    background: #eee;
    border-bottom-right-radius: 15px;
}

#messages .pull-left.message-content:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -10px;
    width: 10px;
    height: 20px;
    background: white;
    border-bottom-right-radius: 10px;
}

#messages .pull-right.message-content:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: -8px;
    height: 10px;
    width: 20px;
    background: #337ab7 fixed;
    border-bottom-left-radius: 15px;
}

#messages .pull-right.message-content:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -10px;
    width: 10px;
    height: 20px;
    background: white;
    border-bottom-left-radius: 10px;
}

#discussions-forms {
    margin-top: 20px;
    padding: 0;
}

#discussions-forms .form-group {
    border: none;
}

#discussions-forms .form-actions .btn.blue {
    width: 109px;
    height: 34px;
    padding: 0!important;
}

#discussions-forms span.fileinput-new:before {
    content: "+ ";
}

.dynamic-textarea {
    height: 50px;
    overflow-y: auto;
    scrollbar-width: none;
}
.dynamic-textare::-webkit-scrollbar {
    display: none;
}

#discussions-forms .form-group > label {
    text-align: left;
    margin-bottom: 5px;
}

.position-relative {
    position: relative;
}

.accordion-button {
    display: block;
    width: 93%;
}

.accordion-button.collapsed::after {
    font-family: "FontAwesome";
    position: absolute;
    font-size: 16px;
    right: 0;
    content: "\f067";
    top: calc(50% - 10px);
}
.accordion-button:not(.collapsed)::after {
    font-family: "FontAwesome";
    position: absolute;
    font-size: 16px;
    right: 0;
    content: "\f068";
    top: calc(50% - 10px);
}

@media (max-width: 991px) {
    #messages {
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #discussions-forms .btn {
        margin-bottom: 5px;
    }

    .login .interstitiel-mobile-app-upgrade .btn {
        width: 100%;
        max-width: none;
    }
}

.discussion-list-banner {
    background-color: #E26A6A;
    width: 100%;
    color: white;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;

}

.discussion-list-banner a {
    color: white;
    text-align: center;
    text-decoration: none;
    border-bottom: 2px solid white;
}

.discussion-list-banner a:hover {
    color : #F9E1E1;
    border-bottom: 2px solid #F9E1E1;
}

.discussion-list-banner i {
    margin-right: 10px;
}

.discussion-list-banner a {
    margin-left: 10px;
    font-size: 16px;
}

#discussion-list-banner-desktop {
    bottom: 0;
    position: fixed;
    margin-top: 4rem;
}
#discussion-list-banner-phone {
    display : none;
}
@media (max-width: 600px) {
    .discussion-list-banner {
        position: relative;
    }
    #discussion-list-banner p {
        color: white;
        font-size: 1.5rem;
        line-height: 4rem;
    }
    #discussion-list-banner-phone {
        display : block;
    }
    #discussion-list-banner-desktop {
        display : none;
    }
}

.balance .label-success {
    display: block;
    text-align: right;
}

.balance .tocome {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    opacity: 0.8;
}

.balance .tocome-total {
    font-size: 14px;
}

@media (max-width: 600px) {
    .balanceval .tocome {
        font-size: 12px;
        opacity: 0.8;
    }
}

/* spinner challenge push*/

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}
.lds-spinner div {
    transform-origin: 20px 20px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 1px;
    left: 19px;
    width: 3px;
    height: 10px;
    border-radius: 20%;
    background: #016FD0;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Challenge-push */
.challenge-result-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* helplines customer register form */
.has-error .error-block {
    margin-top: 5px;
    color: #a94442;
    display: block;
}


/* OPEN ACCOUNT */
#page-open-account {
    background-color: transparent;
    background-image: linear-gradient(135deg, #F8FBFE 0%, #ECF9FF 100%);
}
#page-open-account .navbar-brand>img {
    width: 150px;
}

#page-open-account .sticky_logo img+img {
    display: none;
}

#page-open-account #page-header {
    height: 150px;
}

#page-open-account a {
    color: #000;
}

#page-open-account a:hover {
    text-decoration: none;
}

#page-open-account h2 {
    color: #135E9D;
    padding-left: 10px!important;
    padding-right: 10px!important;
    line-height: 1;
    font-weight: 600;
    font-size: 34px;
    margin-bottom: 25px;
}

#page-open-account h5 {
    font-size: 20px;
    color: #242f48;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 40px;
}

#page-open-account #page-content #block-bg {
    height: 100vh;
}

#page-open-account .open-boxaccount {
    width: 100%;
    border: 1px solid #e7ecf1;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    padding: 20px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 16px;
    font-size: 14px;
    height: auto;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    display: flex;
}

#page-open-account .open-boxaccount:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
}

#page-open-account img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#page-open-account .open-boxaccount.secured {
    border: 2px solid #666;
    box-shadow: unset;
    background: 0 0;
    margin-top: 16px;
    font-size: 12px;
    cursor: default;
    margin-bottom: 20px;
}

#page-open-account .open-boxaccount .box-left-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 4px 16px 4px 0;
}

#page-open-account .open-boxaccount .box-left .product {
    color: #114f7f;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 6px;
}

#page-open-account .open-boxaccount .box-left {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 22px;
}

#page-open-account .open-boxaccount .box-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: 0 0;
}

#page-open-account .open-boxaccount.secured img {
    opacity: .7;
}

#page-open-account .open-boxaccount.secured .box-left {
    color: #333;
}

#page-open-account .open-boxaccount.secured .product {
    color: #444;
    text-transform: uppercase;
    font-size: 13px;
}

#page-open-account .elementor-image img {
    vertical-align: middle;
    display: inline-block;
}
#page-open-account img.attachment-full.size-full {
    width: auto;
}

@media (max-width: 991px) {
    #page-open-account .container-fluid {
        padding: 0;
    }
    #page-open-account .container {
        width: 100%;
        padding-top: 80px;
        min-height: 100vh;;
    }
    #page-open-account #page-header {
        height: 80px;
    }
    #page-open-account #intro {
        text-align: center;
    }
    #page-open-account #block-bg {
        display: none;
    }
    #page-open-account #page-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        background: none;
    }
    #page-open-account #page-header.scrolled {
        background: #fff;
        webkit-box-shadow: 0px 4px 6px 0px rgba(12,0,46,.06);
        box-shadow: 0px 4px 6px 0px rgba(12,0,46,.06);
    }

}

.required {
    color: #e02222;
}

#invitation-action {
    padding-bottom: 15px;
}

#invitation-form-ajax input[type="radio"] {
    position: relative;
    width: auto;
}

.between_forms_instructions {
    border-top: 1px solid #3d3d3d;
}

.self-end-align{
    align-items: self-end;
}

.margin-left-22-px{
    margin-left: 22px !important;
}

.margin-left-25-pc{
    margin-left: 25% !important;
}
.dropdown > .dropdown-menu::after, .dropdown-toggle > .dropdown-menu::after, .btn-group > .dropdown-menu::after, .dropdown > .dropdown-menu::before, .dropdown-toggle > .dropdown-menu::before, .btn-group > .dropdown-menu::before {
	visibility: hidden;
}