/*

Theme Name: tradmin.dk Tema 1.0

Theme URI: https://www.telerepair.dk

Author: Christoffer Carl Evers

Author URI: Cherry

Description: Tema for Admin TR. 

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: tradmin.dk-Tema 1.0

*/

@font-face {
    font-family: 'Glancyr';
    src: url('https://review.telerepair.dk/wp-content/themes/tradmin/fonts/glancyr-glancyr-light-200.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glancyr';
    src: url('https://review.telerepair.dk/wp-content/themes/tradmin/fonts/glancyr-glancyr-regular-400.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glancyr';
    src: url('https://review.telerepair.dk/wp-content/themes/tradmin/fonts/glancyr-glancyr-bold-700.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



body{

	  font-family: "Figtree", sans-serif;

background-color: #edf2f7!important;

}



#wrapper {

  overflow-x: hidden;

}

.shadow{
	box-shadow: none !important;
}

.nav-link{
	color: #000;
}



.modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    color: var(--bs-modal-color);

    pointer-events: auto;

    background-color: var(--bs-modal-bg);

    background-clip: padding-box;

    border: none;

    border-radius: 25px;

    outline: 0;

    min-height: 455px;

}



.btn-close {

    --bs-btn-close-focus-shadow: none;

    --bs-btn-close-hover-opacity: 1;

    opacity: 1;

    border-radius: 50%;

    background-color: #eee;

}



.modal-header {



border-bottom:0px;

}



.btn-close{

	box-shadow: none;

}

#sidebar-wrapper {

  min-height: 100vh;

  margin-left: -15rem;

  transition: margin 0.25s ease-out;

}



#sidebar-wrapper .sidebar-heading {

    padding: 0.875rem 1.25rem;

    font-size: 1.2rem;

    margin-top: 10px;

}

#sidebar-wrapper .list-group {

    width: 16rem;

    margin-top: 25px;

}

.card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid #e3e6f0;

    border-radius: 22px;

}



/*CARD*/

.list-group-flush>.list-group-item {

    border-width: 0 0 var(--bs-list-group-border-width);

    background-color: #fff;

    border-bottom: 0;

}

.card-header:first-child {
    border-radius: 22px;
    background-color: white;
    border-bottom: 0px;
    padding-bottom: 0px !important;
}


.border-left-primary {

    border-left: .25rem solid #D94C89 !important;

}

.border-left-warning {

    border-left: .25rem solid #f6c23e !important;

}

.border-left-success {

    border-left: .25rem solid #1cc88a !important;

}

.border-left-danger {

    border-left: .25rem solid #dc3545 !important;

}

.card {

    border: none;

}

.text-gray-800 {

    color: #012c31 !important;

    font-weight: 800;

    font-size: 32px !important;

}

.text-xs {

    font-size: 1.2rem;

    font-weight: 800;

    color: #012c31 !important;

}

.text-primary {

    color: #D94C89 !important;

}



.text-gray-300{

    color: #00E8BA;;

}



#page-content-wrapper {

  min-width: 100vw;

}



/* General Styles for Sidebar Items */

.list-group-item i {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

    background-color: #edf2f7 !important;

    border-radius: 50%;

    color: #00E8BA;

    transition: transform 0.3s ease;

    font-size: 18px;

    /* font-weight: 800; */

}



.list-group-item i {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

    background-color: #edf2f7 !important;

    border-radius: 50%;

    color: #00E8BA;

    transition: transform 0.3s ease;

}



/* Hover Effect */

.list-group-item:hover i {

    transform: rotate(360deg);

}



.list-group-item:hover {

    background-color: #edf2f7!important;



}



body.sb-sidenav-toggled #wrapper #sidebar-wrapper {

  margin-left: 0 !important;

}



@media (min-width: 768px) {

    #sidebar-wrapper {

        margin-left: 0;



    }

  #page-content-wrapper {

    min-width: 0;

    width: 100%;

  }

  body.sb-sidenav-toggled #wrapper #sidebar-wrapper {

    margin-left: -16rem !important;

  }





}