body #kt_wrapper > .content > .subheader > .container > .back-button
{

}

body .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g 
{
    fill: #306db5; 
}
body .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .svg-icon svg g 
{
    fill: #e61b72;
}

body .btn.btn-primary
{
    color: #fff;
    background-color: #3f8be7;
    border-color: #3f8be7;
}
.btn.btn-primary.focus:not(.btn-text), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
body .btn.btn-primary:hover
{
    color: #fff;
    background-color: #306db5;
    border-color: #306db5;
}

body .btn.btn-light-primary
{
    color: rgb(63, 139, 231);
    background-color: rgba(63, 139, 231, .2);
}

.btn.btn-light-primary.focus:not(.btn-text), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
{
    color: #fff;
    background-color: rgb(63, 139, 231);  
}

body #kt_wrapper > .content > .subheader > .container > .back-button > a
{
    background: #ecf1f6;
    color:#7e8299;
    padding:5px 15px;
    border-radius:5px;
    font-size:14px;
    line-height:16px;
}

body #kt_wrapper > .content > .subheader > .container > .back-button > a > i
{
    color:#7e8299;
    position:relative;
    left:0px;
    top:1px;
    transition: color 0.3s ease, left .3s linear;
}

body #kt_wrapper > .content > .subheader > .container > .back-button > a:hover
{
    background: #1bc5bd;
    color:#fff;
}

body #kt_wrapper > .content > .subheader > .container > .back-button > a:hover > i
{
    color:#fff;
    left:-3px;
}

body #kt_login_singin_form .form-group div.pass
{
    position:relative;
}
body #kt_login_singin_form .form-group div.pass button{
    position:absolute;
    right:0px;
    width:45px;
    top:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0);
    border:0px;
    outline: none;
}

body #kt_login_singin_form .form-group.recupera
{
    text-align:right;
}
body #kt_login_singin_form  button[type="submit"]
{
    width:100%;
}

body #kt_login_forgot_form .recover-button
{
    display:block!important;
    text-align:right;
    
}

body #kt_login_forgot_form .recover-button > button
{
    display:block;
    width:100%;
    text-align:center;
    margin-right:0px!important;
}

body #kt_login_forgot_form .recover-button > a
{
    display:inline-block;
    font-size:16px;
    line-height:18px;
    margin-top:30px;
}

body #kt_aside_tab_1 .list-hover > a
{
    display: block;
}
body #kt_aside_tab_1 .list-hover > a.active > div
{
    background-color: #f3f6f9;
}

body .slim-nav-softwares li.active > a.btn.btn-clean
{
    background-color: #f3f6f9!important;
}


body td[data-field="viewName"] > span > div > a
{
    display:block;
    position:relative

}

body td[data-field="viewName"] > span> div > a > i
{
    display: inline-block;
    position: absolute;
    right:0px;
    top:0px;
}

body .datatable-key-value-translation  td[data-field="Actions"] > span > a
{
    margin-right:15px!important;
}

body #dinamic-modal .modal-content
{
    position:relative;
}
body #dinamic-modal .modal-content > .loader-modal
{
    background-color:rgba(0,0,0,.2);
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    z-index: 9999;
    border-radius:5px;
    visibility:hidden;
    opacity:0;
    transition:visibility .3s linera, opacity .3s linear;
}
body #dinamic-modal .modal-content > .loader-modal > .spinner-border-container
{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    
}

body #dinamic-modal .modal-content > .loader-modal > .spinner-border-container > .spinner-border
{
    width: 60px!important;
    height: 60px!important;
}

body #dinamic-modal.show-loader .modal-content > .loader-modal
{
    opacity:1;
    visibility: visible;
}

body #flash-msg-error, body #flash-msg-success
{
    display:block;
    position:fixed;
    z-index:999999;
    top:20px;
    right:20px;
    opacity:0;
    visibility:hidden;
    transition:visibility .3s linear, opacity .3s linear;
    padding: 10px 15px;
    border-radius: 5px;
} 

body #flash-msg-error.show, body #flash-msg-success.show
{
    opacity:1;
    visibility: visible;
}

body #flash-msg-success
{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}


