/*********CSS FOR LOGIN BLOCK*************/
.path-frontpage:not(.user-logged-in) main .container,
.path-user:not(.user-logged-in) main .container
{
    max-width: 100%;
    margin-top: 5%;
}

.path-frontpage:not(.user-logged-in) #block-tsd11gui-page-title,
body:not(.user-logged-in) #block-tsd11gui-local-tasks
{
    display: none;
}

.path-user #block-tsd11gui-page-title {
    text-align: center;
}

body:not(.user-logged-in) nav.navbar.navbar-expand-lg{
    border: none;
    padding: 0;
}

.path-frontpage:not(.user-logged-in) .region.region-content,
.path-user:not(.user-logged-in) .region.region-content{
    max-width: 30%;
    margin-left: auto;
    margin-right: auto;
    background: #d5d5d578;
    padding: 4% 2%;
    border-radius: 2%;
    box-shadow: 2px 3px 12px #d2ceced4;
}

.path-frontpage:not(.user-logged-in) #block-vecplerpd11b5-gui-page-title {
    text-align: center;
}

.path-frontpage:not(.user-logged-in) form#user-login-form,
.path-user:not(.user-logged-in) form#user-login-form{
    display: flex;
    gap: 30px; /*edit by rhs 10px*/
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.user-login-form .form-item-name, .user-login-form .form-item-pass {
/*    display: flex;*/   /*edit by rhs*/
    text-align: left;
    align-items: center;
    margin: 0;
}

.user-login-form .form-item-name label,
.user-login-form .form-item-pass label {
    width: 40%;
    font-weight: 650; /*add by rhs*/
}

.user-login-form #edit-actions {
   /* margin-left: auto;*/
    margin-right: auto;
}

/**********CSS FOR FRONT PAGE*****************/
/*Container*/
.navbar > .container.d-flex {
    align-items: flex-start;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
}

.navbar-expand-lg {
    background-color: #efebeb !important;
    max-width: 100%;
    margin: auto;
    padding: 0;
}

header {
    margin-top: 20px;
    margin-bottom: 1em;
}

footer .block h2 {
    margin-top: 20px;
}

.footer-dark.bg-dark {
    background-color: #4f4848 !important;
}

footer.node__meta {
    padding: 0;
}

/*Site Title and logo*/
.navbar-brand a.site-title {
    color: white;
    text-decoration: none;
    font-size: smaller;
    font-weight: 550;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 10px;
}

.navbar-brand a.site-title:hover {
    color: white;
}

.navbar-brand img{
    margin-left: 0px;
    margin-right: 6px;
    width: 42px;
    height: 40px;
    /*margin-top: 25px;*/ /*add by rhs*/
}

.navbar-brand{
    padding-top: 0;
}

#navbarSupportedContent .align-items-center {
    padding: 0px;  /*by rhs for site name*/
}

/*Media query for Menu Navigation and Container*/
@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
	max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-collapse {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .justify-content-md-end {
        justify-content: space-between !important;
    }
}

/*Superfish*/
/*Span indicator*/

a.menuparent:after,
span.menuparent:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

li ul li a.menuparent:after,
li ul li span.menuparent:after{
    display: block;
    content: "";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: 0px;
}

span.sf-sub-indicator {
    display: none;
}

/*Main menu and account menu links*/
.navbar-expand-lg .navbar-collapse {
    line-height: 15px;
    background: linear-gradient(90deg,#1580B0 0%,#172B4D 100%);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 4px;
    width: 100%;
    color: white;
    height: 99px;
    display: inline-block !important;
    position: relative;
}

.region-nav-main {
    display: inline-block;
    width: 100%;
}

.block-menu.navigation.menu-main {
    float: left;
    display: inline-block;
    clear: left;
    width: 80%;
    text-align: left;
    position: absolute;
    bottom: 0px;
    left: 10px;
}

.block-menu.navigation.menu--main .navbar-nav {
    width: 75%;
    float: left;
    display: inline-block;
    margin-top: 10px;
}

.nav-link {
    padding-bottom: 10px;
}

.block-menu.navigation .navbar-nav > li {
    float: left;
}

.menu--account {
    display: inline-block;
    float: right;
    width: 25%;
    position: absolute;
    right: 6px;
    bottom: 0;
}

.menu--account .navbar-nav {
    display: inline-block;
    float: right;
    margin-top: 10px;
}


ul#superfish-main {
    padding-left: 0;
}

ul.sf-menu.sf-style-default a.sf-with-ul, ul.sf-menu.sf-style-default span.nolink.sf-with-ul {
    padding-right: 14px;
}

ul.sf-menu > li.sf-depth-1 > a,
ul.sf-menu > li.sf-depth-1.menuparent > a,
ul.navbar-nav {
    font-weight: 600;
}

.navbar-nav {
    margin-top: 62px;
    color: white;
}

.nav-link {
    color:white;
    font-size: 14px;
}

.nav-item a {
    font-size: 14px !important;
}

.nav-link:hover {
    color: white;
}

.dropdown-menu li a:hover {
    background: #ccc;
    font-weight: 600;
}

#block-tsd11gui-local-tasks .nav-link {
    color: #0d6efd;
}

ul.sf-menu .sf-depth-1:hover,
#block-tsd11gui-useraccountmenu-menu ul.navbar-nav > li.nav-item:hover {
    background-color: none;
}

ul.sf-menu .sf-depth-1, ul.menu sf-depth-1 a.is-active,
#block-tsd11gui-useraccountmenu-menu ul.navbar-nav > li.nav-item > a {
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

ul.sf-menu .sf-depth-2,
span.sf-depth-2.menuparent.nolink.sf-with-ul {
    padding: 10px;
}

ul.sf-menu .sf-depth-1,
ul.sf-menu span.nolink {
    padding: 10px 20px;
}

