body {
    font-family: 'Raleway', 'Open Sans', sans-serif;
    background-color: #f7f7f7;
}

@font-face {
    font-family: 'Open Sans';
}

.btn-calender {
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.datepicker {
    font-family: 'Raleway', 'Open Sans', sans-serif;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgb(0 0 0 / 16%);
    display: none;
    margin-top: 10px;
    padding: 10px;
    width: 300px;
    max-width: 100%;
}

.datepicker td {
    width: 40px;
    padding: 8px 4px;
}

.datepicker table tr td.today {
    background-image: linear-gradient(to bottom, #57ce81, #27b358) !important;
    background-color: #57ce81 !important;
}

.size{
	min-width: 250px !important;
}

.size2{
	min-width: 150px !important;
}

.size3{
	min-width: 375px !important;
}

@media only screen and (min-width: 2560px){
	.table-responsive: {
		overflow-x: hidden !important;
}
}

#firstTable{
   margin-bottom: 8rem;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}

.custom-control-label::before {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.custom-control .custom-control-label::before,
.custom-control .custom-control-label::after {
    top: 0.1rem !important;
    left: -2rem !important;
    width: 2.2rem !important;
    height: 2.2rem !important;
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    opacity: 0.5 !important;
}


.form-control:disabled {
    background-color: transparent;
    border: 0px solid black;
    opacity: 1;
    padding-left: 0px;
}

#saveDashboardUpdates {
    display: none;
}

.delete {
    display: none;
}

.hidden {
    display: none;
}

.deleteRow {
    background-color: #dc3545 !important;
}


#raportcheckbox {
    margin-top: 3%;
    width: 2.2rem !important;
    height: 2.2rem !important;
}

.selectinvisible {
    color: #495057 !important;
    background-color: transparent !important;
    border: none !important;
    background: none !important;
    opacity: 1 !important;
}

.selectinvisible2 {
    color: #495057 !important;
    background-color: transparent !important;
    border: none !important;
    background: none !important;
    opacity: 1 !important;
}


.prio3 {
    background-color: white;
    color: black;
    padding-top: 4.5px;
}

.squares {
    display: flex;
}

.squares>div {
    flex: 1;
    /*grow*/
}

/* new css */
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #004a80 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    color: white !important;
    border: none !important;

}

body {
    font-family: 'Montserrat', sans-serif !important;
    background: linear-gradient(to bottom, white, #004a80 ) fixed !important;
    height: 100vh !important;
}

.card {
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
}



thead {
    font-family: 'Montserrat', sans-serif !important;

}

.prio3 {
    border: solid 1px;
    border-color: #004a80;

}

.prio2 {
    border: solid 1px;
    border-color: #004a80;
}

.prio1 {
    border: solid 1px;
    border-color: #004a80;
}

.prio0 {
    border: solid 1px;
    border-color: #004a80;
}

.cleanrow {
    border: solid 1px;
    border-color: #004a80;
}

.navbar {
    background-color: #004a80 !important;
    color: white !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0.3rem 1rem;
}

.nav-link {

    color: white !important;
    font-family: 'Montserrat', sans-serif !important;
}

.navbar-brand {

    color: white !important;
    font-family: 'Montserrat', sans-serif !important;

}

.btn-primary {
    color: #fff;
    background-color: #0E406A;
    border-color: #0E406A;
}

.btn-info {
    color: #fff;
    background-color: #71bbac;
    border-color: #71bbac;
}

.logo-navbar {
    width: 70%;
    height: 70%;
    margin-bottom: -5%;
}

.custom-control {
    min-height: 0 rem !important;
    padding-left: 0 rem !important;
    margin-top: -15%;
}

/* sticky sidebar

.sticky-container{
   
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top: 75px;
    width:210px;
    z-index: 1100;
}
.sticky li{
   
    border: solid 2px;
    opacity: 0.8;
    list-style-type:none;
    color:black;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky li:hover{
    opacity: 1 !important; 
    margin-left:-115px;
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    padding-top:15px;
    padding-left:2px;
    margin:0px;
    line-height:16px;
    font-size:0.8rem;
    font-family: 'Montserrat', sans-serif !important;
    
}
.sticky li p a{
    font-family: 'Montserrat', sans-serif !important;
    text-decoration:none;
    color:#2C3539;
}
.sticky li p a:hover{
    opacity: 1 !important; 
    text-decoration:underline;
}
.prio3stick {
    background-color: white ;
}
.prio2stick {
    background-color: rgba(240, 173, 78, 1);
}
.prio1stick {
    background-color:  rgba(217, 83, 79, 1);
}
.test {
    padding-right: 45px !important;
} */