html {
    font-size: 100%;
}

body {
    background-color: #f3f3f3;
    padding-top: 57px;
}


.hide_screen {
    display:none;
}

/* carpetcare color : #9FA9C3 */

.form-short {
    width:45%;
    margin-right:1em;
    float:left;
}
@media (max-width: 1400px) {
    .form-short {
        width:95%;
        margin-right:0em;
        float:none;
    }    
}

.form-check-input {
    width:1.2em;
    height:1.2em;
}

.center_form {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    background-color: #9FA9C3;
    border-radius: 10px;
    padding: 30px;
}

.center_form .btn-primary {
    background-color: #5F6983;
    border: none;
}

.iscroll {
    max-height: 400px;
    overflow-y: scroll;
}

.navbar-light {
    border-bottom: 1px solid #c0c0c0;
}

.today {
    background-color: #e5e5ef !important;
}
.weekend {
    background-color: #f7f7f7 !important;
}

.nav-link {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, .7) !important;
    padding: 0.4rem 0.7rem;
}

.titleaction {
    margin: 0 0rem 0.5rem 0;
}

.titleaction div {
    padding-top: 0.1rem;
}

.titleaction div:last-child {
    text-align: right;
    padding: 0;
}


/*
textarea:focus, input:focus{
    outline: none;
}
*/

fieldset {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 20px;
}

legend {
    font-size: 1.2rem;
}

.form-control {
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

label {
    font-size: 0.8rem;
}

.form-label {
    font-size: 0.9rem;
    margin-bottom: 0.10em;
}

.form-row {
    display: flex;
}

.form-row div {
    flex: 0 1 50%;
    margin-right: 20px;
}

.w-14 {
    width: 14%;
}

.cal-cell {
    font-size: 0.75rem;
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: .0625rem solid rgba(46, 54, 80, .125);
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px rgba(140, 152, 164, .1) !important;
    padding: 0.75rem;
}

.tabcard {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-left: .0625rem solid rgba(46, 54, 80, .125);
    border-right: .0625rem solid rgba(46, 54, 80, .125);
    border-bottom: .0625rem solid rgba(46, 54, 80, .125);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    box-shadow: 0 2px 5px rgba(140, 152, 164, .1) !important;
    padding: 1rem;
}

.buttoncard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: .0625rem solid rgba(46, 54, 80, .125);
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px rgba(140, 152, 164, .1) !important;
    padding: 1rem;
    margin-top: 1rem;
}


.fixed-buttoncard {

    position:fixed;
    bottom:0px;
    left:0;
    width:100%;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, .2);
    background-clip: border-box;
    padding: 0.5rem;
}


.btn-white {
    background-color: #fff;
}

.mb-6 {
	margin-bottom: 4rem !important;
}


.second .nav-link:first-child {
    text-align: left;
}

.second .nav-link:last-child {}

ul.btc {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.btc li {
    display: inline;
}

ul.btc li+li:before {
    padding: 2px;
    color: black;
    /* content: "/\00a0"; */
    content: "\2192";
}

ul.btc a {
    font-size: 0.9rem;
    text-decoration: none;
}

ul.btc li.active {
    font-weight: bold;
}

a.title {
    font-weight: bold;
}

input.long {
    width: 100%;
    float: left;
}

input.long2 {
    width: 75%;
    float: left;
}

input.short {
    width: 30%;
    float: left;
}

div.clear {
    clear: both;
}

input.inline {
    display: inline;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

select.form-control {
    appearance: auto;
}

@media (max-width: 700px) {
    body {
        font-size:0.8rem;
    }
    .cal-cell {
      padding: 0.1rem 0.1rem 0.1rem 0.1rem !important;
      font-size:0.6rem; 
    }
    .weeknum {
        display:none;
    }

    .nav-item .nav-link {
        padding: 6px 10px 6px 10px;
        border:1px solid #b0b0b0;
        border-radius: 4px;
        margin-bottom: 10px;
    }

}

#offcanvasExample li { 
    list-style-type: none;
}

table {
    text-align: left;
    position: relative;
  }
  
  th {
    background: white;
    position: sticky;
    top: 60px;
  }


  th.small {
    background: white;
    position: initial;
    text-transform: uppercase;
    font-size:12px;
  }


label.checkbox {
    min-width:200px;
}

  .mt { margin-top:1em; }  
  .mb { margin-bottom:1em; }

  .ml { margin-left:1em; }

.smaller {
    font-size:0.73em;
}

  .alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
  }



  /* update 2025 */

.ts-control {
  min-height: 34px;       /* or whatever height you want */
  height: 34px;
  padding: 5px 8px;       /* adjust vertical padding */
  line-height: 22px;      /* helps center text vertically */
}
.ts-control input {
  height: 27px;
  line-height: 27px;
  padding: 0 5px;
}


/* newcard */


.newcard {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: .0625rem solid rgba(46, 54, 80, .125);
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px rgba(140, 152, 164, .1) !important;
    padding: 0;
}

.newcard-title {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: #fcfcfc;
    border-bottom: .0625rem solid rgba(46, 54, 80, .125);
    padding: 0.75rem 1.0rem;
    font-weight: bold;
}

.newcard-body {
    padding: 0.75rem 1.0rem;
}

.newcard-fullbody {
    padding: 0rem 0rem;
}

.newcard-actions {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background-color: #fcfcfc;
    border-top: .0625rem solid rgba(46, 54, 80, .125);
    border-bottom: .0625rem solid rgba(46, 54, 80, .125);
    padding: 0.75rem 1.0rem;
    font-weight: bold;
}

.newcard-fullbody > table {
    border-collapse: separate;   /* or 'collapse' works too */
    border-spacing: 0;
    width:100%;
}

.newcard-fullbody > table > thead > tr > th {
    text-transform: uppercase;
    font-size:0.75rem;
}


.newcard-fullbody > table > thead > tr > th, 
.newcard-fullbody > table > tbody > tr > td { padding: 0.5rem 0.5rem; vertical-align: top; }

.newcard-fullbody > table th + th,
.newcard-fullbody > table td + td {
    border-left: 1px solid #ccc;
}


.newcard-fullbody > table th,
.newcard-fullbody > table td {
    border-bottom:1px solid #ccc;
}


/* .newcard-fullbody > table > tbody > tr,
.newcard-fullbody > table > thead > tr > td
{
    border-top: 1px solid #ccc !important;
    border-top-width: 1px !important;
} */


/* .newcard-fullbody > table tr + tr th,
.newcard-fullbody > table tr + tr td 
{
    border-top: 1px solid #ccc;
} */