﻿@font-face {
    font-family: 'HoneywellSans-Book';
    src: url('../fonts/Honeywell_Fonts/HoneywellSans-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Honeywell_Fonts/HoneywellSans-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Honeywell_Fonts/HoneywellSans-Book.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Honeywell_Fonts/HoneywellSans-Book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Honeywell_Fonts/HoneywellSans-Book.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'HoneywellSans-Book',Helvetica,Arial,sans-serif !important;
}
.main-header .navbar {
    background:  rgba(13, 46, 76, 0.8);

/*    background: linear-gradient(90deg, rgba(23,146,229,1) 34%, rgba(17,115,178,1) 59%);
*/

}
.main-header {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 
        0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 
        0 0.25rem 0.53125rem rgba(4,9,20,0.05),
        0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}
.small-box {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a {
    border-left: 1px solid rgba(10, 27, 62, 0.20);
}
.skin-black-light .main-header .navbar > .sidebar-toggle {
    border-right: 1px solid rgba(10, 27, 62, 0.20);
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
    background: #1173b2;
    color: #f3f3f3;
}
.skin-black-light .main-header .navbar .nav > li > a {
    color: #f1f1f1;
}
.skin-black-light .main-header .navbar .nav > li > a:hover, .skin-black-light .main-header .navbar .nav > li > a:active, .skin-black-light .main-header .navbar .nav > li > a:focus, .skin-black-light .main-header .navbar .nav .open > a, .skin-black-light .main-header .navbar .nav .open > a:hover, .skin-black-light .main-header .navbar .nav .open > a:focus, .skin-black-light .main-header .navbar .nav > .active > a {
    background: #13689f;
    color: #f3f3f3;
}
.center-navbar {
    display: block;
    text-align: center;
    color: #fff;
   
   /* background-color: #qozg6727QO;*/
    font-size: 20px !important;
    font-weight: 600;
    padding-top: 0px !important;
    line-height: 50px;
}
.sidebar-menu > li > a > .fa{
    opacity:0.6;
}
.skin-black-light .sidebar-menu > li.active > a {
    font-weight: 600;
    border-left: 3px solid #ab1d1d;
}
.box {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    border: 0.5px solid rgba(121, 121, 121, 0.28) !important;
    border-radius: 15px;
}
.box-body {
    padding: 25px;
}
.bg-blue, .btn-primary {
    background: rgb(23,146,229);
    background: linear-gradient(90deg, rgba(23,146,229,1) 34%, rgba(17,115,178,1) 59%);
}
.btn .fa{
    margin-right:5px;
}
.btn, .btn-group-sm > .btn, .btn-sm {
    border-radius: 0px;
}
.invoice {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    border: 0.5px solid rgba(121, 121, 121, 0.28) !important;
    border-radius: 15px;
}
.invoice-col > label {
    margin-bottom: 15px;
    font-size:15px;
}
.invoice-col > label small{
    font-size:12px;
}
.btn-danger {
    background-color: rgb(220, 32, 46);
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: rgb(23,146,229);
    background: linear-gradient(90deg, rgba(23,146,229,1) 34%, rgba(17,115,178,1) 59%);
}
.login-page, .register-page {
    background: #d2d6de;
    /*background: url(../../Images/loginBg1.png) center center no-repeat;*/

    background: url(../../Images/registration_bg.jpg) center center no-repeat;
    background-size: cover;
}
.login-box, .register-box {
    width: 400px;
    /*margin: 12% auto 12% 60%;*/
    margin: 15% auto;
}
.login-box-body, .register-box-body {
    background: rgba(255, 255, 255, 0.98);
   /* padding-top:50px;*/
    padding-right:50px;
    padding-bottom:20px;
    padding-left:50px;
    border-top: 0;
    color: #666;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #ccc;
}
.group-start {
    background: rgba(153, 160, 175, 0.28) /*#3c8dbc*/ !important;
}

    @media (max-width:768px) {
        .login-box, .register-box {
            width: 90%;
            margin: 0% auto;
            height: 100vh;
            padding-top: 30%;
        }

        .skin-black-light .main-header > .logo {
            background-color: #fff;
        }
    }