/*--------------------------------------------------------------
# Radio
--------------------------------------------------------------*/

/* Custom CSS for the fixed width modal */
.custom-modal-width {
    width: 800px; /* Example fixed width */
    max-width: 100%; /* Ensures responsiveness */
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; background-color: #20cbd4; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.nav_back { background-color: #20cbd4 !important; }
}	
/* ============ desktop view .end// ============ */

  .container {
    text-align: center; /* Center align its children horizontally */
  }


  iframe {
    border: none; /* Remove iframe border */
  }


.nav_back { 
    background-color: #20cbd4 !important; 
    border: 0px rgba(0, 0, 0, 0)  !important; 
}

/* */
.border-0 {
    border: 1px solid #a2c2c3 !important;
    border-radius: 10px;
}

.form_custom {
    border: 1px solid #a2c2c3 !important;
    border-radius: 10px;
}

.custom_select {
    background-color: #e9ecef00 !important;
    opacity: 1 !important;
    border: 1px solid #a2c2c3 !important;
    border-radius: 10px;
}

.custom_input {
  border: 1px solid #a2c2c3 !important;
border-radius: 10px;
height: 64%;
width: -webkit-fill-available;
}

.a_custom {
    color: #20cbd4;
}

/* CSS for scrollable modal body */
.modal-body-scrollable {
    max-height: 800px; /* Adjust based on your needs */
    overflow-y: auto;
}

.fail {
    text-align: center;
    color: red;
    font-size: larger;
}

.success {
    text-align: center;
    color: green;
    font-size: larger;
}

.d-none {
    display: block !important;
}

@media screen and (orientation: portrait) {
    .g-mob-3, .gy-mob-3 {
        --bs-gutter-y: 0rem;
    }

    .g-mob-3, .gx-mob-3 {
        --bs-gutter-x: 0rem;
    }

    .romb {
        width: 45%;
    padding-top: 7%;
    margin-left: 27%;
    flex-wrap: nowrap;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    .img-fluid-mobile {
        max-width: 100%;
        height: auto;
    }

    .d-none {
    display: block !important;
    }

    .display_p {
        display: block;
        max-width: 100%;
    }

    .display_land {
        display: none !important;
    }
  }

@media screen and (orientation: portrait) and (max-width: 1024px) and (min-width: 768px) {
    .display_p {
        display: block;
    }

    .display_land {
        display: none;
    }
  }

  @media screen and (orientation: landscape) {
    .display_p {
        display: none;
    }

    .display_land {
        display: block;
        max-width: 100%;
    }
  }
  
  
  /* Extra small devices (phones, up to 576px) */
@media (max-width: 576px) {
  /* Portrait */
  @media (orientation: portrait) {
    /* CSS rules */
  .iframe-wrapper {
    display: none; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

    .desktop {
        display: none !important
    }
    .view {
        display: block !important;
    }

    
    .nav_port {
        display: block !important;
    }

    .nav_land {
        display: none !important;
    }
  }
  /* Landscape */
  @media (orientation: landscape) {
    /* CSS rules */
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
    
     .nav_port {
        display: block !important;
    }
    
    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }

    .nav_land {
        display: none !important;
    }
  }
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Portrait */
  @media (orientation: portrait) {
    /* CSS rules */
    
      .iframe-wrapper {
    display: none; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }


     .nav_port {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }
    .view {
        display: block !important;
    }

    .nav_land {
        display: none !important;
    }
  }
  /* Landscape */
  @media (orientation: landscape) {
    /* CSS rules */
    
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
  
     .nav_port {
        display: block !important;
    }

    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }


    .nav_land {
        display: none !important;
    }
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Portrait */
  @media (orientation: portrait) {
    /* CSS rules */
    
      .iframe-wrapper {
    display: none; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }


     .nav_port {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }
    .view {
        display: block !important;
    }
        .view_footer {
        margin-top: 0px !important;
    }
    

    .nav_land {
        display: none !important;
    }
  }
  /* Landscape */
  @media (orientation: landscape) {
    /* CSS rules */
    
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
  
  
     .nav_port {
        display: block !important;
    }
    
    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }


    .nav_land {
        display: none !important;
    }
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Portrait */
  @media (orientation: portrait) {
    /* CSS rules */
    
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
  
  
     .nav_port {
        display: none !important;
    }
    
    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }

    .nav_land {
        display: block !important;
    }
  }
  /* Landscape */
  @media (orientation: landscape) {
    /* CSS rules */
    
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
  
  
     .nav_port {
        display: none !important;
    }
    
    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }

    .nav_land {
        display: block !important;
    }
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Portrait */
  @media (orientation: portrait) {
    /* CSS rules */
    
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
  
  
     .nav_port {
        display: none !important;
    }

    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }


    .nav_land {
        display: block !important;
    }
  }
  /* Landscape */
  @media (orientation: landscape) {
    /* CSS rules */
    
    
    .iframe-wrapper {
    display: inline-block; /* Make sure the container only takes the width of its content */
  }

  .iframe-wrapper-mob {
    display: none; /* Make sure the container only takes the width of its content */
  }
  
  
     .nav_port {
        display: none !important;
    }
    
    .desktop {
        display: block !important;
    }
    .view {
        display: none !important;
    }


    .nav_land {
        display: block !important;
    }
  }
}

  
  
  

.form-control:disabled, .form-control:read-only {
    opacity: 0;
}

.justify2 {
    background-color: #ebe5d7;
}

.mb-3 {
    display: none;
}

.validate {
    color: red;
}

#magazin {
    background-color: #e9ecef;
    opacity: 1;
}

d .file_input_textbox {
    float: left
}

.file_input_div {
    position: relative;
    width: 100px;
    height: 23px;
    overflow: hidden;
}

.file_input_button {
    width: 100px;
    position: absolute;
    top: 0px;
    background-color: #33BB00;
    color: #FFFFFF;
    border-style: solid;
}

.file_input_hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: 0em;
    line-height: 1.5em;
}

input[type=radio]:not(old)+label>span {
    display: inline-block;
    width: 0.875em;
    height: 0.875em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid rgb(192, 192, 192);
    border-radius: 0.25em;
    /*background: rgb(224, 224, 224);
            background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
            background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
            background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
            background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
            background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));*/
    vertical-align: bottom;
}

input[type=radio]:not(old):checked+label>span {
    /* background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
            background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
            background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
            background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
            background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));*/
}

input[type=radio]:not(old):checked+label>span>span {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(153, 77, 77);
    border-radius: 30%;
    background: #20cbd4/*#ccf1f2;*/
    /*background-image: -moz-linear-gradient(rgb(231, 62, 62), rgb(226, 46, 23));
            background-image: -ms-linear-gradient(rgb(231, 62, 62), rgb(226, 46, 23));
            background-image: -o-linear-gradient(rgb(231, 62, 62), rgb(226, 46, 23));
            background-image: -webkit-linear-gradient(rgb(231, 62, 62), rgb(226, 46, 23));
            background-image: linear-gradient(rgb(231, 62, 62), rgb(226, 46, 23));*/
}