@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

button {
    outline: none !important;
}


/*input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background: none;
}*/

.cursor-pointer {
    cursor: pointer;
}

.flexdatalist-multiple {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    cursor: text;
    border: 2px solid #e6e6e6 !important;
    padding: 8px !important;
    border-radius: 5px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #46c1c2;
    background: #46c1c2;
    font-weight: normal;
    color: #fff;
    padding: 12px !important;
}

.ui-accordion .ui-accordion-header {
    font-size: 13px;
    font-weight: bold;
    text-transform: initial;
    padding: 12px !important;
    border-radius: 0;
    margin: -1px -40px;
    border-left: 0;
    border-right: 0;
}

.ui-accordion .ui-accordion-content {
    margin: -1px -40px;
    border: 0;
    padding: 18px;
}

.btn {
    position: relative;
    border-radius: 100px;
}

button.wait {
    cursor: wait;
}

button.wait:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background-color: #52aaab!important;*/
}

button.wait:after {
    /*position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    content: '';
    border: 3px solid rgba(255, 255, 255, 0.36);  Light grey 
    border-top: 3px solid rgba(255, 255, 255, 0.97);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;*/
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.row-list {
    margin: 8px 0;
}

.buttons-footer {
    margin: 25px -20px -10px -20px;
    text-align: center;
}

.buttons-footer .btn {
    padding: 10px 18px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #46c1c2;
    border-color: #46c1c2;
}

.pagination {
    font-size: 13px;
}

.breadcrumb {
    background-color: transparent;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #7E8A95;
    /*letter-spacing: 0.02em;*/
    line-height: 30px;
    /* padding-left: 50px; */
    /* background: transparent url('../imgs/icon-folder2.svg') center left no-repeat; */
    background-size: 30px;
    white-space: nowrap;
    overflow: auto;
}

.breadcrumb:before {
    font-family: "dripicons-v2" !important;
    content: '\e01c';
    margin-right: 8px;
    top: 3px;
    position: relative;
}

.breadcrumb>li {
    font-size: 13px;
    /* text-transform: initial; */
    /* font-weight: bold; */
    /* color: #46c1c2; */
}

.breadcrumb>li a:not(.btn-setting) {
    text-decoration: none;
    font-weight: bold;
    color: #7E8A95;
    /*letter-spacing: 0.02em;*/
}

.breadcrumb>li a:hover:not(.btn-setting) {
    color: #46c1c2;
}

.breadcrumb>li .icon {
    position: relative;
    top: 2px;
    left: 6px;
    color: #555;
    color: #27C5E5;
    /* background-color: #ccc; */
    padding: 4px 4px 1px 4px;
    /* color: #464242; */
    border-radius: 4px;
}

.breadcrumb>li .icon:hover {
    color: #555;
    color: #23527c;
}

.breadcrumb>li .btn-setting {
    font-size: 10px;
    /* text-transform: initial; */
    font-weight: bold;
    font-size: 10px !important;
    top: 0px;
    left: 7px;
    position: relative;
    line-height: 11px;
}

.breadcrumb>li:last-child,
.breadcrumb>li:last-child a:not(.btn-setting) {
    color: #46c1c2;
}

body {
    /*font-family: Helvetica;*/
    /*font-family: 'Raleway', 'Noto Sans', sans-serif;*/
    font-size: 1.4rem;
}

label {
    /* text-transform: initial; */
    color: #7E8A95;
    font-size: 13px;
    /* letter-spacing: 1px; */
}

.container-small {
    max-width: 760px;
}

.form-group.input-error *,
.form-group.input-error *,
.form-group.input-error * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.form-group.input-error input,
.form-group.input-error textarea,
.form-group.input-error select {
    border-bottom: 1px solid red !important;
    color: #fd0303;
    background-color: rgba(255, 0, 20, 0.1);
}

.form-group.input-error label,
.form-group.input-error label,
.form-group.input-error label {
    color: #fd0303;
}

.form-group.container-error,
.form-group.container-error,
.form-group.container-error {}

.form-group.container-error *,
.form-group.container-error *,
.form-group.container-error * {
    color: #fd0303 !important;
    border-color: #fd0303 !important;
    background-color: #ffeff0 !important;
}

.form-questions {}

.form-questions-row {
    text-align: left;
}

.form-questions .form-questions-row.question-selected .chart-bar-horizontal {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.form-questions .form-questions-row.question-selected .chart-bar-horizontal:not(.chart-bar-horizontal-selected) {
    background-color: #999;
}

.form-control {
    height: 50px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.428571;
    color: #565E65;
    font-weight: bold;
    border: 1px solid #dedede;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.form-group {
    margin-bottom: 25px;
}

.form-group label {
    z-index: 8;
    position: relative;
    top: 25px;
    left: 3px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.form-group label .label-required::after {
    content: '*';
    position: relative;
    display: inline-block;
    color: transparent;
    width: 4px;
    height: 4px;
    background-color: red;
    top: -1px;
    margin-left: 8px;
    border-radius: 50%;
}

.form-group.select label {
    top: 10px;
    left: 0px;
}

.form-group input,
.form-group textarea,
.form-group select {
    top: -6px;
}

.form-group input::placeholder,
.form-group textarea::placeholder,
.form-group select::placeholder {
    color: rgba(255, 255, 255, 0);
}

.form-group.form-group-focus label {
    top: 0px;
    left: 0;
}

.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=email],
.form-group input[type=url],
.form-group input[type=time],
.form-group input[type=date],
.form-group input[type=datetime-local],
.form-group input[type=tel],
.form-group input[type=number],
.form-group input[type=search-md],
.form-group textarea,
.form-group select {
    z-index: 9;
    box-shadow: none;
    border-bottom: none;
    /* background: transparent; */
    border: 0;
    border-bottom: 1px solid #bcbcbc;
    padding: 0;
    height: 36px;
}

[type="radio"]+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    color: #666;
    line-height: 25px;
}

[type="radio"]+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 2px solid #aaa;
    background: #fff;

}

[type="radio"]:checked+label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #aaa;
    transform: scale(1);
    opacity: 1;
    transition: all .3s ease;
}

[type="radio"]:not(:checked)+label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    transform: scale(0);
    opacity: 0;
}

