/* Fonts */
@font-face {
    font-family: "Poppins-Bold";
    src: url("../website/assets/fonts/Poppins/Poppins-Bold.ttf") ;
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url("../website/assets/fonts/Poppins/Poppins-SemiBold.ttf") ;
}
@font-face {
    font-family: "Poppins-Regular";
    src: url("../website/assets/fonts/Poppins/Poppins-Regular.ttf") ;
}

h1{color: var(--primary_text_color);font-family: "Poppins-SemiBold";font-size: 18px;line-height: 1;}

:root {
    --grey_color: #F4F4F4;
    --primary_text_color: #4A4A4A;
    --grey_textColor: #9B9B9B;
    --primaryColor:#063852;
    --secodary_color:#F0810F;


}

*{padding: 0px;margin: 0px;}


::-webkit-scrollbar
{
    width: 8px;
    height:8px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--primaryColor);
}



span{
    font-family: "Poppins-SemiBold";
    font-size: 12px;
    color: var(--primary_text_color);
    line-height: 1.2;
    font-weight: 400;
}

p{
    font-family: "Poppins-SemiBold";
    font-size: 13px;
    color: var(--primary_text_color);
    line-height: 1.2;
    font-weight: 500;
}

.btn_grey{
    background-color: #DADADA;
    color: #7D7D7D;
    border: 0;
    box-shadow: -4px 4px 30px 0px #0000001A;

}
.primary_btn{
    background-color: var(--primaryColor);
    color:white;
    border: 0;
    /* box-shadow: -4px 4px 30px 0px #0000001A; */
    border-radius: 5px;
    padding: 5px, 12px, 5px, 12px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: "Poppins-SemiBold";
    border: 2px solid var(--primaryColor);
}

.primary_btn:hover  , .primary_btn.active , .primary_btn:active  , .primary_btn.focus , .primary_btn:focus {
    background-color: white;
    color: var(--primaryColor);
    border: 2px solid var(--primaryColor);
    box-shadow: unset;

}
.primary_btn:hover i{
    color: var(--primaryColor);

}
.secodary_btn{
    background-color: var(--secodary_color);
    color:white;
    border: 0;
    /* box-shadow: -4px 4px 30px 0px #0000001A; */
    border-radius: 5px;
    padding: 5px 12px 5px 12px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: "Poppins-SemiBold";
    width: fit-content;

    border: 2px solid var(--secodary_color);

}
.secodary_btn:hover  , .secodary_btn.active , .secodary_btn:active  , .secodary_btn.focus , .secodary_btn:focus {
    color: var(--secodary_color);
    background-color: white;
    border: 2px solid var(--secodary_color);
    box-shadow: unset;
}
.secodary_btn:hover i {
    color: var(--secodary_color);

}



