/* 
All extra styles for customize and adapt
light boostrap dasboard
Claroflex 2017
*/

/* FONTS */
@font-face {
  font-family: 'Novecento Wide';
  src: url('../fonts/novecentowide-normal-webfont-webfont.woff2') format('woff2'),
       url('../fonts/novecentowide-normal-webfont-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.ff-novecento {
font-family: 'Novecento Wide', Helvetica, sans;
}

.fs-2 {
font-size: 2em;
}

/* UTILS */
.fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: auto;
  z-index: -2;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
  width: 100%;
  height: 100%;
}

.claroflex-frame {
border: 1.2em solid #ed1c22;
}

.claroflex-frame.margin-bottom{
margin-bottom: 2em;
}

/* ENHANCED */
/* Login */
.card.card-login {
background-color: rgba(255,255,255,0.35);
}

.v-middle {
position: relative;
  top: 15%;
}

.card label.c-dark {
color: #333333;
}

/* Language Selector Form */
.navbar .navbar-nav > li > form#form-set-lang {
  padding: 10px 15px;
  margin: 10px 3px;
  position: relative;
}
.navbar .navbar-nav > li > form#form-set-lang select {
  background-color: #FFFFFF;
  border: 0px solid transparent;
  color: #9A9A9A;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: '';
     text-overflow: '';
}
.navbar .navbar-nav > li > form#form-set-lang:hover i.fa.pe-7s-flag,
.navbar .navbar-nav > li > form#form-set-lang:focus i.fa.pe-7s-flag,
.navbar .navbar-nav > li > form#form-set-lang:hover select,
.navbar .navbar-nav > li > form#form-set-lang:focus select {
  cursor: pointer;
  color: #1DC7EA;
}

/* FORMS */
@media (min-width: 992px) {
  .card form.form-searcher [class*="col-"]:last-child {
      padding-right: 6px;
  }
  .card form.form-searcher [class*="col-"]:first-child {
      padding-left: 6px;
  }
}
.ui-autocomplete {
  z-index: 100;
}
ul.errorlist {
  color: #FF4A55;
}
table.table > tbody tr.tr-alert {
 background-color: #f08080;
}
input.form-control.i-error{
background-color: #f08080;
}

p.p-form-field-warning {
outline: 2px solid #db2c36;
  padding: 10px;
}
/*SweetAlert2*/
.swal2-html-container, .swal2-actions button {
font-size: 1.6rem !important;
}
.swal2-default-outline{
box-shadow: 0px 0px 0.5px 3px #7cba15 !important; 
}
/* overrides JQuery DATEPICKER */
.ui-widget-header {
border: 1px solid #db4865;
background: #ff6b7f url("images/ui-bg_dots-small_35_35414f_2x2.png") 50% 50% repeat;
color: #ffffff;
font-weight: bold;
}
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
background-color: #db4865;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #db4865;
  background: transparent url("images/ui-bg_dots-medium_80_ffff38_4x4.png") 50% 50% repeat;
  color: #363636;
}

