/* ###################################################### start of default main css ###################################################### */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Open Sans,sans-serif!important
}

body {
    margin: 0
}

.main-wrapper {
    position: relative
}

.main-wrapper>header {
    height: 64px;
    background: #fff;
    position: fixed;
    width: 100%;
    -webkit-box-shadow: rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);
    z-index: 6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px
}

.main-wrapper input[type=text]::-ms-clear {
    display: none
}

.main-wrapper>.content-wrapper {
    min-height: 100vh;
    max-width: 400px;
    margin: auto;
    padding-top: 150px;
    padding-bottom: 150px
}

@media (max-width: 1024px) {
    .main-wrapper>.content-wrapper {
        padding-top:100px;
        padding-bottom: 90px
    }
}

@media (max-width: 748px) {
    .main-wrapper>.content-wrapper {
        padding-bottom:60px
    }
}

.main-wrapper>.content-wrapper .content {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
    background: #fff;
    border-radius: 4px;
    margin: 10px
}

.main-wrapper>.content-wrapper .login-help {
    padding: 28px
}

.main-wrapper>.content-wrapper .footer,.main-wrapper>.content-wrapper p {
    color: #333;
    text-align: center;
    margin-top: 16px;
    line-height: 1.7
}

.blocked-user-page {
    padding: 28px
}

.blocked-user-page p {
    text-align: left!important
}

.blocked-user-page h5 {
    margin-bottom: 28px!important
}

.blocked-user-page .description span {
    display: inline-block;
    width: auto
}

.blocked-user-page .regain-access {
    margin: 16px 0!important
}

.success p {
    margin: 0
}

.success .logged-in-avatar {
    margin: 20px 0;
    text-align: center;
    min-height: 104px
}

.success .logged-in-avatar img {
    width: 104px
}

.success .user-logged-in {
    font-size: 14px;
    line-height: 35px;
    padding: 0 20px
}

.success .user-not-itself {
    margin-top: 120px
}

