html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.captcha {
    width: -webkit-fill-available;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

form label {
    /* color: #ADC9D2; */
    color: #3A839B;
}

.milion-input{
    text-align:end;
}

.btn-box{
    margin-right:25px;
}

input[class~="btn-primary"], button[class~="btn-primary"] {
    background-color: #3A839B !important;
    border: none;
}

    input[class~="btn-primary"]:hover, button[class~="btn-primary"]:hover {
        background-color: #2a6375 !important;
        border: none;
    }

input[class~="btn-secondary"], button[class~="btn-secondary"] {
    background-color: #A2A2A9;
    border: none;
}


    input[class~="btn-secondary"], button[class~="btn-secondary"]:hover {
        background-color: #adb5bd;
        border: none;
    }




a[class~="btn-primary"], a[class~="btn-primary"] {
    background-color: #3A839B !important;
    border: none;
}

    a[class~="btn-primary"]:hover, a[class~="btn-primary"]:hover {
        background-color: #2a6375 !important;
        border: none;
    }

a[class~="btn-secondary"], a[class~="btn-secondary"] {
    background-color: #A2A2A9;
    border: none;
}


    a[class~="btn-secondary"], a[class~="btn-secondary"]:hover {
        background-color: #adb5bd;
        border: none;
    }

input[type='file'] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    opacity: 0;
}

form .badge {
    background-color: #84B2C1;
    font-size: 14px;
    font-weight: normal;
}

form textarea {
    resize: none;
}

.badge a {
    color: #fff;
    cursor: pointer;
    font-size: 1.5em;
    height: 0;
}

.form-wrapper {
    background-color: #F3F3F3;
}


.container .card {
    background-color: #E2F4FF;
    border: 0;
    color: #3A839B;
    box-shadow: none !important;
}

    .container .card:hover {
        cursor: pointer;
        box-shadow: 0 5px 10px rgba(.075,0,0,.075) !important;
    }

.card i {
    font-size: 3.25rem
}

h2 {
    color: #3A839B;
}

h3,h4 {
    color: #3A839B;
}

.sub-title-page{
    margin-left:28px;   
}

.separator .breadcrumb-item + .breadcrumb-item::before {
    content: " > ";
}

.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active {
    color: #3A839B;
    text-decoration: none;
}

.table-default {
    border-collapse: separate;
    border-spacing: 0 5px;
}

    .table-default tbody, td, tfoot, th, thead, tr {
        border: 0;
    }

    .table-default th {
        background-color: #F0F0F0;
        padding: 20px;
        color: #3A839B;
    }

    .table-default tr {
        background-color: #F9F9F9;
        padding: 20px;
        color: #949494;
    }

    .table-default .td-default {
        pointer-events: auto;
    }

    .table-default tr:hover .td-default {
        background-color: #F0F0F0;
        cursor: pointer;
    }

    .table-default .icon-container a {
        cursor: pointer;
        color: #949494;
    }

.result-search {
    color: #3A839B;
}

input[type="checkbox"]:checked {
    background-color: #3A839B;
}

input[type="checkbox"] {
    margin-right: 10px
}

.pagination-number {
    text-decoration: none;
    color: #A2A2A9;
    margin-left: 10px;
    margin-right: 10px;
}

    .pagination-number.active {
        color: #A2A2A9;
        font-weight: bold;
    }



    .pagination-number:hover {
        color: #A2A2A9;
        font-weight: bold;
        cursor: pointer;
    }


.pagination-step {
    text-decoration: none;
    color: #A2A2A9;
    cursor: pointer;
}

    .pagination-step:hover {
        color: #A2A2A9;
        font-weight: bold;
        cursor: pointer;
    }





ul, #myUL {
    list-style-type: none;
}

    #myUL label {
        margin-right: 10px;
    }


#myUL {
    margin: 0;
    padding: 0;
}

.caret1 {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    border: 0;
}

    .caret1::before {
        content: "\003C";
        color: black;
        display: inline-block;
        margin-right: 6px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        ' transform: rotate(90deg);
    }


.caret1-down::before {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    ' transform: rotate(270deg);
}


.nested {
    display: none;
}

.active {
    display: block;
}

.form-label {
    color: #3A839B;
}
/*
.detail .border-bottom {
    border-color: #949494 !important;
}*/


trix-editor {
    background-color: #fff;
}

    trix-editor progress {
        display: none;
    }



.tox-promotion {
    display: none;
}

.tox-statusbar__branding {
    display: none;
}

form .error {
    color: red;
}


.btn-login-choose {
    background-color: #E9E9E9;
    color: #3A839B;
    border-radius: 0;
    width: 300px;
    height: 50px;
    border-width: 2px;
}

    .btn-login-choose:hover {
        color: #F19100;
        animation: border-color-animation 0.5s linear forwards;
    }

@keyframes border-color-animation {
    0% {
        border-color: transparent;
    }

    50% {
        border-color: #F19100;
    }

    100% {
        border-color: #F19100;
    }
}
.sub-title {
    color: #3A839B;
}


.number-linkable {
    text-decoration: none;
    color: #949494;
    font-weight: bold;
}





.accordion-button-end {
    right: 100px;
    position: absolute;
    margin-left: 100px;
}

.accordion-button-start {
    margin-right: 100px;
}

.text-align-center {
    text-align: center;
}

.warn-info {
    color: #FF0000;
    font-size: 15px;
}







/*WIZARD*/
.progress-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
    padding: 0 20px;
}

.progress {
    background: #e0e0e0;
    height: 4px;
    position: absolute;
    width: calc(100% - 40px);
    z-index: -1;
    top: 15px;
}

.circle {
    background: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    color: #e0e0e0;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

    .circle.active, .circle.completed {
        border-color: #3498db;
        color: #3498db;
    }




    .circle.active {
        border-color: #3498db;
        color: #3498db;
        box-shadow: 0 8px 15px -5px rgba(52, 152, 219, 0.6);
    }


.step {
    display: none;
}

    .step.active {
        display: block;
    }

button {
    margin-top: 15px;
}