input.form-error, select.form-error {
  border: 1px #cc2222 solid;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
/* COLORS */
.c-dark {
color: #333333;
}

span.true {
  color: #5cb85c;
}
span.false {
  color: #ff4a55;
}

span.stock-caption-square {
  height: 1em;
  width: 1em;
  display: inline-block;
}
/* traffic-light */
.bg-green {
  background-color: #82ffa5;
}
.bg-intense-red {
  background-color: #cc2222;
}
.bg-red {
  background-color: #ff8282;
}
.bg-orange {
  background-color: #ffc082;
}
.bg-subcomponent {
  background-color: #6FE7C6;
}
.bg-transparent {
  background-color: transparent;
}
.border-surplus {
  border: 1px solid #82ffa5;
}
/* TABLES */
table.table-magnus {
display: block;
overflow-x: auto;
}

table.table-striped table.table-striped {
  background-color: #e9e9e9
}
ul.ul-table {
  list-style: none;
  padding-left: 0;
  font-size: 0.85em;
}
/* customizing overrides header tables font sizes*/
.table > thead > tr > th.fs-11-px {
  font-size: 11px;
}
.table > thead > tr > th.fs-10-px {
  font-size: 10px;
}
/* CREATE PROJECT SLIDE */
table.table-create-slide td.section-length input,
table.table-create-slide td.section-height input {
  width: 6em;
}
table.table-create-slide td.section-panels input,
table.table-create-slide td.section-tracks input {
  width: 4em;
}
table.table-create-slide td.section-profile input,
table.table-create-slide td.section-opening select {
  width: 7em;
}
table.table-create-slide td.section-direction select,
table.table-create-slide td.section-both-lock select {
  width: 10em;
}
/* visual rows for commertials (JORDI)*/

/*RED*/
.table-striped>tbody>tr.even.p-ask-transport,
.table-striped>tbody>tr.odd.p-ask-transport,
.table-striped>tbody>tr.odd.p-transport-quotation,
.table-striped>tbody>tr.even.p-accept-transport,
.table-striped>tbody>tr.odd.p-accept-transport,
.table-striped>tbody>tr.even.p-confirmation-order,
.table-striped>tbody>tr.odd.p-confirmation-order,
.table-striped>tbody>tr.even.p-transport-quotation {
background-color: #cc2828;  
background-color: rgba(204, 40, 40, .55);
}
/*ORANGE*/
.table-striped>tbody>tr.even.p-start-manufacture,
.table-striped>tbody>tr.odd.p-start-manufacture,
.table-striped>tbody>tr.even.started-manufacture,
.table-striped>tbody>tr.odd.started-manufacture,
.table-striped>tbody>tr.even.paused-manufacture, 
.table-striped>tbody>tr.odd.paused-manufacture {
background-color: #f0ad4e;
background-color: rgba(240, 173, 78, .55);
}
/*GREEN*/
.table-striped>tbody>tr.even.finished-manufacture,
.table-striped>tbody>tr.odd.finished-manufacture {
background-color: #88e552;
background-color: rgba(136, 229, 82, .55);
}
/* data-toggle Checkboxes on tables */
.checkbox.checked .second-icon,
.radio.checked .second-icon {
  color: #5cb85c;
}
.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  color: #5cb85c;
  opacity: 0.7;
}

