.bg-civil-orange {
    background-color: #ff5200 !important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
body {
    color: #343a40 ;
}

.breadcrumb-item > a {
    color: #343a40;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
/*    background-color: #f8f9fa;*/
    border-bottom: 0 solid #f5f5f5;
}
body {
    font-weight: 500;
    font-size: 1rem !important;
}

.nav-pills > li > a, .nav-tabs > li > a {
    
    font-weight: 700;
}

.card .card {
    box-shadow: 0 -3px 31px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 2%) !important;
}

input[switch] + label {
    font-size: 1em;
    line-height: 1;
    width: 56px;
    height: 24px;
    background-color: #ced4da;
    background-image: none;
    border-radius: 2rem;
    padding: .16667rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: 500;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

input[switch]:checked + label:after {
    left: 33px;
    background-color: #e9ecef;
}
    input[switch] + label:after {
        content: '';
        position: absolute;
        left: 3px;
        background-color: #e9ecef;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 2rem;
        height: 20px;
        width: 20px;
        top: 2px;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
input[switch]:checked + label {
    background-color: #ff9550;
}
input[switch] {
    display: none;
}
.mt-1, .my-1 {
    margin-top: .50rem !important;
}

.page-item.active .page-link {
    background-color: #ff5200;
    border-color: #ff5200
}

.main-menu.menu-light .navigation li a i, .main-menu.menu-light .navigation li a i {
    margin-right: 8px;
}


/* BEGİN Buton*/

.btn-primary {
    background-color: #ff5200 !important;
    border-color: #ff5200 !important;
   
}

.btn-primary:hover, btn-primary.focus {
     background-color: #ff6820 !important;
     border-color: #ff5200 !important;
}

.btn-warning {
    background-color: #ff5200 !important;
    border-color: #ff5200 !important;
    color: #ffff;
}

.btn-warning:hover, btn-warning.focus {
    background-color: #ff6820 !important;
    border-color: #ff5200 !important;
}

#btninsert {
    font-size: 15px;
    height: 38px;
    width: 165px;
    padding: 4px;
   
}
  /*END Button*/


.main-menu-content li.nav-item:hover a.colorMenü {
    color: #FFFFFF !important;
    background: #ff5200;
}

.logOut:hover {
    color: #FFFFFF !important;
    background: #ff5200;
} 
body.vertical-layout.vertical-menu .main-menu .main-menu-content {
    padding-top: 0px;
}


/* BEGİN Login Page*/
.brand-logo {
    width: 120px !important;
    mix-blend-mode: multiply;
}

.brand-logo2 {
    width: 33px !important;
    mix-blend-mode: multiply;
}

.justify-content-center {
    justify-content: center !important;
}

.btn-block {
    background-color: #ff5200 !important;
    border-color: #ff5200 !important;
    height:38px;
}

    .btn-block:hover, .btn-block.focus {
        background-color: #ff6820 !important;
        border-color: #ff5200 !important;
    }

.bgimg {
    background: url('../images/backgrounds/backroundImage2.png') no-repeat center center fixed;
    background-size: cover;
}

  /* END Login Page*/


.text-bold-600 {
    font-weight: 500;
    font-size:17px;
}

.breadcrumb-item > a {
    color: #343a40;
}

.pace {
    opacity: 0;
}



.table .table {
    background-color: #ffffff;
}


.deleteBtn {
    height: 35px;
    width: 40px;
}

#backButton {
    height: 35px;
    width: 60px;
}
.btnincident {
    height: 38px;
    width: 95px;
    padding: 10px;
}


.text-bold-700 {
    font-weight: 600;
    font-size: 15px;
}



element.style {
    position: fixed;
    top: 50.4px;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    background-color: #ff5200 !important;
}
.main-menu.menu-light .navigation > li.open > a {
    border-right: 4px solid #ff5200 !important;
}

html body a:hover {
    
    color: #ff5200;
}