/* ========================================
    GENERAL
======================================== */

/* html, body */
*{ font-family:Roboto,sans-serif; user-select:none; -webkit-user-select:none; -moz-user-select:none; }

/* html,body{ width:100%; height:100%; overflow:hidden; -webkit-overflow-scrolling:auto; margin:0px; padding:0px; box-sizing:border-box; background-color:rgb(245,245,245); box-sizing:border-box; } */
html,body{ position:relative; margin:0px; padding:0px; background-color:rgb(244,245,246); box-sizing:border-box; width:100%; height:100%; overflow:hidden; }

/* colors */
.gkit-blue{ color:rgb(0,160,220); }
.gkit-red{ color:rgb(255,150,150); }
.gkit-green{ color:rgb(67,160,71); }
.gkit-grey{ color:rgb(130,130,130); }

/* custom hr */
gkit_hr{ display:block; height:2px; background-color:rgb(0,160,220); }

/* bounce effect */
.gkit-anim-bounce-effect{ animation-name:anim_bounce_effet; animation-duration:0.4s; animation-iteration-count:1; transition-timing-function:cubic-bezier(0, 1, 0, 1); }

/* container */
.gkit-container{ display:block; width:100%; max-width:1150px; margin:auto; padding:0px 20px; box-sizing:border-box; transition:0.6s; }
.gkit-container-equipment{ display:block; width:100%; max-width:1250px; margin:auto; padding:0px 20px; box-sizing:border-box; transition:0.6s; }
.gkit-container-report{ display:block; width:100%; max-width:1250px; margin:auto; padding:0px 20px; box-sizing:border-box; transition:0.6s; }
@media (max-width:500px){
    .gkit-container{ padding:0px 10px; }
    .gkit-container-equipment{ padding:0px 10px; }
    .gkit-container-report{ padding:0px 10px; }
}

/* content */
.gkit-content{ background-color:transparent; }

/* brackets */
.gkit-bracket{ font-size:50px; font-weight:600; }
@media (max-width:1000px){  .gkit-bracket{ font-size:40px; }  }
@media (max-width:800px){   .gkit-bracket{ font-size:30px; }  }
@media (max-width:600px){   .gkit-bracket{ font-size:30px; }  }
@media (max-width:400px){   .gkit-bracket{ font-size:30px; }  }

/* clearfix (wraping) */
.clearfix{ clear:both; }

.error {
    color: red;
}