/* IMAGE EFFECTS */
figure.claro-link {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
/*  min-width: 230px;
max-width: 315px;*/
width: 100%;
color: #000000;
text-align: center;
-webkit-perspective: 50em;
perspective: 50em;
}
figure.claro-link * {
-webkit-box-sizing: padding-box;
        box-sizing: padding-box;
-webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
}
figure.claro-link img {
max-width: 100%;
vertical-align: top;
}
figure.claro-link figcaption.computer {
top: 50%;
left: 20px;
right: 20px;
position: absolute;
opacity: 0;
z-index: 1;
}
figure.claro-link figcaption.mobile {
top: 25%;
  left: 20px;
  right: 20px;
  position: absolute;
  z-index: 1;
  background-color: rgba(255,255,255,0.4);
  padding-top: 1em;
  padding-bottom: 1em;
}
figure.claro-link h2,
figure.claro-link h4 {
margin: 0;
}
figure.claro-link h2 {
font-weight: 600;
}
figure.claro-link h4 {
font-weight: 400;
text-transform: uppercase;
}
figure.claro-link i {
font-size: 32px;
}
figure.claro-link:after {
/*background-color: rgba(255,255,255,0.4);*/
position: absolute;
content: "";
display: block;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 16px solid #db2c36;
-webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
-webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
-webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
opacity: 0;
}
figure.claro-link a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.claro-link.hover:hover figcaption,
figure.claro-link.hover:hover figcaption {
  opacity: 1;
}
figure.claro-link.hover:hover figcaption.computer,
figure.claro-link.hover:hover figcaption.computer {
-webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    transform: translateY(-50%);
opacity: 1;
/*  -webkit-transition-delay: 0.2s;
transition-delay: 0.2s;*/
}
figure.claro-link.hover:hover img {
-webkit-filter:blur(3px);
        filter:blur(3px);
}
figure.claro-link.hover:hover figcaption.mobile,
figure.claro-link.hover:hover figcaption.mobile {
opacity: 1;
}
figure.claro-link:hover:after {
-webkit-transform: rotateX(0);
        transform: rotateX(0);
opacity: 0.8;
}
/* for disabled links */
figure.claro-link.hover.disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* Buttons */
.btn.btn-success.btn-success-solid {
color: #ffffff;
background-color: #87cb16;
}
.btn.btn-info.btn-info-solid {
color: #ffffff;
background-color: #1dc7ea;
}
.btn.btn-warning.btn-warning-solid {
color: #ffffff;
background-color: #f0ad4e;
}
.btn.btn-danger.btn-danger-solid {
color: #ffffff;
background-color: #dc3545;
}
/* For to-top button */
#myBtn {
  display: unset;
  position: fixed;
  bottom: 7rem;
  right: 1.7rem;
  z-index: 99;
  font-size: 27px;
  border: none;
  outline: none;
  background-color: transparent;
  /*opacity: 0.2;*/
  color: black;
  cursor: pointer;
  /*padding: 15px;*/
  border-radius: 4px;
  }

  #myBtn i:hover {
  background-color: rgba(254, 40, 51, 1);
  border-radius: 30px;
  color:#17043A;
  }

  /* For to-bottom button */
  #myBtn2 {
  display: inline-block;
  position: fixed;
  bottom: 3rem;
  right: 1.7rem;
  z-index: 99;
  font-size: 27px;
  border: none;
  outline: none;
  background-color: transparent;
  color: black;
  cursor: pointer;
  /*opacity: 0.2;*/
  /*padding: 15px;*/
  border-radius: 4px;
  }
  
  #myBtn2 i:hover {
  background-color: rgba(254, 40, 51, 1);
  border-radius: 30px;
  color:#17043A;
  }

/* Order messages */
span.order-msg {
font-size: 1em;
/*color: grey;*/
}

a.h-link {
  text-decoration: none;
  color: grey;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 0.5em;
}

/* AJUSTMENT for MODAAL 
Its default z-index its 9999 and for notiify its 1031
We new to know it to understand this ugly important
We allow display Notify messages over Modaal

.modaal-wrapper {
  z-index: 1030 !important;
} */

.alert[data-notify="container"] {
  padding: 10px 10px 10px 20px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  z-index: 9999 !important;
}

/* LOADER */
.loader {
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.85);
  position: absolute;
  right: 0%;
  top: 0%;
  z-index: 1000;
}

/* INCIDENCE */
.remarks-incidence {
border-style: solid;
border-width: thick;
border-color: #884dff;
}
.remarks-incidence div.header {
padding-top:0px;
}
.remarks-incidence div.content {
background-color:#e6e6e6
}
.remarks-incidence h4 {
margin-top: 20px;
}

/* NOT ENOUGTH MATERIAL */
.not-enought-material {
border-style: solid;
border-width: thick;
border-color: #F1B560;
}
.not-enought-material div.header {
padding-top:0px;
}
.not-enought-material div.content {
background-color:#e6e6e6
}
.not-enought-material h4 {
margin-top: 20px;
}

/* PRIVACY-POLICY */
@media screen and (min-width:640px) {
.card.card-privacy {
padding-left: 3em;
padding-right: 3em;
}
}

@media screen and (max-width:640px) {
.card.card-privacy h5 {
  font-size: 1.1em;
}
.card.card-privacy p {
  font-size: 1em;
}
}

.card.card-privacy li {
margin-left: -1.5em;
}

/* PRIVACY-POLICY MODAL*/

.content.content-privacy-modal li {
list-style: none;
}

.content.content-privacy-modal li {
margin-left: -1.8em;
margin-right: 0.5em;
}