.btn-primary,
.btn-default,
.btn-danger {
    color: #fff;
    padding: 6px 20px;
    font-weight: bold;
    /* text-transform: initial; */
    /* letter-spacing: 1px; */
    font-size: 13px;
    line-height: 17px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.btn-primary,
.btn-primary:focus {
    background-color: #46c1c2;
    border-color: #46c1c2;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #46c1c2 !important;
    border-color: #46c1c2 !important;
}

.btn-primary:hover:not(.btn-disabled) {
    color: #fff !important;
    background-color: #489192 !important;
    border-color: #489192 !important;
}

.btn-default,
.btn-default:focus {
    color: #fff;
    background-color: #46c1c1;
    border-color: #46c1c1;
}

.btn-default:hover {
    background-color: #46c1c1 !important;
    border-color: #46c1c1 !important;
    color: #fff !important;
}

.btn-default:hover:not(.btn-disabled) {
    background-color: #489192 !important;
    border-color: #489192 !important;
    color: #fff !important;
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger {
    color: #fff;
    background-color: #ec0045;
    border-color: #ec0045;
}

.btn-danger:hover {
    color: #fff;
    background-color: #ec0045;
    border-color: #ec0045;
}

.btn-danger:hover:not(.btn-disabled) {
    color: #fff;
    background-color: #de0041;
    border-color: #de0041;
}

.btn-xxs {
    padding: 3px 7px;
    font-size: 9px !important;
}

.btn-text,
.btn-text:focus,
.btn-text:hover:not(.btn-disabled) {
    background-color: transparent;
    border: 0;
    color: #222;
}

.btn-fluid {
    width: 100%;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none;
}

.panel-default>.panel-heading {
    color: #1b1b1b;
    background-color: #dedede;
    border-color: #E6E6E6;
    padding: 13px 20px;
}

.panel-default>.panel-heading h3 {
    color: #676767;
    text-transform: initial;
    font-size: 13px;
    font-weight: bold;
    /* letter-spacing: 1px; */
}

.tab-content>.active {
    padding: 0 !important;
}

.swal2-buttonswrapper button {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.swal2-modal .swal2-styled {
    padding: 11px 19px;
    font-weight: bold;
    text-transform: initial;
    /*letter-spacing: 1px;*/
    font-size: 13px;
}

.swal2-modal .swal2-confirm {
    background-color: #46c1c2 !important;
    border-color: #46c1c2 !important;
}

.swal2-modal .swal2-confirm:hover {
    background-color: #52aaab !important;
    border-color: #52aaab !important;
}

.swal2-modal .swal2-styled:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.swal2-modal .swal2-input {
    margin-bottom: 0px;
    font-size: 15px;
    padding: 15px 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #565E65;
}

.sidebar {
    z-index: 9;
    position: absolute;
    top: 100px;
    left: 0;
    width: 110px;
    bottom: 0;
    overflow: auto;
    background-color: #fff;
    border-right: 1px solid #eee;
    -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

#sidebarnav {
    /*padding-top: 25px;*/
}

.sidebar-nav ul li {
    list-style: none;
    /* padding-top: 30px; */
    border-top: 1px solid #efefef;
    text-align: center;
}

.sidebar-nav * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.sidebar-nav ul li .icon {
    display: block;
    font-size: 26px;
    color: #536579;
}

.sidebar-nav ul li a:hover .icon,
.sidebar-nav ul li.active a .icon {
    color: #46c1c2;
}

.sidebar .btn-loggout i {
    font-weight: bold;
    font-size: 24px;
}

.sidebar-profile {
    display: none;
    padding: 30px 0;
    background-color: #fff;
}

.content {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    /* padding-left: 270px; */
    overflow: auto;
    overflow-x: hidden;
    background: #F4F4F4;
}

.logo {
    padding: 23px 14px 30px 14px;
    /*text-align: center;*/
}

.menu {}

.menu li {
    /* padding: 10px 30px; */
}

.box {
    padding: 15px;
    margin: 6px 0;
}

.btn-close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100px;
    color: #000;
}

.btn-close i {
    font-size: 45px;
}

.topcolorsbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 0px;
    height: 8px;
}

.topcolorsbar>div {
    margin: 0 -2px;
    padding: 0;
    height: 5px;
    display: inline-block;
}

.topcolorsbar>div:nth-child(1) {
    background-color: #3EFFBC;
    width: 40%;
}

.topcolorsbar>div:nth-child(2) {
    background-color: #DAFD78;
    width: 25%;
}

.topcolorsbar>div:nth-child(3) {
    background-color: #55F56E;
    width: 10%;
}

.topcolorsbar>div:nth-child(4) {
    background-color: #37F4EC;
    width: 25%;
}

.search-input {
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
}

.search-input input {
    border-radius: 20px;
    padding: 5px;
    border: 0px;
    margin: 3px;
    width: 200px;
}

.header {
    /* background-color: #3d8ec7; */
    /* background: #009efb; */
    /*background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);*/
    /* background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%); */
    /* background: linear-gradient(to right, #0178bc 0%, #00bdda 100%); */
    background-color: #fff;
    padding: 14px;
    height: 100px;
    border-bottom: 1px solid #eee;
}

.header.header-gray {
    background-color: #F4F4F4;
}

.header.header-only-colorbar {
    height: 5px;
    padding: 0;
}

.header .logo {
    color: #fff;
}

.subheader {
    position: absolute;
    left: 110px;
    right: 0;
    height: 55px;
    top: 100px;
    background-color: #FAFAFA;
    padding: 10px 15px;
    border-bottom: 1px solid #E5E9EC;
}

.subheader ul li a:hover {
    /*margin: 3px 6px 0px 6px;*/
    /*padding: 6px 8px;*/
}

.subtabs {
    position: absolute;
    left: 110px;
    right: 0;
    height: 50px;
    top: 155px;
    background-image: linear-gradient(-180deg, #E8E8E8 0%, #EBEBEB 100%);
}

.subtabs ul {
    display: block;
    margin: 0;
    padding: 0px 15px;
    list-style: none;
}

.subtabs ul li {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    margin-right: 6px;
}

.subtabs ul li.tab-select:before {
    z-index: 1;
    position: absolute;
    display: block;
    content: '';
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F4F4F4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.subtabs ul li a {
    font-size: 13px;
    position: relative;
    z-index: 9;
    color: #696969;
    text-decoration: none;
}

.subtabs ul li.tab-select a {
    font-size: 13px;
    font-weight: bold;
    color: #46c1c2;
    /* letter-spacing: 0.5px; */
}

.subfooter {
    z-index: 998;
    position: fixed;
    bottom: 60px;
    left: 110px;
    right: 0;
    background-color: #FAFAFA;
    padding: 15px;
    padding-bottom: 0px;
}

.subfooter .form-group {
    margin: 0;
}

.footer {
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 99px;
    right: 0;
    background-color: #FAFAFA;
    padding: 15px;
}

.wrapper {
    position: absolute;
    left: 110px;
    right: 0;
    bottom: 0;
    top: 120px;
    padding: 0;
    padding-top: 10px;
    overflow: auto;
    background: #F4F4F4;
}

.wrapper.with-subheader {
    top: 155px;
}

.wrapper.with-subheader.with-subtabs {
    top: 205px;
}

.wrapper.wrapper-footer {
    padding-bottom: 62px;
}

.wrapper-tools {
    padding: 10px 15px;
    margin-bottom: 0px;
}

.panel-body {
    padding: 0px;
}

.panel-body h4 {
    font-weight: bold;
    font-size: 16px;
    color: #46c1c2;
    letter-spacing: 0;
}

.panel-body.panel-gray {
    background-color: #FAFAFA;
}

.panel-heading {
    position: relative;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 0px 8px;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 1px solid #ddd;
    background-color: #efeeee;
}

.nav-tabs li a {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.nav-tabs li:hover a {
    background-color: #f9f9f9;
    color: #000;
}

.nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
    bottom: -1px;
}

.nav-tabs li.active {
    font-weight: bold;
}

.tab-content>.active {
    display: block;
    padding: 30px;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #E5E9EC;
    font-size: 11px;
    text-transform: initial;
    color: #7E8A95;
    /*letter-spacing: 1px;*/
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 19px 28px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px dotted #ddd;
    color: #5D656E;
}

select.input-sm {
    line-height: initial;
}

table {
    font-size: 14px;
}

.padding-20 {
    padding: 12px 15px;
}

.padding-30 {
    padding: 30px 30px;
}

.padding-40 {
    padding: 40px 40px;
}

.padding-50 {
    padding: 50px 50px;
}

.padding-60 {
    padding: 60px 60px;
}

.search {
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    padding: 10px 15px 10px 14px;
    font-size: 15px;
    min-width: 40px;
    border-radius: 100px;
    color: #000;
    -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
}

.searchArea input {
    width: 70%;
}

.searchFolders {
    cursor: pointer;
}

.searchFolders:hover {
    background-color: #eee;
}

.searchFolderItem {
    margin: 10px;
    padding: 0;
    width: 100%;
    background: transparent;
}

.searchFolder {
    -webkit-box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    -moz-box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    background-color: #e6e6e6;
    padding: 20px;
}

.search-folder {
    width: 260px;
    padding: 20px;
    border: 1px solid #eee;
    margin: 10px;
    background: #fff;
}


.searchSignings {
    cursor: pointer;
}

.searchSignings:hover {
    background-color: #eee;
}

.searchSigningItem {
    margin: 10px;
    padding: 0;
    width: 100%;
    background: transparent;
}

.searchSigning {
    -webkit-box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    -moz-box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    background-color: #e6e6e6;
    padding: 20px;
}

.user-profile {
    display: inline-block;
    padding: 25px 10px;
}

.user-profile a {
    color: #54667a;
}

.user-profile a:hover {
    color: #46c1c2;
    text-decoration: none;
}

.user-profile-picture {
    display: inline-block;
    height: 34px;
    width: 34px;
    margin: 0px auto 0px auto;
    background-color: #efefef;
}

.user-profile-picture img {
    height: 100%;
    width: 100%;
}

.user-profile-data {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    margin-right: 13px;
}

.user-profile-data p {
    margin: 0;
    margin-bottom: 5px;
    line-height: 14px;
}

.wrapper-content {
    padding: 40px 40px;
}

.wrapper-content.container {
    padding: 40px;
    padding-bottom: 110px;
}

.add-test-container {
    background-color: #FAFAFA;
    padding: 0;
}

.add-test-title {
    padding: 25px 20px 20px 20px;
    font-size: 14px;
    text-transform: initial;
    color: #666;
}

.add-test-title button {
    margin-right: 15px;
}

.add-test-wrapper {
    padding: 10px 40px 30px 40px;
}

.add-test-choice-box {
    border: 1px solid #EDEDED;
    background-color: #fff;
    cursor: pointer;
    /*-webkit-transition: all .15s ease;*/
    /*-moz-transition: all .15s ease;*/
    /*-o-transition: all .15s ease;*/
    /*transition: all .15s ease;*/
}

.add-test-choice-box-selected {
    position: relative;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
}

.add-test-choice-box-selected:after {
    font-family: "dripicons-v2" !important;
    content: "\53";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -14px;
    font-size: 16px;
    color: #3EFFBC;
    /* background-color: #f4f4f4; */
    border: 2px solid #3EFFBC;
    border-radius: 120px;
    font-weight: bold;
    font-style: normal;
    padding: 4px 4px 3px 5px;
}

.add-test-choice-box.nocursor {
    cursor: auto;
}

.add-test-choice-box * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.add-test-choice-box-content {
    padding: 30px 69px 30px 30px;
}

.add-test-choice-box-content h1 {
    color: #333;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 12px;
    /*letter-spacing: 1px;*/
}

.add-test-choice-box-content p {
    color: #7E8A95;
    font-size: 13px;
    height: 60px;
}

.add-test-choice-box-btn {
    padding: 20px;
    background-color: #F7F7F7;
    text-align: center;
}

.add-test-choice-box-btn button.btn-primary {
    padding: 8px 15px;
    background-color: #B2B2B2;
    background-color: #52aaab;
    border-color: #52aaab;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    border: none;
}

.add-test-choice-box-btn button.btn-default {
    padding: 8px 15px;
    background-color: #d6d6d6;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    border: none;
}

.add-test-choice-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.add-test-choice-items .add-test-choice-box {
    border-top: 0;
    border-bottom: 0;
}

.add-test-choice-items .add-test-choice-box:first-child {
    border-top: 1px solid #EDEDED !important;
    border-bottom: 1px solid #EDEDED !important;
}

.add-test-choice-items .add-test-choice-box:last-child {
    border-bottom: 1px solid #EDEDED !important;
}

.add-test-choice-box:not(.disabled):hover,
.add-test-choice-box:not(.disabled).active {
    position: relative;
    z-index: 9999 !important;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    border: 0;
}

.add-test-choice-box:not(.disabled):hover .add-test-choice-box-content h1,
.add-test-choice-box:not(.disabled).active .add-test-choice-box-content h1 {
    color: #5c656d;
    font-weight: bold;
    margin-bottom: 12px;
    /*letter-spacing: 1px;*/
}

.add-test-choice-box:not(.disabled):hover .add-test-choice-box-btn,
.add-test-choice-box:not(.disabled).active .add-test-choice-box-btn {
    background-color: #EDF5F8;
}

.add-test-choice-box:not(.disabled).active .add-test-choice-box-btn button.btn-primary {
    background-color: #46c1c2;
}

.add-test-choice-box:not(.disabled).active .add-test-choice-box-btn button.btn-default {
    background-color: #b1b1b1;
}

.add-test-choice-box.disabled {
    border: 1px solid #EDEDED;
    background-color: #efefef;
}

.add-test-choice-box.disabled .add-test-choice-box-content h1 {
    color: #666;
}

.add-test-choice-box.disabled .add-test-choice-box-btn {
    background-color: #efefef;
}

.add-test-choice-box.disabled .add-test-choice-box-btn button {
    background-color: transparent;
    color: #777;
}

#list_tests {
    background-color: #f4f4f4;
    padding: 13px 15px;
}

.box-test-container .box-test-container-label,
.box-folder-container .box-folder-container-label {
    position: absolute;
    top: 20px;
    left: 25px;
    right: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #b3b3b3;
    /* text-align: center; */
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 17px;
}

.box-folder-container {
    position: relative;
    /* background-color: #e8e6e6; */
    padding: 5px 15px 10px 15px;
}

.box-folder {
    text-decoration: none !important;
    padding: 15px 10px;
    /*border: 1px solid #EDEDED;*/
    border-bottom: 1px dotted #ddd;
}

.box-folder.nocursor {
    cursor: auto;
}

.box-folder * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.box-folder thead {}

.box-folder-header {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

.box-folder-header .td-head {
    height: 27px;
    font-size: 13px;
}

.box-folder-header .sorting_asc:after,
.box-folder-header .sorting_desc:after,
.box-folder-header .sorting:after {
    top: 0px !important;
}

.box-folder-header h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 4px 0;
    color: #4c4c4c;
}

.box-folder-content {
    width: 100%;
    padding: 0px 0px;
}

.box-folder-content:hover {}

.box-folder-content .td-row {
    padding: 13px 8px;
}

.box-folder-content i.icon {
    position: relative;
    color: #46c1c2;
    font-size: 20px;
    text-transform: initial;
    font-weight: bold;
    bottom: -4px;
    /*letter-spacing: 1px;*/
}

.box-folder-content i.icon.dripicons-folder.if-locked {
    /*color: red;*/
}

.box-folder-content i.icon.dripicons-folder.if-locked:after {
    font-family: "dripicons-v2" !important;
    content: '\e013';
    display: block;
    position: absolute;
    top: -3px;
    right: -4px;
    font-size: 13px;
    background-color: #f4f4f4;
    border-radius: 60px;
    font-weight: bold;
    font-style: normal;
}

.box-folder-content h2 {
    display: inline-block;
    color: #46c1c2;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 15px;
    /*letter-spacing: 1px;*/
}

.box-folder-content h2 a {
    display: inline-block;
    color: #46c1c2;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
}

.box-folder-content h3 {
    color: #333;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 0;
    /*letter-spacing: 1px;*/
    line-height: 28px;
}

.box-folder-content h4 {
    color: #969ba0;
    font-size: 11px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 0px;
    /*letter-spacing: 1px;*/
}

.box-folder-content p {
    color: #7E8A95;
    font-size: 13px;
    height: 60px;
}

.box-folder-content-progress {
    padding: 0px;
    margin-top: 13px;
}

.box-folder .box-folder-options {
    position: absolute;
    top: 22px;
    right: 22px;
    font-weight: normal;
}

.box-folder .box-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* margin: 30px -30px -30px -30px; */
    /*padding: 15px;*/
    background-color: #e6e6e6;
}

.box-folder .box-footer button {
    display: inline-block;
    /*background-color: #b1b1b1;*/
    color: #fff;
    padding: 10px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0;
}

.box-folder .box-footer.box-footer-2 button {
    margin: -1px;
    width: 50%;
}


/*.box-folder .box-footer button:hover {
            background-color: #a2a2a2;
        }
        .box-folder .box-footer button.btn-primary {
            background-color: #3effbd;
            color: #444;
        }
        .box-folder .box-footer button.btn-primary:hover {
            background-color: #34ecad;
        }*/

.dataTables_info {
    display: none;
    font-size: 13px;
    color: #999;
}

.box-test-container {
    position: relative;
    background-color: transparent;
    padding: 10px 15px 10px 15px;
}

.box-test {
    position: relative;
    text-decoration: none !important;
    /* padding: 10px; */
    /* border: 1px solid #EDEDED; */
    border-bottom: 1px dotted #ddd;
}

.box-test.nocursor {
    cursor: auto;
}

.box-test * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.box-test-header {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

.box-test-header .td-head {
    height: 27px;
}

.box-test-header .sorting_asc:after,
.box-test-header .sorting_desc:after,
.box-test-header .sorting:after {
    top: 0px !important;
}

.box-test-header h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0;
    color: #5d5c5c;
}

.box-test-content {
    width: 100%;
    padding: 15px 10px;
}

.box-test-content:hover {
    /*webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16); 
        -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
        box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16); */
}

.box-test-content .td-row {
    padding: 13px 8px;
}

.box-test-content i.icon {
    position: relative;
    color: #46c1c2;
    font-size: 20px;
    text-transform: initial;
    font-weight: bold;
    bottom: -5px;
    /*letter-spacing: 1px;*/
}

.box-test-content h2 {
    display: inline-block;
    color: #46c1c2;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 0px;
    /* letter-spacing: 1px; */
    margin-left: 15px;
}

.box-test-content h2 a {
    display: inline-block;
    color: #46c1c2;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
}

.box-test-content h3 {
    color: #333;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 0px;
    /*letter-spacing: 1px;*/
    line-height: 28px;
}

.box-test-content h4 {
    color: #969ba0;
    font-size: 11px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 12px;
    /*letter-spacing: 1px;*/
}

.box-test-content p {
    color: #7E8A95;
    font-size: 13px;
    height: 60px;
}

.box-test-content-progress {
    padding: 0px;
    margin-top: 13px;
}

.box-test .box-test-options {
    position: absolute;
    top: 22px;
    right: 22px;
    font-weight: normal;
}

.box-test .box-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* margin: 30px -30px -30px -30px; */
    /*padding: 15px;*/
    background-color: #e6e6e6;
}

