/*root klase*/
@font-face {
	src: url(../fonts/OpenSans-Regular.ttf);
	font-family: 'OpenSans';
}

@font-face {
	src: url(../fonts/OpenSans-Mediumttf);
	font-family: 'OpenSans Medium';
}

@font-face {
	src: url(../fonts/OpenSans-Bold.ttf);
	font-family: 'OpenSans Bold';
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'OpenSans';
    scrollbar-color: #D9DCDF transparent;
    scrollbar-width: thin;
}


::-webkit-scrollbar {
    width: 2px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: transparent; 
    border-radius: 5px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #D9DCDF; 
    border-radius: 5px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #D9DCDF;
  }

/*root klase end*/


/*helper klase*/
#idk_preview {
    
    object-fit:contain;
}

#idk_temperature{
    font-size: 3rem;
    text-align: center; 
}

#idk_temperature:focus, #idk_temperature:active{
    outline: none;
}

.idk_qr_scanner h3{
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 27px;
    color: #000000;
}

.idk_qr_scanner span{
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #8E97A3;
}

#idk_scanner_placeholder {
    width: 200px;
    height: 200px;
  
    background:
      linear-gradient(to right, black 4px, transparent 4px) 0 0,
      linear-gradient(to right, black 4px, transparent 4px) 0 100%,
      linear-gradient(to left, black 4px, transparent 4px) 100% 0,
      linear-gradient(to left, black 4px, transparent 4px) 100% 100%,
      linear-gradient(to bottom, black 4px, transparent 4px) 0 0,
      linear-gradient(to bottom, black 4px, transparent 4px) 100% 0,
      linear-gradient(to top, black 4px, transparent 4px) 0 100%,
      linear-gradient(to top, black 4px, transparent 4px) 100% 100%;
  
    background-repeat: no-repeat;
    background-size: 20px 20px;
  }

  .idk_message_content{
      display: inline-block;
      word-break: break-word;
      word-wrap: break-word;
  }


.idk_licence_color{
    background: #D4F2E1;
}

.idk_user_color_male{
    background: #C7E0FF;
}

.idk_user_color_female{
    background: #FACCE4 !important;
}

.idk_drive_color{
    background: rgba(255, 192, 159, 0.5);
}

.idk_company_color{
    background: #FBEBCB;
}

.idk_products_color{
    background: #F8B9DA;
}

.idk_assignment_color{
    background: #CDCEF9;
}

.idk_assignment_group_color{
    background: #D5F1E6;
}

.idk_text_blue{
    color: #3D94FF;;
}

.idk_green{
    background: #E6F1FF;
}

.idk_orange{
    background: #FDF6E7;
}

.idk_yellow{
    background-color: #FFF8C7;
}

.idk_mobile_units_bg{
    background-color: #FBF1CB;
}

.idk_priority{
    color: #F0AC24;
}

.idk_agroup_notif{
    background-color: #FCDDEC;
}

.idk_licence_padding{
    padding-left: 0.7rem;
    padding-top: 0.7rem;
}

.idk_text_bold{
    font-weight: 600 !important;
}

.idk_dark_grey{
    color: #1F2E45 !important;
  }

  .idk_bottom_border{
    border-bottom: 1px solid #D9DCDF;
  }

  .idk_datepicker{
      background-color: transparent;
      width: 40px;
      height: 35px;
  }

  .idk_admin_mobile-worker .idk_temperature_time{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;    
    color: #1F2E45;
  }

  .idk_admin_mobile-worker .idk_temperature_measure{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #38C172;
  }

  .idk_agroup_mobile_title{
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 27px;
    color: #1F2E45;
  }

  .idk_radio_toolbar{
    width:100%;
    overflow-x: scroll;
  }

  .idk_radio_toolbar input[type="radio"] {
    display: none;
  }
  
  .idk_radio_toolbar label {
    display: inline-block;
    background-color: #fff;
    max-height: 50px;
    padding: 11px 30px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #8E97A3;
    border-radius: 8px;
    color: #8E97A3;
    overflow: hidden;
  }
  
  .idk_radio_toolbar input[type="radio"]:checked+label {
    border: 1px solid #3D94FF;
    color: #3D94FF;
  }
  
@property --p{
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
  }
  
  .pie {
    --p:20;
    --b:5px;
    --c:#3D94FF;
    --w:40px;
    
    width:var(--w);
    aspect-ratio:1;
    position:relative;
    display:inline-grid;
    margin:5px;
    place-content:center;
    font-size:18px;
    color: #3D94FF;
    font-weight:bold;
    font-family:sans-serif;
  }
  .pie:before,
  .pie:after {
    content:"";
    position:absolute;
    border-radius:50%;
  }
  .pie:before {
    inset:0;
    background:
      radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
      conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
            mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
  }
  .pie:after {
    inset:calc(50% - var(--b)/2);
    background:var(--c);
    transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
  }
  .animate {
    animation:p 1s .5s both;
  }
  .no-round:before {
    background-size:0 0,auto;
  }
  .no-round:after {
    content:none;
  }
  @keyframes p {
    from{--p:0}
  }


  .idk_alert_overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 50;
    cursor: pointer;
  }

  .idk_alert_section{
    background: #FFFFFF;
    border-radius: 22px;
  }

  .idk_alert_section h3{
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 27px;    
    color: #000000;
  }

  .idk_alert_section p{
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #8E97A3;
  }

  .idk_alert_section button{
    background: #3D94FF;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    width: 114px;
    height: 54px;
    padding: 14px;
    margin-top: 1rem;
  }

  .idk_alert_section a{
    background: #3D94FF;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    width: 114px;
    height: 54px;
    padding: 14px;
    margin-top: 1rem;
  }

  .idk_popup_button{
    background: #3D94FF;
    border-radius: 6px;
    width: 114px;
    height: 52px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
  }
  
  .idk_user_notification_title h2{
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #1F2E45;
  }

  .idk_user_no_notifications p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;    
    color: #8E97A3;
  }