/* HAMBURGER MENU 15/07/2019 */
.navbar {
border: 0;
font-size: 16px;
-webkit-border-radius: 0;
        border-radius: 0; 
}
.navbar .navbar-hamburger-custom {
font-weight: 400;
margin: 5px 0px;
padding: 15px 15px;
font-size: 20px; 
}
@media screen and (max-width:991px) {
li.hamburger-menu-custom {
visibility: hidden;
display:none;
}
}
a.hamburger-button-custom {
cursor: w-resize;
}
a.hamburger-button-custom.active{
cursor: e-resize;
}
/* SIDEBAR */
.sidebar#sidebar-collapsed {
background:;
max-width: 4%;
text-align: center;
max-height: 100%;
}
.sidebar#sidebar-collapsed .nav{
margin-top: 0;
position: absolute;
}
.sidebar#sidebar-collapsed i{
font-size: 2em;
font-size: 28px;
float: initial;
line-height: 30px;
width: 30px;
text-align: center;
}
.sidebar#sidebar-collapsed li a p{
width: 95px;
height: 30px;
}
.sidebar#sidebar-collapsed li{
  left: 5%;
}
.sidebar#sidebar-collapsed .nav{
width: 100%;
}
.sidebar#sidebar-collapsed p {
visibility:hidden;
}
.sidebar#sidebar-collapsed img{
max-width: 100%;
}
.sidebar#sidebar-collapsed #logo-sidebar{
padding: 0;
}
.sidebar#sidebar-collapsed a{
margin: .3em;
padding: 0.5em;
height: 45px;
}
.sidebar#sidebar-collapsed .sidebar-wrapper {
max-width: 4%;
position: fixed;
overflow: hidden;
overflow-y: scroll;
padding-bottom: 0;
}
@media screen and (max-width:1400px) {
.sidebar#sidebar-collapsed .sidebar-wrapper {
  max-width: 5%;
}
.sidebar#sidebar-collapsed {
  max-width: 5%;

}
.main-panel.active {
  max-width: 95%;
}
}
.dropdown-submenu {
position: relative;
}

.dropdown-submenu ul li::marker {
content:"";
}
.padding-bottom-extra{
padding-bottom: 20px;
}
/*SIDEBAR SCROLL*/
.sidebar .sidebar-wrapper::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

.sidebar .sidebar-wrapper::-webkit-scrollbar
{
width: 2px;
background-color: #F5F5F5;
}

.sidebar .sidebar-wrapper::-webkit-scrollbar-thumb
{
background-color: #000000;
border: 2px solid #555555;
}
/* MAIN PANEL WITH SIDEBAR COLLAPSED */
.main-panel.active {
width: 96%;
}

/*.main-panel.active .content{
z-index: -1;
}
*/
/*KIT ICONS MANAGEMENT*/
.sidebar#sidebar-collapsed a i.pe-7s-plugin#icon-kit-1 {
font-size: 1.60em;
margin-right:0em;
position:relative;
top: -0.3em;
left: -0.4em;
}
.sidebar#sidebar-collapsed a i.pe-7s-plugin#icon-kit-2 {
font-size: 1.6em;
margin-right:-1em;
position:relative;
bottom: -0.1em;
left: -1em;
}
@media screen and (max-width:1650px) {
.sidebar#sidebar-collapsed a i.pe-7s-plugin#icon-kit-1 {
  font-size: 1.60em;
  margin-right:0em;
  position:relative;
  float: left;
  top: -0.3em;
  left: -0.4em;
}
.sidebar#sidebar-collapsed a i.pe-7s-plugin#icon-kit-2 {
  font-size: 1.60em;
  margin-right:-1em;
  position:relative;
  float: right;
  width: 30%;
  bottom: -0.1em;
  left: -1.4em;
}
}
.pe-7s-plugin#icon-kit-1 {
font-size: 1.5em;
margin-right:0em;
position:relative;
top: -0.2em;
left: -0.2em;
}
.pe-7s-plugin#icon-kit-2 {
font-size: 1.5em;
margin-right:-1em;
position:relative;
bottom: -0.2em;
left: -1.2em;
}