body #flash-msg-error
{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

body .translation-table + #kt_subheader_search
{
    margin-top:20px;
    margin-bottom:15px;
}


body .datatable-key-value-translation.translation-area
{
   
}

body .datatable-key-value-translation.translation-area > table.datatable-table > thead.datatable-head
{
    
}


body .datatable-key-value-translation.translation-area > table.datatable-table > thead.datatable-head >  tr.datatable-row > th.datatable-cell
{
    width:50%;
}

body .datatable-key-value-translation.translation-area > table.datatable-table > thead.datatable-head >  tr.datatable-row  > th.datatable-cell > span
{
    font-size:14px!important;
    line-height: 18px!important;
    display:block;
    width:auto!important;
}

body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row
{
    border:0px!important;
}


body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell
{
    width:50%; 
    padding-top:20px;
    padding-bottom:20px;
}

body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="base-language"] > span
{
    display:block;
}

body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="base-language"] > span
 > div.translation-texts > .base-language-text > p
{
    font-size:16px;
    line-height:18px;
    margin-bottom:0px;
}

body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="base-language"] > span
 > div.translation-texts > .translation-description
 {
     border-top:1px solid rgb(230, 228, 228);
     margin-top:5px;
     padding-top:5px;
 }

body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="base-language"] > span
 > div.translation-texts > .translation-description > p
 {
     margin-bottom:0px;
     font-size:12px;
     color:#ccc;
     min-height: 35px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text 
 {
     position:relative;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input
 {
    margin-right:30px;
 }



 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input > textarea
 {
     min-height:30px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action
 {
     position:absolute;
     top:0px;
     right:0px;
     width:25px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > .spinner-border
 {
    width:20px!important;
    height:20px!important;
    color:#1bc5bd;
    display:none;
 }
 
 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning 
 {
    display:none;
    position:relative;
    margin-top:5px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning > i
 {
    font-size:12px;
    position: absolute;
    top:5px;
    left: -30px;
    color:#e20000;
    margin-bottom:0px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning > button
 {
    border:0px;
    padding:2px 5px;
    background-color:#fff;
    border:1px solid #1bc5bd;
    color:#1bc5bd;
    outline: none;
    border-radius:3px;


 }

 
 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning > button > i
 {
     color:#1bc5bd;
     font-size: 12px!important;
     transform:rotate(0deg);
     transition:transform .2s linear;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning > button:hover
 {
    background-color:#1bc5bd;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning > button:hover > i
 {
     color:#fff;
     transform:rotate(180deg);
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > div.worning > button > i
 {
    font-size:14px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.action > .resp
 {
     display:none;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input.show-spiner + .action > div.spinner-border
 {
     display:block;
 }
 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input.show-check + .action > div.resp
 {
     display:block;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input.show-worning + .action > div.worning
 {
     display:block;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description
 {
     position:relative;
     margin-top:5px;
}

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description
 {
     position:absolute;
     top:10px;
     right:-30px;
     width:25px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description >.resp > i
 {
     font-size:16px;
     color:#94eaa7!important;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > .spinner-border
 {
    width:15px!important;
    height:15px!important;
    color:#1bc5bd;
    display:none;
 }
 
 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning 
 {
    display:none;
    position:relative;
    margin-top:5px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning > i
 {
    font-size:12px;
    position: absolute;
    top:5px;
    left: -30px;
    color:#e20000;
    margin-bottom:0px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning > button
 {
    border:0px;
    padding:2px 5px;
    background-color:#fff;
    border:1px solid #1bc5bd;
    color:#1bc5bd;
    outline: none;
    border-radius:3px;


 }

 
 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning > button > i
 {
     color:#1bc5bd;
     font-size: 10px!important;
     transform:rotate(0deg);
     transition:transform .2s linear;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning > button:hover
 {
    background-color:#1bc5bd;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning > button:hover > i
 {
     color:#fff;
     transform:rotate(180deg);
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > div.worning > button > i
 {
    font-size:14px;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > .input > div.description > div.action-description > .resp
 {
     display:none;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input.show-spiner-desc  > div.description > div.action-description > div.spinner-border
 {
     display:block;
 }
 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input.show-check-desc > div.description > div.action-description > div.resp
 {
     display:block;
 }

 body .datatable-key-value-translation.translation-area > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="translation-language"] > span
 div.translated-text > div.input.show-worning-desc > div.description > div.action-description > div.worning
 {
     display:block;
 }


 body div.filters-table > ul
 {
    list-style:none;
    margin:0px;
    padding:0px;
 }

 body div.filters-table > ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  body div.filters-table > ul > li{
      float:left;
      padding:20px 15px 10px;
      font-size:14px;
      line-height:18px;
      font-weight:500;
      position: relative;
      border-bottom:2px solid #fff;
      cursor:pointer;
  }

  body div.filters-table > ul > li:hover
  {
    color:#1bc5bd; 
  }

  body div.filters-table > ul > li.active
  {
      color:#1bc5bd;
      border-bottom:2px solid #1bc5bd;

  }

 body #kt_subheader_search-views > span#kt_subheader_total
 {
    font-size: 18px!important;
    line-height: 20px!important;
 }



 body .datatable.datatable-default.kt_datatable_views > table.datatable-table
 {
     overflow: visible;
     table-layout: fixed
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > thead.datatable-head >  tr.datatable-row > th
 {
     padding-bottom:0px!important;
     padding-top:0px!important;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > thead.datatable-head >  tr.datatable-row > th:first-child
 {
     width:50%;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > thead.datatable-head >  tr.datatable-row > th:first-child + th
 {
     width:50%;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > thead.datatable-head >  tr.datatable-row > th:first-child + th + th
 {
     width:0%;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row
 {
     position:relative;
     /* display:block!important; */
     table-layout: fixed;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"]
 {
     width:50%;
 }
 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell
 {
     /* display:inline-block!important; */
     max-width:50%;
     height:auto;
     padding-top:20px;
     padding-bottom:20px;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"] > span
 {
     /* width:auto!important;
     display:block!important; */
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"] > span > a
 {
     position:absolute;
     top:0px;
     right:0px;
     bottom:0px;
     left:0px;
     background:rgba(0,0,0,0);
 }


 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"] > span >div
 {
    
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"] > span > div > p
 {
    margin-bottom:0px;
 }

 body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"] > span > div > p.name
{
    font-size: 16px;
    line-height: 18px;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="view-name-and-description"] > span > div > p.description
{
    border-top: 1px solid rgb(230, 228, 228);
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 0px;
    font-size: 12px;
    color: #ccc;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="completation-filter"]
{
    width:0%!important;
    
    overflow:hidden;
    padding:0px;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="completation-filter"] > span
{
    width:0px!important;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="completation-filter"] > span > div
{
    white-space: nowrap;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="progress-and-total"]
{
    width:50%;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="progress-and-total"] > span
{
    overflow: visible;
    /* width:auto!important;
    display:block; */
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="progress-and-total"] > span > div > i
{
    font-size:30px;
    width:40px;
    text-align:right;
    position:relative;
    left:0px;
    transition:left .1s linear;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row  > td.datatable-cell[data-field="progress-and-total"] > span > div.completation-number{
    text-align:center;
}


body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row.datatable-row-hover > td.datatable-cell[data-field="view-name-and-description"] > span > div > p.name
{
    color:#1bc5bd;
}

body .datatable.datatable-default.kt_datatable_views > table.datatable-table > tbody.datatable-body >  tr.datatable-row.datatable-row-hover >  td.datatable-cell[data-field="progress-and-total"] > span > div > i
{
    color:#1bc5bd;
    left:10px;
}

body .datatable.datatable-default>.datatable-pager>.datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:after
{
    display:none;
}

body #kt_content
{
    padding-top:0px;
}

body .container > .row > .logos
{
    padding-bottom:20px;
}

body .container > .row > .logos:after 
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

body .container > .row > .logos > a
{
    display:inline-block;
    height: 65px;
    max-width: 50%;
}

body .container > .row > .logos > a.logo-gec
{
    float:right;
}

body .container > .row > .logos > a > img
{
    display:inline-block;
    max-width: 100%;
    max-height: 100%;
}


body .card.card-custom > .card-body > div:first-child > .symbol-group .symbol
{
    cursor : default!important;
}

body .card.card-custom > .card-body > div:first-child > .symbol-group .symbol:hover
{
    z-index: 0;
}

body .card.card-custom > .card-body > div:first-child + div > a
{
    cursor : default!important; 
}

body .card.card-custom > .card-body > div:first-child + div > a:hover
{
    color:#000!important;
    cursor : default!important; 
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps > .wizard-step > .wizard-wrapper > .wizard-label > h3.wizard-title 
{
    padding-top: 2px;
    margin-bottom:0px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body
{
    position:relative;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body > .internal-loader
{
    position:absolute;
    top:0px;
    right: 0px;
    bottom:0px;
    left:0px;
    width: 100%;
    height:100%;
    background-color: rgba(255, 255, 255,.6);
    z-index: 10;
    opacity:0;
    visibility: hidden;
    transition: visibility .2s linear, opacity .2s linear;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body > .internal-loader.show
{
    opacity:1;
    visibility: visible;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body > .internal-loader > .spinner
{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
body .card.card-custom > .card-body #kt_wizard  > .wizard-body > .internal-loader > .spinner::before
{
    /* border: 2px solid #fff; */
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > h4
{
    margin-bottom:10px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > p
{
    font-size:14px;
    line-height:18px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > p > span
{
    font-weight: 700;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search
{
    text-align:right;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search > div
{
    display:inline-block;
    width: 280px;
    position:relative;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search > div > div.spinner
{
    position:absolute;
    right:0px;
    top:0px;
    padding: 8px;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    
}
body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search > div > div.spinner::before
{
    margin-left:15px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search > div > i
{
    position:absolute;
    right:0px;
    top:0px;
    padding: 8px;
    visibility: visible;
    opacity: 1;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search.loading > div > div.spinner
{
    visibility: visible;
    opacity: 1;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search.loading > div > i
{
    opacity: 0;
    visibility: hidden;  
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .search > div > input
{
    height:40px;
    padding-right:40px;
}


body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] >  .paginate-wrapper
{
    text-align:center;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .row.books 
{
    padding-top:30px;
    min-height: 280px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .row.books > div > div.card.card-custom > .card-body
{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:45px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .row.books > div > div.card.card-custom > .card-body >.book-img
{
    width:120px;
    height:120px;
    overflow:hidden;
    margin:0px auto;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .row.books > div > div.card.card-custom > .card-body >.book-img > img
{
    display:block;
    max-width: 100%;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .row.books > div > div.card.card-custom > .card-body > a.btn-light-success
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    border-radius:0px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] > .row.books > div > div.card.card-custom > .card-body > .my-2 > a
{
    font-size:16px;
    line-height:18px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.card.card-custom.not-found
{
    align-items: center;
    justify-content: center;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.card.card-custom.not-found > span
{
    display:inline-block;
    padding-right:15px;
    padding-left: 15px;
    font-size:24px;
    line-height:26px;
    font-weight:600;
    color:#9e9e9e;
    text-align:center;
 
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.card.card-custom[data-book-id]
{
    cursor: pointer;
    transition: box-shadow .2s linear;
    /* background-color: red; */
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}



body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.card.card-custom[data-book-id]:hover
{
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 15%);
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.card.card-custom[data-book-id]  > .card-body > a.btn-light-success
{
    background-color: rgba(63, 139, 231, .2);
    color:rgba(63, 139, 231, 1);
}
body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.card.card-custom[data-book-id]:hover  > .card-body > a.btn-light-success
{
    color: #fff;
    background-color: rgba(63, 139, 231, 1);
    border-color: transparent;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img
{
    position:relative;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.img
{
    display:block;
    padding-left:330px;
    text-align: right;
    margin-top:20px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.img > .img-container
{
    display: inline-block;
    border-radius: 5px;
    background: #ebedf3;
    overflow: hidden;
    padding: 10px 30px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.img > .img-container > img
{
    display:inline-block;
    max-width: 100%;
    width: 300px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.code-numerico
{
    position:absolute;
    left:15px;
    top:50%;
    transform:translate(0%, -50%);
    width: 300px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div >  .code-numerico input[name="bare_code_1"]
{
    max-width: 300px;
    font-size: 18px;
    height: 40px;
    text-align:left;
}


body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div >  .code-alfanumerico > div > input
{
    display:inline-block;
    width:auto;
    font-size: 18px;
    height: 40px;
    text-align:center;
    padding-left:0px;
    padding-right:0px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div >  .code-alfanumerico > div > input[name="book_code_alphanumeric_1"]
{
    width: 100px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div >  .code-alfanumerico > div > input[name="book_code_alphanumeric_2"]
{
    width: 100px; 
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div >  .code-alfanumerico > div > input[name="book_code_alphanumeric_3"]
{
    width:50px;
}

body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div >  .code-alfanumerico > div > span
{
    display: inline-block;
    font-size: 24px;
    position: relative;
    top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    color:#7b7c7d;
}



body .card.card-custom > .card-body #kt_wizard  > .wizard-body form .choose-position .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 20px rgba(35, 49, 45, 0.14);
  }
  
  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png");
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 20px !important;
    width: 20px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] .actions-sms > a
  {
      display:block;
  } 

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.form-group > div.code-inputs:after 
  {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.form-group > div.code-inputs > input
  {
      display:inline-block;
      width: 40px;
      height: 40px;
      border-radius:0px;
      border:0px;
      border-bottom:2px solid #e4e6ef;
      text-align:center;
      margin-right:5px;
      font-size:20px;
      font-weight: 600;
      padding:0px;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.form-group > div.code-inputs > input.active
  {
      border-bottom:2px solid #3699ff;
  }

  body a
  {
    color: #3f8be7;
  }


  body a:hover
  {
      color:#306db5;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] div.form-group label.checkbox > span
  {
      margin-right:5px;
  }

  body .checkbox>input ~ span
  {
      transition: none;
  }
  body .checkbox>input:checked~span
  {
      background-color: #3f8be7;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] .r-content > div
  {
      padding-bottom:20px;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] .r-content > div > p
  {
    font-size:16px;
    line-height:18px;
    font-weight: 600;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] .r-content > div > p > span
  {
      display:inline-block;
      font-weight: 400;
      padding-left:10px;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] .r-content > div > p.book_code_alphanumeric > span
  {
      padding-left:0px;
  }

  body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"] .r-content > div > p > span:last-child
  {
      padding-left:0px;
  }


  @media (max-width:991px)
  {

    body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps
    {
        flex-direction: row;
    }

    body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps > .wizard-step > .wizard-wrapper > .wizard-icon
    {
        margin-right:0px;
    }

    body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps > .wizard-step > .wizard-wrapper > .wizard-label
    {
        display: none;
    }

    body .card.card-custom > .card-body #kt_wizard > .wizard-body form div[data-wizard-type="step-content"] > .search > div 
    {
        max-width: 100%;
    }

    /* body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps > .wizard-step > .wizard-wrapper > .wizard-label > h3.wizard-title 
    {
        padding-top: 2px;
        margin-bottom:0px;
    } */
  }
  @media (max-width:660px)
  {
    body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.img
    {
        padding-left:0px;
        text-align:left;
        
        /* transform: translate(0%); */
    }

    body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.img > img
    {
        width: 300px;
        max-width: 100%;
    }

    body .card.card-custom > .card-body #kt_wizard  > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div.code-img > div.code-numerico
    {
        padding-top:15px;
        position:relative;
        left:0px;
        top:0;
        transform:translate(0%, 0%);
        width: 300px;
        max-width: 100%;
    }
  }

  @media (max-width:390px)
  {
    body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps
    {
        justify-content: space-between;
    }

    body .card.card-custom > .card-body #kt_wizard  > .wizard-nav  > .wizard-steps > .wizard-step
    {
        padding: 0.75rem 5px;
    }

    body .card.card-custom > .card-body #kt_wizard > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div > .code-alfanumerico > div > span
    {
        padding-left:0px;
        padding-right:0px;
    }

    body .card.card-custom > .card-body #kt_wizard > .wizard-body form > div > div > button[type="button"]
    {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
  }

  @media (max-width:370px)
  {
    body .card.card-custom > .card-body #kt_wizard > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div > .code-alfanumerico > div > input[name="book_code_alphanumeric_1"] 
    {
        width: 70px;
    }
    body .card.card-custom > .card-body #kt_wizard > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div > .code-alfanumerico > div > input[name="book_code_alphanumeric_2"] 
    {
        width: 70px;
    }
    body .card.card-custom > .card-body #kt_wizard > .wizard-body form div[data-wizard-type="step-content"].book-codes-container .row > div > .code-alfanumerico > div > input[name="book_code_alphanumeric_3"] 
    {
        width: 40px;
    }

    body .card.card-custom > .card-body #kt_wizard > .wizard-body form div[data-wizard-type="step-content"] div.form-group > div.code-inputs > input
    {
        width: 30px; 
    }

  }