/* ##############################################################
    #################  Created By Pär Pettersson  ################
    #################         2025-05-22          ################
    #################                             ################
    #################         Last updated        ################
    #################         2025-08-05          ################
    #################         Pär Pettersson      ################
    ############################################################## */
/* New in 0.3.0 */
.ui.form .field:has(.dropdown) > label:not([class*="IC"]) {
  position: relative;
  top: 9px;
  left: 12px;
  font-size: 1em; 
  background: white;
  display: inline;
  padding: 5px 4px 0px 2px;
  padding-top: 0px;
  z-index: 1;
  transition: 
    top 0.2s ease,
    color 0.2s ease,
    font-size 0.2s ease;
}

.ui.form .field:not(.dropdown) > label:not([class*="IC"]) {
  position: relative;
  top: 9px;
  left: 12px;
  font-size: 1em; /* ← samma här */
  background: white;
  display: inline;
  padding: 5px 4px 0px 2px;
  padding-top: 0px;
  z-index: 1;
  transition: 
    top 0.2s ease,
    color 0.2s ease,
    font-size 0.2s ease;
}
.ui.form .field:has(.dropdown):focus-within > label,
.ui.form .field:has(.dropdown).has-value > label,
.ui.form .field:focus-within > label,
.ui.form .field.has-value > label {
  top: 0px;
  color: #6b6b6b;
}

/*END New in 0.3.0 */

    .ui.form .field:not([class*="IC"])
    {
        margin-top:-10px
    }
  
.ICSpecialButtonPadding
{
    padding: 3px!Important;
    padding-left:12px!Important;
    padding-right: 12px!Important;
}

/* #######  Toggles ############ */
.ui.button.primary:not([class*="IC"]) {
    background-color: #0a5e58!important;
}
.ui.button.primary:hover:not([class*="IC"]) {
    background-color: #0e7b74!important;
}
.ui.button:not([class*="IC"]) {
    border-radius: 14px!important;
}

.ui.toggle.checkbox input:focus:checked~label:not([class*="IC"]):before {
    background-color: #0a5e58!important;
}

.ui.toggle.checkbox input:checked~label:not([class*="IC"]):before {
    background-color: #0a5e58!important;
}

/* #######  Modals ############ */
.modal
{
    border-radius:14px!Important
}
.modal > .content
{
    border-radius:14px!Important
}
.modal>.header {
    padding-top: 10px !important;
    padding-left: 10px !important;
    font-size: 15px !important;
    padding-bottom: 4px !important;
}

/* #######  Steps ############ */
.ui.done.step:not([class*="IC"]), .ui.steps .step.done:not([class*="IC"]) {
    cursor: auto;
    background-color: #06795c;
    color: #FFF;
    font-weight: 700;
}
.ui.done.steps:after:not([class*="IC"]), .ui.steps .step.done:after:not([class*="IC"]) {
    background-color: #06795c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* #######  Segment ############ */
.segment:not([class*="IC"]) {
    border-radius: 15px!important;
}

/* #######  MENU ############ */
.menu:not(.transition):not([class*="IC"]) > .item:not([class*="paginate_button"]):not([class*="ICSpecialButtonPadding"]) {
    padding: 7px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    font-size: 14px;
}


.menu:not(.transition):not([class*="IC"]):not([class*="paginate_button"]) > .item.active:not([class*="paginate_button"]){
    background-color: #d2e4e3!important;
    border-radius: 14px;
    color: #373737!important;
}
.menu:not(.paginate_button):not(.transition):not([class*="IC"]):not([class*="paginate_button"]) > .item:not([class*="paginate_button"]):hover {
    border-radius: 14px!important;
}
.paginate_button:hover{
    border-radius:0px!Important;
}

/* #######  Buttons ############ */
.buttons>.button:not([class*="IC"]) {
    padding: 5px 10px 5px 10px;
    font-weight: 100!important;
    background-color: white;
    color: #176f68;
    border-right: 1px solid #cbc7c7;
    border-bottom: 1px solid #cbc7c7;
    border-top: 1px solid #cbc7c7;
}
.buttons>.button:first-child:not([class*="IC"]) {
    border-radius: 15px 0px 0px 15px!important;
    border-left: 1px solid #cbc7c7!important;
}
.buttons>.button:last-child:not([class*="IC"]) {
    border-radius: 0px 15px 15px 0px!important;
}

/* #######  Checkboxes ############ */
.ui.checkbox:not(.toggle):not([class*="IC"]) input[type="checkbox"] + label:before {
    border: 2px solid #2ca084; 
    background: transparent; 
}
.ui.checkbox:not(.toggle):not([class*="IC"]) input[type="checkbox"]:checked + label:before {
    background-color: #2ca084; 
    border-color: #2ca084; 
    color: white; 
}
.ui.checkbox:hover:not(.toggle):not([class*="IC"]) input[type="checkbox"] + label:before {
    border-color: #1b6c59; 
}
.ui.checkbox:not(.toggle):not([class*="IC"]) input[type="checkbox"]:checked + label:after {
    color: white; 
    font-weight: 100; 
    font-size: 0.9em; 
}

/* #######  Inputs ############ */
input:not([class*="IC"]) {
    border-radius: 5px;
}

/* #######  Message ############ */
.message:not([class*="IC"]) {
    border-radius: 14px!important;
}

/* #######  Card ############ */
.ui.card:not([class*="IC"]) {
    border-radius: 14px!important;
}
.ui.card > .content:first-child:not([class*="IC"]) {
    border-radius: 14px 14px 0px 0px!important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui.label:not([class*="IC"]) {
    border-radius: 14px;
}

/* #######  DataTable ############ */
.paginate_button {
    border-radius: 0px!Important;
}

.dataTables_wrapper table thead th:not([class*="IC"])
{
    padding:7px!Important;
    padding-left:12px!Important;
}
.dataTables_wrapper table tbody tr:not([class*="IC"]) td
{
    padding:7px!Important;
    padding-left:12px!Important;
}
.dataTables_wrapper table tbody tr:not([class*="IC"]) td
{
    padding:10px!Important;
    padding-left:12px!Important;
}
.table.dataTable
{
    border-bottom: 1px solid #e2e2e2!Important;
}

.ui.stackable.pagination.menu .paginate_button {
    padding: 12px 8px!Important; 
    font-size: 14px!Important;
    line-height: 1!Important;
    min-width: 30px!Important;
    height: auto!Important;
}
.ui.pagination.menu .active.item
{
    padding-top: 5px!Important;
    padding: 12px 8px!Important; 
    font-size: 14px!Important;
    line-height: 1!Important;
    min-width: 30px!Important;
    height: auto!Important;
}
.dataTables_info
{
    margin-top: 7px!Important;
    font-size: 14px!Important;
}
.TableSearchPlacement
{
max-width: 120px;
}
.table.dataTable
{
    border-radius: 0px!Important;
}
.dataTables_wrapper table thead th
{
background-color:white!Important;
}
.cardHeader
{
margin-bottom:15px!Important;
background-color: #f9fafb!Important;
}
.extraContentDTrow
{
margin-top: 10px!Important;
border-top: 1px solid #cfcfcf ! Important;
background-color: #f9fafb!Important;
height: 55px;
}
.ui.card>:last-child, .ui.cards>.card>:last-child:not([class*="IC"])
{
border-radius:0px 0px 14px 14px!Important
}
.pagination.menu.mini
{
margin-top:-2px!Important;
}