/*helper klase end*/


/*admin side nav*/

.idk_admin_sidebar{
    width: 256px;
    background: #F4F4F4;
    color: #1F2E45;
    a{
        text-decoration: none;
    }
}


.idk_sidebar_logo{
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #1F2E45;
}

.idk_logo{
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 15px;
    height: 64px;
    border-bottom: 1px solid #dee2e6;
}
.idk_logo_partners{
    padding-top: 2px;
    padding-left: 10px;
    padding-bottom: 15px;
    height: 64px;
    border-top: 1px solid #dee2e6;
}
.idk_sidebar_nav{
    margin-top: 15px !important;
}

.idk_admin_sidebar span,a{
    font-size: 12px;
    color: #3F3F46;
    margin-left: 8px !important;
    margin-right: 8px;
}
.idk_sidebar_nav a:hover{
    text-decoration: none;
}

.idk_admin_sidebar .active svg{
   font-weight: 600;
}

.idk_admin_sidebar .active{
    font-weight: 600;
    background-color: #e5e7eb;
    border-radius: 6px !important;
    color: #18181B;
    margin-left: 8px;
    margin-right: 8px;
    height: 32px;
}

.idk_admin_sidebar .active span{
    color: #18181B;
}

.idk_admin_sidebar .active .idk_sidebar_icons{
    color: #18181B;
}

.idk_sidebar_icons{
    fill: none;
    stroke-width: 1.5;
    stroke: #464A4F;
}

/*admin side nav end*/


/*admin header start*/
.idk_admin_header{
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 4px;
    height: 64px;
    border-bottom: 1px solid #dee2e6;
}

.idk_admin_header_message h2{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #1F2E45;
    margin-bottom: 0px;
}

.idk_admin_header_message h3{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    margin-top: 1px;
    color: #8E97A3;
}

.idk_admin_notification_dropdown{
    width: fit-content;
    max-height: 22rem;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
    overflow-y: scroll;
}