.box-test .box-footer button {
    display: inline-block;
    /*background-color: #e4e3e3;*/
    padding: 10px;
    width: 100%;
    border-radius: 0px;
    /*color: #444;*/
    font-weight: bold;
    font-size: 13px;
}

.box-test .box-footer.box-footer-2 button {
    margin: -1px;
    width: 50%;
}


/*
        .box-test .box-footer button:hover {
            background-color: #dadada;
        }
        .box-test .box-footer button.btn-primary {
            background-color: #3effbd;
            color: #444;
        }
        .box-test .box-footer button.btn-primary:hover {
            background-color: #34ecad;
        }*/

.box2-test-container {
    position: relative;
    background-color: transparent;
    padding: 10px 15px 10px 15px;
}

.box2-test {
    position: relative;
    text-decoration: none !important;
    padding: 10px;
    margin: 3px 0;
    /* border: 1px solid #EDEDED; */
    border-bottom: 1px dotted #ddd;
    background-color: #fff;
}

.box2-test.nocursor {
    cursor: auto;
}

.box2-test * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.box2-test .box-test-content {
    position: relative;
    display: block;
    width: 100%;
    /*height: 231px;*/
    padding: 15px 10px;
    /* margin: 15px; */
    /* background-color: #fff; */
}

.box2-test .box-test-content:hover {
    /*webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16); 
        -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
        box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16); */
}