.success .user-not-itself a {
    color: #de7472;
    display: inline-block;
    font-size: 14px;
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.success .default-button {
    color: #fff!important;
    font-weight: 600!important
}

.default-button span:first-of-type {
    text-transform: none!important
}

.passwordContainer {
    position: relative
}

.passwordContainer .icon {
    position: absolute!important;
    right: 0;
    bottom: 8px;
    color: #cecece
}

.passwordContainer .active {
    color: #72ac00
}

.passwordContainer input {
    padding-right: 36px!important
}

.loginBtn {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 12px 0;
    border: none;
    line-height: 20px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400
}


.loginBtn--facebook:focus,.loginBtn--facebook:hover {
    background-color: #5b7bd5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5b7bd5),to(#4864b1));
    background-image: -webkit-linear-gradient(#5b7bd5,#4864b1);
    background-image: -o-linear-gradient(#5b7bd5,#4864b1);
    background-image: linear-gradient(#5b7bd5,#4864b1)
}

.loginBtn--google {
    background: #dd4b39;
    font-family: Roboto,sans-serif
}

.loginBtn--google:before {
    border-right: 1px solid #bb3f30;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png") 6px 6px no-repeat
}

.loginBtn--google:focus,.loginBtn--google:hover {
    background: #e74b37
}

.loginBtn--twitter {
    background: #1da1f2;
    font-family: Arial
}

.loginBtn--twitter:before {
    border-right: 1px solid #1da1f2;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='none' d='M0 0h72v72H0z'/%3E%3Cpath class='icon' fill='%23fff' d='M68.812 15.14a26.189 26.189 0 0 1-7.52 2.06 13.125 13.125 0 0 0 5.757-7.243 26.133 26.133 0 0 1-8.314 3.176A13.066 13.066 0 0 0 49.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396a13.057 13.057 0 0 0-1.77 6.58c0 4.543 2.312 8.552 5.824 10.9a13.05 13.05 0 0 1-5.93-1.64c-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09a26.29 26.29 0 0 1-16.26 5.605c-1.055 0-2.096-.06-3.122-.184a37.036 37.036 0 0 0 20.067 5.882c24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693a26.61 26.61 0 0 0 6.532-6.774z'/%3E%3C/svg%3E") 3px 2px no-repeat
}

.loginBtn--twitter:focus,.loginBtn--twitter:hover {
    background: #00aced
}

.microsoft--image {
    background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTcuODg2IDQ5Ny44ODYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Ny44ODYgNDk3Ljg4NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9IjIyNy45NTksMzkuODY5IDIyNy45NTksMjQyLjM4NiA0OTYuNTQ5LDI0Mi4zODYgNDk2LjU0OSwwICAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cG9seWdvbiBwb2ludHM9IjEuMzM2LDI0NC43NDYgMjExLjE3MiwyNDQuNzQ2IDIxMS4xNzIsNDEuODE4IDEuMzM2LDcyLjc5OCAgICAiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBvbHlnb24gcG9pbnRzPSIyMjcuOTU5LDQ1OC4wMTcgNDk2LjU0OSw0OTcuODg2IDQ5Ni41NDksMjYxLjUzNSAyMjcuOTU5LDI2MS41MzUgICAgIiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwb2x5Z29uIHBvaW50cz0iMS4zMzYsNDI1LjA4NiAyMTEuMTcyLDQ1Ni4wNjYgMjExLjE3MiwyNjEuNTMxIDEuMzM2LDI2MS41MzEgICAgIiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block
}

.loginBtn--microsoft {
    background: #00a1f1;
    font-family: Arial
}

.loginBtn--microsoft:before {
    border-right: 1px solid #1da1f2;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='none' d='M0 0h72v72H0z'/%3E%3Cpath class='icon' fill='%23fff' d='M68.812 15.14a26.189 26.189 0 0 1-7.52 2.06 13.125 13.125 0 0 0 5.757-7.243 26.133 26.133 0 0 1-8.314 3.176A13.066 13.066 0 0 0 49.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396a13.057 13.057 0 0 0-1.77 6.58c0 4.543 2.312 8.552 5.824 10.9a13.05 13.05 0 0 1-5.93-1.64c-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09a26.29 26.29 0 0 1-16.26 5.605c-1.055 0-2.096-.06-3.122-.184a37.036 37.036 0 0 0 20.067 5.882c24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693a26.61 26.61 0 0 0 6.532-6.774z'/%3E%3C/svg%3E") 3px 2px no-repeat
}

.loginBtn--microsoft:focus,.loginBtn--microsoft:hover {
    background: #00aced
}

.linkedin--image {
    background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzOC41MzYgNDM4LjUzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzNiA0MzguNTM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQxNC40MSwyNC4xMjNDMzk4LjMzMyw4LjA0MiwzNzguOTYzLDAsMzU2LjMxNSwwSDgyLjIyOEM1OS41OCwwLDQwLjIxLDguMDQyLDI0LjEyNiwyNC4xMjMgICBDOC4wNDUsNDAuMjA3LDAuMDAzLDU5LjU3NiwwLjAwMyw4Mi4yMjV2Mjc0LjA4NGMwLDIyLjY0Nyw4LjA0Miw0Mi4wMTgsMjQuMTIzLDU4LjEwMmMxNi4wODQsMTYuMDg0LDM1LjQ1NCwyNC4xMjYsNTguMTAyLDI0LjEyNiAgIGgyNzQuMDg0YzIyLjY0OCwwLDQyLjAxOC04LjA0Miw1OC4wOTUtMjQuMTI2YzE2LjA4NC0xNi4wODQsMjQuMTI2LTM1LjQ1NCwyNC4xMjYtNTguMTAyVjgyLjIyNSAgIEM0MzguNTMyLDU5LjU3Niw0MzAuNDksNDAuMjA0LDQxNC40MSwyNC4xMjN6IE0xMzMuNjE4LDM2Ny4xNTdINjcuNjY2VjE2OS4wMTZoNjUuOTUyVjM2Ny4xNTd6IE0xMjcuNjI2LDEzMi4zMzIgICBjLTYuODUxLDYuNTY3LTE1Ljg5Myw5Ljg1MS0yNy4xMjQsOS44NTFoLTAuMjg4Yy0xMC44NDgsMC0xOS42NDgtMy4yODQtMjYuNDA3LTkuODUxYy02Ljc2LTYuNTY3LTEwLjEzOC0xNC43MDMtMTAuMTM4LTI0LjQxICAgYzAtOS44OTcsMy40NzYtMTguMDgzLDEwLjQyMS0yNC41NTZjNi45NS02LjQ3MSwxNS45NDItOS43MDgsMjYuOTgtOS43MDhjMTEuMDM5LDAsMTkuODksMy4yMzcsMjYuNTUzLDkuNzA4ICAgYzYuNjYxLDYuNDczLDEwLjA4OCwxNC42NTksMTAuMjc3LDI0LjU1NkMxMzcuODk5LDExNy42MjUsMTM0LjQ3NywxMjUuNzYxLDEyNy42MjYsMTMyLjMzMnogTTM3MC44NzMsMzY3LjE1N2gtNjUuOTUydi0xMDUuOTIgICBjMC0yOS44NzktMTEuMDM2LTQ0LjgyMy0zMy4xMTYtNDQuODIzYy04LjM3NCwwLTE1LjQyLDIuMzMxLTIxLjEyOCw2Ljk5NWMtNS43MTUsNC42NjEtOS45OTYsMTAuMzI0LTEyLjg0NywxNi45OTEgICBjLTEuMzM1LDMuNDIyLTEuOTk5LDguNzUtMS45OTksMTUuOTgxdjExMC43NzVoLTY1Ljk1MmMwLjU3MS0xMTkuNTI5LDAuNTcxLTE4NS41NzksMC0xOTguMTQyaDY1Ljk1MnYyNy45NzQgICBjMTMuODY3LTIxLjY4MSwzMy41NTgtMzIuNTQ0LDU5LjEwMS0zMi41NDRjMjIuODQsMCw0MS4yMSw3LjUyLDU1LjEwNCwyMi41NTRjMTMuODk1LDE1LjAzNywyMC44NDEsMzcuMjE0LDIwLjg0MSw2Ni41MTl2MTEzLjY0ICAgSDM3MC44NzN6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==") no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 2px;
    display: inline-block
}

.loginBtn--linkedin {
    background: #0e7ab6;
    font-family: Arial
}

.loginBtn--linkedin:before {
    border-right: 1px solid #1da1f2
}

.loginBtn--linkedin:focus,.loginBtn--linkedin:hover {
    background: #0e7ab6
}

.loginBtn-div {
    display: inline-block
}

.two-fa-title p {
    color: #6c6c6c;
    font-size: .875rem;
    margin-top: 24px!important;
    text-align: left!important
}

.two-fa-element {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)
}

.two-fa-element button {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    margin: 24px 0;
    min-height: 70px;
    outline: none;
    padding: 12px 24px;
    text-align: left;
    width: 100%
}

.two-fa-element button,.two-fa-element button>div {
    display: -ms-flexbox;
    display: flex
}

.two-fa-element button>div>div:first-child {
    margin-right: 8px
}

.two-fa-element button>div>div {
    font-size: 1rem
}

.two-fa-element button .leftElement {
    width: 36px;
    height: 36px;
    margin-right: 12px
}

.two-fa-element button .leftElement img {
    width: 100%
}

.two-fa-element button span {
    font-weight: 600
}

.two-fa-element button:hover {
    cursor: pointer
}

.two-fa-element .two-fa-icon-SMS {
    background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1Mi43MzkgNDUyLjczOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUyLjczOSA0NTIuNzM5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxwYXRoIGQ9Ik00MDMuMTA5LDE2LjQ0N0g0OS42M0MyMi4yMTEsMTYuNDQ3LDAsMzguNjcxLDAsNjYuMDc3djIyNC45MjFjMCwyNy40MDYsMjIuMjExLDQ5LjYzLDQ5LjYzLDQ5LjYzaDE5LjIyNWwtMzkuMjUzLDc4LjczOCAgYy0yLjgwOSw0LjQxLTIuMTQsMTAuMTU4LDEuNTg2LDEzLjc4M2MyLjEyNSwyLjA5NSw0LjkwNSwzLjE0Myw3LjY5OSwzLjE0M2MyLjA5NywwLDQuMjUtMC42MTEsNi4xMjgtMS44NjNsMTYzLjUzMS05My44MDFoMTk0LjU2MyAgYzI3LjQyLDAsNDkuNjMtMjIuMjI0LDQ5LjYzLTQ5LjYzVjY2LjA3N0M0NTIuNzM5LDM4LjY3MSw0MzAuNTI4LDE2LjQ0Nyw0MDMuMTA5LDE2LjQ0N3ogTTEyNC4zMTEsMjEwLjk0NyAgYy0xOC4yMjUsMC0zMy0xNC43NzUtMzMtMzNzMTQuNzc1LTMzLDMzLTMzYzE4LjIyNiwwLDMzLDE0Ljc3NSwzMywzM1MxNDIuNTM2LDIxMC45NDcsMTI0LjMxMSwyMTAuOTQ3eiBNMjI2LjM3LDIxMC45NDcgIGMtMTguMjI2LDAtMzMtMTQuNzc1LTMzLTMzczE0Ljc3NC0zMywzMy0zM2MxOC4yMjUsMCwzMywxNC43NzUsMzMsMzNTMjQ0LjU5NSwyMTAuOTQ3LDIyNi4zNywyMTAuOTQ3eiBNMzI4LjQyOCwyMTAuOTQ3ICBjLTE4LjIyNSwwLTMzLTE0Ljc3NS0zMy0zM3MxNC43NzUtMzMsMzMtMzNjMTguMjI1LDAsMzMsMTQuNzc1LDMzLDMzUzM0Ni42NTQsMjEwLjk0NywzMjguNDI4LDIxMC45NDd6IiBmaWxsPSIjOGNjMTUyIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="),no-repeat;
    height: 36px;
    width: 36px;
    background-size: contain;
    margin-right: 12px
}

.two-fa-element .two-fa-icon-mobile {
    background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MCA0OTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MCA0OTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI0NSw0OTBDMTA5LjksNDkwLDAsMzgwLjEsMCwyNDVTMTA5LjksMCwyNDUsMHMyNDUsMTA5LjksMjQ1LDI0NVMzODAuMSw0OTAsMjQ1LDQ5MHogTTI0NSw2MkMxNDQuMSw2Miw2MiwxNDQuMSw2MiwyNDUgICAgIHM4Mi4xLDE4MywxODMsMTgzczE4My04Mi4xLDE4My0xODNTMzQ1LjksNjIsMjQ1LDYyeiIgZmlsbD0iIzhjYzE1MiIvPgoJCTwvZz4KCQk8Zz4KCQkJPGc+CgkJCQk8Y2lyY2xlIGN4PSIyNDEuMyIgY3k9IjE1OS4yIiByPSIyOS4xIiBmaWxsPSIjOGNjMTUyIi8+CgkJCTwvZz4KCQkJPGc+CgkJCQk8cG9seWdvbiBwb2ludHM9IjI4NS4xLDM1OS45IDI3MC40LDM1OS45IDIxOS42LDM1OS45IDIwNC45LDM1OS45IDIwNC45LDMyMSAyMTkuNiwzMjEgMjE5LjYsMjU0LjggMjA1LjEsMjU0LjggMjA1LjEsMjE1LjkgICAgICAgMjE5LjYsMjE1LjkgMjYzLjEsMjE1LjkgMjcwLjQsMjE1LjkgMjcwLjQsMzIxIDI4NS4xLDMyMSAgICAgIiBmaWxsPSIjOGNjMTUyIi8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="),no-repeat;
    height: 36px;
    width: 36px;
    background-size: contain
}


.two-fa-sms {
    color: #6c6c6c
}

.two-fa-sms .form-error {
    margin-top: 16px;
    margin-bottom: 16px
}

.two-fa-sms p {
    text-align: left!important;
    margin: 8px 0!important
}

.two-fa-sms .code-wrapper {
    height: auto!important;
    min-height: 72px
}

.two-fa-sms .sms-actions {
    width: 235px;
    margin: auto
}

.two-fa-sms-title {
    text-align: center
}

.two-fa-sms-title h5 {
    margin-bottom: 48px
}

.two-fa-sms-title .two-fa-icon-SMS {
    display: inline-block
}

.two-fa-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    margin: 12px 0
}

.two-fa-links .resend-code {
    color: #72ac00
}

.two-fa-links .lost-phone {
    margin: 12px 12px 12px 0
}

.user-persona {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0;
    visibility: hidden;
    display: none
}

.user-persona span {
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    max-width: 150px
}

.sms-options {
    color: #333;
    cursor: pointer;
    display: inline;
    font-size: .875rem;
    position: relative;
    text-decoration: underline
}

.actions-wrapper>div.other-method {
    margin-right: 12px;
    -ms-flex: 1 1;
    flex: 1 1
}

.actions-wrapper>div.validate-otp {
    position: relative;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 12px
}

.actions-wrapper>div.validate-otp span {
    color: #fff!important
}

.actions-wrapper>div span {
    font-weight: 400
}

.actions-wrapper.smallButtons span {
    display: inline-block;
    overflow: hidden;
    width: 150px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.no-secure-login {
    margin-top: 25vh
}

.no-secure-login a {
    color: #de7472
}

.disabledShadow {
    -webkit-box-shadow: none;
    box-shadow: none!important
}


@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite
}

@-webkit-keyframes colors {
    0% {
        stroke: #72ac00
    }

    25% {
        stroke: #72ac00
    }

    50% {
        stroke: #72ac00
    }

    75% {
        stroke: #72ac00
    }

    to {
        stroke: #72ac00
    }
}

@keyframes colors {
    0% {
        stroke: #72ac00
    }

    25% {
        stroke: #72ac00
    }

    50% {
        stroke: #72ac00
    }

    75% {
        stroke: #72ac00
    }

    to {
        stroke: #72ac00
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.footerContainer {
    position: absolute;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    left: 0;
    height: 80px;
    background-color: #fff;
    text-align: center;
    z-index: 101
}

@media (max-width: 1024px) {
    .footerContainer {
        height:60px
    }
}

@media only screen and (max-width: 630px) {
    .footerContainer {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .footerContainer .contact {
        margin-top: 8px
    }

    .footerContainer .links {
        margin-bottom: 8px
    }
}

.footerContainer .contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1.5 1;
    flex: 1.5 1;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999
}

.footerContainer .contact>span {
    margin-right: 20px;
    margin-left: 20px
}

@media (max-width: 748px) {
    .footerContainer .contact>span {
        font-size:10px
    }
}

.footerContainer .links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.footerContainer .links>span a {
    text-decoration: none;
    color: #9a9a9a
}

@media (max-width: 748px) {
    .footerContainer .links>span a {
        font-size:10px
    }
}

.footerContainer .links a:visited {
    text-decoration: none;
    color: #9a9a9a
}

.footerContainer .separator {
    color: #9a9a9a
}

body,html {
    font-size: 16px
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: .875rem;
    font-family: Open Sans,sans-serif;
    vertical-align: baseline
}


#root h1 {
    word-wrap: break-word
}

#root .subtitle1 {
    font-size: 1rem;
    font-weight: 400
}

#root .subtitle2 {
    font-size: .875rem;
    font-weight: 600
}

#root .body1 {
    font-size: 1rem;
    font-weight: 400
}

