@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Bold.ttf') format('truetype'); }

[data-responsive="true"] input[type="password"], 
[data-responsive="true"] input[type="text"], 
[data-responsive="true"] select,
[data-responsive="true"] input,
[data-responsive="true"] select,
[data-responsive="true"] textarea,
[data-responsive="true"] div.readonly {
    box-sizing: border-box!important;
}

[data-responsive="true"] div.readonly {
    min-height: 20px!important;
}

form.kubeSmartform[data-responsive="true"] fieldset {
    padding: 1rem;
}

form.kubeSmartform[data-responsive="true"] .append, 
form.kubeSmartform[data-responsive="true"] .prepend {
    margin-right: 0;
}

form.kubeSmartform input.small, 
form.kubeSmartform select.small {
    height: 20px;
}

[data-responsive="true"] * textarea.required, 
[data-responsive="true"] * input.required, 
[data-responsive="true"] * select.required {
    top: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
}

form[data-responsive="true"] {
    margin: 0;
}

form[data-responsive="true"] div.buttonBar {
    display: none;
}

[data-responsive="true"] .row.gutters .col {
    margin-bottom: 5px;
}

[data-responsive="true"] .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
}

[data-responsive="true"] .row.gutters,
[data-responsive="true"] .row.gutters > .row {
    margin-left: -2%; 
}

[data-responsive="true"] .row.gutters > .col,
[data-responsive="true"] .row.gutters > .row > .col {
    margin-left: 2%; 
}

[data-responsive="true"] .col-sm-1 {
    width: calc(8.33333% - 2%)!important; 
}
[data-responsive="true"] .col-sm-2 {
    width: calc(16.66667% - 2%)!important; 
}
[data-responsive="true"] .col-sm-3 {
    width: calc(25% - 2%)!important; }

[data-responsive="true"] .col-sm-4 {
    width: calc(33.33333% - 2%)!important; 
}
[data-responsive="true"] .col-sm-5 {
    width: calc(41.66667% - 2%)!important; 
}
[data-responsive="true"] .col-sm-6 {
    width: calc(50% - 2%)!important; 
}
[data-responsive="true"] .col-sm-7 {
    width: calc(58.33333% - 2%)!important; 
}
[data-responsive="true"] .col-sm-8 {
    width: calc(66.66667% - 2%)!important; 
}
[data-responsive="true"] .col-sm-9 {
    width: calc(75% - 2%)!important; 
}
[data-responsive="true"] .col-sm-10 {
    width: calc(83.33333% - 2%)!important; 
}
[data-responsive="true"] .col-sm-11 {
    width: calc(91.66667% - 2%)!important; 
}
[data-responsive="true"] .col-sm-12 {
    width: calc(100% - 2%)!important;
}

@media only screen and (min-width: 580px) and  (max-width: 999px) {
    [data-responsive="true"] .col-md-1 {
      width: calc(8.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-2 {
      width: calc(16.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-3 {
      width: calc(25% - 2%)!important; }
  
    [data-responsive="true"] .col-md-4 {
      width: calc(33.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-5 {
      width: calc(41.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-6 {
      width: calc(50% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-7 {
      width: calc(58.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-8 {
      width: calc(66.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-9 {
      width: calc(75% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-10 {
      width: calc(83.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-11 {
      width: calc(91.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-md-12 {
      width: calc(100% - 2%)!important;
    }

    [data-responsive="true"] .offset-r-md-1 {
        margin-right: calc(8.33333% + 2%) !important; }
          
    [data-responsive="true"] .offset-r-md-2 {
    margin-right: calc(16.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-3 {
    margin-right: calc(25% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-4 {
    margin-right: calc(33.33333% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-5 {
    margin-right: calc(41.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-6 {
    margin-right: calc(50% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-7 {
    margin-right: calc(58.33333% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-8 {
    margin-right: calc(66.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-9 {
    margin-right: calc(75% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-10 {
    margin-right: calc(83.33333% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-11 {
    margin-right: calc(91.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-md-12 {
    margin-right: calc(100% + 2%) !important; }

    [data-responsive="true"] [data-component="tabs"] li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1000px) {
    [data-responsive="true"] .col-lg-1 {
        width: calc(8.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-2 {
        width: calc(16.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-3 {
        width: calc(25% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-4 {
        width: calc(33.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-5 {
        width: calc(41.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-6 {
        width: calc(50% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-7 {
        width: calc(58.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-8 {
        width: calc(66.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-9 {
        width: calc(75% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-10 {
        width: calc(83.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-11 {
        width: calc(91.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-lg-12 {
        width: calc(100% - 2%)!important;
    }

    [data-responsive="true"] .offset-r-lg-1 {
        margin-right: calc(8.33333% + 2%) !important; }
        
    [data-responsive="true"] .offset-r-lg-2 {
        margin-right: calc(16.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-3 {
        margin-right: calc(25% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-4 {
        margin-right: calc(33.33333% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-5 {
        margin-right: calc(41.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-6 {
        margin-right: calc(50% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-7 {
        margin-right: calc(58.33333% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-8 {
        margin-right: calc(66.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-9 {
        margin-right: calc(75% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-10 {
        margin-right: calc(83.33333% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-11 {
        margin-right: calc(91.66667% + 2%) !important; }
    
    [data-responsive="true"] .offset-r-lg-12 {
        margin-right: calc(100% + 2%) !important; }
}

@media only screen and (min-width: 1500px) {
    [data-responsive="true"] .col-xl-1 {
      width: calc(8.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-2 {
      width: calc(16.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-3 {
      width: calc(25% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-4 {
      width: calc(33.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-5 {
      width: calc(41.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-6 {
      width: calc(50% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-7 {
      width: calc(58.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-8 {
      width: calc(66.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-9 {
      width: calc(75% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-10 {
      width: calc(83.33333% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-11 {
      width: calc(91.66667% - 2%)!important; 
    }
    [data-responsive="true"] .col-xl-12 {
      width: calc(100% - 2%)!important;
    }
}

@media only screen and (max-width: 1000px) {
    form.kubeSmartform[data-responsive="true"] nav.tabs li {
        margin-right: 0;
    }
}

/* SIX Theme */
.sixTheme * {
    font-family: "Roboto", sans-serif;
}

form.sixTheme legend {
    font-weight: normal;
    font-family: "Roboto-Bold", sans-serif;
    text-transform: none;
}

form.sixTheme .my-collapse h4 label {
    font-weight: normal;
    font-family: "Roboto-Bold", sans-serif;
}

.sixTheme textarea.required, 
.sixTheme input.required, 
.sixTheme select.required {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form.kubeSmartform.sixTheme textarea:not(.withBorder), 
form.kubeSmartform.sixTheme input:not(.withBorder), 
form.kubeSmartform.sixTheme select:not(.withBorder),
form.kubeSmartform.sixTheme div.readonly:not(.withBorder) {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background-color: transparent!important;
    border-radius: 0px !important;
}

form.kubeSmartform.sixTheme input[type="file"] {
    padding: 0;
    border: none;
}

form.kubeSmartform.sixTheme .append span {
    border: none;
    background-color: transparent;
}

form.kubeSmartform.sixTheme select {
    background-image: url('images/arrow.png');
    background-repeat: no-repeat;
    background-position: center right 3px;
    background-size: 20px;
}

form.kubeSmartform.sixTheme input:focus, 
form.kubeSmartform.sixTheme textarea:focus, 
form.kubeSmartform.sixTheme select:focus {
    box-shadow: none;
    border-color: #009846;
}

form.kubeSmartform.sixTheme * {
    font-size: 14px!important;
}