ul.sf-menu .sf-depth-3,
ul.sf-menu .sf-depth-4 {
    padding: 10px;
}

.block-superfish {
    width: 75%;
    float: left;
    position: absolute;
    bottom: 0;
}

ul.sf-menu.sf-style-default > li, ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent !important;
}

/*Dropdown menu links*/
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    left: 0;
    top: 3.15em;
}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    background: #fff;
}

ul.sf-menu a.sf-depth-2:hover,
ul.sf-menu span.sf-depth-2:hover,
ul.sf-menu a.sf-depth-3:hover,
ul.sf-menu span.nolink.sf-depth-3:hover,
ul.sf-menu a.sf-depth-4:hover {
    background-color: #e7e7e7;
}

ul.sf-menu .sf-depth-2,
ul.sf-menu .sf-depth-3,
ul.sf-menu .sf-depth-4 {
    color: #000;
    font-size: 14px;
    text-decoration: none;
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited {
    color: #166c99;
}

/******PAGE TITLE AND WR TABLE HEADER*********/
#block-tsd11gui-page-title h1 {
    font-size: 25px;
    padding-bottom: 9px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    font-weight: 500;
    line-height: 1.1;
    text-align: left;
}

#wr-table--header {
    font-weight: 400;
    font-size: 22px;
}

caption
{
    font-size: 15px;
}

.table>thead>tr>th,
.view table td {
    border: solid 1px #cbc6c6;
    text-align: center;
}

/****WEEKLY REPORT Table *******/
.table>thead>tr>th {
    background-color: #839fa9;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    color: #fff;
    padding: 3px 10px;
}

th.week-header {
    padding: 8px;
    font-size: 11px;
    color: white;
    line-height: 1.5;
    text-align: center;
}

/*******CSS FOR ALL BUTTONS**********/
.form-submit.btn {
    font-size: 14px;
    margin-left: 0px; /*added by rhs*/
}

.node-form {
    margin: 0;
}

.node-form #edit-actions {
    display: inline-block;
}

#edit-actions:has(.btn[value="Apply"]) {
    clear: none;
    float: left;
    margin-top: 2.5em;
}

.btn[value="Submit"]{
    margin-top: 3.1em;
    padding: 4px 14px;
}

.field-add-more-submit,
#edit-preview.btn{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.field-add-more-submit:hover,
#edit-preview.btn:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-primary,
.btn-primary.btn:active
{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}


.paragraphs-dropdown-action.btn[value='Remove']:hover,
.btn[value='Remove']:hover,
.btn[value='Reset']:hover{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.paragraphs-dropdown-action.btn[value='Remove'],
.btn[value='Remove'],
.btn[value='Reset']{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

/********Frontpage Three blocks*********/
.block-views-blockproject-board-block-1,
.block-views-blockcards-block-1,
.block-views-blockview-issues-block-2
{
    background: #17486f;
    box-shadow: 0px 2px 8px gray;
    border-radius: 5px;
    width: 24%;
    float: left;
    padding: 0.5em;
    transition: 0.2s linear;
    margin: 1.5em 1em 1em 0;
}

.block-views-blockproject-board-block-1 > h2,
.block-views-blockcards-block-1 > h2,
.block-views-blockview-issues-block-2 > h2 {
    padding: 1%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 650;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.bg-danger {
    background-color: #f2dede !important;
}

.view-empty > p {
    padding: 13px;
    border-radius: 3px;
    color: #830606;
    font-style: italic;
    margin-bottom: 13px;
    text-align: center;
}

/********COMMON CSS***********/
/*Labels*/
.form-item label, .label{
    font-weight: 500;
}

/*Table headers*/
.table>thead>tr>th a {
    color: #fff;
}
.table>thead>tr>th a:hover {
    opacity: 0.7;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
/*Margin-bottom*/
.form-item{
    margin-bottom: 4px; /*0px to 4px by rhs for add project list dialog box*/
}

/*Status tab*/
.form-type-vertical-tabs {
    clear: left;
    width: 100%;
    display: inline-block;
}
/*Date*/
.form-type-date {
    width: 100%;
}

fieldset {
    /*box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);*/
}

#edit-field-date-value-wrapper {
    width: 23%;
    /*border: solid 1px #ccc;*/
}

#edit-field-date-value-wrapper .fieldset-wrapper {
    grid-template-columns: auto auto;
    display: grid;
    gap: 3px;
}

#edit-field-holiday-date-value-wrapper legend,
#edit-field-date-value-wrapper legend {
    background: transparent;
    padding: 0;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

#edit-field-holiday-date-value-wrapper .fieldset-wrapper,
#edit-field-date-value-wrapper .fieldset-wrapper {
    padding: 0;
}

legend {
    background: #839fa9;
    background: #c1c7c7;
    padding: 3px 10px;
    margin-bottom: 0;
    font-weight: 500;
    color: #fff;
}

.fieldset-wrapper {
    display: inline-block !important;
    padding: 5px;
}

.fieldset-wrapper .form-type-date {
    width: 47%;
}

label[for="edit-field-holiday-date-value-min"], label[for="edit-field-holiday-date-value-max"],
label[for="edit-field-date-value-min"], label[for="edit-field-date-value-max"] {
    display: none;
}

.form-item-field-holiday-date-value-min, .form-item-field-holiday-date-value-max,
.form-item-field-date-value-min, .form-item-field-date-value-max {
    margin: 0;
}

#node-holiday-record-form .field--name-field-holiday-date .label {
    float: left;
    margin-top: 2%;
    margin-right: 5%;
}

#node-holiday-record-form .field--name-field-holiday-date #edit-field-holiday-date-0-value {
    display: inline;
    float: left;
    clear: left;
}