.box2-test .box-test-content i.icon {
    position: relative;
    color: #46c1c2;
    font-size: 20px;
    text-transform: initial;
    font-weight: bold;
    bottom: -5px;
    /*letter-spacing: 1px;*/
}

.box2-test .box-test-content h2 {
    display: inline-block;
    color: #46c1c2;
    font-size: 17px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 19px;
    /*letter-spacing: 1px;*/
    margin-left: 0px;
}

.box2-test .box-test-content h2 a {
    display: inline-block;
    color: #46c1c2;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
}

.box2-test .box-test-content h3 {
    color: #333;
    font-size: 13px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 0px;
    /*letter-spacing: 1px;*/
    line-height: 28px;
}

.box2-test .box-test-content h4 {
    color: #969ba0;
    font-size: 11px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 12px;
    /*letter-spacing: 1px;*/
}

.box2-test .box-test-content p {
    color: #7E8A95;
    font-size: 13px;
    height: 60px;
}

.box2-test .box-test-content-progress {
    padding: 0px;
    margin-top: 13px;
}

.box2-test .box-test-options {
    position: absolute;
    top: 22px;
    right: 22px;
    font-weight: normal;
}

.box2-test .box-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* margin: 30px -30px -30px -30px; */
    /*padding: 15px;*/
    background-color: #e6e6e6;
}

.box2-test .box-footer button {
    display: inline-block;
    /*background-color: #e4e3e3;*/
    padding: 10px;
    width: 100%;
    border-radius: 0px;
    /*color: #444;*/
    font-weight: bold;
    font-size: 13px;
}

.box2-test .box-footer.box-footer-2 button {
    margin: -1px;
    width: 50%;
}

.stepsbar {
    position: relative;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 30px;
}

.stepsbar::before {
    content: '';
    border-top: 1px dotted #ccc;
    position: absolute;
    top: 31%;
    display: block;
    left: 46px;
    right: 46px;
    width: 92%;
}

.stepsbar-item {
    padding: 10px;
}

.stepsbar-item .icon {
    display: inline-block;
    border-radius: 100px;
    background-color: #6d6d6d;
    color: #fff;
    padding: 8px 9px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 0px;
    text-align: center;
    line-height: 8px;
}

.stepsbar-item .icon.icon-active {
    background-color: #46c1c2;
}