#root .body2 {
    font-size: .875rem;
    font-weight: 600
}

#root .caption {
    font-size: .75rem;
    font-weight: 400
}

#root a,#root h5 {
    color: #72ac00
}

body {
    background-color: #e7ecef
}

.title,h5 {
    text-align: center
}

.title {
    margin-bottom: 8px
}

input:-webkit-autofill,input:-webkit-autofill:focus input:-webkit-autofill,input:-webkit-autofill:hover {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: inset 0 0 0 1000px #fff
}

::-webkit-input-placeholder {
    color: #e4e4e4
}

::-moz-placeholder {
    color: #e4e4e4
}

:-ms-input-placeholder {
    color: #e4e4e4
}

:-moz-placeholder {
    color: #e4e4e4
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.5)
}


.menuItem:hover {
    color: #fff!important
}


.language-picker {
    margin-right: 20px
}

.language-picker>div:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.language-picker>div:first-of-type span {
    margin-left: 8px;
    padding-bottom: 4px
}

.menuPopover {
    margin-top: 8px
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.strike span {
    position: relative;
    display: inline-block;
    color: #cecece
}

.strike span:after,.strike span:before {
    content: "\\";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #cecece
}

.strike span:before {
    right: 100%;
    margin-right: 15px
}

.strike span:after {
    left: 100%;
    margin-left: 15px
}

.screen {
    padding: 28px
}

.screen a.link {
    cursor: pointer;
    text-decoration: underline
}

.actions-wrapper {
    background: #ebebeb;
    padding: 28px;
    margin: 0 -28px -28px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.actions-wrapper,.actions-wrapper .other-method,.actions-wrapper .validate-otp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 748px) {
    .actions-wrapper {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .actions-wrapper .other-method,.actions-wrapper .validate-otp {
        margin: 0!important
    }

    .actions-wrapper .default-button {
        margin-top: 12px
    }
}

input[type=number] {
    -moz-appearance: textfield
}


.code-wrapper {
    width: 100%;
    margin: auto;
    overflow: hidden;
    height: 65px
}

.code-wrapper input {
    letter-spacing: 5px;
    outline: none;
    background: transparent;
    border: none;
    font-family: monospace;
    font-size: 20px!important;
    padding-left: 10px!important;
    color: transparent;
    text-shadow: 0 0 0 #000
}

.code-wrapper input:focus {
    outline: none
}

.form-error,.form-success {
    min-height: 50px;
    font-size: .875rem;
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.form-error {
    color: #d5574d
}

.login-help-content {
    margin-top: 14px
}

.login-help a {
    text-decoration: none
}

.login-help h5 {
    padding-top: 8px
}

.login-help>.subtitle {
    text-align: left;
    font-weight: 200
}

.login-help .go-to-previous {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    margin-left: -7px;
    cursor: pointer
}

.login-help .go-to-previous span {
    display: inline-block;
    vertical-align: top
}

.login-help .go-to-previous span:nth-of-type(2) {
    margin-left: 10px
}

.login-help .go-to-previous i {
    margin-left: -4px;
    font-size: 16px
}

.expandable-area {
    border-bottom: 1px solid #e3e3e3;
    margin: 0 -28px
}

.expandable-area .expandable-section-header {
    padding: 20px 20px 0 28px;
    margin-bottom: 20px;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.expandable-area .expandable-section-header .subtitle {
    color: #72ac00;
    width: calc(100% - 16px)
}

.expandable-area .expandable-section-header .fa {
    font-size: 24px
}

.expandable-area .expandable-area-content {
    padding: 0 32px 20px 28px
}

.expandable-area .expandable-area-content p {
    text-align: justify
}

.expandable-area:first-of-type {
    border-top: 1px solid #e3e3e3
}

.expandable-area:last-child {
    border-bottom: none
}

.expandable-area:last-child .expandable-section-header {
    margin-bottom: 0
}


.bold {
    font-weight: 600
}

.date-separator {
    padding: 0 5px
}



/* ###################################################### end of default main css ###################################################### */



/* ###################################################### Starting the override ###################################################### */
 
 /* login help styling */
div.login-help-content div.subtitle {
  color: #4a4294 !important;
}


/* Text color of titles and links */
#root a, #root h5 {
  color: #4a4294 !important;
}

/* Color of lines under text boxes */
hr {
  border-color: #4a4294 !important;
}

/* place holder texts */
label {
  color: #4a4294 !important;
}

/* button and avatar colors */
/* ###################################################### Starting the override ###################################################### */