.idk_admin_notification_dropdown h3{
    font-style: normal;
    font-weight: 600;
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_admin_notification_dropdown h4{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
    margin-bottom: 1rem;
}

.idk_admin_notification{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
    width: 36rem;
}

.idk_admin_notification h2{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
    padding-top: 7px;
}

.idk_admin_notification h5{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_sidebar_menu_label{
    font-size: 12px;
    margin-left: 10px;
    margin-top: 30px;
    opacity: 75%;
}
.idk_sidebar_partnership_label{
    font-size: 12px;
    margin-left: 5px;
    margin-top: 3px;
    opacity: 75%;
    margin-bottom: 0px;
}
.footer_label{
    float: right;
    margin-right: 15px;
    margin-top: -20px;
}
.idk_header_link{
    width: 40px;
    height: 40px;
    align-items: center;
    text-align: center;
    padding-left: 10px;
    padding-top: 5px;
}

.idk_notification_licence{
    width: 50px;
    height: 50px;
    padding-top: 15px;
    padding-left: 15px;
}
.idk_warehouse_list {
    margin-top: 150px
}

/*admin header end*/


/*mobile navbar*/
.idk_mobile_navbar{
    background: #FFFFFF;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    height: 6.75rem;
    padding: 30px !important;
    a{
        img{
            position: absolute;
            margin: -22px;
        }
    }
}

.idk_mobile_qr{
    border-radius: 50%;
    background-color: #fff;
   /* border: 5px solid #D6E8FF;*/
    align-items: center;
    justify-content: center;
    padding: 14px;
    img{
        position: absolute;
        height: 38px;

    }
}

.idk_mobile_navbar .mobile_active{
    background: #D6E8FF;
}
.user-top-left-nav{
    .mobile_active{
        background: #E6F1FF !important;
        svg{
            fill: black
        }
    }
}


.idk_mobile_navbar .mobile_icon_active{
    stroke: #3D94FF !important;
}

.idk_mobile_navbar .mobile_icon_inactive{
    stroke: #D9DCDF !important;
}
.mobile_icon_inactive{
    margin-top: 3px;
    stroke: black !important;
}

.idk_mobile_user_profile_title h3{
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #1F2E45;

}

/*mobile navbar end*/


/*login form*/

.idk_login_form{
    background: transparent;
    max-height: 750px;
} 

.idk_login_form h3{
    font-style: normal;
    font-weight: 900;
    font-size: 23px;
    line-height: 27px;
    color: #1F2E45;
    padding-bottom: 32px;
}

.idk_login_form h2{
    font-style: normal;
    font-weight: 900;
    font-size: 23px;
    line-height: 27px;
    color: #1F2E45;
}

.idk_login_form button{
    background: #3D94FF;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    padding: 14px 44px;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.idk_login_form h4{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
    padding-top: 32px;
    width: 350px;
}

.idk_login_label{
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #1F2E45;
}

.idk_login_image{
    max-height: 750px;
}


/*login form end*/


/*superadmin klase*/
.idk_superadmin_content{
    a{
        text-decoration: none;
    }
    
}

.idk_superadmin_quick_menu, .idk_admin_units_quick_menu{
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
    background: #fff;
    padding-bottom: 1rem;
}


.idk_superadmin_quick_menu h3, .idk_admin_units_quick_menu{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_superadmin_quick_menu span, .idk_admin_units_quick_menu span{
    line-height: 21px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #8E97A3;
}

.idk_superadmin_list h4, .idk_admin_agroup_list h4{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_superadmin_list h2, .idk_admin_agroup_list h2{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}



.idk_superadmin_list, .idk_admin_agroup_content{
    max-height: 204px;
    min-height: 204px;
    overflow-y: scroll;
        a{
            text-decoration: none;
        }
}
.idk_admin_agroup_content{
    margin-left: -40px;
    ul{
        li{
            button{
                margin-right: 5px;
            }
        }
    }
}
.idk_superadmin_list{
    margin-left: -10px;
    div{
        div{
            button{
                margin-right: 5px;
            }
        }
    }
}
.idk_admin_agroup_list{
    div{
        div{
            button{
                margin-right: 5px;
            }
        }
    }
}

.idk_superadmin_list h5, .idk_admin_agroup_list h5{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_company_toggle:hover{
    cursor: pointer;
    background-color: #E6F1FF;
    border-radius: 10px;
    margin-right: 0.5rem;
}

.idk_active_manager{
    background-color: #E6F1FF;
    border-radius: 10px;
    margin-right: 0.5rem !important;
}

.idk_superadmin_manager_details{
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.idk_superadmin_manager_details h4{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_superadmin_menager_detail_group h6{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_superadmin_menager_detail_group{
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_superadmin_company_list{
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.idk_superadmin_company_list h5{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
    
}
.idk_div_inline{
    display: inline;
    float: left;
}

.idk_div_inline_last{
    display: inline;
    float: left;
    margin-left: 20px;
}
.idk_action_link{
    display: inline-block;
}

.idk_inline{
    display: inline;
    float: left;
    width: 48%;
}
.idk_inline_last{
    display: inline;
    float: left;
    margin-left: 20px;
    width: 48%;
}
.idk_buttons_inline_div{
    text-align: center;
}
.idk_iot_is_online{
    margin-top: 25px;
}

.idk_company_table{
    max-height: 180px;
    overflow-y: scroll;
}

.idk_company_list_table thead{
    border-bottom: 2px solid #D9DCDF;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_company_list_table tbody{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_superadmin_modal_label{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}
.idk_superadmin_modal_label_iot{
    margin-top: -27px;
    margin-left: 460px;
}

.idk_superadmin_modal_title{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_superadmin_modal_form input::placeholder{
    color: #D9DCDF;
}

.idk_superadmin_modal_form_button{
    background: #3D94FF;
    border-radius: 6px;
    width: 13.875rem;
    height: 3.25rem;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 14px;
}
.idk_superadmin_modal_form_button_close{
    background: gray;
    border-radius: 6px;
    width: 13.875rem;
    height: 3.25rem;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 14px;
}

.idk_superadmin_modal_form_button_link_innentech{
    background: #3D94FF;
    border-radius: 6px;
    width: 17.875rem;
    height: 3.25rem;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 14px;
}

.idk_superadmin_manager_table_container{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
    height: 25rem;
    padding: 1rem;
}

.idk_superadmin_manager_table_container h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_superadmin_manager_table_container input::placeholder{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_superadmin_manager_table_container input{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #D9DCDF;
}

.idk_superadmin_manager_table{
    max-height: 300px;
    overflow-y: scroll;
}

.idk_superadmin_manager_table thead{
    border-bottom: 2px solid #D9DCDF;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_superadmin_manager_table thead th,
.idk_superadmin_manager_table tbody td{
    padding: 0.5rem;
}

.idk_superadmin_manager_table td{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
    border-bottom: 1px solid #D9DCDF;
}

.idk_superadmin_licence_request h3{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_superadmin_licence_request{
    max-height: 320px;
    overflow-y: scroll;
}

.idk_superadmin_licence_request span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_superadmin_licence_icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #D4F2E1;
    padding-top: 12px;
    padding-left: 11px;
    justify-content: center;
}

.idk_superadmin_company_details_modal h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_superadmin_company_details_modal span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_superadmin_company_details_modal h4{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}


/*superadmin klase end*/

/*admin klase*/


.idk_admin_select_company h2{
    font-style: normal;
    font-weight: bold;
    padding-left: 1rem;
    font-size: 15px;
    color: #8D97A2;
}
select{
    background: none;
}

.idk_admin_select_company a{
    font-style: normal;
    font-size: 12;
    color: #D9DCDF;
    text-decoration: none;
}

.idk_admin_select_company a:hover{
    color:#3D94FF;
}

.idk_admin_dropdown {
    position: relative;
  
  }
  
  .idk_admin_dropbtn{
      color: transparent;
      cursor: pointer;
      background-image: url('../images/icons/options.svg');
      background-repeat: no-repeat;
      width: 10px;
      
  }
  .idk_admin_dropdown_content {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
    margin-left: -140px !important;
    ul{
        margin-left: -20px !important;
    }
  }
  
  .idk_admin_dropdown_content span{
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      color: #8E97A3;
  }
  
  .idk_admin_dropdown_content hr{
      background-color: #D9DCDF;
      width: 100%;
      margin: 8px 0;
  }
  
  .idk_admin_dropdown_content a {
    color: black;
    text-decoration: none;
  
  }
  
  .show {
    display: block;
  }

  .idk_admin_switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .idk_admin_switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .idk_admin_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3D94FF;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .idk_admin_slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .idk_admin_slider {
    background-color: #38C172;;
  }
  
  input:focus + .idk_admin_slider {
    box-shadow: 0 0 1px #38C172;;
  }
  
  input:checked + .idk_admin_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .idk_admin_slider.round {
    border-radius: 34px;
  }
  
  .idk_admin_slider.round:before {
    border-radius: 50%;
  }


  .idk_admin_toggle span{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
  }

  .idk_admin_reports_history{
    background: #FFFFFF;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
  }

  .idk_admin_reports_history h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
  }

  .idk_admin_report_details{
    background: #FFFFFF;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
  }

  .idk_admin_report_details h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
  }

  .idk_admin_history_list{
      border-bottom: 1px solid #D9DCDF;
  }

  .idk_admin_history_list h4{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
  }
  
  .idk_admin_history_list span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
  }

  .idk_admin_reports_list{
      max-height: 300px;
      overflow-y: scroll;
  }

  .idk_admin_reports_detail_group h6{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;

  }

  .idk_admin_reports_detail_group span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;    
    color: #8E97A3;
  }

  .idk_admin_reports_detail_group h5{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #1F2E45;
  }

  .idk_records_div{
      display: none
  }

  #idk-admin-records-tabs-nav{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;    
    color: #8E97A3;
    padding-bottom: 1rem;
  }

  .idk_admin_records_active{
    color: #3D94FF;
    border-bottom: 1px solid #3D94FF;
  }

  .idk_admin_table_head{
    background: #E6F1FF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
  }

  .idk_admin_table_head thead{
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
    text-align: center;    
    color: #1F2E45;
  }

@media (max-width: 992px) { /* tableti i telefoni */
  .idk_admin_table_head thead {
    th{
        font-size: 12px;
        border-right: none !important;
        span{
            font-size: 12px;
        }
    }
  }
}


  .idk_admin_table_head thead th{
      border-right: 1px solid #8E97A3;
      padding: 10px 0;
  }
  
  .idk_admin_table_head thead th:last-child{
    border: none;
}

  .idk_admin_table_body{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    max-height: 520px;
    overflow-y: scroll;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;

  }

  .idk_admin_table_body td{
      padding: 1rem 0;
      border-bottom: 1px solid #D9DCDF;
  }

  .idk_admin_date_dropdown{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
    width:160px;
    padding: 10px 16px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
    margin-right: 95%;
  }

  #idkAdminTab button,
  #idkAdminTemperatureTab button{
    background: #FFFFFF;
    border: 1px solid #D9DCDF;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
  }

  #idkAdminTab .active,
  #idkAdminTemperatureTab .active{
    border: 1px solid #3D94FF;
    box-sizing: border-box;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
  }

  .idk_company_choice h3{
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #8D97A2;

  }

  .idk_admin_company_choice_list{
    background: #fff;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
    justify-content: center;
    text-align: center;
    width: 14rem;
    min-height: 18rem;
    cursor: pointer;
  }


  .idk_admin_company_image_placeholder {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #38C172;
    display: flex;
    justify-content: center;
    align-items: center;
}

.idk_admin_company_card_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
}

.idk_admin_card_company_content{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

.idk_admin_company_card_content{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_company_card_content strong{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}

.idk_admin_licence_list{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
    
}

.idk_admin_licence_list h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 0.8125rem;
    color: #1F2E45;
}


.idk_admin_licence_list span{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}


.idk_admin_licence_list_icon{
    border-radius: 50%;
    background-color: #fff;
    width: 110px;
    height: 110px;
    align-items: center;
    padding-top: 42px;
    padding-left: 37px;
}

.idk_admin_licence_active{
    border: 1px solid #38C172;
}


.idk_admin_licence_alert{
    padding-top: 35px;
    padding-left: 50px;
    border: 1px solid #E98862;
}

.idk_admin_licence_inactive{
    border: 1px solid #FF5454;
}

.idk_alert_icon{
    background-color: #FF5454;
}


.idk_admin_assigment_group_list{
    background: #FFFFFF;
    border: 1px solid #D9DCDF;
    border-radius: 20px;
}

.idk_admin_assigment_group_list h6{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_admin_assigment_group_content li{
    background: #FFFFFF;
    border: 1px solid #D9DCDF;
    border-radius: 20px;
    width: fit-content;
}

.idk_active_assigment{
    border: 2px solid #3D94FF !important;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
}

.idk_admin_assigment_done{
    background: #FFFFFF;
    border: 5px solid #38C172;
    width:40px;
    height:40px;
    border-radius: 50%;
    padding-top: 9px;
    padding-left: 7px;
}

.idk_admin_assigment_not_done{
    background: #FFFFFF;
    border: 5px solid #FF5454;
    width:40px;
    height:40px;
    border-radius: 50%;
}

.idk_assigment_warning{
    width: 7px;
    height: 7px;
    background: #F0AC24;
    margin-right: 4px;
    margin-left: -10px;
    position: absolute;
}

.idk_admin_left_border{
    border-left: 1px solid #D9DCDF;
}

.idk_admin_haccapp_select{
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
    background: none;
}

.idk_admin_haccapp_list li{
  background: #FFFFFF;
  border: 1px solid #D9DCDF;
  text-align: center;
  min-width: 9rem;
  padding: 14px;
  border-radius: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #1F2E45;
}


.idk_admin_haccapp_list .active{
  color:  #3D94FF;
  background-color: #fff !important;
}
.idk_admin_haccapp_list{
    a{
        color: black;
    }
}

.idk_assignment_form_add{
    background: #FFFFFF;
    border: 1px solid #A3CCFF;
    box-sizing: border-box;
    border-radius: 4px;
    min-width: 62px;
    text-align: center;
    color: #A3CCFF;
    text-transform: uppercase;
    padding: 7px;
}

.idk_admin_qr_print{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #3D94FF;
}


.idk_admin_products_list{
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    min-height: 700px;
    max-height: 700px;
    overflow-y: scroll;
}

.idk_admin_products_list h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_admin_products_table thead{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}

.idk_admin_products_table td{
    border-right: 1px solid #D9DCDF;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_products_table td:last-child{
    border: none;
}

.idk_admin_products_table h4{
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_products_table span{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}

.idk_admin_messages_section{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_admin_messages_section h5{
    font-weight: normal;
    font-size: 14px;
    color: #1F2E45;
}

.idk_admin_messages_section h4{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #1F2E45;
}

.idk_admin_messages_section h6{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #1F2E45;
}

.idk_admin_messages_section span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #8E97A3;
}

.idk_admin_messages_section p{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_admin_messages_list{
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

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

.idk_admin_messages_button{
    width: 68px;
    height: 68px;
    background: #3D94FF;
    align-items: center;
    padding: 20px;
}

.idk_admin_choose_company_title{
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #1F2E45;
    margin-top: 8.75rem;
    text-align: center;
}

.idk_mobile_admin_content{
    padding: 0 20px;
}

.idk_admin_mobile_nav h3{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}

.idk_admin_mobile_title h2{
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #1F2E45;
}

.idk_admin_mobile_title h3{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #8E97A3;
}

.idk_admin_mobile_tabs h4{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
    
}

.idk_admin_mobile_tab_buttons{
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; 
}

.idk_admin_mobile_tab_buttons li{
    background: #FFFFFF;
    border: 1px solid #8E97A3;
    border-radius: 8px;
    padding: 11px 14px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    min-width: 100px;
    height: 50px;
    color: #8E97A3;
}

.idk_admin_mobile_tab_buttons .active{
    background: linear-gradient(145.15deg, #C1D8ED -43.97%, #3D94FF 94.33%);
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.35);
    border: none !important;
    color: #fff;
}

.idk_admin_mobile_workers h4{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_mobile-worker{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_admin_mobile-worker h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color:#1F2E45;
}

.idk_admin_mobile-worker h4{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
    text-transform: capitalize;
}

.idk_admin_mobile-worker span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_admin_mobile_worker_icon{
    border-radius: 50%;
    background: #D4F2E1;
    width: 52px;
    height: 52px;
    padding-top: 9px;
    padding-left: 13px;
}


.idk_admin_mobile_pick_date h4{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.idk_admin_mobile_assignment_group h4{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.idk_admin_a_group{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_admin_a_group h5{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #1F2E45;
}

.idk_admin_a_group span{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #8E97A3;
}

.idk_admin_a_group_progress{
    background: #3D94FF;
    width: 5px;
    height: 45px;
    border-radius: 0 30px 30px 0;
}

.idk_admin_mobile_assignments h4{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_mobile_assignment{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}

.idk_admin_mobile_assignment_icon{
    background: #CDCEF9;
    border-radius: 16px;
    padding: 13px 15px;
}

.idk_admin_mobile_assignment h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_admin_mobile_assignment span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_admin_report_text h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_admin_report_text h4{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_admin_report_text span{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_admin_report_info h4{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_admin_report_info span{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #FF5454;
}

.idk_admin_temperature_report{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #38C172 !important;
}

.idk_admin_mobile_units_section h3{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}


.idk_admin_mobile_unit{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_admin_mobile_unit h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_admin_mobile_agroup_single{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_admin_mobile_agroup_single h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
    padding-top: 13px;
}

.idk_admin_mobile_agroup_single span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_admin_mobile_agroup_single p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_admin_mobile_drive_list{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}


.idk_admin_mobile_drive_list h3{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_mobile_drive_list span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_finish_drive{
    background: #3D94FF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 14px 44px;
}

.idk_admin_mobile_notification_container h2{
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #1F2E45;
}

.idk_admin_mobile_notification_group h3{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_mobile_notification{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}

.idk_admin_mobile_notification h4{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_admin_mobile_notification span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_admin_mobile_create_message{
    background: #F8FBFF;
    border: 1px solid #A3CCFF;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #3D94FF;
}

.idk_admin_delivery_notes_container{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_admin_delivery_notes_container h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

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

.idk_admin_delivery_notes_list h4{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_delivery_notes_list span{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}

.idk_delivery_notes_details{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_delivery_notes_details h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_delivery_notes_details span{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}

.idk_delivery_notes_details h4{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_delivery_notes_content{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_delivery_notes_content h3{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #8E97A3;
}

.idk_delivery_notes_products{
    max-height: 220px;
    overflow-y: scroll;
}

.idk_delivery_note_product{
    background: #D4F2E1;
    border-radius: 10px;
}

.idk_delivery_note_product h4{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_delivery_note_product span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_business_units_list{
    height: 65vh;
    overflow-y: scroll;
}

.idk_business_units_list h4{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_admin_add_licence{
    border-radius: 20px;
    border: 1px solid #38C172;
    width: 155px;
    height: 206px;
}

.idk_admin_licence_accepted h4{
    font-size: 16px;
}
/*admin klase end*/


/*user klase*/

.idk_user_current_assignments{
    background: linear-gradient(78.1deg, #0081B5 -1.06%, #77D1AF 49.06%, #6EE39D 101.85%);
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 28px;
}

.idk_user_current_assignment{
    background: #FFFFFF;
    border-radius: 20px;
}

.idk_user_current_assignment h3{
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    color: #1F2E45;
}

.idk_user_current_assignment span{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_user_assignments h4{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_user_assign{
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 20px;
}

.idk_user_assign span{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #7882A0;
}

.idk_user_assign h5{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
}
a{
    text-decoration: none;
}
.idk_mobile_admin_content{
    div{
        a{
            span{
                color: black
            }
        }
    }
} 

.idk_user_assign h4{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;
}
.idk_user_assign{
   text-decoration: none;
}

.idk_user_agroup_title h2{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #1F2E45;
    margin-left: 20px
}

.idk_user_assignments_section h4{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_user_assignments_list{
    max-height: 800px;
    overflow-y: scroll;
    padding-bottom: 1rem;
}

.idk_user_assignment{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}

.idk_user_assignment h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;

}

.idk_user_assignment span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_user_alert_assignment{
    background: #E98862;
    width: 5px;
    height:45px;
    border-radius: 0 10px 10px 0;
}

.idk_qr_scanner_button{
    background: #FFFFFF;
    box-shadow: 1px 8px 10px rgba(0, 0, 0, 0.25);
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.idk_qr_title{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #1D1F21;
}

.idk_user_assignment_modal h3{
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 27px;
    color: #000000;
}
.idk_user_assigment_icons {
    margin-left: -15px;
}
.idk_admin_mobile_assignment_icon_temperature{
    background: #C7E0FF;
    border-radius: 16px;
    padding: 13px 15px;
}
.idk_admin_mobile_assignment_icon_pest{
    background: #FFF8C7;
    border-radius: 16px;
    padding: 13px 15px;
}

.idk_user_modal_button{
    background: #3D94FF;
    border-radius: 6px;
    width: 114px;
    height: 54px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.idk_user_submit_assignments{
    background: #3D94FF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    width: 9rem;
    height: 3.375rem;
    text-align: center;
}

.idk_user_messages_group h4{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_user_message{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}

.idk_user_message span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_user_message p{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_user_message h4{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_user_message_details_container h2{
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #1F2E45;
}

.idk_user_message_detail{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}

.idk_user_message_detail h3{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_user_message_detail span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_user_message_detail p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_user_attachment h3{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_user_attachment a{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 6px;
}

.idk_user_attachment span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.idk_user_message_delete{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FF5454;
}

.idk_user_message_delete_modal h3{
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 27px;
    text-align: center;
    color: #000000;
}

.idk_user_message_delete_modal p{
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #8E97A3;
}

.idk_user_message_delete_modal .delete{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    background: #3D94FF;
    border-radius: 6px;
    padding: 15px 10px;
}

.idk_user_message_delete_modal .no-delete{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #8E97A3;

}
.idk_user_temperature_modal{
    margin-top: -30px;
}
.idk_user_temperature_modal h3{
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 27px;
    color: #1F2E45;
}

.idk_user_temperature_modal_button{
    background: #3D94FF;
    border-radius: 6px;
    width: 156px;
    height: 54px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.idk_user_temperature_wheel{
    background: #FFFFFF;
    box-shadow: 3px 6px 14px #E6F1FF;
    border-radius: 50%;
    width: 227px;
    height: 227px;
}

.idk_user_temperature_wheel h2{
    font-weight: 300;
    font-size: 90px;
    line-height: 143px;
    color: #8E97A3;
}

.idk_user_temperature_wheel span{
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    color: #8E97A3;
    padding-bottom: 20px;
}

.idk_user_temperature_minus{
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #D9DCDF;
    width: 53px;
    height: 53px;
}

.idk_user_temperature_plus{
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #D9DCDF;
    width: 53px;
    height: 53px;
}

.idk_warehouse_index_content{
    color: #1F2E45;
}

.idk_warehouse_index_content h3{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_warehouse_index_content span{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_warehouse_individual{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    border-radius: 10px;
}

.idk_warehouse_individual h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_warehouse_individual span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_warehouse_filter{
    background: linear-gradient(175.35deg, #FFFFFF 1.27%, #E6F1FF 102.89%);
    height: 500px;
}

.idk_warehouse_filter h2{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #1F2E45;
}

.idk_warehouse_filter h3{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_warehouse_buttons{
    overflow-x: scroll;
}

.idk_warehouse_buttons button{
    background: #FFFFFF;
    border: 1px solid #8E97A3;
    box-sizing: border-box;
    min-width: 85px;
    max-width: 156px;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #8E97A3;
    padding: 11px 30px;
}

.idk_warehouse_buttons .active{
    border: 1px solid #3D94FF;
    color: #3D94FF;
}

.idk_warehouse_delivery_notes_details h2{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #1F2E45;
}

.idk_warehouse_delivery_notes_details h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #1F2E45;
}

.idk_warehouse_delivery_notes_info span{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #8E97A3;
}

.idk_warehouse_delivery_notes_info p{
    background: #FFFFFF;
    border-radius: 8px;
}

.idk_warehouse_delivery_note_products h4{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #8E97A3;
}

.idk_warehouse_delivery_note_individual_product{
    background: #D4F2E1;
    border-radius: 10px;
}

.idk_warehouse_delivery_note_individual_product h3{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_warehouse_delivery_note_individual_product span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_warehouse_delivery_note_documents h4{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #8E97A3;
}

.idk_warehouse_delivery_note_document_list{
    width: 100%;
    overflow-x: scroll;
}

.idk_warehouse_delivery_note_document_list a{
    padding: 1rem;
    background: #D6E8FF;
    border: 1px solid #3D94FF;
    box-sizing: border-box;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}

.idk_new_delivery_note h3{
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 27px;
    text-align: center;
    color: #1F2E45;
}

.idk_new_delivery_note_form label{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #8E97A3;
}

.idk_new_delivery_note_form h4{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #8E97A3;
}

.idk_new_delivery_note_form span{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #8E97A3;
}

.idk_new_delivery_note_form input{
    border: 1px solid #D9DCDF;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 1rem;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;
}


.idk_new_delivery_note_form button{
    background: #3D94FF;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 14px 44px;
}

.d_inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.d_inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: #F2F4F5;
    border: 1px dashed #D9DCDF;
    border-radius: 8px;
    display: inline-block;
}

.d_inputfile:focus + label,
.d_inputfile + label:hover {
    background-color: #D9DCDF;
}

.idk_warehouse_uploaded_documents{
    width:100%;
    overflow-x: scroll;
}

.idk_warehouse_document{
    background: #D6E8FF;
    border: 1px solid #3D94FF;
    box-sizing: border-box;
    border-radius: 8px;
}

.idk_warehouse_uploaded_documents span{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #1F2E45;

}

.idk_new_delivery_note h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #8E97A3;
}

.idk_add_delivery_product{
    border-radius: 50% !important;
    width: 53px;
    height: 53px;
    background-color: #fff !important;
    padding: 0 !important;
    border: 1px solid #D9DCDF;
}

.idk_delivery_product_individual{
    background: #D4F2E1;
    border-radius: 10px;
}

.idk_delivery_product_individual h3{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_delivery_product_individual span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_delivery_go_back span{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #1F2E45;
}

.idk_delivery_modal{
    background: #3D94FF;
    border-radius: 6px;
    padding: 14px 44px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.idk_delivery_modal:disabled{
    background: #D6E8FF !important;
}

.idk_delivery_modal_finish{
    padding: 14px 44px;
    background: #3D94FF;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.idk_delivery_modal_go_back{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #8E97A3;
}

.idk_delivery_products_list{
    height: 420px;
    overflow-y: scroll;
}

.idk_search_dropdown h3{
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #1F2E45;
}

.idk_search_dropdown span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8E97A3;
}

.idk_search_dropdown a{
    border-bottom: 1px solid #D9DCDF;
}

/*user klase end*/

/*misc klase*/
.idk_unathorized_user_container h3{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #1F2E45;
}


#files-area{
	width: 30%;
}
.file-block{
	border-radius: 10px;
	background-color: rgba(144, 163, 203, 0.2);
	margin: 5px;
	color: initial;
	display: inline-flex;
    padding: 20px;
}
.file-block > span.name{
		padding-right: 10px;
		width: max-content;
		display: inline-flex;
	}

.file-delete{
	display: flex;
	width: 24px;
	color: initial;
	background-color: #6eb4ff00;
	font-size: 3rem;
	justify-content: center;
	margin-right: 3px;
	cursor: pointer;
}
.file-delete:hover{
		background-color: rgba(144, 163, 203, 0.2);
		border-radius: 10px;
	}
.file-delete> span{
		transform: rotate(45deg);
	}


/*misc klase end*/


/*media queries*/

@media (max-width:1025px){
    body{background: linear-gradient(175.35deg, #FFFFFF 1.27%, #E6F1FF 102.89%);}
    .idk_login_form h3{
        display: none;
    }
    
}

@media (min-width:1025px){
    body{background:#fff}
}
@media only screen and (max-width: 600px){

    .idk_quick_list{
        display: flex;
        flex-direction: column;
    }

    .idk_superadmin_details{
        display: flex;
        flex-direction: column;
    }

    .idk_company_choice{
        display: flex;
        flex-direction: column;
    }


}


@media only screen and (max-width: 500px){
    .idk_admin_company_choice_list{
        width: 10.5rem !important;
    }
   

}
@media only screen and (max-width: 635px){
    .idk_login_page{
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }
    .idk_choose_company_navbar{
        display:none;
    }
}


@media only screen and (min-width: 768px){
    

    .idk_login_image{
        margin: 0 auto;
    }

    .idk_admin_choose_company_title{
        display: none;
    }

    
}

@media only screen and (min-width: 1250px){
    .idk_login_form{
        background: #FFFFFF;
        box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.15);
    }

    .idk_login_image{
        max-height: 750px;
        justify-content: baseline;
    }
}

@media only screen and (min-width: 1440px){
    
    
}

@media only screen and (min-width: 1880px){
    
}

@media only screen and (min-width: 2000px){
    
}


@media print{
    .idk_admin_qr_print{
        display: none;
    }

    .idk_modal_button{
        display: none;
    }

    .idk_modal_print{
        box-shadow: none;
    }
}

/*media queries end */


.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 84px;
    width: 100%;
    max-width: 100%;
  }
.container-error{
    background: linear-gradient(to bottom, #FFF7ED, #FFFFFF);
}
.container-warning{
    background: linear-gradient(to bottom, #FEFCE8, #FFFFFF);
}
.container-ok{
    background: linear-gradient(to bottom, #F0FDF4, #FFFFFF);
}
  
  .container p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    display: inline-block;
    max-width: 100% !important;
  }
  
  #efficiency-chart {
    margin: 0 10px 0 40px; /* Add some spacing if needed */
    display: inline-block;
    height: 48px; /* Set a fixed height for the chart */
    width: 95px; /* You can set the chart's width or let it be dynamic */
  }
  
  .idk_dashboard_container{
    margin-left: 0px;
    margin-right: 0px;
  }

  .idk_dashboard_first_row{
    margin-left: 15px;
    margin-right: 15px;
  }

.idk_dashboard_first_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Default: 3 equal columns */
    grid-template-rows: auto auto auto;
    gap: 10px;
}

/* Temperature card spans 2 rows */
.span-two-rows {
    grid-row: span 2;
}

/* Best workers card spans 2 columns */
.span-two-columns {
    grid-column: span 2;
}

/* Activity card spans all columns */
.span-three-columns {
    grid-column: span 3;
}

/* 🌟 Alternative Layout: When temperature-card > 900px */
.idk_dashboard_first_row.alt-layout {
    grid-template-columns: 1fr 1fr; /* Two columns */
    grid-template-rows: auto auto auto auto; /* More rows */
}

/* Keep planned-card in the same position */
.idk_dashboard_first_row.alt-layout section:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

/* Move verified-card to Row 2, Column 1 */
.idk_dashboard_first_row.alt-layout section:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}

/* Move temperature-card to Column 2 */
.idk_dashboard_first_row.alt-layout .span-two-rows {
    grid-column: 2;
    grid-row: 1 / span 2;
}

/* Move best-workers-card to Row 3 (Full Width) */
.idk_dashboard_first_row.alt-layout .span-two-columns {
    grid-column: 1 / span 2;
    grid-row: 3;
}

/* Move activity-card to Row 4 (Full Width) */
.idk_dashboard_first_row.alt-layout .span-three-columns {
    grid-column: 1 / span 2;
    grid-row: 4;
}
/* Responsive Layout for Small Screens (Mobile) */
@media (max-width: 768px) {
    .idk_dashboard_first_row {
        display: flex;
        flex-direction: column; /* Stacks all sections in one column */
        gap: 10px;
    }

    .idk_dashboard_first_row section {
        width: 100%; /* Full width */
    }

    /* Reset spanning on mobile */
    .span-two-rows, 
    .span-two-columns, 
    .span-three-columns {
        grid-column: span 1;
        grid-row: auto;
    }
}
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Stack items vertically */
        text-align: center;
        height: 150px;
    }

    .container p {
        text-align: center; /* Center text */
        width: 100%;
    }

    #efficiency-chart {
        width: 100%;
        margin-top: 10px; /* Add space between elements */
    }
}
.idk_admin_content{
    padding: 20px;
    /*max-width: 1440px;*/
}

.custom-checkbox:checked {
    background-color: #3b82f6; /* Tailwind blue-500 */
    border-color: transparent;
    position: relative;
}
.custom-checkbox:checked::after {
    content: '✔';
    color: white;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ts-control{
    border: none !important;
    margin-top: -3px;
}
.iot_checkbox{
    margin-top: 18px;
}
.border-left-container {
    border-left: 1px solid #D9DCDF;
    padding-left: 23px;
}
.logout-btn{
    margin-top: 70px;
    background: #e5e7eb;
}
.mb-negative-4{
    margin-bottom: -4px;
}
.deliveryNotes{
    img{
        margin-top: -16px !important;
        margin-left: -11px !important;
    }
}
.userMenu{
    margin:2px !important;
}
.assignmentsUser{
    img{
        margin-top: -16px !important;
    }
}
.mobile-logout{
    font-size: large;
}
.videoDeviceLabel{
    font-size: large;
}
.mobile-top-nav-data{
    z-index: 12;
}
.assignment-modal-container{
    height: 80%;
}
.idk_user_homepage_item_container{
    color: #ffffff;
    background-color:#85C3DE;
    border-radius:20px
}
.idk_admin_table_body{
    .items-start{
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
}
.filters-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

/* NA MANJIM EKRANIMA - jedan ispod drugog */
@media (max-width: 768px) {
    .filters-wrapper {
        flex-direction: column;
        align-items: center; /* ili flex-start ako želiš lijevo poravnanje */
    }

    .filters-left, 
    .filters-right {
        width: 100%;
        text-align: center;
    }
}