.stepsbar-item>a {
    background-color: #F4F4F4;
    padding: 15px;
    color: #333;
}

.stepsbar-item>a:hover {
    text-decoration: none;
}

@media (max-width:767px) {
    .stepsbar::before {
        border-top: 0px;
    }

    .stepsbar-item>a {
        background-color: transparent;
    }
}

.swal2-show {
    padding: 40px 40px 40px 40px !important;
}

.swal2-modal .swal2-content {
    font-size: 14px;
    font-family: "Arial", "Helvetica", sans-serif;
}

.swal2-modal .swal2-content-align-left {
    text-align: left;
}

.user-box {
    display: block;
    cursor: pointer;
    background-color: #fff;
    padding: 45px 20px 35px 20px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    text-decoration: none;
    height: 250px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    /*-webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);*/
    /*-moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);*/
    /*box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);*/
}

.user-box:hover {
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
}

.user-box.user-box-disabled {
    cursor: inherit;
}

.user-box.user-box-disabled:hover {
    cursor: inherit;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0);
    box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0);
}


/*.user-box > * {
    text-decoration: none!important;
}*/

.user-box .user-label {
    position: absolute;
    top: 10px;
    right: 25px;
    background-color: #DAFD78;
    padding: 4px 9px;
    color: #4A4A4A;
    text-transform: initial;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
}

.user-box .user-label.user-label-red {
    background-color: #FF1554;
    color: #ffffff;
}

.user-box .user-picture {
    display: inline-block;
    margin-bottom: 20px;
    width: 90px;
    height: 90px;
    background-color: #46c1c2;
    border-radius: 400px;
    text-align: center;
}

.user-box .user-picture img {
    position: relative;
    z-index: 99;
}

.user-box .user-picture .user-initial {
    position: relative;
    z-index: 9;
    text-transform: initial;
    font-weight: bold;
    font-size: 36px;
    display: inline-block;
    text-align: center;
    margin-top: 18px;
    color: #fff;
}

.label {
    display: inline-block;
    background-color: #3EFFBC;
    padding: 4px 9px;
    color: #4A4A4A;
    text-transform: initial;
    border-radius: 14px;
    font-size: 10px;
    font-weight: bold;
}

.label.label-tr {
    position: absolute;
    top: 11px;
    right: 25px;
}

.label.label-red {
    background-color: #FF1554;
    color: #fff;
}

.btn.icon::before {
    top: 2px;
    position: relative;
}

.progress {
    display: inline-block;
    min-width: 80px;
    height: 11px;
    margin-top: 9px;
    margin-bottom: 0px;
    background-color: #E5E5E5;
    border-radius: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 10px;
}

.progress.progress-lg {
    height: 14px;
}

.progress-bar {
    min-width: 4px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #bfde6b;
    border-radius: 25px;
    /* border-top-right-radius: 0px; */
    /* border-bottom-right-radius: 0px; */
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tooltip {
    font-size: 1.4rem;
    padding: 10px 0;
}

div.inputTags-list ul.inputTags-autocomplete-list {
    max-height: 160px;
}

.inputTags-autocomplete-item.is-disabled {
    display: none;
}

.checkbox label,
.radio label {
    padding-left: 0;
}

.checkbox .icheck,
.radio .icheck {
    margin-right: 10px;
}

.pdf-wrapper {
    background-color: #444;
    padding: 60px 20px;
    position: absolute;
    top: 82px;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.pdf-wrapper iframe {
    border: 0;
}

.pdf-wrapper .pdf-box {
    width: 100%;
    min-width: 845px;
    max-width: 845px;
    height: 1120px;
    padding: 50px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 1);
}

.battery-folder,
.battery-file {
    position: relative;
    display: inline-block;
    width: 152px;
    height: 140px;
    text-align: center;
    padding: 25px;
    vertical-align: middle;
}

.battery-folder *,
.battery-file * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.battery-folder:hover,
.battery-file:hover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    /* border: 1px solid #ccc; */
    background-color: #efefef;
    /*-webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);*/
    /*-moz-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);*/
    /*box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);*/
    border-radius: 5px;
}

.battery-folder .battery-folder-setting,
.battery-file .battery-folder-setting {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 10px;
    font-weight: 100;
    color: #333;
    opacity: 0;
    text-decoration: none !important;
}

.battery-folder:hover .battery-folder-setting,
.battery-file:hover .battery-folder-setting {
    opacity: 1;
}

.battery-folder .battery-folder-setting i,
.battery-file .battery-folder-setting i {
    font-size: 20px;
    color: #888;
}

.battery-folder .battery-folder-link,
.battery-file .battery-file-link,
.battery-folder .battery-folder-link:hover,
.battery-file .battery-file-link:hover {
    display: block;
    text-decoration: none !important;
    line-height: 47px;
}

.battery-folder .battery-folder-link i,
.battery-file .battery-file-link i {
    display: none;
    font-size: 60px;
    font-weight: 100;
    color: #333;
    margin-bottom: 10px;
    vertical-align: bottom;
    line-height: 90px;
}

.battery-folder .battery-folder-link i {
    color: #46c1c2;
}

.battery-file .battery-file-link i {
    color: #888;
}

.battery-folder:hover .battery-folder-link i {
    color: #0b93b1;
}

.battery-file:hover .battery-file-link i {
    color: #5d5b5b;
}

.battery-folder .battery-folder-link {
    background: transparent url('../imgs/icon-folder2.svg') top center no-repeat;
    background-size: 64px;
    padding-top: 75px;
}

.battery-file .battery-file-link {
    background: transparent url('../imgs/icon-file2.svg') top center no-repeat;
    background-size: 57px;
    padding-top: 75px;
}

.battery-folder span,
.battery-file span {
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #333;
    width: 100%;
    height: 30px;
    overflow: auto;
}

.navigate {
    display: inline-block;
    list-style: none;
    text-align: center;
}

.navigate li {
    display: inline-block;
    list-style: none;
    width: 8px;
    height: 8px;
    margin: 0 8px;
    border-radius: 20px;
    background-color: #E0E0E0;
}

.navigate li.active {
    background-color: #46c1c2;
}

.form-gray-container {
    background-color: #717171;
    padding: 0px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.form-gray-container.open {
    background-color: #717171;
    padding: 20px;
}

.form-gray-container.open .form-gray {
    background-color: #ffffff;
    /* margin: 10px; */
    -webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.95);
    -moz-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.95);
    box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.95);
}

.form-wrapper {
    /*padding: 60px;*/
    padding-top: 50px;
}

.form-wrapper * {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.form-wrapper .form-head {
    position: relative;
    display: block;
    width: 100%;
    min-width: 945px;
    max-width: 845px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 0;
    margin-bottom: 20px;
}

.form-wrapper .form-box {
    position: relative;
    display: block;
    width: 100%;
    min-width: 945px;
    max-width: 845px;
    height: 600px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
}

.form-wrapper .form-box-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    background-color: #fff;
    /* height: 600px; */
}

.form-wrapper .form-box-left {
    z-index: 4;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 55%;
}