/* ========================================
    LOADING
======================================== */
background{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; padding:0px; box-sizing:border-box; background-color:white; pointer-events:none; }
bg_box_loading{ display:block; width:100%; margin:auto; margin-top:45vh; transform:translateY(-50%); box-sizing:border-box; padding:0px 20px; }
bg_box_loading .smooth_loader_animation_container{ display:block; width:100%; max-width:300px; margin:auto; height:10px; margin-bottom:20px; }
bg_box_loading .smooth_loader_animation { width:0%; height:100%; background-color:rgb(50,175,200); border-radius:1px; animation-name:animation_spring_ltr_custom; animation-duration:2s; animation-iteration-count:infinite; }
bg_box_loading img{ display:block; width:100%; max-width:100px; margin:auto; }
bg_box_loading span{ display:block; width:100%; color:#4D5455; font-family:sans-serif; font-size:20px; font-weight:300; text-align:center; }



/* ========================================
    VIEWS
======================================== */
/*
views{  display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:+1; box-sizing:border-box; overflow:hidden; background-color:transparent; transition: padding 0.6s; }
view{   display:none; position:absolute; padding:inherit; top:0; bottom:0; left:0; right:0; z-index:+1; width:100%; height:100%; opacity:1; box-sizing:border-box; overflow:hidden; background-color:transparent; }
*/
views{ display:block; position:relative; width:100%; height:100%; z-index:0; margin-bottom: 20px; box-sizing:border-box; overflow:hidden; background-color:transparent; white-space:nowrap; overflow:hidden; }
view{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; opacity:1; box-sizing:border-box; white-space:initial; overflow:hidden; will-change:transform; }



/* ========================================
    LOADING
======================================== */
loading{ opacity:0; pointer-events:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(245, 245, 245, 0.9); transition: opacity 0.4s; }
loading .box{ position:absolute; top:50%; left:50%; width:90%; transform:translate(-50%,-50%); text-align:center; }
loading .box .smooth_loader_animation_container{ display:block; width:100%; max-width:300px; margin:auto; height:5px; margin-bottom:20px; }
loading .box .smooth_loader_animation { width:0%; height:100%; background-color:rgb(0,160,220); border-radius:50px; animation-name:animation_spring_ltr_custom; animation-duration:2s; animation-iteration-count:infinite; }
loading .box span{ display:block; width:100%; color:#4D5455; font-size:20px; font-weight:300; text-align:center; }



/* ========================================
    NOTIFICATIONS
======================================== */
notifications{ display:block; position:absolute; z-index:+15; bottom:100%; left:0; width:100%; height:200px; transform:translateY(0px); transition: transform 0.4s, background-color 0s; box-sizing:border-box; overflow:hidden; background-color:transparent; pointer-events:none; }
notification{ display:block; height:auto; max-height:100px; width:90%; max-width:400px; margin:auto; margin-top:25px; font-family:'Poppins'; font-size:16px; color:rgb(64, 142, 211); background-color:rgb(255, 255, 255); padding:10px 20px; border:1px solid rgb(220,220,220); border-radius:3px; line-height:20px; box-sizing:border-box; pointer-events:initial; box-shadow: 0 1px 5px rgba(0,0,0,0.1); word-break:break-word; overflow:auto; }



/* ========================================
    POPUP
======================================== */
tracypopup{ opacity:0; pointer-events:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(0,0,0,0.2); transition: opacity 0.4s; }
tracypopup .box{ position:absolute; width:auto; min-width:400px; max-width:90%; height:auto; top:50%; left:50%; transform:translate(-50%,-50%); padding:0px; background-color:white; box-shadow:0px 3px 6px #00000029; border:1px solid #EAE7E7; border-radius:5px; text-align:center; }
tracypopup .box .content{ padding:50px 50px 0px 50px; font-family:Roboto; font-size:16px; line-height:19px; font-weight:400; color:#393D3D; text-align:center; margin-bottom:25px; }
tracypopup .box button{ display:inline-block; font-family:Roboto; width:auto; margin:5px; padding:0px 20px; line-height:50px; text-align:center; background:#65D4E6; border-radius:4px; border:none; font-size:15px; color:white; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; }
tracypopup .box actions{ display:block; padding:0px 10px 50px 10px; text-align:center; }



/* ========================================
    OVERLAY
======================================== */
view div.overlay-opacity{ display:none; }



/* ========================================
    OFFLINE BANNER
======================================== */
offlinebanner{ display:block; position:absolute; top:0; left:0; right:0; z-index:+10; background-color:rgb(202,84,88); }
offlinebanner .currentworkspace{ display: flex; justify-content: center; align-items: center; height:40px; background-color:rgb(189,76,80); text-align:center; padding:0 10px; overflow:auto; white-space:nowrap; }
offlinebanner .agenda-button { margin-left: 1em; background-color: white; border-radius: 3px; color: grey; padding: 5px 20px; cursor: pointer; min-width: 187px; box-sizing: border-box; }
offlinebanner .agenda-button.active { background-color: #67D4E6; font-weight: bold; color: white; }
offlinebanner .currentworkspace h2{ display:inline-block; vertical-align:middle; padding:0; margin:0; font-size:16px; font-weight:300; color:white; line-height:39px; }
offlinebanner .off-container{ padding: 0 10px; width:100%; max-width:800px; margin:auto; }
offlinebanner .left{  display:inline-block; vertical-align:middle; box-sizing:border-box; width:50px; }
offlinebanner .left .imgcontainer{ width:100%; }
offlinebanner .left .imgcontainer img{ width:100%; object-fit:cover; }
offlinebanner .right{ display:inline-block; vertical-align:middle; box-sizing:border-box; width:calc(100% - 50px); }
offlinebanner .right p{ color:white; font-family:'Roboto'; font-size:14px; margin:0; }
offlinebanner .offline-search-container {display: flex; justify-content: center; align-items: center; margin: 0 auto -20px; max-width: 1150px;}
offlinebanner .offline-search-container form {width: 100%;}
offlinebanner .offline-search-container input{ pointer-events:initial; display:block; width:100%; margin:auto; height:auto; line-height:40px; font-size:15px; font-style:italic; font-weight:300; color:rgb(100,150,230); padding:0px 10px; background-color:white; -webkit-appearance:none; border:1px solid rgb(164,164,164); border-radius:50px; box-sizing:border-box; -webkit-user-select:all; -moz-user-select:all; background-image: url(../../shared/icons/icon-search.png); background-repeat: no-repeat; background-size: 30px 30px;background-position: 99%; }



/* ========================================
    LANG
======================================== */
/* CUSTOMIZE GKIT LANG SPANS */
gkit_lang{ font-family:inherit; font-size:inherit; font-weight:inherit; text-align:inherit; }
body.lang_fr      gkit_lang:not(.gkit_lang_fr){      display:none;  }
body.lang_en      gkit_lang:not(.gkit_lang_en){      display:none;  }
body.lang_custom  gkit_lang:not(.gkit_lang_custom){  display:none;  }



/* ========================================
    SEGMENTED CONTROL
======================================== */
/* GENERAL */
segmented_control{ display:block; height:30px; border-radius:100px; padding:2px; background-color:rgb(235,235,235); white-space:nowrap; overflow:hidden; box-sizing:border-box; }
segmented_control segment{ display:inline-block; position:relative; width:33.33%; height:100%; border-radius:100px; padding:0px; background-color:transparent; transition: background-color 200ms linear, color 200ms linear; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow:hidden; text-overflow:ellipsis; }
segmented_control segment span{ display:block; position:absolute; width:100%; height:auto; left:0%; top:50%; transform:translateY(-50%); text-align:center; font-family:'Poppins', sans-serif; color:rgb(130,130,130); font-size:16px; font-weight:500; overflow:hidden; text-overflow:ellipsis; }
segmented_control segment.segment_checked{ background-color:white; }
segmented_control segment.segment_checked span{ color:rgb(0,160,220); }
segmented_control segment.segment_w0p{ display:none; }
segmented_control segment.segment_w20p{ width:20%; }
segmented_control segment.segment_w25p{ width:25%; }
segmented_control segment.segment_w33p{ width:33.33%; }
segmented_control segment.segment_w50p{ width:50%; }
segmented_control segment.segment_w100p{ width:100%; }
@media (max-width:600px){  segmented_control segment span{ font-size:14px; }  }



/* ========================================
    SEARCH BAR
======================================== */
search_bar{ display:block; height:40px; border-radius:100px; padding:2px; background-color:rgb(235,235,235); white-space:nowrap; overflow:hidden; box-sizing:border-box; }



/* ========================================
    TOGGLE SWITCH
======================================== */
.switch{ position:relative; display:inline-block; width:60px; height:34px; }
.switch input{ opacity:0; width:0; height:0; }
.slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:rgb(220,220,220); -webkit-transition:.4s; transition:.4s; }
.slider:before{ position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s; }
input:checked + .slider{ background-color:#2196F3; }
input:focus + .slider{ box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before{ -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform:translateX(26px); }
/* Rounded sliders */
.slider.round{ border-radius:34px; }
.slider.round:before{ border-radius:50%; }



/* ========================================
    MIDDLE
======================================== */
/* GENERAL */
middle{ display:block; position:relative; height:100%; text-align:left; padding-top:160px; box-sizing:border-box; margin-top:0px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; background-color:transparent; }
middle > *:last-child { margin-bottom: 100px !important; }
@media (max-width:1200px){  middle{ padding-top:110px; }  }
middle button{ -webkit-appearance:none; border:none; border-radius:50px; background-color:rgb(116,167,255); color:white; height:auto; line-height:30px; padding:0px 10px; font-size:15px; }
/* TITLES */
middle h3{ font-size:30px; color:rgb(64,142,211); margin-top:0px; }
@media (max-width:1000px){  middle h3{ font-size:30px; }  }
@media (max-width:800px){  middle h3{ font-size:20px; }  }
/* LIST */
middle list{ display:block; width:100%; height:100%; margin:0px; padding:0px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; }
middle list .list_infos{ margin:20px 0px; margin-bottom:40px; text-align:justify; font-family:'Poppins'; text-transform:italic; }
middle .gkit-infos{ margin:20px 0px; margin-bottom:40px; text-align:justify; font-family:'Poppins'; text-transform:italic; }



/* ========================================
    GKIT OPTIONS
======================================== */
middle .gkit-options{ margin:0px; margin-bottom:20px; padding:10px 0px; overflow:auto; background-color:transparent; text-align:left; transition: background-color 1s, background-image 1s; }

/* rows */
middle .gkit-options .gkit-options-row{ display:table; width:100%; position:relative; }
@media(max-width:800px){ middle .gkit-options .gkit-options-row{ display:block; } }

/* sides */
middle .gkit-options .gkit-options-side-left{  display:table-cell; vertical-align:bottom; width:auto; box-sizing:border-box; }
middle .gkit-options .gkit-options-side-right{ display:table-cell; vertical-align:bottom; width:auto; box-sizing:border-box; text-align:right; }
@media(max-width:800px){ middle .gkit-options .gkit-options-side-left{ display:block; width:100%; } }
@media(max-width:800px){ middle .gkit-options .gkit-options-side-right{ display:block; width:100%; margin-top:20px; } }
/*  */
middle .gkit-options .gkit-options-row .gkit-options-filters{ display:inline-block; vertical-align:bottom; width:100%; max-width:200px; box-sizing:border-box; margin-left:25px; margin-top:30px; }
middle .gkit-options .gkit-options-row .gkit-options-orderby{ display:inline-block; vertical-align:bottom; width:100%; max-width:200px; box-sizing:border-box; margin-left:25px; margin-top:30px; }
middle .gkit-options .gkit-options-row .gkit-options-category{ display:inline-block; vertical-align:bottom; width:100%; max-width:210px; box-sizing:border-box; margin-left:25px; margin-top:30px; }
middle .gkit-options .gkit-options-row .gkit-options-filters:first-child{ margin-left:0px; }
@media(max-width:800px){ middle .gkit-options .gkit-options-row .gkit-options-filters{ width:100%; max-width:initial; margin-left:0px; } }
@media(max-width:800px){ middle .gkit-options .gkit-options-row .gkit-options-filters:first-child{ /* padding-right:40px; */ } }
@media(max-width:800px){ middle .gkit-options .gkit-options-row .gkit-options-orderby{ width:100%; max-width:initial; margin-left:0px; } }
@media(max-width:800px){ middle .gkit-options .gkit-options-row .gkit-options-category{ width:100%; max-width:initial; margin-left:0px; } }
/**/
middle .gkit-options .gkit-options-row .gkit-options-filters .block{ white-space:nowrap; }
middle .gkit-options .gkit-options-row .gkit-options-orderby .block{ white-space:nowrap; }
middle .gkit-options .gkit-options-row .gkit-options-category .block{ white-space:nowrap; }
/* elements */
middle .gkit-options h2{ font-size:35px; color:#393D3D; margin:0; margin-bottom:5px; text-transform:uppercase; }
middle .gkit-options h3{ font-size:16px; font-weight:300; color:#BCB7B7; margin:0px!important; }
middle .gkit-options h5{ font-family:Roboto; font-size:12px; font-weight:400; color:#4d5455; margin:0; margin-bottom:10px; }
middle .gkit-options select{ display:inline-block; vertical-align:middle; width:100%; max-width:210px; height:40px; box-sizing:border-box; background-color:white; border:1px solid rgb(230,230,230); border-radius:5px; font-family:Roboto,sans-serif; font-size:15px; font-weight:400; margin:0px; padding:2px 10px; padding-right:50px; color:#4D5455; -webkit-appearance:none; line-height:30px; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
middle .gkit-options select:focus{ outline:none; }
middle .gkit-options input{ display:inline-block; vertical-align:middle; width:100%; max-width:200px; height:40px; box-sizing:border-box; background-color:white; border:1px solid rgb(230,230,230); border-radius:5px; font-family:Roboto,sans-serif; font-size:15px; font-weight:400; margin:0px; padding:2px 10px; padding-right:50px; color:#4D5455; -webkit-appearance:none; line-height:30px; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; overflow:hidden; text-overflow:ellipsis; }
middle .gkit-options input:focus{ outline:none; }
@media(max-width:800px){ middle .gkit-options select{ width:100%; max-width:initial; } }
middle .gkit-options span.caret{ pointer-events:none; display:inline-block; vertical-align:middle; margin-left:-40px; width:40px; height:40px; line-height:40px; padding:0; box-sizing:border-box; padding:2px 10px; background-color:#4A4D4D; border-radius:5px; text-align:center; font-size:15px; font-weight:300; color:rgb(26,174,196); }
middle .gkit-options span.caret *{ pointer-events:none; }
middle .gkit-options span.caret span{ display:block; line-height:40px; padding:0; text-align:center; font-size:15px; font-weight:300; color:rgb(26,174,196); text-transform:uppercase; transform:scale(1.5,0.6); transition:transform 0.2s; }
/* buttons */
middle .gkit-options .options-btn{               position:relative; display:inline-block; padding:0px 20px; width:auto; height:auto; margin:0; margin-left:12px; margin-top:12px; border-radius:3px; cursor:pointer; }
middle .gkit-options .options-btn span{          display:inline-block; vertical-align:middle; line-height:50px; font-family:'Poppins'; font-size:16px; }
middle .gkit-options .options-btn img{           display:inline-block; vertical-align:middle; height:20px; width:20px; margin-left:10px; }
middle .gkit-options .options-btn-add{           background-color:rgb(101,212,231); }
middle .gkit-options .options-btn-add span{      color:white!important; }
middle .gkit-options .options-btn-download{      background-color:rgb(101,212,231); }
middle .gkit-options .options-btn-download span{ color:white!important; }
middle .gkit-options .options-btn-export{        background-color:#4d5455; }
middle .gkit-options .options-btn-export span{   color:white!important; }
middle .gkit-options .options-btn-sendmail{      background-color:#4d5455; }
middle .gkit-options .options-btn-sendmail span{ color:white!important; }
middle .gkit-options .options-btn-edit{          background-color:#65D4E6; }
middle .gkit-options .options-btn-edit span{     color:white!important; }
middle .gkit-options .options-btn-validate{      background-color:#65D4E6; }
middle .gkit-options .options-btn-validate span{ color:white!important; }
middle .gkit-options .options-btn-save{          background-color:#65D4E6; }
middle .gkit-options .options-btn-save span{     color:white!important; }
middle .gkit-options .options-btn-cancel{        background-color:#4d5455; }
middle .gkit-options .options-btn-cancel span{   color:white!important; }
middle .gkit-options .options-btn-remove{        background-color:#4d5455; }
middle .gkit-options .options-btn-remove span{   color:white!important; }
middle .gkit-options .options-btn-delete{        background-color:#4d5455; }
middle .gkit-options .options-btn-delete span{   color:white!important; }



/* ========================================
    SLIDER
======================================== */
slider{ position:relative; display:block; width:100%; height:auto; overflow:visible; /* white-space:nowrap; DONT SET WHITE-SPACE NOW. USER JAVASCRIPT sliderShow(). Bug fix : prevent login card disappear immediatly after loading */ }
slider slide{ position:relative; display:inline-block; vertical-align:top; opacity:1; width:100%; height:auto; white-space:initial; overflow:hidden; padding:0px; margin-bottom:40px; transition:transform 0.6s, opacity 0.4s; will-change:transform; }
slider slide:not(:first-child){ height:0px; opacity:0; pointer-events:none; }



/* ========================================
    COPYRIGHTS
======================================== */
copyrights{ display:block; height:auto; line-height:2em; background-color:transparent; color:rgb(0,160,220); padding:20px; margin:0px; box-sizing:border-box; overflow:hidden; text-align:center; }



/* ========================================
    FIELDS
======================================== */
fields{ display:block; box-sizing:border-box; }
fields field{ display:block; padding:0; box-sizing:border-box; margin-bottom:20px; }
fields field *{ pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }
fields h5{ position:relative; z-index:+1; display:block; box-sizing:border-box; width:auto; min-width:auto; max-width:auto; padding:0px; font-family:Roboto; font-size:17px; font-weight:400; line-height:initial; color:#4D5455; text-transform:uppercase; border:none; border-radius:0px; margin:0; margin-bottom:10px; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; }
fields h6{ position:relative; z-index:+1; display:block; box-sizing:border-box; width:auto; min-width:auto; max-width:auto; padding:0px; font-family:Roboto; font-size:13px; font-weight:600; line-height:initial; color:#4D5455; text-transform:uppercase; border:none; border-radius:0px; margin:0; margin-bottom:10px; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; }
fields h5.required:after{ content:"*"; position:absolute; left:100%; color:red; font-size:10px; }
fields h6.required:after{ content:"*"; position:absolute; left:100%; color:red; font-size:10px; }

fields field>div{      position:relative; display:block;        vertical-align:initial; box-sizing:border-box; width:100%; min-width:100%; max-width:100%; height:auto; padding:0px 15px; font-family:Roboto; font-size:17px; font-weight:400; line-height:45px; background-color:white; color:#4D5455; text-transform:none; border:none; border-radius:3px; margin:0; outline:none; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; }
fields field>span{     position:relative; display:block;        vertical-align:initial; box-sizing:border-box; width:100%; min-width:100%; max-width:100%; height:auto; padding:0px 15px; font-family:Roboto; font-size:17px; font-weight:400; line-height:45px; background-color:white; color:#4D5455; text-transform:none; border:none; border-radius:3px; margin:0; outline:none; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; }
fields field>input{    position:relative; display:block;        vertical-align:initial; box-sizing:border-box; width:100%; min-width:100%; max-width:100%; height:auto; padding:0px 15px; font-family:Roboto; font-size:17px; font-weight:400; line-height:45px; background-color:white; color:#4D5455; text-transform:none; border:none; border-radius:3px; margin:0; outline:none; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; -webkit-appearance:none; }
fields field>textarea{ position:relative; display:block;        vertical-align:initial; box-sizing:border-box; width:100%; min-width:100%; max-width:100%; height:auto; padding:0px 15px; font-family:Roboto; font-size:17px; font-weight:400; line-height:45px; background-color:white; color:#4D5455; text-transform:none; border:none; border-radius:3px; margin:0; outline:none; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; -webkit-appearance:none; }
fields field>button{   position:relative; display:block;        vertical-align:initial; box-sizing:border-box; width:100%; min-width:100%; max-width:100%; height:auto; padding:0px 15px; font-family:Roboto; font-size:17px; font-weight:400; line-height:45px; background-color:white; color:#4D5455; text-transform:none; border:none; border-radius:3px; margin:0; outline:none; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; -webkit-appearance:none; }
fields field>select{   position:relative; display:inline-block; vertical-align:middle;  box-sizing:border-box; width:100%;                                 height:auto; padding:0px 15px; font-family:Roboto; font-size:17px; font-weight:400; line-height:45px; background-color:white; color:#4D5455; text-transform:none; border:none; border-radius:3px; margin:0; outline:none; pointer-events:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; resize:none; transition:background-color 0.6s; cursor:pointer; overflow:hidden; text-overflow:ellipsis; -webkit-appearance:none; -moz-appearance:none; }

fields field>span.caret{ pointer-events:none; display:inline-block; width:auto; min-width:0; vertical-align:middle; box-sizing:border-box; position:relative; margin:0px; margin-left:-40px; width:40px; height:25px; padding:2px 10px; line-height:22px; text-align:center; color:rgb(64,142,211); font-size:14px; background-color:transparent; border-radius:50px; }

fields field .ss-main .ss-single-selected{ height:20px; border:none; padding:0; }



/* ========================================
    BOXE TEAM
======================================== */
/* CARD */
team.card { display:block; margin:0px; width:75%; max-width:250px; height:auto; padding:0px 5px; background-color:rgb(250,250,250); border:1px solid rgb(220,220,220); border-radius:10px; box-sizing:border-box; }
team.card *::-webkit-scrollbar{ display:none; }
/*@media (max-width:600px){ view[data-view="teams"]  team.card { width:100%; }  }*/
/* LINES */
team.card .card-line-name{         display:block; width:100%; height:auto; padding:5px; color:black; box-sizing:border-box; border-bottom:none; overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
team.card .card-line-members{      display:block; width:100%; height:auto; padding:5px; color:black; box-sizing:border-box; border-bottom:none; overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
team.card .card-line-localisation{ display:block; width:100%; height:auto; padding:5px; color:black; box-sizing:border-box; border-bottom:none; overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
team.card .card-line-options{      display:block; width:100%; height:auto; padding:5px; color:black; box-sizing:border-box; border-bottom:none;                       overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
/* TEAM NAME SPAN */
team.card .team-name { font-family:sans-serif; font-weight:600; }
/* MEMBER CIRCLE */
team.card .card-teammember-cell {   display:inline-block; vertical-align:top; position:relative; width:auto; height:100%; color:black; box-sizing:border-box; }
team.card .card-teammember-circle { display:block; width:30px; height:30px; border-radius:50px; text-align:center; padding:5px; margin-right:5px; background-color:rgb(210,210,210); color:white; font-weight:600; box-sizing:border-box; text-transform:uppercase; }
team.card .card-line-members .card-teammember-cell:first-child .card-teammember-circle{ background-color:rgb(79,195,247); }
/* OPTIONS -> BUTTONS */
team.card .card-line-options span.team-planned{ float:left;  width:auto; padding:2px 10px; background-color:rgb(220,220,220); color:white; border-radius:50px; font-weight:normal; font-size:14px; }
team.card .card-line-options span.team-edit{    float:right; width:auto; padding:2px 10px; background-color:rgb(79,195,247); color:white; border-radius:50px; font-weight:normal; font-size:14px; }
team.card .card-line-options span.team-delete{  float:right; width:auto; padding:2px 10px; background-color:rgb(255,150,150); color:white; border-radius:50px; font-weight:normal; font-size:14px; }



/* ========================================
    SETTINGS
======================================== */
/* GENERAL */
.settings-content{ display:block; padding:0px 0px; }
.settings-content-left{ display:inline-block; vertical-align:top; width:40%; margin-bottom:40px; }
.settings-content-right{ display:inline-block; vertical-align:top; width:60%; }
.settings-content-right h3:first-child{ margin-top:0px; }

/* OPTIONS */
settings{ display:block; background-color:rgb(245,245,245); border-radius:10px; padding:0px 5px; }
settings .line{ display:block; height:auto; padding:5px 10px; border-top:1px solid rgb(230, 230, 230); }
settings .line:first-child{ border-top:none; }

settings .line .line-side-titleswitch{ display:inline-block; vertical-align:middle; width:calc(100% - 60px); }
settings .line .line-side-titleswitch span{ font-family: poppins-regular; font-size:14px; line-height:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }
settings .line .line-side-switch{ display:inline-block; vertical-align:middle; width:60px; }

settings .line .line-side-titleinput{ display:inline-block; vertical-align:middle; width:45%; }
settings .line .line-side-titleinput span{ font-family: poppins-regular; font-size:14px; line-height:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }
settings .line .line-side-input{ display:inline-block; vertical-align:middle; width:55%; padding-left:2%; border-left:1px solid rgb(230, 230, 230); box-sizing:border-box; }
settings .line .line-side-input input{ width:100%; height:auto; box-sizing: border-box; background-color:transparent; border:none; border-bottom:1px solid rgb(0, 160, 220); border-radius:0px; -webkit-appearance:none; font-family: poppins-regular; font-size:14px; line-height:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }

settings .line .line-side-titletextarea{ display:inline-block; vertical-align:middle; width:45%; }
settings .line .line-side-titletextarea span{ font-family: poppins-regular; font-size:14px; line-height:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }
settings .line .line-side-textarea{ display:inline-block; vertical-align:middle; width:55%; padding-left:2%; border-left:1px solid rgb(230, 230, 230); box-sizing:border-box; }
settings .line .line-side-textarea textarea{ width:100%; height:auto; transition:height 0.4s; box-sizing: border-box; background-color:transparent; border:none; border-bottom:1px solid rgb(0, 160, 220); border-radius:0px; -webkit-appearance:none; font-family: poppins-regular; font-size:14px; line-height:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }

/* TRANSLATIONS */
translations{ display:block; background-color:rgb(245,245,245); border-radius:10px; padding:0px 5px; }
translations .line{ display:block; height:auto; padding:5px 10px; border-top:1px solid rgb(230, 230, 230); }
translations .line:first-child{ border-top:none; }
translations .line .line-side-default{ display:inline-block; vertical-align:middle; width:45%; }
translations .line .line-side-custom{ display:inline-block; vertical-align:middle; width:55%; padding-left:5%; border-left:1px solid rgb(230, 230, 230); box-sizing:border-box; }
translations .line span{ font-family: poppins-regular; font-size:14px; line-height:initial; user-select:initial; -webkit-user-select:initial; -moz-user-select:initial; }

@media(max-width:800px){
    .settings-content-left{ width:100%; }
    .settings-content-right{ width:100%; }
}


/* ========================================
    INPUTS
======================================== */
input[type="email"] { padding: 1em; border: 1px solid #65D4E6; border-radius: 5px; color: #555 }