/* LOGO navbar  */
.navbar-middle img{
width:100%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 0em;
vertical-align: middle;
}
.navbar .navbar-brand{
width: 9em;
}

@media screen and (min-width:1921px) {
.navbar-middle{
  height: 0em;
  width: 18em;
  margin: 0.1em 31%;
}
}
@media screen and (max-width:1920px) {
.navbar-middle{
  height: 0em;
  width: 18em;
  margin: 0.1em 26%;
}
}
@media screen and (max-width:1764px) {
.navbar-middle{
  height: 0em;
  width: 18em;
  margin: 0.1em 20%;
}
}
@media screen and (max-width:1222px) {
.navbar-middle{
  height: 0em;
  width: 18em;
  margin: 0.1em 15%;
}
}
@media screen and (max-width:1222px) {
.navbar-middle{
  height: 0em;
  width: 18em;
  margin: 0.1em 15%;
}
}
@media screen and (max-width:1163px) {
.navbar-middle{
  height: 0em;
  width: 18em;
  margin: 0.1em 12%;
}
.navbar-middle img{
  width:100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
 }
} 
@media screen and (max-width:1099px){
.navbar-middle{
  height: 0em;
  width: 12em;
  margin: 0.1em 12%;
}
.navbar-middle img{
  width:100%;
  padding-top: 0.7em;
}
}
/* FIN HAMBURGER MENU 15/07/2019 */

/* CHANGE COMPONENTS QR SIZE */

.component_qr_small img{
width: 8rem;
}

/* CUBE GRID LOADER  15/12/2020 */
.sk-cube-grid {
width: 27vw;
height: 12vw;
margin: 33vh auto;
}

.sk-cube-grid .sk-cube {
width: 11%;
height: 25%;
background-color: #e20c15;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 4s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 4s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.sk-cube-grid .sk-cube10 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.sk-cube-grid .sk-cube11 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.sk-cube-grid .sk-cube12 {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.sk-cube-grid .sk-cube13 {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.sk-cube-grid .sk-cube14 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-cube-grid .sk-cube15 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube16 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube17 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube18 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube19 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.sk-cube-grid .sk-cube20 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-cube-grid .sk-cube21 {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.sk-cube-grid .sk-cube22 {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
  -webkit-transform: scale3D(1, 1, 1);
          transform: scale3D(1, 1, 1);
} 35% {
  -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1); 
}
}

@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
  -webkit-transform: scale3D(1, 1, 1);
          transform: scale3D(1, 1, 1);
} 35% {
  -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
} 
}
/* FIN CUBE GRID LOADER  15/12/2020 */

.address_summary {
display: list-item; 
text-transform: uppercase; 
font-size: 12px; 
border-radius: 5px;
}
.address_summary:hover{
cursor:pointer;
}

.summary_fieldset {
min-width: 0; 
padding: 20px; 
margin: 1px; 
border: 1px solid #E3E3E3;
}

.modaal-ajax-update-pdf:hover{
background-color: #5cb85c;
color:white;
}

.btn-disabled{
border-color: grey !important;
color: grey;
}

.btn-disabled:hover{
color: grey;
}

.project-pdf-modal{
width:600px !important;
}
.project-pdf-modal .clearfix{
margin-top: 1em;
}

.pull-center{
display: flex;
justify-content: center;
}
.sidebar-items{
margin-left: 12px;
background: #c13f46;
width: 90%;
}
.sidebar-menu-dropdown:focus{
  background-color: #eeeeee23!important;
}