/*Remove Paragraph title*/
.js .paragraph-type-top {
    justify-content: flex-end !important;
}

.paragraph-type-title {
    display: none;
}

/*Paragraph fields*/
.paragraphs-subform {
    display: grid;
    grid-template-columns: repeat(2, 40%);
    gap: 0.5em;
}

/*********CHOOSE FILE********/
.node-form .form-managed-file {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
}

/*Remove show row weights*/
.tabledrag-toggle-weight-wrapper {
    display: none;
}

/*Shadow effects on node tables*/
.node-form .table {
    /*box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);*/
    border: solid 1px #839fa9;
}

/*Related issue*/
table[id^="field-related-issue"] td:nth-child(2){
    display: grid;
    grid-template-columns: repeat(2, 49.5%);
    gap: 0.5em;
}

table[id^="field-related-issue"] td > .ajax-new-content {
    display: contents;
}

/******VIEW WEEKLY ACTIVITY*******/
#edit-field-holiday-date-value-wrapper {
    WIDTH: 23%;
}

.form-item-week-date {
    width: 12%;
    float: left;
}

#edit-field-holiday-date-value-wrapper .fieldset-wrapper {
    grid-template-columns: auto auto;
    display: grid;
    gap: 3px;
}

/************VIEW ALL CLIENT TIMESHEET**************/
.form-item-uid{
    width: 21%;
}

/**********VIEW USER LIST**************/
.form-item-field-start-date-probation-value, .form-item-field-start-date-fulltime-value, .form-item-field-date-of-leaving-value {
    width: 13%;
}

/**********VIEW EDIT EMPLOYEES**********/
#views-form-edit-employees-page-1 {
    overflow: auto;
}

.view-edit-employees .views-field-form-field-field-date-of-birth .label,
.view-edit-employees .field--name-field-start-date-probation .label,
.view-edit-employees .field--name-field-start-date-fulltime .label,
.view-edit-employees .field--name-field-date-of-leaving .label {
    display: none;
}

.view table td {
    text-align: center;
    vertical-align: middle;
}


/*********CREATE TIMESHEET ENTRY, HISTORIC TIMESHEET ENTRY********/
/*
.field--name-title {
    width: 42%;
    float: left;
    margin-right: 0.5em;
}
*/
.form-item-client, .field--name-field-project {
    //width: 27%; /*edit by rhs*/
    //float: left;
    margin-right: 0.5em;
}
.field--name-field-task-type, .field--name-field-task-reference{
    width: 25%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-date{
    margin-top: 1em;
}

.field--name-field-date, .field--name-field-hours, .field--name-field-billable-hours{
    width: 13%;
    float: left;
    margin-right: 0.5em;
}

#edit-field-issue-status--description,
#edit-field-priority-level--description,
#edit-field-task-reference-0-target-id--description,
#edit-field-hours-0-value--description{
    display: none;
}

.field--name-field-billed{
    width: 5%;
    float: left;
    margin-top: 18px; /*edit by rhs*/
    margin-left: 11px; /*edit by rhs*/
}

.field--name-field-description{
    clear: left;
}

.field--name-field-description, .field--name-field-notes {
    display: block;
    width: 49%;
    float: left;
    margin-right: 0.5em;
}

/*by rhs*/
#node-timesheet-entry-form input {
    margin-left: 0px;
    //width: 94%;
}
#node-timesheet-entry-form .form-item-field-billed-value {
    width: 15px;
}

#node-historic-timesheet-entry-form .js-form-item-title-0-value input {
    width: 140%;
    margin-left: 0px;
    margin-right: 10px;
}

#node-historic-timesheet-entry-form .js-form-item-title-0-value label {
    width: 120px;
    font-size: 14px;
    margin-top: -4px;
}

#node-timesheet-entry-form .form-item-title-0-value  input {
    margin-left: 0px;
    width: 93%;
}

#node-timesheet-entry-form .form-item-title-0-value label {
    margin-top: 6px;
    width: 81px;
}

#node-timesheet-entry-edit-form .form-item-title-0-value input {
    margin-left: 0px;
}

#node-timesheet-entry-edit-form .form-item-title-0-value label {
    margin-top: 0px;
}

/********NODE VIEW PAGE TIEME SHEET ENTRY***********/
.node--type-timesheet-entry .field--name-field-task-type,
.node--type-timesheet-entry .field--name-field-task-reference {
    width: 100%;
    float: none;
    margin-right: 0.5em;
}

.node--type-timesheet-entry .field--name-field-date,
.node--type-timesheet-entry .field--name-field-hours,
.node--type-timesheet-entry .field--name-field-billable-hours {
    width: 100%;
    margin-top: 0;
}

.node--type-timesheet-entry .field--name-field-project,
.node--type-timesheet-entry .field--name-field-billed {
    width: 100%;
    margin-top: 0;
}

.node--type-timesheet-entry .fieldset-wrapper {
    display: grid;
    grid-template-columns: 30% 20% 20% 30%;
    gap: 10px 0px;
}

fieldset#te-description {
    float: left;
    width: 49%;
    margin-right: 1%;
}

fieldset#te-note {
    float: left;
    width: 50%;
}

/********NODE VIEW PAGE CLIENT***********/

.node--type-client .field--name-field-active,
.node--type-holiday-record .field--name-field-holiday-date {
    width: 100%;
    margin-top: 0;
}

.node--type-client .node__links,
.node--type-holiday-record .node__links {
    display: none;
}


/********NODE VIEW PAGE INVOIVE***********/

.node--type-invoice .fieldset-wrapper {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    gap: 10px;
}

