.sufee-alert {
    width: 95%;
    margin: 10px auto;
}

form button {
    margin: 3px auto;
}
/* #right-panel {
    width: 84%;
} */
#right-panel {
    width: 100%;
}

.navbar .navbar-brand img {
    max-width: 240px;
}

.labelValue {
    background-color: #f7f7f9;
    /*width: 25%;*/
}

/*.fieldValue {*/
/*    width: 25%;*/
/*}*/

.fieldValue .form-group {
    margin-bottom: 0;
}

.table td, .table th {
    vertical-align: middle;
}

.mandatory {
    color: red;
}

.width75 {
    width: 75%;
}

div.comment {
    background-color: #f7f7f9;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.author {
    font-weight: bold;
}
.comment .date {
    font-style: italic;
    color: grey;
}

.comment .actionBtns {
    text-align: right;
}

.childComment {
    width: 97%;
}
.reply {
    margin-right: 5px;
}

input[type="checkbox"].is-valid {
	border: 1px solid #28a745;
    -moz-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25) !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25) !important;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25) !important;
}
input[type="checkbox"].is-invalid {
	border: 1px solid #dc3545;
    -moz-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25) !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25) !important;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25) !important;
}

input[type="radio"].is-valid:checked:before {
    border: 4px solid rgba(40, 167, 69, .25);
}
input[type="radio"].is-invalid:before {
    border: 4px solid rgba(220, 53, 69, .25);
}

input[type="radio"]:before{
    margin-left: -3px;
    margin-top: -3px;
    display: block;
    border-radius: 100px;
    width: 19px;
    height: 19px;
    content: '';
}

#page-title {
	padding: 21px 0;
}

.hidden {
    display: none;
}

#avatar {
    text-align: center;
}

ul.pagination {
    padding-top: 9px;
}
.pagination > li > a, .pagination > li > span{
    color:black !Important;
}

.pagination .activePage {
    color: white !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

.pagination > li.disabled > a {
    color: lightgrey !important;
}

div.productTitle {
    padding-left: 20px;
}
div.calculationBlock {
    padding-left: 40px;
}

div.calculationBlock > hr {
    margin-bottom: 1px;
}

div.calculationDescription {
    color: grey;
    font-style: italic;
}

span.calculationParam {
    margin-left: 30px;
}

span.motiveDescription {
    color: grey;
}

div.motiveQuantity {
    padding-left: 30px;
}

.pageload-overlay.show {
    z-index: 2 !important;
}

.costTable {
    margin-top: 10px;
}

.hide {
    display: none;
}

.price_line .table {
    margin-left: 15px;
}

th.lp {
    vertical-align: top;
}

td.deletePriceColumn {
    vertical-align: top;
}

td.deletePriceColumn button {
    float: right;
}

.image-preview {
    max-height: 500px;
}

.graphic-material {
    margin: 5px 0;
}

.backgroundLogin{
    /*background-image: url("../images/background-login.jpg");*/
    background: rgba(0, 0, 0, .55) url('../images/background-login.jpg');
    background-blend-mode: darken;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.loginTitle{
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

canvas {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    display: none;
}

@media (max-width: 767px) {
    .navbar-brand{
        margin-top: 0 !important;
    }
    .navbar-brand img{
        max-width: 62px !important;
    }
}

@media (min-width: 768px) {
    .login-logo img {
        margin-left: -100px;
        margin-right: -100px;
        max-width: initial;
        margin-top: 100px;
    }

    .fieldsGroup {
        display: flex;
    }


}

@media (min-width: 992px) {
    .fieldsRow {
        display: flex;
    }
}

.fieldsRow{
    padding: 0;
}

.fieldsRow .fieldsGroup {
    padding: 0;
    border-top: 1px solid #dee2e6;
}

.fieldsRow .fieldsGroup .labelValue, .fieldsRow .fieldsGroup .fieldValue{
    padding: 12px !important;
    min-height: 48px;
}

.fieldsRow .fieldsGroup .labelValue{
    font-weight: bold;
}

@media (max-width: 1024px) {
    .navbar .navbar-brand img {
        width: 200px;
    }
}

.card-body{
    overflow: auto;
}

.adviserTop{
    font-size: 13px;
}

.adviserTop #contactAdviserBtn, .adviserTop #signDocumentBtn {
    margin-right: 100px;
    margin-left: 10px;
    font-weight: bold;
}

.adviserTop #signDocumentBtn {
    margin-right: 30px;
}

@media (max-width: 810px) {
    .adviserTop #contactAdviserBtn, .adviserTop #signDocumentBtn {
        margin-right: 10px;
    }
}

.adviserTop .adviser-avatar{
    margin-top: 4px;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    object-fit: cover;
}

#modalContactAdviser label{
    font-weight: bold;
}

@media (max-width: 767px) {
    .card-body > .table-striped {
        font-size: 14px;
    }

    .card-body > .table-striped td, .card-body > .table-striped th {
        padding: 0.5rem;
    }

    .right-panel .content {
        padding: 0 5px;
    }

    .adviserTop{
        font-size: 11px;
    }

    .right-panel header.header {
        padding: 5px 5px 1px 5px;
    }

    #contactAdviserBtn, #signDocumentBtn {
        font-size: 14px;
        padding: 5px 5px;
        margin: 0 8px;
    }
}

.clientInstructionsForm label{
    font-weight: bold;
}

.clientInstructionsForm p{
    color: #646464;
}

.clientInstructionsForm label{
    margin-bottom: 3px;
}

.clientInstructionsForm input[type="radio"]{
    margin-right: 3px;
}

.red{
    color: #ee0000;
}

.clientInstructionsMenu li{
    display: inline-block;
}

.clientInstructionsForm .nextBackButtons{
    margin-top: 20px;
}

.clientInstructionsMenu a.active{
    color: #000000
}

.lwBackDiv, .lwNextDiv, .lwSendDiv{
    margin-bottom: 10px;
}

.uploadSubmitDiv{
    margin: 10px
}