/* .btn-success-wout-outline{color:#fff;background-color:#5cb85c;border-color:#4cae4c}

.btn-danger-wout-outline{color:#fff;background-color:#3085d6;border-color:#1d79ce}  */
.btn-success-wout-outline, .btn-danger-wout-outline {
box-shadow: 0px 0px 0.5px 3px #ffffff00 !important;;
}
.flex-center{
  display: flex !important;
  align-items: center;
}
/* DUO CSS*/
.glass-graphic, .glass-graphic-hidden{
  background:rgb(215, 245, 255) !important;
  border:1px solid rgb(140, 189, 205) !important;
  height: 150px; 
  width: 15px;
  text-align: center; 
  transform: rotate(180deg);
  /* border:1px solid rgb(85, 85, 255) !important; */
}
.glass-graphic-hidden{
  display:none;
  background:rgb(215, 245, 255) !important;
  border:1px solid rgb(140, 189, 205) !important;
  
} 
.glass-graphic-text{
  transform: rotate(180deg);
}
#air-gap-graphic{
  background:rgb(255, 214, 161) !important; 
  border: 1px solid rgb(228, 176, 108) !important;
  height: 100px ; 
  width: 50px ;
  text-align: center ; 
  transform:translateY(125px);
}
.glass-info{
  transform: translateY(50px);
  margin-left: 10px;
  margin-right: 10px;
}
.glass-options-row{
  display: flex;
  align-items: flex-end;
}
.row-duo{
  /* padding-left: 15px;
  padding-right: 15px; */
  display: flex;
  gap:15px;
}
.row-duo-margin{
  margin-bottom: 15px;
}
.boolean-centered{
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  justify-content: center;
  align-items: left;
  box-shadow: 0px 0px 0.5px 3px #ffffff00 !important;;
}
.project-component-update{
  /* width: fit-content !important; */
  display: flex !important;
  align-items: center !important;
}
/* START PROFILE DOCUMENTS */
.details-general, .details-lock, .details-profile{
  cursor: pointer;
}
.details-general ul, .details-lock ul, .details-profile ul{
  --icon-space: 1.3em;
  list-style: none;
}

.details-general li i, .details-lock ul li {
  font-size: 18px;
}
i+a {
  margin-left: 10px;
}
.false-title{
  font-size: x-large;
}
/* END PROFILE DOCUMENTS */
.zip-folder, .zip-link{
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;

}
.zip-link{
  transition: transform .3s ease-out;
  color:grey;
}
.zip-link:hover{
  color:grey;
  transform: translate(0, -5px);
  filter: brightness(0.9);
}
.zip-folder{
  padding: 20px;
}
/* USER PROFILE BUTTONS*/
.jump-button-row{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1vh;
  width: 500px;
}
@media (width < 450px) {
  .jump-button-row{
    display: inline-flex;
    margin-top: 1vh;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .go-full-screen{
    display: none;
  }
}
.jump-to-time{
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa;
  border-radius: 4px;
  color: #3c4043;
  cursor: pointer;
  font-family: arial,sans-serif;
  font-size: 14px;
  height: 36px;
  line-height: 27px;
  min-width: 54px;
  padding: 0 16px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: pre;
}
.jump-to-time:hover{
  border-color: #dadce0;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 1px;
  color: #202124;
}
.jump-to-time:focus{
  border-color: #4285f4;
  outline: none;
}
.swal-fullscreen-video{
  max-width: 100% !important;
  width: auto !important; 
  display: flex !important;
  flex-direction: column;
  align-items: center;;
}
.swal-fullscreen-video video{
  width: 60vw;
  height: 65vh;

}
.go-full-screen, .go-full-screen-light{
  background-color: #c2fbd7;
  border-radius: 50px;
  color: green;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}


.go-full-screen:hover {
  transform: scale(1.05);
}
@media (width < 450px) {
  .go-full-screen{
    display: none;
  }
  #Pivot-video{
    width: 80vw;
  }
}
.section-details{
  display: list-item;
  list-style-type: '➡️ ';
  font-size: 16px;
  margin-left: 15px; 
}
.details-main[open] > summary{
  list-style-type: '⬇️ ';
}
.section-details:hover{
  cursor:pointer;
  }
.detail-container-1{
  zoom:0.9
}
.detail-container-2{
  zoom:0.7
}
/* END USER PROFILE BUTTONS*/