.node--type-invoice .field--name-field-invoice-no, .node--type-invoice .field--name-field-client,
.node--type-invoice .field--name-field-invoice-date, .node--type-invoice .field--name-field-invoice-amount,
.node--type-invoice .field--name-field-invoice-currency, .node--type-invoice .field--name-field-exchange-rate,
.node--type-invoice .field--name-field-amount-in-inr, .node--type-invoice .field--name-field-invoice-payment-mf {
    width: 100%;
    margin-top: 0;
}


.node--type-salary-structure .fieldset-wrapper {
    display: grid;
    grid-template-columns: 20% 20% 20%;
}

.node--type-salary-structure .field--name-field-user, .node--type-salary-structure .field--name-field-basic-salary,
.node--type-salary-structure .field--name-field-year-month-mv {
    width: 100%;
    margin-top: 0;
}


/********NODE VIEW PROJECT ***********/

.node--type-project .field--name-field-active {
    margin-top: 0;
}

/********NODE VIEW PROJECT CARD***********/
.node--type-project-card .fieldset-wrapper {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
}

.node--type-project-card .field--name-field-project-list,
.node--type-project-card .field--name-field-assigned-to,
.node--type-project-card .field--name-field-priority-level,
.node--type-project-card .field--name-field-card-status,
.node--type-project-card .field--name-field-card-file-mv {
    width: 100%;
    margin-top: 0;
}

/********NODE VIEW HISTORIC TIMESHEET ENTRY***********/

.node--type-historic-timesheet-entry .field--name-field-project,
.node--type-historic-timesheet-entry .field--name-field-task-type,
.node--type-historic-timesheet-entry .field--name-field-date,
.node--type-historic-timesheet-entry .field--name-field-hours,
.node--type-historic-timesheet-entry .field--name-field-billable-hours,
.node--type-historic-timesheet-entry .field--name-field-description,
.node--type-historic-timesheet-entry .field--name-field-notes,
.node--type-historic-timesheet-entry .field--name-field-billed {
    width: 100%;
    margin-top: 0;
}

#historic-timesheet-entry .fieldset-wrapper{
    display: grid;
    grid-template-columns: 25% 25% 13% 35%;
    gap: 11px;
}

/********NODE VIEW ISSUE***********/

.node--type-issue .field--name-field-project-mv,
.node--type-issue .field--name-field-card-mv,
.node--type-issue .field--name-field-assigned-to,
.node--type-issue .field--name-field-priority-level,
.node--type-issue .field--name-field-issue-status {
     width: 100%;
    margin-top: 0;
}

.node--type-issue .fieldset-wrapper {
    display: grid;
    grid-template-columns: 20% 20% 35%;
    gap: 11px;
}

/********NODE VIEW LEAVE RECORD***********/

.node--type-leave-record .fieldset-wrapper {
    display: grid;
    grid-template-columns: 15% 15% 15% 16% 30%;
}

.node--type-leave-record .field {
    width: 100%;
    margin-top: 0;
}

/********NODE VIEW PROJECT TEAM***********/

.node--type-project-team .field__items {
    display: flex;
    gap: 6px;
}

.node--type-project-team .field__item::after {
    content: ",";
}

/********NODE VIEW TRAVEL ALLOWANCE***********/
.node--type-travel-allowance .fieldset-wrapper {
    display: grid;
    grid-template-columns: 20% 20% 20%;
}

.node--type-travel-allowance .field {
    width: 100%;
    margin: 0;
}

.node__links {
    margin-top: 2%;
}

/********NODE VIEW VACATION RECORD***********/

.node--type-vacation-record .fieldset-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 11px;
}

.node--type-vacation-record .field {
    width: 100%;
    margin: 0;
}

.node--type-vacation-record .field--name-field-vacation-description {
    margin-top: 1%;
}

/********CREATE VACATION RECORD ***********/
#node-vacation-record-form .form-item {
    margin-top: 0;
}

#node-vacation-record-form #edit-title-wrapper,
#node-vacation-record-edit-form #edit-title-wrapper {
    width: 50%;
    margin-right: 1%;
    float: left;

}

#edit-field-user-wrapper {
    width: 25%;
    float: left;
    margin-right: 1%;
}

#edit-field-vacation-start-wrapper,
#edit-field-vacation-end-wrapper {
    width: 10%;
    float: left;
    margin-top: 1em;
    margin-right: 1%;
}

#edit-field-vacation-description-wrapper {
    clear: left;
    float: left;
}

/*by rhs*/
#node-vacation-record-form .form-item-field-user,
#node-vacation-record-form .field--widget-datetime-default,
#node-vacation-record-form .field--widget-datetime-default {
    /*margin-top: -6px;*/
    margin-top: 0;
}

/********CREATE HOLIDAY RECORD***********/

#node-holiday-record-form #edit-title-wrapper,
#node-holiday-record-edit-form #edit-title-wrapper {
    width: 50%;
    float: left;
    margin-right: 1%;
}

.field--name-field-holiday-date {
    width: 20%;
    float: left;
    margin-top: 1em;
}

