/*
//-----------------------------------------------------------------------
// <summary>
// style css
// </summary>
// <copyright file="Style.css" company="ClarityAndSuccess">
// Copyright (c) ClarityAndSuccess. All rights reserved.
// </copyright>
// <author>Jagdish Bhadania</author>
// <Created>29.07.2021, Jagdish</Created>
// <LastModified>05.05.2023, Madhav</LastModified>
//-----------------------------------------------------------------------
// 05.05.2023, Madhav :: Feature #4464 - Add 'View VAT Penalties' area
// 13.02.2023, Madhav :: Change Request #4117 - Settings - Allow us to set the background colour (hex code) of the nav bar
// 01.02.2023, Madhav :: Change Request #4108 - Whole Project - Logo area needs to allow a square logo// 23.01.2023, Madhav :: Change Request #4051 - Settings/HMRC Request Logs - Change multi-select action from double-click to selecting a checkbox
// 09.11.2022, Madhav :: Feature #3741 - Implement new 'HMRC Request Logs' area
// 31.08.2022, Madhav :: Change Request #3415 - Login - Layout changes to match TopdeskReports design - Code review changes
// 31.08.2022, Madhav :: Change Request #3538 - Whole Project - Move 'My Account' to be in a separate menu like TopdeskReports
// 30.08.2022, Madhav :: Change Request #3415 - Login - Layout changes to match TopdeskReports design
// 17.05.2022, Madhav :: Feature #2972 - Settings - Make title and logo of navigation bar configurable
// 11.05.2022, Madhav :: Feature #2975 - Users - Add a field called 'Company' and display this underneath the username in the nav bar
// 11.05.2022, Madhav :: Change Request #2971 - Navigation - Move 'hamburger' icon and keep minimal navigation bar in mobile mode
//  04.05.2022, Madhav :: Change Request #2919 - Whole Project - Add application version at bottom of page
//-----------------------------------------------------------------------
*/

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f4f6f9; /*11.05.2022, Madhav*/
}

p {
    font-family: 'Poppins', sans-serif;
}

.custom-select-sm {
    font-size: inherit !important;
}
#vatObligationDetails, #vatLiabilitiesetails, #vatPaymentsDetails {
    visibility: hidden;
}
.activeMenuItem {
    background-color: #6c757d;
}
.cursorContextMenu {
    cursor: context-menu;
}

/*11.05.2022, Madhav*/
.cursorPointer {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.day {
    font-size: 90%;
}
.pointerEventNone {
    pointer-events: none;
}

/*01.02.2023, Madhav*/
.centerSidebarImage {
    display: grid;
    place-content: center;
    margin-right: 22px !important;
}

/*01.02.2023, Madhav*/
.sidebarImageResponsibe {
    height: 100px !important;
    max-width: 100px !important;
}

/*04.05.2022, Madhav*/
#bottomText {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*04.05.2022, Madhav*/
.versionTextColor {
    color: #c2c7d0;
}

/*31.08.2022, Madhav*/
.companyNameLink {
    margin-top: -20px;
    text-align: right;
}

/*31.08.2022, Madhav*/
.userNameLink {
    text-align: right;
}

/*11.05.2022, Madhav - Start*/
.sidebar1 > .sidebarItem.active:hover {
    background-color: rgba(255,255,255,.9);
    color: #343a40;
}

.sidebar1 > .sidebarItem.active {
    background-color: #007bff;
    color: #fff;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
}

header {
    z-index: 1 !important;
    position: fixed !important;
    background: #22242A !important;
    padding: 20px !important;
    width: calc(100% - 0%) !important;
    top: 0 !important;
    height: 30px !important;
    box-sizing: unset !important;
}


.sidebar1 {
    z-index: 10000 !important;
    top: 0;
    background: #001A41; /*17.05.2022, Madhav*/
    position: fixed;
    left: 0;
    width: 250px;
    height: calc(100%);
    transition: 0.5s;
    transition-property: left;
    overflow-y: auto;
    padding-right: 5px;
    padding-left: 5px;
}

    .sidebar1 a {
        color: #fff;
        display: block;
        width: 100%;
        line-height: 30px;
        text-decoration: none;
        padding-left: 20px;
        margin-bottom: 2px;
        box-sizing: border-box;
        transition: 0.5s;
        transition-property: background;
        border-radius: 9px;
    }

        .sidebar1 a:hover:not(.topLink) {
            background: rgba(255,255,255,.9);
            color: #000;
        }

    .sidebar1 i {
        padding-right: 10px;
    }

label #sidebar_btn {
    z-index: 1;
    color: #fff;
    position: fixed;
    cursor: pointer;
    left: 300px;
    font-size: 20px;
    margin: 5px 0;
    transition: 0.5s;
    transition-property: color;
}

    label #sidebar_btn:hover {
        color: #19B3D3;
    }

#check1:checked ~ .sidebar1 {
    left: -185px !important;
}

    #check1:checked ~ .sidebar1 a span {
        display: none;
    }

    #check1:checked ~ .sidebar1 a {
        font-size: 20px !important;
        margin-left: 185px !important;
        width: 65px !important;
    }

.content2 {
    width: (100% - 250px);
    padding: 20px;
    margin-left: 250px;
    background-position: center;
    background-size: cover;
    transition: 0.5s;
}

#check1:checked ~ .content2 {
    margin-left: 60px;
}

#check1:checked ~ .sidebar1 .profile_info {
    display: none;
}

#check1 {
    display: none;
}

    #check1:checked ~ .sidebar1 {
        padding-right: 0px;
        padding-left: 0px;
        border-radius: 0px;
    }

    #check1:checked ~ #bottomText {
        display: none
    }

.mobile_nav {
    display: none;
}

.content2 .card p {
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    opacity: 0.8;
}
/*11.05.2022, Madhav - End*/

/*11.05.2022, Madhav*/
.dot {
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-bottom:2px;
}

@media(max-width:460px) {
    .registerLoginBox {
        width: 360PX !important;
    }
}

/*31.08.2022, Madhav*/
@media(max-width:540px) {
    .registerLoginBox {
        width: 360PX !important;
    }
}

/*31.08.2022, Madhav*/
@media(max-width:360px) {
    .registerLoginBox {
        width: 280PX !important;
    }
}

.registerLoginBox {
    width: 440px !important; /*31.08.2022, Madhav*/
}

/*17.05.2022, Madhav*/
.box {
    margin-bottom: 20px;
    padding: 15px 15px;
    border: 1px solid #dadce6;
    border-radius: 3px;
    background-color: #f9fafb;
    color: #3e4359;
    word-wrap: break-word;
}

/*09.11.2022, Madhav*/
.selectedRow {
    background-color: #7CB9E8;
}

/*23.01.2023, Madhav*/
.clsSelectHMRCRequestLog {
    min-height: 22px !important;
    min-width: 22px !important;
    margin-top: 2px !important;
    padding-left: 0 !important;
    vertical-align: middle;
}

/*13.02.2023, Madhav*/
.clsColorPicker {
    height: 38px;
    margin-left: 5px;
}

/*13.02.2023, Madhav*/
.bottomTextColor {
    color: #ffffff;
}

/*05.05.2023, Madhav*/
.clsNestedTables {
    background: none !important;
}

/*05.05.2023, Madhav*/
.clsTables {
    border-top: 1px solid #dee2e6 !important;
}

/*05.05.2023, Madhav*/
.clsTables thead tr:hover {
    background-color: transparent !important;
}