/* document_section */
.document_section .button.is-rounded { margin-left: 10px; margin-top: 15px;} 

/* new-sinistres */
.new-sinistres_section .select , select {width: 100%;}

/* api loader */
.apiLoader {    text-align: center;    font-size: 25px; }
.api-inner-loader{ text-align: center !important; font-size: 20px; }

/* Other CSS */
span.subTitle, p.packMail {    font-size: 17px;}
ul.packExtraDetails {    min-height: 70px; }
.alert.alert-success {    border-left: 3px solid green;    COLOR: green;    background: #f1f1f1;    font-size: 14px;    padding: 10px 15px;    margin-bottom: 18px;    clear: both;    overflow: hidden;}
.isError,.isSuccess {    color: red;    font-style: italic;    margin-top: 5px; }
span.btnShowPassword {    position: absolute;    right: 10px;    top: 7px;    z-index: 1; cursor: pointer; }
.password_section input{height: 35px; margin-top: 5px; border: 1px solid #989898;  padding-left: 8px;  border-radius: 3px;}
.password_section p{    font-size: 13px;   font-weight: bold;}
.password_section button {width: calc(100% - 190px);  font-size: 14px !important;}
/*27-04-2021*/
/*(assurances_section)*/
.assurances_section .table.is-striped tbody tr:not(.is-selected):nth-child(even) {    background-color: unset;}
/*(document_section)*/
.document_section .table.is-striped tbody tr:not(.is-selected):nth-child(even) {    background-color: unset;}
/*(contact)*/
.contact-detils .select {width: 100%;}

/* Menu */
.mobileLogo{ display: none;}
.toggleMobileNavbar{ display: none; }

/* Footer */
section.section.footer_section .columns .column {  text-align: center; }
section.section.footer_section .columns .column > div{ display: inline-block; }
section.section.footer_section .columns .column > div ul,section.section.footer_section .columns .column > div .addr {  display: flex; align-items: center; }
section.section.footer_section .section-detils img{min-width: 35px; margin-right: 0px;}
section.section.footer_section .section-detils p{margin-right: 15px; margin-left: 15px; color: #000; font-size: 17px; font-weight: 600;}
section.section.footer_section  #menu-menu-secondaire li {margin-right: 10px; margin-left: 10px;}
section.section.footer_section  #menu-menu-secondaire li a {color: #000; text-transform: uppercase;font-weight: unset; vertical-align: middle;}
section.section.footer_section  #menu-menu-secondaire .facebook:before, .linkdin:before { margin-right: 10px; content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 25px; background-repeat: repeat; background-size: 95% auto;}
section.section.footer_section  #menu-menu-secondaire .facebook:before { background-image: url(/assets/img/icon-facebook.svg); }
section.section.footer_section  #menu-menu-secondaire .linkdin:before {background-image: url(/assets/img/icon-linkedin.svg); }
section.section.footer_section  #menu-menu-secondaire .facebook, .linkdin{border-left: 1px solid; padding-left: 10px;}
section.section.footer_section  #menu-menu-secondaire li:hover a{border-bottom: 1px solid;}
section.section.footer_section {position: relative;}
section.section.footer_section .image-footer img{    position: absolute;  width: 200px;  right: 0px;}


@media screen and (min-width: 768px) and (max-width: 1100px){
  /*24-04-2021*/
  .contact-detils .field.is-grouped .control{text-align: center;     margin-top: 5px !important;  margin: 0 auto;}
  /*Pro*/
  .contact-detils .column.is-8-desktop { width: 100%;}
  .columns:not(.is-desktop) { display: block; flex-wrap: unset;}
  .column.is-half, .column.is-half-tablet {width: 100%;}
  .column.is-8-desktop {width: 100%;}
  .column.is-4-desktop {width: 100%;}
  /*23-04-2021 (dashboard)*/
  .tab-dsk-noti {position: relative;}
  .tab-dsk-noti .posti-coulm {position: absolute; top: 0; right: 0;}
  .tab-dsk-noti .columns {margin-bottom: 0px !important;}
  .tab-dsk-noti .column.is-two-thirds {padding-bottom: 0px;}
  .tab-dsk-noti .has-text-centered { margin-top: 10px;}
  .tab-dsk-noti ul.packExtraDetails { margin-top: 5px; min-height: unset;}
  /*22-04-2021 (quick-access)*/
 .header-nav .column.is-1 {width: 17%;float: left;}
 .header-nav .column.is-11 h1.title.mb-1 {margin-top: 15px; }
 .tab-noti .columns.flexNotificationCol{display: flex;}
 .tab-noti .notification.has-background-light {padding: 10px;}
 .tab-noti p.tag.is-large {padding-left: 0;}
 .tab-noti {display: flex;}
 .tab-noti .noti-payer {width: 50%; margin-right: 10px;}
 .tab-noti .noti-assurances {width: 50%; margin-left: 10px;margin-top: 0px; margin-bottom: 15px;}
 .tab-noti .noti-payer .documents  {padding: 5px;}
 .tab-courtier {width: 100%;}
 .tab-courtier .columns.is-full {display: flex;}
 .tab-courtier .column.is-three-quarters {flex: none; width: 87%;}
 .tab-courtier .column.is-three-quarters .card-content.pt-2.pb-0 { padding-left: 15px;}
 .tab-mes .mes-colums{width: 50%; float: left;}
 .tab-mes, .tab-pack{padding: 20px 0px 0 0;}
 .tab-pass {float: right;  width: 100%; padding: 20px 0px 0 0;}
 .navbar {display: flex;}
 .navbar .navbar-menu {width: 70%; display: block; box-shadow: unset;}
 .navbar .navbar-end {display: flex;}
 .tab-noti .columns {position: relative;}
 .tab-noti .columns .column.has-text-right.is-2{position: absolute; top: 0;  right: 0;}
 .tab-noti .card-content {padding: 0;}
 .tab-noti .image img {height: 80px;}
 .tab-pack .notification h4.is-size-4, h4.is-size-4 {    margin-bottom: 10px;}

 /*footer*/
 section.section.footer_section .container{padding-top: 100px;;}
 section.section.footer_section .columns .column > div .addr {display: block;}
 section.section.footer_section .section-detils p {    display: inline-block;}
 section.section.footer_section .section-detils img {margin-bottom: 0; width: 30px;  height: 30px;}
 section.section.footer_section .image-footer {display: none;}
}
    
@media screen and (max-width:767px){
    /*27-04-2021*/
    /*(assurances_section)*/
    .assurances_section.table_sm_ui tr { border-bottom: 1px solid #ccc !important;    border: unset;  }
    .assurances_section .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: unset;  }
    .assurances_section.table_sm_ui td {padding-left: 0; min-height: 23px;;   border-bottom: unset !important;    padding-top: 0px; padding-bottom: 0;}
    .assurances_section.table_sm_ui td:before {     width: 51%;   position: absolute;      left: 0;      top: 0;}
    .assurances_section.table_sm_ui td:nth-child(3){    margin-bottom: 10px;}
    /*(document_section)*/
    .document_section.table_sm_ui tr { border-bottom: 1px solid #ccc !important;    border: unset;  }
    .document_section .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: unset;  }
    .document_section.table_sm_ui td {padding-left: 53%; position: relative; min-height: 23px;;   border-bottom: unset !important;    padding-top: 0px; padding-bottom: 0;}
    .document_section.table_sm_ui td:before {     width: 51%;   position: absolute;      left: 0;      top: 0; }
    .document_section.table_sm_ui td:nth-child(3){    margin-bottom: 10px;}
    .document_section.table_sm_ui td:nth-child(4){    margin-bottom: 10px;}
    .document_section.table_sm_ui td:last-child{ padding-left: 0; }
    /*23-04-2021 (dashboard)*/
    .tab-dsk-noti .columns {margin-bottom: 0px !important;}
    .tab-dsk-noti .column.is-two-thirds {padding-bottom: 0px;}
    .tab-dsk-noti ul.packExtraDetails {text-align: center;  margin-top: 0px; min-height: unset;}
    body .dashboard_section .notification .has-text-centered .button.is-link { margin-top: 10px !important;}
    /*22-04-2021 (quick-access)*/
    .header-nav .column.is-1 {float: left;}
    .header-nav .column.is-11 h1.title.mb-1 {margin-top: 15px; }
    .tab-noti .notification.documents.has-background-white .columns {position: relative;}
    .tab-noti .notification.documents.has-background-white .column.has-text-right.is-2 {position: absolute; top: 0;  right: 0;}
    .tab-noti .image img {height: 60px;}
    .tab-pack .notification h4.is-size-4, h4.is-size-4 {    margin-bottom: 10px;}
    .tab-noti .noti-assurances {margin-top: 15px; margin-bottom: 15px; }
    .tab-courtier .columns.is-full {position: relative;}
    .tab-courtier .column.is-one-quarter {float: right; top: 5px; position: absolute;  right: 20px;}
    .tab-courtier .text-sm-center h5.title.is-size-5 , h6.subtitle.is-6{ text-align: left; padding-left: 10px;}
    body .table_sm_ui.quick-access_section .table-desi tr{height: 50px; padding-top: 5px; position: relative; border-left: unset !important; border-right: unset !important; border-bottom: unset !important;}
    .table-desi tr {border-bottom: 1px solid #ccc !important; padding-left: 15px; padding-right: 15px;}
    .table-desi tr td {border: unset;}
    .table-desi tr td:nth-child(1) {border: unset; position: absolute;}
    .noti-assurances .card-content {padding: 0px;}
    body .table_sm_ui.quick-access_section .mon_courtiner_table tr:first-child {border-top: 0px;}
    body .table_sm_ui.quick-access_section .mon_courtiner_table tr {padding-top: 10px; padding-bottom: 10px;  margin-bottom: 0; border-left: unset !important; border-right: unset !important; border-bottom: unset !important;}
    body .table_sm_ui.quick-access_section .mon_courtiner_table tr td{text-align: right; border: unset !important; padding: 0px 5px 0px 5px; }
    body .table_sm_ui.quick-access_section .mon_courtiner_table td:before {text-align: left; float: left;}
    .tab-mes h5.title.is-size-5.mb-1 {display: none; }
    .tab-mes .columns .column {padding-left: 15px;padding-bottom: 0; padding-top: 0px;}
    .tab-mes .columns .column br{display: none;}
    .tab-mes .columns .column .font-wb {font-weight: bold !important;}
    .tab-pass {text-align: center;}
    .tab-pass h4.title.is-size-4 {    text-align: left;}
    .tab-pack h4.title.is-size-4 {margin-bottom: 5px;}
    .card.courtier.mb-4.tab-courtier {margin-bottom: 40px !important;}
    /* Menu Design */

    nav .navbar-menu { display: block; background-color: unset;  box-shadow: unset;}
    #navbarBasicExample .navbar-start a.button{width: 100% ; margin-right: 0px !important;}

    /* dashboard_section */
   .dashboard_section .notification .has-text-centered .button.is-link {margin-top: 30px !important;}
   .dashboard_section .notification .has-text-right {  text-align: center !important;   }
   .dashboard_section .notification .column.is-two-thirds{    text-align: center;}

   
   /* table_sm_ui */
   .table_sm_ui .table tbody tr:last-child td {border-bottom: 1px solid #eee;}
   .table_sm_ui table, thead, tbody, th, td, tr { display: block;  }
   .table_sm_ui thead tr {position: absolute;  top: -9999px;   left: -9999px; }
   .table_sm_ui tr { border: 1px solid #ccc; }
   .table_sm_ui td {     word-break: break-all; border: none; border-bottom: 1px solid #eee; position: relative; }
   .table_sm_ui td:before { top: 6px; left: 6px; width: 45%; padding-right: 10px;  white-space: nowrap;    }
   .table_sm_ui h4.subtitle.is-size-4 {margin-bottom: 15px !important;}

   /* assurances_section */
   .assurances_section .has-text-success {display: none;}
   .assurances_section td:nth-of-type(1):before { content: "FORMULE"; }
   .assurances_section td:nth-of-type(2):before { content: "RISQUE"; }
   .assurances_section td:nth-of-type(3):before { content: "DATE DE DÉBUT"; }

   /* sinistre_section */
   .sinistre_section .has-text-centered {margin-top: 30px !important;}
   .sinistre_section td:nth-of-type(1):before { content: "SINISTRES EN COURS"; }
   .sinistre_section td:nth-of-type(2):before { content: "RISQUE"; }
   .sinistre_section td:nth-of-type(3):before { content: "STATUT"; }
   .sinistre_section td:nth-of-type(4):before { content: "DATE DE LA DÉCLARATION"; }

   /* document_section */
   .document_section .button.is-rounded {    width: 100%; margin-top: 10px;}
   .document_section td:nth-of-type(1):before { content: "TYPE"; }
   .document_section td:nth-of-type(2):before { content: "NOM DU DOCUMENT"; }
   .document_section td:nth-of-type(3):before { content: "DATE"; }
   .document_section .button.is-rounded {margin-left: unset;}

   /* quick-access_section */
   .quick-access_section .notification.has-background-white {     margin-top: 30px !important; padding: 0;}
   .quick-access_section .mon_courtiner_table td:nth-of-type(1):before { content: "NOM"; }
   .quick-access_section .mon_courtiner_table td:nth-of-type(2):before { content: "PRÉNOM"; }
   .quick-access_section .mon_courtiner_table td:nth-of-type(3):before { content: "DATE DE NAISSANCE"; }
   .quick-access_section figure.image.is-64x64.mt-4.has-text-right {text-align: center; margin: 0 auto;}
   .text-sm-center {text-align: center;} 

   /* Table Design Issue Fix */
   .table_sm_ui tr {  margin-bottom: 10px; }
   .table_sm_ui tr:last-child{ margin-bottom: 0; }
   .assurances_section.table_sm_ui td {    padding-left: 51%;    position: relative; }

   .columns.flexNotificationCol {    display: flex;    align-items: center; }
   .columns.flexNotificationCol > div {    padding: 10px 0px; }
   .columns.flexNotificationCol > div p.tag.is-large {    padding-left: 0.6em;    font-size: 18px; }

   /* menu */
   .mobileLogo{ display: block;}
   .toggleMobileNavbar{ display: block; }
   .main-navigation-for-app{ display: none;}
   .main-navigation-for-app.isOpened{ display: block;}
   .toggleMobileNavbar {    position: fixed;    bottom: 20px;    right: 20px;    background: #363636;    z-index: 111111;    color: #B2D238;    width: 56px;    height: 56px;    line-height: 56px;    text-align: center;    font-size: 22px;    border-radius: 100%;    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);}
   .main-navigation-for-app.isOpened {       width: 100%;  display: block;    position: fixed;    top: 0;    left: 0;    z-index: 1111;    background: #fff;    height: 100vh;    padding: 20px;}
   .isOpened .mobileLogo img {width: 60px; margin-bottom: 10px;}
   .isOpened  .button.is-primary {  color: #000; font-weight: bold;  background-color: unset;}
   .isOpened  #navbarBasicExample .navbar-start a.button {position: relative; margin-bottom: 0; padding-bottom: 0px;    border: 0;   justify-content: left;     padding-left: 0em;}
   .isOpened .navbar-item, .navbar-link {padding-left: 0;}
   .isOpened .mobileLogo b{    color: #000; font-weight: bold;  font-size: 18px;}
   .isOpened #navbarBasicExample .navbar-start a.button:before {position: absolute; right: 0; content: "\f054"; color: #ccc; font: normal normal normal 12px/1 FontAwesome; font-weight: 100;}
   .isOpened #navbarBasicExample .navbar-start  .button.is-primary:before {color: #000;}

   /*footer*/
   section.section.footer_section .columns .column > div ul {display: block;}
   section.section.footer_section #menu-menu-secondaire .facebook, .linkdin {font-size: 14px; border-left: unset;}
   section.section.footer_section #menu-menu-secondaire li{border-bottom: 1px solid; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; }
   section.section.footer_section .columns .column > div .addr  {display: block;}
   section.section.footer_section .section-detils img {margin-bottom: 10px;  width: 50px !important;}
   section.section.footer_section .section-detils p {margin-bottom: 5px;}
   section.section.footer_section .image-footer {display: none;}
}