#node-holiday-record-form .form-item-title-0-value label {
    width: 20%;  /*by rhs*/
}
/********CREATE INVOICE***********/
.field--name-field-invoice-no, .field--name-field-client {
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-invoice-date{
    width: 13%;
    float: left;
    margin-right: 0.5em;
    margin-top: 1em;
}

.field--name-field-invoice-currency {
    width: 10%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-invoice-amount {
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-exchange-rate, .field--name-field-amount-in-inr {
    width: 14%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-invoice-payment-mf {
    width: 50%;
    display: inline-block;
}
/********CREATE ISSUE***********/
.field--name-field-assigned-to {
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-priority-level, .field--name-field-issue-status{
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

#edit-group-dates{
    width: 38%;
    display: inline-block;
    margin-top: 1%;
}

#edit-group-dates .fieldset-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 32%);
    gap: 0.5em;
}

.field--name-field-project-mv {
    width: 49%;
    margin-right: 0.5em;
    clear: left;
    float: left;
}

.field--name-field-card-mv {
    width: 50%;
    float: left;
}

details#edit-field-issue-attachments {
    border: none;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
    margin-top: 3%;
    --bs-card-inner-border-radius: none;
}

summary.card-header.bg-light {
    background-color: #839fa9 !important;
    color: #fff;
    font-weight: 500;
    padding: 3px 10px;
}

/*********CREATE LEAVE RECORD**********/
.field--name-field-leave-date{
    width: 13%;
    float: left;
    margin-right: 0.5em;
    margin-top: 1em;
}

.field--name-field-user,
.field--name-field-leave-type,
.field--name-field-leave-amount{
    width: 13%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-leave-reason{
    width: 33%;
    float: left;
}

/***********CREATE PROJECT CARD************/
.field--name-field-project-list{
    width: 25%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-card-status{
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

.node-project-card-form .field--name-field-deadline-date,
.node-project-card-edit-form .field--name-field-deadline-date{
    width: 13%;
    float: left;
    margin-right: 0.5em;
    margin-top: 1em;
}

.field--name-field-card-description{
    width: 50%;
    float: left;
}

.field--name-field-card-file-mv{
    display: inline-block;
    width: 49%;
    float: left;
    margin-right: 1%;
}

.field--type-comment {
    margin-top: 2%;
}


/*********CREATE PROJECT LIST**********/

#node-project-list-form #edit-title-wrapper,
#node-project-list-edit-form #edit-title-wrapper,
#node-project-board-form #edit-title-wrapper,
#node-project-board-edit-form #edit-title-wrapper{
    width: 49%;
    margin-right: 1%;
    float: left;
}

.field--name-field-project-board{
    width: 50%;
    float: left;
}

.node--type-project-list .field--name-field-project-board {
    width: 100%;
}

/*by rhs*/
#node-project-list-form .form-item-field-project-board-0-target-id {
    /*margin-top: 21px;*/
}

#node-project-list-form .form-item-field-project-board-0-target-id input {
    width: 550px;
    margin-left: 90px;
    /*margin-top: -28px;*/
}

#node-project-list-edit-form .form-item-field-project-board-0-target-id {
    /*margin-top: -7px;*/
}

/***********CREATE PROJECT TEAM***********/
.field--name-field-team-members{
    width: 57%;
    float: left;
}

/*********CREATE PROJECT**************/
.field--name-field-project-team{
    width: 20%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-active{
    width: 7%;
    float: left;
    margin-top: 1.9em;
}

/**********CREATE SALARY STRUCTURE*************/

#node-salary-structure-form #edit-title-wrapper,
#node-salary-structure-edit-form #edit-title-wrapper {
    width: 46%;
    float: left;
    margin-right: 1%;
}

.field--name-field-basic-salary{
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

.field--name-field-year-month-mv{
    width: 26%;
    display: inline-block;
    clear: left;
    float: left;
}

table[id^="field-year-month-mv-values"] td:nth-child(2) {
    width: 13%;
}

table[id^="field-year-month-mv-values"] td:nth-child(3){
    text-align: end;
}
/**by rhs**/
#node-salary-structure-form .field--widget-options-select {
    /*margin-top: -19px;*/
}

#node-salary-structure-form .form-item-field-basic-salary-0-value {
    /*margin-top: -5px;*/
}

#node-salary-structure-edit-form .form-item-field-user,
#node-salary-structure-edit-form .form-item-field-basic-salary-0-value {
    margin-top: -7px;
}

/**********CREATE TRAVEL ALLOWANCE*************/

#node-travel-allowance-form #edit-title-wrapper,
#node-travel-allowance-edit-form #edit-title-wrapper {
    width: 50%;
    margin-right: 1%;
    float: left;
}

.field--name-field-ta-range-start,
.field--name-field-ta-range-end {
    width: 13%;
    float: left;
    margin-right: 0.5em;
    margin-top: -6px; /*by rhs*/
}

.field--name-field-ta-amount{
    width: 15%;
    float: left;
    margin-right: 0.5em;
}

/*by rhs*/

#node-travel-allowance-form .form-item-field-ta-amount-0-value {
    /*margin-top: -6px;*/
}

#node-travel-allowance-edit-form .form-item,
#node-travel-allowance-form .form-item {
    margin-top: 0;
}

#node-travel-allowance-form .field--name-field-ta-range-start,
#node-travel-allowance-form .field--name-field-ta-range-end,
#node-travel-allowance-edit-form .field--name-field-ta-range-start,
#node-travel-allowance-edit-form .field--name-field-ta-range-end {
    margin-top: 0;
}


/*************************/
.field--name-field-vacation-start, .field--name-field-vacation-end{
    width: 13%;
    float: left;
    margin-right: 0.5em;
    margin-top: 1em;
}

.field--name-field-vacation-description{
    width: 100%;
    display: inline-block;
}

/*********CREATE WEEKDAYS OFF*********/
.field--name-field-start-date,
.field--name-field-end-date{
    width: 13%;
    float: left;
    margin-right: 0.5em;
    margin-top: 1em;
}

.field--name-field-weekly-off-days {
    width: 100%;
    display: inline-block;
}

#node-weekly-days-off-form #edit-title-wrapper,
#node-weekly-days-off-edit-form #edit-title-wrapper {
    width: 50%;
    float: left;
    margin-right: 1%;
}

/*by rhs*/
#node-weekly-days-off-form .field--name-field-start-date,
#node-weekly-days-off-form .field--name-field-end-date {
    /*margin-top: -6px;*/
}

/*********NODE VIEW WEEKKDAYS OFF*********/

.node--type-weekly-days-off .fieldset-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
}