.outline_secodary_btn{
    background-color: white;
    color:white;
    border: 1px solid var(--secodary_color);
    /* box-shadow: -4px 4px 30px 0px #0000001A; */
    border-radius: 5px;
    padding: 5px, 12px, 5px, 12px;
    color: var(--primary_text_color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: "Poppins-SemiBold";


}

.outline_secodary_btn i{
    color: var(--secodary_color);
}
.outline_secodary_btn:hover  , .outline_secodary_btn.active , .outline_secodary_btn:active  , .outline_secodary_btn.focus , .outline_secodary_btn:focus {
    background-color: var(--secodary_color);
    color: white;
    border: 2px solid var(--secodary_color);;
    box-shadow: unset;
}
.outline_secodary_btn:hover i {
    color: white;

}


body .page-wrapper .container-fluid .white-box{
    border-radius: 10px;
    box-shadow: 6px 3px 25px 0px #0066881A;
    border: 0px;

}

body .page-wrapper .container-fluid .white-box input:not([type='checkbox']):not([type='radio'])  ,  body .modal .modal-dialog .modal-content  input:not([type='checkbox']):not([type='radio'])   ,  body .page-wrapper .container-fluid .white-box select{
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    height: 40px;
    vertical-align: middle;
    width: 100%;


}

body .page-wrapper .container-fluid .white-box textarea ,   body .modal .modal-dialog .modal-content  textarea{
    border: 1px solid #EFEFEF;
    border-radius: 5px;

    vertical-align: middle;
    width: 100%;
}
.dTable_header_btn_wrapper{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;


}

body .page-wrapper .container-fluid .white-box .dTable_header_btn_wrapper input{
    width: 380px;
    padding-inline: 30px;


}

.search_input_wrapper{
    position: relative;
    display: none;
}

.search_input_wrapper i{
    position: absolute;
    top: 15px;
    left: 10px;
}

.secodary_btn i , .outline_secodary_btn i{
    margin-inline-end: 10px;
}

body .page-wrapper .container-fluid .white-box table.dataTable thead {
    background-color: var(--primaryColor);
    height: 46px;
    border: 0;
}
body .page-wrapper .container-fluid .white-box table.dataTable thead th{
    color: white;
}

body .page-wrapper .container-fluid .white-box table.dataTable thead th:first-child ,  body .page-wrapper .container-fluid .white-box table.dataTable tbody tr td:first-child ,  body .page-wrapper .container-fluid .white-box .table-responsive .table tbody tr td:first-child{
    border-radius: 10px 0px 0px 10px;

}
body .page-wrapper .container-fluid .white-box table.dataTable thead th:last-child , body .page-wrapper .container-fluid .white-box table.dataTable tbody tr td:last-child , body .page-wrapper .container-fluid .white-box .table-responsive .table tbody tr td:last-child {
    border-radius: 0px 10px 10px 0px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background-color: #063852;
    border: 0;
    border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    border: 0px;
    background-color: #F0810F;
    color: white !important;
    border-radius: 5px;
}

label{
    font-family: "Poppins-SemiBold";
    font-size: 12px;
    color: var(--primary_text_color);
    line-height: 1.2;
    font-weight: 400;
}

.lined_checks{
    display: flex;
    align-items: center;
    gap:20px ;
    display: none;
}

.lined_checks input{
    margin: 0;
    margin-inline-end: 10px;
}
.lined_checks input + label{
    color: #9B9B9B;
}

.dataTables_wrapper .dataTables_filter , .dataTables_wrapper .dataTables_length{
    display: none;
}

.dTable_custom_header{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

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

.table.dataTable , .table-responsive .table {
    border-collapse: separate;
    border-spacing: 0px 20px;
    border: 0;
    padding: 0px 10px;
    margin: 0px;
    width: calc(100% - 20px) !important;
}
body .page-wrapper .container-fluid .white-box .table-responsive {
    margin-left: -10px;
    margin-right: -10px;
}

body .page-wrapper .container-fluid .white-box .table-responsive .table tbody tr td{
    color: var(--primary_text_color);
    font-size: 14px;
    font-weight: 500;
    border: none;
}

table.dataTable tbody tr , .table-responsive .table tbody tr {
    background-color: #ffffff;
    box-shadow: 6px 3px 25px 0px #0066881A;
    border: unset !important;
}


.create_ticket_sect form label.control-label {
    display: block;
    text-align: left;
    padding-block-end: 10px;


}
body form .custom_filpicker{
    position: relative;
    background-color: var(--secodary_color);
    height: 37px;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: white;
    gap: 10px;
    width: -webkit-fill-available;
    margin: 0;
    padding-inline: 10px;
}

body form .custom_filpicker input{
    position: absolute;
    opacity: 0;
}

.submit_btn_wrapper{
    display: flex;
    gap: 10px;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.hidden_area{
    /* display: none; */
}

.modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.modal-header h1{
    width: 50%;
}
.modal-header span{
    width: 50%;
    text-align: right;
}

.modal_top_text_wrapper{
    display: flex;
    gap: 25px;
}

.modal_btn_text_wrapper , .modal_btn_field_wrapper {
    position: relative;
    padding: 10px 0px;
}

.modal_btn_text_wrapper .secodary_btn{
    position: absolute;
    right: 10px;
    top: -54px;
    cursor: pointer;

}
.modal_btn_field_wrapper .secodary_btn_wrapper{
    /* position: absolute; */
    right: 10px;
    bottom: -44px;
    display: flex;
    gap: 10px;
    justify-content: end;
}
.modal_btn_field_wrapper textarea{
    margin-bottom: 10px;

}

.ticket_show_modal label.title{
    display: block;
}


/* -====================================filepicker=========================== */



:root{
    --primary-color: #41B883;
    --accent-color: #7952B3;
    --text-color: #ffffff;
    --card-bg: #eeeeee;
}
body{
    background: #fff;
}
.card input[type="file"]{
    font-size: 1rem;
}
.card input[type="file"]::file-selector-button{
    background: white;
    color: var(--text-color);
    border-radius: 2rem;
    padding: .8rem 1.4rem;
    border: 0;
    cursor: pointer;
    width: 100%;
    height: 100px;
    border-radius: 10px;
    box-shadow: 6px 3px 25px 0px #0066881A;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f15b";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome 5;
    font-weight: 900;
    /* left:-5px;
    position:absolute;
    top:0; */
}
.card input[type="file"]::file-selector-button:hover{
    background: var(--accent-color);
}
.card{
    background-color: var(--card-bg);
    padding: 2rem;
    border: 1px dashed var(--card-bg);
    border-radius: 1rem;
}
.card h1{
    margin-top: 0;
}

.card input[type="file"]::before{
    background: white;
    color: var(--text-color);
    border-radius: 2rem;
    padding: .8rem 1.4rem;
    border: 0;
    cursor: pointer;
    width: 100%;
    height: 100px;
    border-radius: 10px;
    box-shadow: 6px 3px 25px 0px #0066881A;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f15b";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome 5;
    font-weight: 900;
}
/* ======================================================================= */
/* .modal_btn_field_wrapper {
    display: none;
  } */


.ticket_show_modal  a{
    color: var(--primaryColor);
    text-decoration: underline;
    font-weight: 600;
}

.uploaded_box{
    height: 100px;
    width: 100%;
    box-shadow: 6px 3px 25px 0px #0066881A;
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 15px;


}

.uploaded_box a{
    /* width: 100%;
    height: 100%; */
    /* vertical-align: middle; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    white-space: nowrap;
    padding-block-start: 10px;
    text-decoration: none;
    color: var(--primary_text_color);
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;

}
.uploaded_box i{
    color: var(--primaryColor);
    font-size: 28px;
}

.ticket_show_modal .modal-body{
    padding: 30px 20px;

}

.ticket_show_modal {
    border-radius: 10px;
}
body .page-wrapper .container-fluid .white-box .table-responsive .table tbody tr td:last-child {
    text-align: -webkit-right;
}
body .page-wrapper .container-fluid .white-box .table-responsive .dataTables_wrapper  .table tbody tr td:last-child {
    text-align: -webkit-left;

}


body .page-wrapper .container-fluid .white-box .table-responsive .table tbody tr td .secodary_btn{
    width: fit-content;
}

.video_boxes_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*grid-template-rows: repeat(5, 1fr);*/
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.video_box .media_area{
    height: 300px;
    border-radius: 5px;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.video_box .media_area i{
    color: #CBCBCB;
    font-size: 80px;

}
.ticket_show_modal  p span{
    padding-inline-start: 10px;

}

.footer {
    /* background-color: var(--primaryColor); */
    max-height: 60px;
    margin-bottom: 10px;
    /* border-radius: 10px; */
    /* margin-inline: 10px; */
    width: 100%;
    left: unset;
    margin: 0px;
}

.footer_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_inner span{
    color: var(--primaryColor);
}

.navbar .navbar-header{
    background-color: var(--primaryColor);
    max-height: 60px;
    /* margin-bottom: 20px; */
    border-radius: 0px;
    /* margin-inline: 10px; */
    background: var(--primaryColor);
    width: 100%;
    margin: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
}

.navbar .navbar-header:after {
    display: none;
}

.navbar .navbar-header::before {
    display: none;
}

.navbar .navbar-header .navbar-top-links.navbar-left {
    display: none;
}
#wrapper .navbar-header  .top-left-part .logo span{
    height: 35px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wrapper .navbar-header .top-left-part .logo  img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position:center;

}
.top-left-part a{
    display: flex;
    align-items: center;
    justify-content: start;
}
.top-left-part{
    padding-top: 0px;

}

.logo b {

    display: none;
}


.navbar-header .centered_navbar_items{
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline-start: 260px;
    margin-bottom: 0;
    height: 60px;
    flex: 1;
}
.navbar-header .centered_navbar_items {
    padding: 0px;
}

.navbar-header .centered_navbar_items li{
    /* height: 50px; */
    list-style: none;
}
.navbar .navbar-header .sidebar-toggle {
    display: none;
}

.navbar-header .centered_navbar_items li a{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: white;
    gap: 10px;
    padding: 13px 20px 13px 20px;
    margin-inline: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
}
.navbar-header .centered_navbar_items li a span{
    font-size: 13px;
    font-weight: 500;
    color: white;
}

.navbar-header .centered_navbar_items li a.active , .navbar-header .centered_navbar_items li a:hover{
    border: 1px solid var(--secodary_color);
}
.navbar-header .centered_navbar_items li a.active i , .navbar-header .centered_navbar_items li a:hover i{
    color: var(--secodary_color);
}
.top-left-part{
    background: transparent;
    width: 200px;
}
.navbar-header .hidden_element{
    display: none;
}

.navbar_profile_area{
    display: flex;
    align-items: center;
    gap: 20px;
    height: 60px;
    /* padding-inline-end: 30px; */
}

.navbar_profile_area .user-profile{
    padding: 0;
    width: 60px;
}

.navbar_profile_area .user-profile .profile-image{
    padding: 0;
}
.notification_dropdown {

}
.navbar_profile_area .notification_dropdown a.dropdown-toggle.bell_anchor{
    background-color: white;
    height: 30px;
    width: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-height: 30px;
    overflow: visible;


}
.notification_dropdown .bell_anchor i{
    color: var(--primaryColor);
}
.user-profile .profile-image img{
    width: 38px;
    height: 38px;
}
.navbar-top-links .badge{
    right: -5px;
    top: -7px;
    z-index: 999;
}

.navbar-top-links .profile_image_arrow_down {
    right: -26px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
}
.navbar_profile_area  .user-profile .dropdown-menu{
    border-radius: 10px;
    right: -3px;
    top: 40px;
    left: unset;
    padding: 0px;
    overflow: hidden;
}
.sidebar{
    display: none;

}
.page-wrapper{
    margin-left: 0;

}

.body .page-wrapper .container-fluid button.btn{
    font-family: "Poppins-SemiBold";
    font-size: 12px;


}

.ticket_show_modal .form_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: max-content;


}

.ticket_show_modal .form_wrapper button.btn{
    width: fit-content;
    height: 37px;
}

.modal-content{
    border-radius: 10px;

}

.ticket_show_modal_file_show_sect{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.modal_btn_haeding_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* Bar chart customization style starts from here */

#custom_legends .ticket_this_month p, #custom_legends .open_ticket_this_month p {position: relative; }
#custom_legends .ticket_this_month p:before, #custom_legends .open_ticket_this_month p:before { left: 0; display: block; position: absolute; top: 0; width: 15px; height: 15px; border-radius: 50%; }
#custom_legends  p i{margin-right: 10px;     color: var(--primaryColor);}
#custom_legends .ticket_this_month p i{ color: #f0810f;}
.barchart_customLabels_wrapper {display: flex; align-items: center;}
.barchart_customLabels_wrapper .custom_legends {/*flex-shrink: 0;*/ width: 20%;}
.barchart_customLabels_wrapper #myChart {width: 85% !important}
.barchart_customLabels_wrapper .custom_legends .ticket_this_year > p, .barchart_customLabels_wrapper .custom_legends .ticket_this_month > p, .barchart_customLabels_wrapper .custom_legends .open_ticket_this_month > p {font-size: 14px; margin-bottom: 0;}
.barchart_customLabels_wrapper .custom_legends .figures_percent_wrapper h6 {font-size: 24px; margin-bottom: 6px;}
.barchart_customLabels_wrapper .custom_legends .figures_percent_wrapper {display: flex; align-items: center; gap: 8px; margin-bottom: 20px}
.barchart_customLabels_wrapper .custom_legends .figures_percent_wrapper span { background-color: #E0F0E4; /* padding: 5px 10px; */ color: #377E36; font-size: 12px; width: 45px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 4px; }

/* Bar chart customization style ends here */

body .modal .modal-dialog .modal-content .modal-header button.secodary_btn{
    background-color: var(--secodary_color);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-inline-start: 10px;
}

body .modal .modal-dialog .modal-content .modal-header button.secodary_btn i{
    margin: 0;
    color: white;
    font-size: 20px;
}
.table-responsive .next_btn { z-index: 111; position: relative; margin-bottom:10px; }
.table-responsive .dataTables_wrapper { padding-bottom: 10px; }
.table-responsive .dataTables_wrapper  .dataTables_info { float: left; padding: 0px; margin-right: 60px; display: none;}
.form-horizontal label { display: block; text-align: left; margin-bottom: 15px; }

.login_register_sect .logo_area {
    background-color: #063852;
    border-radius: 0px 30px 30px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: relative;
    padding: 50px;
}
.login_register_sect form.row {
    margin: 0px;
}

.login_register_sect .logo_area img {
    width: 240px;
    height: 240px;
    object-fit: contain;
    object-position: center;
}

.login_register_sect  .form_fields_area {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    flex-direction: column;
    /* gap: 40px; */
    min-height: 100vh;
    margin: 0 auto;
    padding: 50px 0px;
    z-index: 1;
}

.login_register_sect .form_inner {
    position: relative;
    width: 100%;
    z-index: 1;
}

/*.form_inner,*/
/*.login_center_logo {*/
/*    width: 440px;*/

/*}*/

.login_register_sect .login_center_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.login_register_sect  .form_inner h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #063852;
    font-family: "Poppins-Bold";
    margin-bottom: 30px;
}

.login_register_sect .form_inner input.form-control {
    border-radius: 5px;
    padding: 12px 18px 12px 18px;
    font-family: "Poppins-Regular";
    border: 1px solid #bdbdbd;
    height: 45px;
    background-color: white;
}

.login_register_sect .form-horizontal .form-group {
    margin-bottom: 15px;

}

.login_register_sect .form_inner .submit_btn {
    background-color: #F0810F;
    font-size: 12px;
    color: white;
    font-family: "Poppins-SemiBold";
    margin-bottom: 30px;
}

.login_register_sect  .form_fields_area:before {content: url("../website/assets/images/login_before_logo.png");/* width: 100%;
height: 100%; */object-fit: contain;object-position: center;object-fit: contain;object-position: center;position: absolute;top: 0px;left: -22px;z-index: 0;}

.login_register_sect .form_fields_area:after {content: url("../website/assets/images/login_after_logo.png");/* width: 100%;
height: 100%; */object-fit: contain;object-position: center;object-fit: contain;object-position: center;position: absolute;top: 22px;right: 0px;z-index: 0;}
.login_register_sect .input_password_wrapper{
    position: relative;
}
.login_register_sect  .input_password_wrapper i{
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
*{ padding:0px; margin:0px; }

/*.login_register_sect .form-horizontal>.row{align-items: center;}*/
.login_register_sect .col-md-6 {height: 100%;padding: 0px;position: relative;min-height: 100vh;}
.login_register_sect {min-height: 100vh;}
.login_register_sect .login_center_logo {width: 90%;height: 70px;margin: 0px auto 50px;z-index: 1;}
.login_register_sect .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }
.login_register_sect p {color: rgba(74, 74, 74, 1);font-family: "Poppins-Regular";}
.login_register_sect  a{text-decoration: underline;font-family: "Poppins-Regular";}
.login_register_sect .form-material .form-control:focus {background-image: unset;}
.login_register_sect .form-horizontal .checkbox label {margin: 0px;line-height: 1;padding: 0px;display: flex;align-items: center;column-gap: 10px;font-family: "Poppins-Regular";}
.login_register_sect .form-horizontal .checkbox {align-items: center;padding: 0px;min-height: unset;}
.login_register_sect .form-horizontal .checkbox input[type=checkbox] { margin: 0px; width: 20px; height: 20px; }
.login_register_sect .form-horizontal .checkbox label::before { border-color: rgba(240, 129, 15, 1); width: 20px; height: 20px; margin: 0px; display: flex; align-items: center; column-gap: 10px; position: relative; }
.login_register_sect .form-horizontal .checkbox label::after { margin: 0px; width: 20px; height: 20px; font-size: 11px; display: flex; align-items: center; justify-content: center; }
.login_register_sect .form-horizontal .checkbox input[type=checkbox]:checked+label::before { border-color: rgba(240, 129, 15, 1); background-color: rgba(240, 129, 15, 1); }

.swal2-container .swal2-icon span {font-size: unset;}
.swal2-container  .swal2-actions .swal2-confirm {background: var(--secodary_color);}
.form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }
.table-responsive { border:  none; }
.mini-sidebar .footer {left: 0px;}

body .page-wrapper  .white-box  .pagination>li>a  , .pagination>li>a:hover{ background-color: transparent; color: var(--primaryColor); padding: 5px 12px 5px 12px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-family: "Poppins-SemiBold"; border: 2px solid var(--primaryColor); }
body .page-wrapper  .white-box  .pagination>li:first-child a { border-radius: 5px 0px 0px  5px; }
body .page-wrapper  .white-box .pagination>li:last-child a { border-radius: 0px 5px 5px 0px; }
body .page-wrapper .container-fluid .white-box ul.alert { list-style: none; padding: 8px; font-size: 13px; border-radius: 5px; }
body .page-wrapper .container-fluid .white-box ul.alert li:not(:last-child) { margin-bottom: 10px; }

form input[type="password"]::-ms-reveal,
form input[type="password"]::-ms-clear {
    display: none;
}

.email-errors {
    text-align: center;
    min-height: calc(100vh - 140px);
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1536px) {
    .login_register_sect  .login_center_logo {height: 50px;margin-bottom: 30px;}
    .login_register_sect .form_inner h1 {font-size: 22px;}
    .login_register_sect .form_inner input.form-control {height: 40px;font-size: 13px;padding: 10px 20px;}
}
@media screen and (max-width: 1199px) {
    .mini-sidebar .page-wrapper {margin: 0px;}
    .mini-sidebar .top-left-part {width: 200px;order: -1;}
    .mini-sidebar .top-left-part .logo b { display: block; width: 100%; height: unset; line-height: unset; }
}
@media screen and (max-width: 992px) {
    .login_register_sect .form_inner h1 {font-size: 18px;margin-bottom: 20px;}
    .login_register_sect .form_fields_area {min-height: unset;padding: 30px 0px;width: 95%;}
    .login_register_sect, .login_register_sect .col-md-6, .login_register_sect .logo_area { min-height: unset; height: unset; }
    .login_register_sect .logo_area { padding: 30px; border-radius: 0px 0px 30px 30px; }
    .login_register_sect .logo_area img { width: 150px; height: 150px; }

    .video_boxes_wrapper { grid-template-columns: repeat(1, 1fr); }
    .barchart_customLabels_wrapper { flex-direction: column; row-gap: 20px; }
    .barchart_customLabels_wrapper #myChart { width: 100% !important; }
    .barchart_customLabels_wrapper .custom_legends { width: 100%; }
    .white-box { padding: 10px; }

    .footer_inner { flex-direction: column; row-gap: 15px; }
    .footer { max-height: unset; /* position: relative; */ }
    .page-wrapper {padding-bottom: 90px;}
    body { font-size: 13px; }
    .navbar-header .centered_navbar_items {position: absolute;left: 0;right: 0;top: 75px;width: calc(100% - 20px);flex-direction: column;background: var(--primaryColor);height: unset;margin: 0 auto;border-radius: 10px;height: 0;animation: 0.7s ease all;row-gap: 10px;opacity: 0;top: -100%;padding: 0px;}
    .show-sidebar .navbar-header .centered_navbar_items {height: auto;top: 75px;animation: 0.7s ease all;opacity: 1;padding: 15px;}
    .mini-sidebar .top-left-part .logo b { display: block; width: 100%; height: unset; line-height: unset; }
    .navbar .navbar-header .navbar-toggle { order: 1; background-color: transparent; }
    .navbar .navbar-header .navbar-toggle i {font-size: 17px;width: 17px;}
    .navbar .navbar-header .logo b img { width: 100%; object-fit: contain; }
    .navbar .navbar-header { margin: 10px; width: calc(100% - 20px); padding: 10px; }
    .navbar-default { background-color: transparent; position: relative; }
    .page-wrapper {padding-top: 0px;}
    .container-fluid { padding: 10px; }
    .navbar .navbar-header .user-profile .profile-image img { width: 30px; height: 30px; }
    h1 { font-size: 15px; }
    .video_box .media_area { height: 200px; }
    .barchart_customLabels_wrapper .custom_legends .figures_percent_wrapper h6 {font-size: 14px;margin: 0px;}
    .barchart_customLabels_wrapper .custom_legends .figures_percent_wrapper {margin-bottom: 10px;}
    body .page-wrapper .container-fluid .white-box .table-responsive .table tbody tr td {font-size: 13px;padding: 8px;line-height: 1.3;}
    .dTable_custom_header { flex-direction: column; row-gap: 17px; }
    .navbar .navbar-header .navbar-top-links.navbar-left, .navbar .navbar-header .sidebar-toggle { display: block; }
    .navbar .navbar-header .navbar-toggle .fa-close.fa-bars::before { content: "\f0c9"; }
    .navbar .navbar-header .navbar-toggle {padding: 5px;line-height: unset;}
    .form-horizontal .form-group { margin-bottom: 15px; }
    .form-horizontal  .fileinput .thumbnail { width: 150px !IMPORTANT; height: 150% !IMPORTANT; }
    .form-horizontal  .fileinput { width: 100%; }
    .form-horizontal label { margin-bottom: 10px; }
    .modal_btn_haeding_wrapper { flex-wrap: wrap; }
    .secodary_btn , .primary_btn , .outline_secodary_btn , body .page-wrapper .white-box .pagination>li>a{ padding: 8px; line-height: 1; height: unset; }
    .ticket_show_modal .modal-body { padding: 15px; }
    .ticket_show_modal .form_wrapper { padding: 10px 15px; flex-wrap: wrap; width: 100%; }
    p  , span { line-height: 1.4; } .ticket_show_modal .modal-header h1 { width: unset; }
    .ticket_show_modal .modal-header { padding: 10px; }
    .ticket_show_modal .modal-body  h1 { margin-bottom: 10px; }
    .ticket_show_modal .modal-header::before , .ticket_show_modal .modal-header::after { display:none }
    .ticket_show_modal_file_show_sect {grid-template-columns: repeat(1, 1fr);}
    body .page-wrapper .white-box .pagination{margin: 10px 0px;}
}


@media screen and (max-width: 600px) {
    .ticket_show_modal_file_show_sect {grid-template-columns: repeat(1, 1fr);}
    .mini-sidebar .top-left-part {width: 130px;order: -1;}
    .navbar_profile_area .user-profile{width: fit-content;}
    .login_register_sect .logo_area img { width: 100px; height: 100px; }
    form input[name="attachment_title"] {margin-bottom: 15px;}

}