.form-wrapper .form-box-right {
    z-index: 3;
    display: block;
    position: absolute;
    top: 0;
    left: 55%;
    bottom: 0;
    width: 45%;
    overflow: hidden;
    background-color: #fff;
    background: rgb(239, 239, 239);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.form-wrapper .form-box-form {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 75%;
    bottom: 0;
    width: 55%;
}

.form-wrapper .form-box-form h2 {
    display: inline-block;
    font-size: 24px;
    font-family: COCOGOOSE;
    margin: 0 40px;
    color: #46c1c2;
    border-bottom: 4px solid #46c1c2;
}

.form-box-content {
    padding: 70px;
}

.form-box-content .form-logo {}

.form-fields {
    margin-top: 80px;
    margin-bottom: 80px;
}

.form-fields-step {}

.form-fields-step h3 {
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
    font-family: 'COCOGOOSE';
}

.form-fields-step p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.form-fields-step button {
    font-size: 13px;
}

.form-wrapper.step2 .form-box-left {
    z-index: 1;
    left: -100px;
    opacity: 0;
}

.form-wrapper.step2 .form-box-right {
    z-index: 3;
    left: 0px;
}

.form-wrapper.step2 .form-box-form {
    z-index: 2;
    left: 45%;
}

.form-wrapper .form-fields-step {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.form-wrapper .form-fields-step2 {
    z-index: 4;
}

.form-wrapper.step2 .form-fields-step2 {
    z-index: 2;
    opacity: 0;
    -moz-transform: translate(-40%, 0px);
    -webkit-transform: translate(-40%, 0px);
    -o-transform: translate(-40%, 0px);
    -ms-transform: translate(-40%, 0px);
    transform: translate(-40%, 0px);
}

.form-wrapper .form-fields-step3 {
    z-index: 1;
    opacity: 0;
    -moz-transform: translate(40%, 0px);
    -webkit-transform: translate(40%, 0px);
    -o-transform: translate(40%, 0px);
    -ms-transform: translate(40%, 0px);
    transform: translate(40%, 0px);
}

.form-wrapper.step2 .form-fields-step3 {
    z-index: 3;
    opacity: 1;
    -moz-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}

.form-wrapper.step2.step3 .form-fields-step3 {
    z-index: -1;
    opacity: 0;
    -moz-transform: translate(-40%, 0px);
    -webkit-transform: translate(-40%, 0px);
    -o-transform: translate(-40%, 0px);
    -ms-transform: translate(-40%, 0px);
    transform: translate(-40%, 0px);
}

.form-wrapper .form-fields-step4 {
    z-index: -1;
    opacity: 0;
    -moz-transform: translate(40%, 0px);
    -webkit-transform: translate(40%, 0px);
    -o-transform: translate(40%, 0px);
    -ms-transform: translate(40%, 0px);
    transform: translate(40%, 0px);
}

.form-wrapper.step2.step3 .form-fields-step4 {
    z-index: 4;
    opacity: 1;
    -moz-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}

.form-wrapper.step2.step3.step4 .form-fields-step4 {
    z-index: -1;
    opacity: 0;
    -moz-transform: translate(-40%, 0px);
    -webkit-transform: translate(-40%, 0px);
    -o-transform: translate(-40%, 0px);
    -ms-transform: translate(-40%, 0px);
    transform: translate(-40%, 0px);
}

.form-wrapper .form-fields-step5 {
    z-index: -1;
    opacity: 0;
    -moz-transform: translate(40%, 0px);
    -webkit-transform: translate(40%, 0px);
    -o-transform: translate(40%, 0px);
    -ms-transform: translate(40%, 0px);
    transform: translate(40%, 0px);
}

.form-wrapper.step2.step3.step4 .form-fields-step5 {
    z-index: 4;
    opacity: 1;
    -moz-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}

.form-wrapper .form-btn-back {
    position: absolute;
    top: 0;
    left: 0px;
    padding: 0;
}

.form-wrapper .footer-logo {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: 10px;
    opacity: 0;
}

.form-wrapper.step2 .footer-logo {
    bottom: -80px;
    opacity: 1;
}

.form-wrapper .form-navigate {
    position: absolute;
    bottom: 330px;
    left: 104px;
    opacity: 0;
    -moz-transform: translate(40%, 0px);
    -webkit-transform: translate(40%, 0px);
    -o-transform: translate(40%, 0px);
    -ms-transform: translate(40%, 0px);
    transform: translate(40%, 0px);
}

.form-wrapper.step2 .form-navigate {
    opacity: 1;
    -moz-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}

.form-computer {
    z-index: 2;
    position: absolute;
    bottom: -64px;
    left: -85px;
    width: 430px;
    height: 430px;
    background: transparent url('../imgs/computer.png') center center no-repeat;
    background-size: cover;
}

.form-flower {
    z-index: 3;
    position: absolute;
    bottom: -6px;
    right: -93px;
    width: 185px;
    height: 185px;
    background: transparent url('../imgs/flower.png') center center no-repeat;
    background-size: cover;
}

.form-flower.form-flower-small {
    z-index: 1;
    position: absolute;
    bottom: 37px;
    right: 95px;
    width: 105px;
    height: 105px;
    background: transparent url('../imgs/flower.png') center center no-repeat;
    background-size: cover;
}

.form-wrapper.step2 .form-computer {
    left: -140px;
}

.form-wrapper.step2 .form-flower {
    right: -47px;
}

.form-wrapper.step2 .form-flower-small {
    right: 86px;
}

.form-wrapper.step2.step3 .form-computer {
    left: -160px;
}

.form-wrapper.step2.step3 .form-flower {
    right: -27px;
}

.form-wrapper.step2.step3 .form-flower-small {
    right: 74px;
}

.form-wrapper.step2.step3.step4 .form-computer {
    left: -180px;
}

.form-wrapper.step2.step3.step4 .form-flower {
    right: -7px;
}

.form-wrapper.step2.step3.step4 .form-flower-small {
    right: 57px;
}

.form-box-form .form-box-fields {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 70px 60px;
}

.form-box-form .form-box-fields.form-box-form-step1,
.form-box-form .form-box-fields.form-box-form-step2,
.form-box-form .form-box-fields.form-box-form-step3 {
    opacity: 0;
    -moz-transform: translate(100%, 0%);
    -webkit-transform: translate(100%, 0%);
    -o-transform: translate(100%, 0%);
    -ms-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
}


/****/

.form-box-form.step1 .form-box-fields.form-box-form-step1 {
    opacity: 1;
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}


/****/

.form-box-form.step1.step2 .form-box-fields.form-box-form-step1 {
    opacity: 0;
    -moz-transform: translate(-100%, -0%);
    -webkit-transform: translate(-100%, -0%);
    -o-transform: translate(-100%, -0%);
    -ms-transform: translate(-100%, -0%);
    transform: translate(-100%, -0%);
}

.form-box-form.step1.step2 .form-box-fields.form-box-form-step2 {
    opacity: 1;
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}


/****/

.form-box-form.step1.step2.step3 .form-box-fields.form-box-form-step2 {
    opacity: 0;
    -moz-transform: translate(-100%, -0%);
    -webkit-transform: translate(-100%, -0%);
    -o-transform: translate(-100%, -0%);
    -ms-transform: translate(-100%, -0%);
    transform: translate(-100%, -0%);
}

.form-box-form.step1.step2.step3 .form-box-fields.form-box-form-step3 {
    opacity: 1;
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.btn-float-top-left {
    position: absolute;
    top: 10px;
    left: 10px;
}

.btn-signup-mobile,
.description-mobile {
    display: none;
}

.show-desktop {
    display: initial !important;
}

.show-mobile {
    display: none !important;
}

.panel-stats {}

.panel-stats h1 {
    font-family: 'COCOGOOSE';
    margin: 0;
}

.panel-stats h4 {
    font-family: 'COCOGOOSE';
    font-size: 26px;
}

.panel-stats h6 {
    margin: 0;
    margin-bottom: 6px;
}

.panel-stats .progress {
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel-default {
    border-color: #ececec;
}

.btn-loggout {
    position: absolute;
    bottom: 14px;
    left: 14px;
    right: 14px;
    width: auto;
    display: block;
}

.btn.btn-error,
.btn.btn-error:hover {
    position: relative;
    color: rgba(255, 255, 255, 0) !important;
    background-color: #F2003F !important;
    border-color: #F2003F !important;
    cursor: no-drop;
}

.btn.btn-error::before {
    font-family: "dripicons-v2" !important;
    position: absolute;
    content: '\e067';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 17px;
    margin-left: -7px;
    margin-top: -9px;
    font-weight: 100;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
}

.btn.btn-warning,
.btn.btn-warning:hover {
    position: relative;
    color: rgba(0, 0, 0, 0) !important;
    background-color: #f3ca00 !important;
    border-color: #f3cb03 !important;
    cursor: none;
}

.btn.btn-warning::before {
    font-family: "dripicons-v2" !important;
    position: absolute;
    content: '\e063';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 17px;
    margin-left: -7px;
    margin-top: -9px;
    font-weight: 100;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
}

.btn.btn-valid,
.btn.btn-valid:hover {
    position: relative;
    color: rgba(255, 255, 255, 0) !important;
    background-color: #0bda2a !important;
    border-color: #0bda2a !important;
}

.btn.btn-valid::before {
    font-family: "dripicons-v2" !important;
    position: absolute;
    content: 'S';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 17px;
    margin-left: -7px;
    margin-top: -9px;
    font-weight: 100;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
}

.btn.btn-loader,
.btn.btn-loader:hover {
    position: relative;
    color: rgba(255, 255, 255, 0) !important;
    background-color: #5a5a5a !important;
    border-color: #5a5a5a !important;
}

.btn.btn-loader::before {
    font-family: "dripicons-v2" !important;
    position: absolute;
    content: 'Z';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 17px;
    margin-left: -7px;
    margin-top: -9px;
    font-weight: 100;
    border-radius: 100%;
    color: #fff;
    /*background: transparent url('../imgs/loader.gif') center center no-repeat;*/
    font-size: 17px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.btn {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.btn:disabled,
.btn:disabled:hover {
    cursor: default !important;
    background-color: #777 !important;
    color: #fff;
    border-color: #777;
}

.btn i {
    position: relative;
    /*font-size: 18px;*/
    bottom: -2px;
}

.btn-disabled {
    cursor: default !important;
}

@media (max-width:960px) {
    .btn:not(.btn-force-icon)>.icon {
        display: block !important;
    }

    .btn:not(.btn-force-icon)>span {
        display: none !important;
    }
}

@media (min-width:960px) {
    .btn:not(.btn-force-icon)>.icon {
        display: none !important;
    }

    .btn:not(.btn-force-icon)>span {
        display: block !important;
    }
}

.subheader .btn i {
    font-size: 18px;
}

.tag-true {
    display: inline-block;
    position: relative;
    color: rgba(255, 255, 255, 0) !important;
    background-color: #0BDA2A !important;
    border-color: #0BDA2A !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 3px;
    left: 4px;
}

.tag-true::before {
    font-family: "dripicons-v2" !important;
    position: absolute;
    content: 'S';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 17px;
    margin-left: -5px;
    margin-top: -8px;
    font-weight: 100;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

div.inputTags-list {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: 1px solid rgb(222, 222, 222);
    background-color: #f9f9f9;
    box-shadow: 1px 2px 2px rgba(221, 221, 221, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.icheckbox_flat-blue,
.iradio_flat-blue {
    background: none;
    background-color: #fff;
    border: 2px solid #999;
    border-radius: 6px;
    /*-webkit-transition: all .35s ease;*/
    /*-moz-transition: all .35s ease;*/
    /*-o-transition: all .35s ease;*/
    /*transition: all .35s ease;*/
}

.icheckbox_flat-blue:after,
.iradio_flat-blue:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: auto;
    height: auto;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background-color: #fff;
    border-radius: 4px;
}

.icheckbox_flat-blue.checked,
.iradio_flat-blue.checked {
    background: none;
    background-color: #46c1c2;
    /* background-color: #fff; */
    border-color: #46c1c2;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.icheckbox_flat-blue.checked:after,
.iradio_flat-blue.checked:after {
    font-family: "dripicons-v2" !important;
    position: absolute;
    content: 'S';
    display: inline-block;
    width: auto;
    height: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 2px;
    background-color: #46c1c2;
    border-radius: 3px;
}

.iradio_flat-blue.checked:after {
    top: -2px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.icheckbox_flat-blue input,
.icheckbox_flat-blue textarea,
.icheckbox_flat-blue select,
.iradio_flat-blue input,
.iradio_flat-blue textarea,
.iradio_flat-blue select {
    z-index: -99999;
}

.icheckbox_flat-blue ins,
.icheckbox_flat-blue ins,
.icheckbox_flat-blue ins,
.iradio_flat-blue ins,
.iradio_flat-blue ins,
.iradio_flat-blue ins {
    z-index: 99999;
}

.pipe-before,
.pipe-after {
    position: relative;
}

.pipe-before:before {
    z-index: 9;
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    background-color: #46c1c2;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border-radius: 50%;
}

.pipe-after:after {
    z-index: 9;
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    background-color: #46c1c2;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border-radius: 50%;
}

.pipe-separator {
    z-index: 9;
    position: relative;
    height: 50px;
    margin-top: -25px;
    margin-bottom: -3px;
}

.pipe-separator:before {
    z-index: 9;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: #46c1c2;
    width: 3px;
    margin-left: -1px;
}

.pack {
    position: relative;
    padding: 35px;
    border: 1px solid #EDEDED;
    background-color: #fff;
    /* -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16); */
    -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    /* box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16); */
}

.pack.active {
    -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
    box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.16);
}

.pack h3 {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 20px;
}

.pack p {
    margin-bottom: 20px;
    height: 90px;
}

.pack .price-credits {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 13px;
    color: #ababab;
}

.pack .pack-price {
    position: absolute;
    top: 19px;
    right: 27px;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
    color: #555e64;
}

.pack button {
    padding: 12px 14px;
    font-size: 14px;
}

.grid-cart {
    padding: 30px;
    margin-top: 30px;
}

.grid-cart-row {
    margin-top: 0px;
    border-bottom: 1px dashed #e2e2e2;
}

.grid-cart>.grid-cart-row:last-child {
    border-bottom: none;
    border-top: 2px solid #e2e2e2;
    margin-top: -1px;
}

.grid-cart-row .grid-cart-col {
    padding: 10px;
}

.grid-cart-row.row-ttc {
    font-weight: bold;
    font-size: 18px;
}

.subtests {
    position: relative;
    -webkit-box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    -moz-box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    box-shadow: inset 0px 4px 16px 0px rgba(50, 50, 50, 0.06);
    background-color: #e6e6e6;
    padding: 0px;
}

.subtests-box {
    background-color: #F4F4F4;
}

.subtests .subtests-options {
    position: absolute;
    top: 22px;
    right: 22px;
    font-weight: normal;
}

.subtests .subtests-items {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: left;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 9px;
}

.subtests .subtest-toolbar {
    display: block;
    background-color: #d6d6d6;
    padding: 13px;
}

.subtests .subtests-item {
    position: relative;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 22px;
    background-color: #fff;
    margin: 10px;
    width: 33.3%;
}

.subtests .subtests-fluid {
    display: block;
    margin-top: -15px;
}

.subtests .subtests-fluid .subtests-item {
    width: calc(100% - 20px);
}

.subtests .subtests-item.subtests-item-add {
    cursor: pointer;
    line-height: 190px;
    font-size: 110px;
    font-weight: bold;
    text-align: center;
    color: #9999994f;
    background-color: transparent;
    border: 1px dashed #c3c2c2;
}

.subtests .subtests-item.subtests-item-add:hover {
    font-size: 140px;
    color: #333;
}

.subtests-item h4,
.subtests-item-fluid h4 {
    font-size: 15px;
    color: #46c1c2;
    font-weight: bold;
    margin-bottom: 20px;
}

.subtests-item h5,
.subtests-item-fluid h5 {
    font-size: 13px;
    color: #999;
    font-weight: bold;
}

.subtests-item p,
.subtests-ite-fluidm p {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    height: auto;
}

.subtests-item .subtests-item-btn {
    padding-top: 15px;
}

.dropdown {
    z-index: 999;
    position: relative;
    display: inline-block;
}

.dropdown>span {
    background-color: #fff;
    padding: 10px 10px 10px 14px;
    font-size: 15px;
    min-width: 40px;
    border-radius: 10px;
    color: #000;
    /* -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1); */
    -moz-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1);
    /* box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, .1); */
}

.dropdown:hover>span {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown>span>em {
    font-style: normal;
    margin-right: 10px;
    font-weight: bold;
}

.dropdown.full {
    display: block;
}

.dropdown.full>span {
    display: block;
}

.dropdown.full .arrow {
    position: absolute;
    right: 15px;
    top: 40%;
}

.dropdown-content {
    z-index: 99999;
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    overflow: hidden;
    background-color: #fff;
    min-width: 100%;
    box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown .dropdown-content a {
    background-color: transparent;
    border: none;
    padding: 10px 15px;
    display: block;
    width: 100%;
    font-weight: bold;
}

.dropdown .dropdown-content a:hover {
    background-color: #46c1c1;
    color: #fff;
    font-weight: bold;
}

.dropdown.full .dropdown-content {
    top: 40px;
}

.arrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    border-radius: 1px;
    top: -3px;
    position: relative;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.cookies {
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: rgb(0 0 0 / 30%);
}

.cookies .cookies-content {
    z-index: 999;
    position: fixed;
    bottom: 50px;
    left: 50%;
    width: 90%;
    max-width: 1400px;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 60px;
    box-shadow: 0 24px 60px -10px rgba(0, 0, 0, .5);
}

.cookies .cookies-content .cookies-text {
    max-height: 50vh;
    min-height: auto;
    overflow: auto;
}

.cookies .cookies-content h1 {
    font-size: 3rem;
    font-weight: bold;
}

.icheckbox_flat-blue.checked:after,
.iradio_flat-blue.checked:after {
    top: -2px;
    right: 2px;
}

.modal-backdrop {
    z-index: 99999;
}

.modal {
    z-index: 999999;
}

.modal-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #46c1c2;
}

.modal-title h4 {
    font-size: 1.5rem;
}

@media (max-width:1400px) {
    .btn.icon {
        display: none;
    }

    .btn>span {
        display: block;
    }

    .sidebar-nav ul li a {
        /* padding: 10px 6px; */
        font-size: 11px;
    }

    .sidebar {
        width: 100px;
        top: 80px;
    }

    .wrapper {
        left: 115px;
        top: 100px;
    }

    .subheader {
        top: 80px;
        left: 100px;
        /* padding: 16px 22px; */
    }

    .subtabs {
        top: 134px;
        left: 100px;
        /* padding: 16px 22px; */
    }

    .wrapper.with-subheader.with-subtabs {
        top: 183px;
        left: 100px;
    }

    .sidebar-nav ul li .icon {
        font-size: 27px;
    }

    .btn-loggout {
        bottom: 9px;
        left: 9px;
        right: 9px;
        font-size: 10px;
        padding: 5px;
    }

    .header {
        height: 80px;
    }

    .logo {
        padding: 14px 14px 14px 14px;
    }

    .panel-default>.panel-heading h3 {
        font-size: 11px;
    }

    table {
        font-size: 13px;
    }

    .btn-primary,
    .btn-default,
    .btn-danger {
        font-size: 11px;
    }
}

@media (max-width:960px) {
    .btn.icon {
        display: block;
    }

    .btn>span {
        display: none;
    }

    .form-wrapper {
        padding-top: 40px;
    }

    .form-wrapper .form-box-container {
        position: relative;
        top: initial;
        right: initial;
        left: initial;
    }

    .form-wrapper .form-box {
        max-width: 550px;
        width: 90%;
        min-width: initial;
        height: auto;
        margin-bottom: 120px;
    }

    .form-wrapper .form-box-left {
        width: 100%;
        z-index: 2;
    }

    .form-wrapper.step2 .form-box-left {
        opacity: 1;
        left: 0;
    }

    .form-wrapper .form-box-right {
        position: relative;
        z-index: 1;
        width: 100%;
        left: 0;
        opacity: 0;
        display: none;
    }

    .form-wrapper.step2 .form-box-right {
        opacity: 0;
        display: none;
    }

    .form-wrapper .form-fields-step {
        position: relative;
        top: initial;
        right: initial;
        left: initial;
    }

    .form-wrapper .form-box-form {
        position: relative;
        z-index: 1;
        left: 0%;
        width: 100%;
        opacity: 1;
    }

    .form-wrapper.step2 .form-box-form {
        z-index: 4;
        left: 0%;
        opacity: 1;
    }

    .form-box-content {
        padding: 25px;
    }

    .btn-signup-mobile,
    .description-mobile {
        display: block;
    }

    .show-desktop {
        display: none !important;
    }

    .show-mobile {
        display: initial !important;
    }

    .description-mobile {
        margin-bottom: 30px;
    }

    .form-box-form {
        overflow: auto;
    }

    .form-box-form .form-box-fields {
        position: relative;
        top: initial !important;
        right: initial !important;
        bottom: initial !important;
        left: initial !important;
        overflow: auto;
        padding: 40px;
        opacity: 1;
        -moz-transform: initial !important;
        -webkit-transform: initial !important;
        -o-transform: initial !important;
        -ms-transform: initial !important;
        transform: initial !important;
    }

    .form-box-form .form-box-fields.form-box-form-step1,
    .form-box-form .form-box-fields.form-box-form-step2,
    .form-box-form .form-box-fields.form-box-form-step3 {
        opacity: 1 !important;
        -moz-transform: initial !important;
        -webkit-transform: initial !important;
        -o-transform: initial !important;
        -ms-transform: initial !important;
        transform: initial !important;
        padding: 25px;
    }

    .form-wrapper .form-box-form h2 {
        margin: 25px 25px 5px 25px;
    }
}

@-moz-document domain(signa-assessment.com) {
    body {
        /*color: #ccc;*/
    }

    .form-group input::moz-placeholder,
    .form-group textarea::moz-placeholder,
    .form-group select::moz-placeholder {
        color: transparent !important;
        opacity: 0;
    }
}