.node--type-weekly-days-off .field {
    width: 100%;
    margin: 0;
}

.node--type-weekly-days-off .field--name-field-weekly-off-days .field__item {
    float: left;
    display: flex;
}



/**********VIEW EDIT INVOICE **********/

#views-exposed-form-view-invoice-page-1 .form-type-date {
    width: 11%;
}

/**********VIEW PROJECT CARD **********/

#views-exposed-form-list-related-cards-page-2 .form-type-date {
    width: 12%;
}

#views-exposed-form-list-related-cards-page-2 #edit-actions {
    clear: left;
    float: left;
    margin-top: 0;
}

/**********VIEW ISSUE**********/

#views-exposed-form-view-issues-page-1 .form-item-field-issue-status-target-id,
#views-exposed-form-view-issues-page-1 .form-item-field-priority-level-target-id {
    width: 11%;
}

.view-filters {
    margin-bottom: 1%;
}

/****Node view fieldset****/
article fieldset {
    border: solid 1px #ccc;
    border-radius: 5px;
}

article fieldset .fieldset-wrapper {
    width: 100%;
    display: grid !important;
    grid-template-columns: 20% 20% 20% 20%;
}

article fieldset legend {
    background: #839fa9;
}

article fieldset .field {
    width: initial !important;
}

/**********MEDIA QUERRY **********/
@media screen and (max-device-width: 1366px) and (min-device-width: 896px) {
    /**********VIEW PROJECT CARD **********/
    #views-exposed-form-list-related-cards-page-2 #edit-actions {
	clear: none;
	margin-top: 2.5em;
    }

    #edit-field-date-value-wrapper {
	width: 27%;
    }
}

/*****by RHS*****/
/**For Custom Content Region Blocks**/

.custom-content-region {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

/*.custom-block {
    background: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    width: 200px;
}

.custom-block h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}*/

.region-custom-content-region {
    display: flex;
}

#block-tsd11gui-views-block-project-board-block-2,
#block-tsd11gui-views-block-view-issues-block-1,
#block-tsd11gui-views-block-view-all-client-timesheet-block-1 {
    display: inline-block;
    width: 400px;
    float: left;
    margin-right: 2%;
    padding: 1%;
    box-shadow: 0px 2px 8px #ccc;
    height: 200px;
    margin-bottom: 10px;
}

.block-views-blockproject-board-block-2 > h2,
.block-views-blockview-issues-block-1 > h2,
.block-views-blockview-all-client-timesheet--block-1 > h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 550;
}

.custom-content-region {
    margin: 3%;
    padding-right: 15px;
    padding-left: 15px;
    height: 200px;
}

.page-node-type-project .region-custom-content-region .item-list ul li {
    padding: 8px;
    background: #ECEFF1;
    margin-bottom: 4px;
    border-radius: 3px;
}

.region-custom-content-region .item-list ul {
    list-style: none;
}

.page-node-type-project .block-view-more {
    float: right;
}

.page-node-type-project .block-view-add-new {
    float: left;
}

body {
    font-size: 14px;
}

/**user profile pic on dashboard**/
.img-circle {
    border-radius: 50%;
    width: 15%;
    //height: 20px;
    max-height: 25px;
}

a {
    text-decoration: none;
}

#block-tsd11gui-views-block-cards-block-1 .views-field,
#block-tsd11gui-views-block-view-issues-block-2 .views-field {
    padding: 8px;
    background-color: #246894;
    cursor: pointer;
    font-size: 1.2em;
    text-align: center;
    transition: 0.2s linear;
    border-radius: 4px;
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

#block-tsd11gui-views-block-cards-block-1 .views-field > .field-content > a,
#block-tsd11gui-views-block-view-issues-block-2 .views-field > .field-content > a {
    color: #F0E68F;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

#block-tsd11gui-views-block-view-issues-block-2 .view-footer {
    color: initial;
}

#user-login-form {
    width: 25em;
    margin: 0 auto;
    margin-top: 5%;
    box-shadow: 0px 2px 8px #ccc;
    padding: 1em 2em;
    color: black;
}

.block-user-login-block {
    /* width: 25em; */
    width: 23em;
    margin: 0 auto;
    margin-top: 5%;
    /* box-shadow: 0px 2px 8px #ccc;
    padding: 1em 2em; */
}

.block-user-login-block ul {
    list-style: none;
    padding: 0;
    float: right;
    /*margin-right: 535px;*/
    margin-top: -58px;
}

.path-frontpage:not(.user-logged-in) .region.region-content, .path-user:not(.user-logged-in) .region.region-content{
    /*display:none;*/
}

#edit-actions .js-form-submit {
    //margin-right: 225px;
}

ul#superfish-main {
    margin-bottom: 0;
}
/*
li.breadcrumb-item {
    margin: 0px 0px 0px 60px;
}

li.breadcrumb-item a {
    color: #0d6efd;
    font-weight: 700;
}

.block-system-breadcrumb-block li a {
    padding-top: 15px;
    padding-bottom: 15px;
}
*/

/**Create Timesheet entry node uidialog rhs**/
/
.ui-dialog .form-item-title-0-value {
    display: flex;
}

.ui-dialog .form-item-title-0-value label {
    font-size: 14px;
    font-weight: 700;
    width: 97px;
}
.ui-dialog .form-item-title-0-value input {
    width:72%;
    padding: 6px 8px 6px 8px;
    height: 37px;
}

.ui-dialog .form-item-client,
.ui-dialog .form-item-field-project {
    display:flex;
    align-items: center;
}

.ui-dialog .form-item-client label,
.ui-dialog .form-item-field-project label,
.ui-dialog .js-form-item-field-task-reference-0-target-id label {
    font-size: 14px;
    font-weight: 700;
}

.ui-dialog .form-item-client .form-select {
    margin-left: 44px;
    width: 230px;
}

.ui-dialog .form-item-field-project label {
    width: 97px;
}

.ui-dialog .form-item-field-project .form-select {
    width: 230px;
    padding: 6px 8px 6px 8px;
    height: 34px;
}

.ui-dialog .form-item-field-task-type {
    display: flex;
}

.ui-dialog .form-item-field-task-type label {
    font-size: 14px;
    font-weight: 700;
    align-items: center;
}

.ui-dialog .js-form-item-field-task-reference-0-target-id .description {
    display: none;
}

.ui-dialog .form-item-field-task-reference-0-target-id {
    display: flex;
    float: left;
    margin-right: 0.5em;
}

.ui-dialog .js-form-item-field-hours-0-value .description {
    display: none;
}

.ui-dialog .js-form-item-field-billable-hours-0-value {
    float: left;
    display: flex;
    margin: 20px 50px 0px 156px;
    width: 263px;
}

.ui-dialog .field--name-field-task-reference {
    clear: left;
}

.ui-dialog .js-form-item-field-task-type {
    width: 328px;
}

.ui-dialog .js-form-item-field-task-type .form-required {
    width: 57%;
}

.ui-dialog .js-form-item-field-task-type .form-select{
    width: 398px;
}

.ui-dialog .js-form-item-field-task-type label {
    align-content: center;
}

.ui-dialog .field--widget-datetime-default {
    clear: left;
}

.ui-dialog .form-item-field-task-reference-0-target-id input {
    width: 400px;
    height: 35px;
    margin-top: 4px;
    margin-left: 11px; /*30px*/
}

.ui-dialog .js-form-item-field-task-reference-0-target-id label {
    width: 87px;
    align-content: center;
    margin-top: 4px;
}

.ui-dialog .field--widget-datetime-default {
    margin-right: 365px; /*282*/
    display: flex;
    width: 190px;
    margin-top: -242px; /*-30*/
    //float: right;
}

.ui-dialog .field--widget-datetime-default label {
    margin-left: 11px;
}

.ui-dialog .field--widget-datetime-default input {
    margin-left: -12px;
}

.ui-dialog .form-item-client {
    margin-top: 56px;
}

.ui-dialog .field--widget-datetime-default .form-inline {
    margin-left: 65px;
}

.ui-dialog .field--widget-datetime-default .label {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}

.ui-dialog .js-form-item-field-hours-0-value {
    display: flex;
    margin-top: 0px;
    position: relative;
    z-index: 10; /*stop overflowing on billable hours*/
}

.ui-dialog .js-form-item-field-hours-0-value input {
    margin-top: 21px;
    width: 161px;
    margin-left: 3px;
}

.ui-dialog .form-item-field-hours-0-value label {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

/*.ui-dialog .js-form-item-field-billable-hours-0-value {
    display: flex;
    margin-left: 188px;
    margin-top: 24px;
}*/

.ui-dialog .js-form-item-field-billable-hours-0-value label {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    width: 203px;
    align-items: center;
}

.ui-dialog .js-form-item-field-billed-value {
    display: flex;
    margin-top: 46px;
    margin-left: -170px;
}

.ui-dialog .js-form-item-field-billed-value label {
    margin-left: 7px;
    font-size: 14px;
    font-weight: 100;
}

.ui-dialog .form-item-field-hours-0-value label ,
.ui-dialog .form-item-field-billable-hours-0-value label {
    font-size: 14px;
    font-weight: 700;

}

.ui-dialog .form-item-field-description-0-value label {
    font-size: 14px;
    font-weight: 700;
}

.ui-dialog .js-form-item-field-description-0-value textarea {
    width: 550px;
}

.dialog-fullscreen .js-form-item-field-description-0-value textarea {
    width: 630px;
}

.ui-dialog .form-item-field-notes-0-value label {
    font-size: 14px;
    font-weight: 700;
}

.ui-dialog .js-form-item-field-notes-0-value textarea {
    width: 550px;
}

.dialog-fullscreen .js-form-item-field-notes-0-value textarea {
    width: 630px;
}

.form-item-field-notes-0-value textarea {
    height: 190px;
}

/*create project board*/
#node-project-board-edit-form #edit-field-project-wrapper,
#node-project-board-form #edit-field-project-wrapper {
    width: 35%;
    display: inline-block;
    clear: left;
    float: left;
}
/*
.form-item-title-0-value {
    display: flex;
}
.form-item-title-0-value label {
    width: 80px;
    font-size: 14px;
    margin-top: 6px;
    display: flex;
}
*/
/*
.form-item-field-project-0-target-id {
    display: flex;
}

.form-item-field-project-0-target-id label {
    width: 51px;
    font-size: 14px;
    margin-top: 20px;
}

.form-item-field-project-0-target-id input {
    margin-top: 14px;
}
*/
.form-item-field-description-0-value textarea {
    height: 257px;
}

.ui-dialog .ui-dialog-titlebar-maximize {
    border: none;
}

.ui-dialog .ui-dialog-titlebar-minimize {
    margin-left: -45px;
    border: none;
}

.weekly-activity-form .js-form-submit {
    margin-left: 5px;
    margin-top: 39px;
}

.dialog-fullscreen .js-form-item-field-billed-value {
    margin-left: -364px;
}

.dialog-fullscreen .ui-dialog-titlebar-minimize  {
    margin-left: 30px;
}

/*override the height of dialogbox*/
.dialog-fullscreen .ui-dialog-content {
  height: auto !important;
  max-height: 85vh !important;
  width: 100% !important;
}

.dialog-fullscreen .js-form-item-field-hours-0-value input {
    margin-top: 21px;
    width: 140px;
    margin-left: 3px;
}

.dialog-fullscreen .js-form-item-field-billable-hours-0-value {
    display: flex;
    margin-left: 55px;
    margin-top: 21px;
}

.dialog-fullscreen .form-time {
    margin-top: 4px;
}

.ui-dialog{
    display:inline-block;
}

.dialog-fullscreen .ui-dialog-titlebar {
    width: 100%;
}

.ui-dialog .field--name-field-description,
.ui-dialog .field--name-field-notes {
  width: 100%;
  float: none; /* make sure nothing breaks flow */
  box-sizing: border-box;
  margin-right: 0;
}

.ui-dialog .field--name-field-description textarea,
.ui-dialog .field--name-field-notes textarea {
  width: 100% !important;
  box-sizing: border-box;
  resize: vertical; /* optional: only allow vertical resizing */
}

.dialog-fullscreen .field--name-field-description, .dialog-fullscreen .field--name-field-notes {
    display: block;
    width: 49%;
    float: left;
    margin-right: 0.5em;
}

.ui-dialog-titlebar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-dialog-titlebar-buttons {
  display: flex;
  gap: 5px;
}

.dialog-fullscreen .js-form-item-field-billed-value {
  display: flex;
  margin-top: 46px;
  margin-left: -366px;
  z-index: 0;
  position: relative;
}

.dialog-fullscreen .js-form-item-field-billable-hours-0-value {
  display: flex;
  margin-left: 55px;
  margin-top: 21px;
  z-index: 1;
  position: relative;
}

#views-exposed-form-view-all-client-timesheet--page-1 .form-item-title-2 {
    clear: left;
}

#node-issue-edit-form #edit-title-wrapper,
#node-issue-form #edit-title-wrapper {
    width: 60%;
}

#node-issue-edit-form #edit-group-issue-details,
#node-issue-form #edit-group-issue-details {
    display: inline-block;
    width: 100%;
    clear: left;
    border: solid 1px #ccc;
}

#node-issue-edit-form #edit-group-issue-details legend,
#node-issue-form #edit-group-issue-details legend {
    background: #839fa9;
}

#node-issue-edit-form .field--name-field-notes,
#node-issue-form .field--name-field-notes {
    width: 75%;
}

#node-issue-edit-form .fieldset-wrapper,
#node-issue-form .fieldset-wrapper {
    width: 100%;
}

#node-issue-edit-form #edit-field-assigned-to-wrapper,
#node-issue-form #edit-field-assigned-to-wrapper {
    clear: left;
}

#node-issue-edit-form #edit-group-dates,
#node-issue-form #edit-group-dates {
    clear: left;
    float: left;
    width: 75%;
    border: solid 1px #ccc;
}

#node-issue-edit-form #edit-group-dates legend,
#node-issue-form #edit-group-dates legend {
    background: #839fa9;
}

#node-issue-edit-form #edit-group-dates .field--type-datetime,
#node-issue-form #edit-group-dates .field--type-datetime {
    float: left;
    width: 33%;
}

#node-issue-edit-form #edit-group-dates .field--type-datetime .form-type-date,
#node-issue-form #edit-group-dates .field--type-datetime .form-type-date {
    width: 92%;
}

#node-issue-edit-form .field--name-field-card-mv,
#node-issue-form .field--name-field-card-mv {
    width: 48%;
    margin-right: 2%;
}

#node-issue-edit-form #edit-field-issue-attachments-wrapper,
#node-issue-form #edit-field-issue-attachments-wrapper {
    float: left;
    width: 50%;
}

#node-issue-edit-form details#edit-field-issue-attachments,
#node-issue-form details#edit-field-issue-attachments {
    box-shadow: none;
    border: solid 1px #ccc;
    margin-top: 15px;
}

#node-issue-edit-form table>thead>tr>th,
#node-issue-form table>thead>tr>th {
    text-align: left;
}

#node-project-card-form #edit-title-wrapper,
#node-project-card-edit-form #edit-title-wrapper {
    width: 60%;
}

#node-project-card-form #edit-field-card-description-wrapper textarea,
#node-project-card-edit-form #edit-field-card-description-wrapper textarea {
    height: 190px;
}

#node-project-card-form .field--name-field-project-list,
#node-project-card-edit-form .field--name-field-project-list {
    width: 25%;
    float: left;
    margin-right: 0.5em;
    clear: left;
}

#node-project-list-form .field--name-field-project-board {
    clear: left;
}

#node-project-list-form .form-item-field-project-board-0-target-id input {
    margin-left: 0;
}

#block-tsd11gui-account-menu .navbar-nav .nav-item a:hover {
    background: #bdd2ff;
}

/*@media (min-width: 600px) {
    .ui-dialog .js-form-item-field-billable-hours-0-value {
	margin: 20px 50px 0px 156px;
    }
    .ui-dialog .js-form-item-field-billed-value {
	display: flex;
	margin-top: 46px;
	margin-left: -170px;
    }
}*/

/*@media (min-width: 900px) {
  .ui-dialog .js-form-item-field-billable-hours-0-value {
    margin: 20px 50px 0px 119px;
  }

  .ui-dialog .js-form-item-field-billed-value {
    margin-left: -244px;
  }
}*/
/*@media (min-width: 600px) {
    .ui-dialog .js-form-item-field-billable-hours-0-value {
	margin: 20px 50px 0px 156px;
    }

    .ui-dialog .js-form-item-field-billed-value {
	width: 5%;
	float: left;
	margin-top: 18px;
	margin-left: 207px;
    }
}*/

/*@media (max-width: 1351px) {
    .ui-dialog .js-form-item-field-billable-hours-0-value {
	margin: 20px 50px 0px 59px;
    }
    .ui-dialog .js-form-item-field-billed-value {
	display: flex;
	margin-top: 46px;
	margin-left: -363px;
    }
}
*/