/* Header */
.user-logged-in header {
    margin-top: 20px;
}

/*Node form for all the ccks*/
.node-form {
    margin: 0%;
}


/*Bg for the header*/
.user-logged-in nav.navbar.navbar-expand-lg {
    background-color:#efebeb !important;
    border: 1px solid #e7e7e7;
    max-width: 100%;
    margin: auto;
    padding-bottom: 0;
}

/*padding for header*/
.user-logged-in .navbar > .container.d-flex {
    align-items: flex-start;
    flex-direction: column;
}

/*Menulink color and padding */

ul.menu a, ul.menu span.nolink {
    color: #000 !important;
    text-decoration: none;
    font-size: 14px;
}

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

ul.sf-menu.sf-style-default a:hover {
    background: #d9d2d2 !important;
}

ul.sf-menu.sf-style-default span.nolink:hover {
    background: #d9d2d2 !important;
}

ul.sf-menu.sf-style-default a.is-active,
ul.sf-menu.sf-style-default span.nolink:active {
    background: #d9d2d2 !important;
}

ul.sf-menu.sf-style-default a.sf-with-ul,
ul.sf-menu.sf-style-default span.nolink.sf-with-ul {
    padding: 11px 17px !important;
}

.navbar-nav > .nav-item > a.nav-link {
    font-size: 14px;
}

ul.menu a:hover ul.menu span.nolink:hover {
    color: #000 !important;
}

ul.sf-menu a ul.sf-menu span.nolink {
    padding: 12px 15px;
}

ul.sf-menu.sf-horizontal ul {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.user-logged-in .navbar-expand-lg .navbar-collapse {
    width: 100%;
}

.user-logged-in .justify-content-md-end{
    justify-content: space-between !important;
}

ul.sf-menu.sf-style-default {
    margin-bottom: 0 !important;
}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul, ul.sf-menu li:active > ul, ul.sf-menu li.sfHover > ul {
    background-color: #fff !important;
    border: 1px solid #0000002d;
    border-radius: 4px;
    left: 0;
    top: 2.5em;
}

ul.sf-menu.menu > li.menuparent > ul > li.sf-depth-2 > a,
ul.sf-menu.menu > li.menuparent > ul > li.sf-depth-2 > span.nolink.sf-depth-2,
ul.sf-menu.menu > li.menuparent > ul > li.sf-depth-2 > ul > li.sf-depth-3 > a,
ul.sf-menu.menu > li.menuparent > ul > li.sf-depth-2 > ul > li.sf-depth-3 > span.nolink.sf-depth-3,
ul.sf-menu.menu > li.menuparent > ul > li.sf-depth-2 > ul > li.sf-depth-3 > ul > li.sf-depth-4 > a{
    padding: 8px 12px !important;
}

ul.sf-menu .sf-sub-indicator{
    display: none;
}

/*Adding subindicator to main menu*/
ul.sf-menu > li.menuparent.sf-depth-1 > span.menuparent.sf-depth-1:after,
ul.sf-menu > li.menuparent.sf-depth-1 > a.menuparent.sf-depth-1:after{
    content: "▼";
    right: 7px;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 14px;
    font-size: xx-small;
}

ul.sf-menu > li.menuparent.sf-depth-1 > ul > li.menuparent.sf-depth-2 > a.menuparent.sf-depth-2:after,
ul.sf-menu > li.menuparent.sf-depth-1 > ul > li.menuparent.sf-depth-2 > span.menuparent.sf-depth-2:after,
ul.sf-menu > li.menuparent.sf-depth-1 > ul > li.menuparent.sf-depth-2 > ul > li.menuparent.sf-depth-3 >  a.menuparent.sf-depth-3:after,
ul.sf-menu > li.menuparent.sf-depth-1 > ul > li.menuparent.sf-depth-2 > ul > li.menuparent.sf-depth-3 >  span.menuparent.sf-depth-3:after
{
    content: "►";
    right: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 5px;
    font-size: 15px;
}

/* Setting the bg-color for the footer for the front-page */

.bg-secondary {
    background-color: transparent !important;
    margin-top: 45px !important;
    padding-top: 35px;
    padding-bottom: 36px;
    border-top: 1px solid #e5e5e5;
}

/* For drupal link */
footer.footer-dark a {
    padding-left: 0 !important;
    color: #777;
}

footer.footer-dark a:hover {
    color: #333;
}

/* Coloring the Powered by text*/

.text-light{
    color: #777 !important;
}

/* site title and logo */

.navbar-brand a.site-title {
    color: #000 !important;
    font-size: larger;
    font-weight: normal;
    text-transform: capitalize !important;
    letter-spacing: 1px;
}

/***************LOGIN PAGE*************/
body:not(.user-logged-in) .navbar .navbar-expand-lg {
    max-width: 100%;
    background-color: transparent !important;
}

body:not(.user-logged-in) header {
    margin-top: 0px;
}

body:not(.user-logged-in) .navbar > .container.d-flex {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

body:not(.user-logged-in)  #block-vlcoreguib5-page-title {
    text-align: center;
    margin-bottom: 4%;
}

body:not(.user-logged-in) #block-vlcoreguib5-mainnavigation
{
    display: none;
}

body:not(.user-logged-in) main .container {
    max-width: 100%;
    margin-top: 1%;
}

body: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;
}

body:not(.user-logged-in) .block-user-login-block h2 {
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 5%;
}

body:not(.user-logged-in) form#user-login-form {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.user-login-form .form-item-name,
.user-login-form .form-item-pass {
    display: flex;
    text-align: end;
    align-items: center;
    margin: 0;
}

.user-login-form .form-item-name label, .form-item-pass label {
    width: 50%;
}

.user-login-form #edit-actions {
    margin: auto;
    padding: 0;
}

.block-user-login-block .item-list ul {
    display: flex;
    flex-direction: column;
    margin-top: 2%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
}

/*****Apply Reset and Preview buttons****/

#edit-submit-view-all-email.btn,
#edit-submit-view-linode.btn,
#edit-submit-view-pending-mail.btn,
#edit-submit-view-sent-email.btn,
#edit-submit-view-all-users.btn,
#edit-submit-test-data-taxonomy.btn,
#edit-submit-clear-cache.btn,
#edit-submit-updatedb.btn,
#edit-submit-of-view-website.btn,
#edit-submit-view-domain.btn,
#edit-submit-view-site-type.btn,
#edit-submit-site-url.btn,
#edit-submit-sub-domains.btn
{
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

#edit-submit-view-all-email.btn:hover,
#edit-submit-view-linode.btn:hover,
#edit-submit-view-pending-mail.btn:hover,
#edit-submit-view-sent-email.btn:hover,
#edit-submit-view-all-users.btn:hover,
#edit-submit-test-data-taxonomy.btn:hover,
#edit-submit-clear-cache.btn:hover,
#edit-submit-updatedb.btn:hover,
#edit-submit-of-view-website.btn:hover,
#edit-submit-view-domain.btn:hover,
#edit-submit-view-site-type.btn:hover,
#edit-submit-site-url.btn:hover,
#edit-submit-sub-domains.btn:hover
{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

#edit-reset.btn {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    margin-left: 0;
}

#edit-reset.btn:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

#edit-preview.btn {
    color: #fff;
    background-color: #52b71e;
    border-color: #0abe4d;
}

#edit-preview.btn:hover {
    color: #fff;
    background-color: #58ab2c;
    border-color: #0abe4d;
}

/*************STAT VIEW***********/

.form-item label {
    font-weight: 500;
}

.form-item{
    margin: 10px 10px 0 0;
}

#vl-stats-mon-form .form-item-site-group {
    width: 25%;
    float: left;
}

#vl-stats-mon-form .form-item-site-type {
    width: 35%;
    float: left;
}

#vl-stats-mon-form .form-item-site-name {
    width: 37%;
    float: left;
}

#vl-stats-mon-form .form-item-action-type {
    float: left;
    width: 35%;
}

/* Aligning the date block */

#vl-stats-mon-form #date-filter {
    margin-top: 0 !important;
    float: left;
    width: 26% !important;
}

.form-item-end-date, .form-item-start-date {
    display: flex;
}

.form-item-start-date label,
.form-item-end-date label{
    width: 50%;
}

/*Stats or Apply button for all pages*/
#edit-actions,
#edit-actions--3 {
    display: inline-block;
    float: left;
    clear: left;
    margin-bottom: 0;
}

.vl-stats-mon-form #edit-submit,
#vl-website-bkp-first-step-form #edit-submit,
#vl-linode-create-records-form #edit-submit,
#edit-actions--3
{
    display: inline-block;
    float: left;
    clear: inline-end;
    margin: 2.5% 0 0 0;
}

/*Margin for all table*/
.table {
    margin-top: 1%;
    Text-align: center;
}

.table>thead, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: 1px solid #ddd;
    font-size: 14px;
}

table > thead > tr > th {
    background-color: #a7a6bbbf !important;
}

.table>thead>tr>th a {
    color: #000;
    text-decoration: none;
}

.table>thead>tr>th a:hover {
    color: #000;
    text-decoration: underline;
}

/*******VIEW LINODE********/
.path-view-linode .form-item-field-ipv4-value,
.path-view-linode .form-item-field-ipv6-value,
.path-view-linode .form-item-title {
    width: 15%;
}

/******CREATE LINODE******/
#node-vl-linode-form #edit-title-wrapper,
#node-vl-linode-form #edit-field-ipv4-wrapper,
#node-vl-linode-form #edit-field-ipv6-wrapper,
#node-vl-linode-form #edit-field-site-type-wrapper {
    width: 25%;
    float: left;
}

#node-vl-linode-form #edit-field-server-address-wrapper {
    width: 50%;
}

/***********VIEW LONIDE RECORDS*********/
#vl-linode-list-records-form #edit-step1-submit {
    margin: 2.5% 0 0 0;
    float: none;
}

/************CREATE LINODE RECORDS*******/
.path-linode-create-records #vl-linode-create-records-form {
    display: flex;
    flex-direction: row;
}

#vl-linode-create-records-form .form-item-ip-v4,
#vl-linode-create-records-form .form-item-ip-v6 {
    margin-top: 3%;
}

/******TEST DATA TAXONOMY********/
#views-exposed-form-test-data-taxonomy-page-1 .form-item-vid {
    width: 27%;
}

/*******VIEW ALL USERS********/

#views-exposed-form-view-all-users-page-1 .form-item-status-1 {
    width: 7%;
}

#views-exposed-form-view-all-users-page-1 .form-item-uid {
    width: 35%;
}

/*********VIEW WEBSITE************/
#views-exposed-form-of-view-website-page-1 .form-item-field-site-name-value,
#views-exposed-form-updatedb-page-1 .form-item-field-site-name-value,
#views-exposed-form-clear-cache-page-1 .form-item-field-site-name-value
{
    width: 20%;
}

.path-website .view-of-view-website .views-form {
    overflow: auto;
}

#views-form-of-view-website-page-1 .table {
    min-width: max-content;
}

/**********CREATE WEBSITE***************/
#node-website-form details > .details-wrapper {
    display: inline-block;
    padding: 10px 15px;
}

#node-website-form #edit-group-domain-info,
#node-website-form #edit-group-site-info,
#node-website-form #edit-group-api-details{
    display: inline-block;
}

#node-website-form,
#node-domain-form
{
    margin: 0 !important;
}

/*********** Doamin details ***********/
#node-website-form #edit-field-vl-linode-wrapper {
    width: 34%;
    float: left;
}

#node-website-form #edit-field-domain-er-wrapper, #node-website-form #edit-title-wrapper {
    width: 33%;
    float: left;
}

#node-website-form .form-item-field-vl-linode,
#node-website-form .form-item-field-site-group,
#node-website-form .form-item-field-path-0-value,
#node-website-form #edit-field-site-url-0,
#node-website-form .form-item-field-api-password-0-value{
    margin-right: 0;
}

/************ Site details ************/
#node-website-form #edit-field-site-name-wrapper,
#node-website-form #edit-field-site-group-wrapper,
#node-website-form #edit-field-site-type-wrapper,
#node-website-form #edit-field-path-wrapper{
    width: 50%;
    float:left;
}

#node-website-form #edit-field-site-url-wrapper {
    display: inline-block;
}

#node-website-form #edit-field-site-url-wrapper .fieldset-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
}

.form-item-field-site-url-0-uri, .form-item-field-site-url-0-title {
    width: 100%;
}

#edit-group-api-details .accordion-body {
    display: flex;
}

/************CREATE DOMAIN**********/
#edit-group-domain-details .accordion-body {
    display: flex;
}

#views-exposed-form-view-domain-page-1 .form-item-title-1,
#views-exposed-form-view-domain-page-1 .form-item-field-vl-linode-target-id-entityreference-filter,
#views-exposed-form-view-domain-page-1 .form-item-field-site-type-value
{
    width: 15%;
}

#views-exposed-form-view-domain-page-1 .form-item-title,
#views-exposed-form-view-domain-page-1 .form-item-term-node-tid-depth {
    width: 20%;
}

/****VIEW SITE TYPE*******/
#views-exposed-form-view-site-type-page-1 .form-item-title-1,
#views-exposed-form-view-site-type-page-1 .form-item-title {
    width: 20%;
}

/*****VIEW SITE URL********/
.form-item-title-1, .form-item-title, .form-item-field-vl-linode-target-id-entityreference-filter {
    width: 17%;
}

/******CLEAR CACHE and UPDATEDB******/
#views-form-clear-cache-page-1 .form-item-action,
#views-form-updatedb-page-1 .form-item-action{
    width: 20%;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}


/*VBO-Ation block*/

.vbo-view-form#views-form-clear-cache-page-1,
.vbo-view-form#views-form-updatedb-page-1
{
    display: flex;
    flex-direction: column-reverse;
}

.vbo-view-form#views-form-clear-cache-page-1 #edit-header, .vbo-view-form#views-form-updatedb-page-1 #edit-header {
    padding: 2%;
    background-color: #232429;
    border-radius: 4px;
    color: #fff;
}

.vbo-view-form#views-form-clear-cache-page-1 details.vbo-multipage-selector,
.vbo-view-form#views-form-clear-cache-page-1 .form-item-select-all,
.vbo-view-form#views-form-updatedb-page-1 details.vbo-multipage-selector,
.vbo-view-form#views-form-updatedb-page-1 .form-item-select-all
{
    display: inline-block;
    margin-top: 2%;
    width: 30%;
    float: left;
    margin-right: 1%;
    margin-bottom: 0;
}

.vbo-view-form#views-form-clear-cache-page-1 .form-item-select-all,
.vbo-view-form#views-form-updatedb-page-1 .form-item-select-all{
    margin-top: 2.5%;
}

.vbo-view-form#views-form-clear-cache-page-1 #edit-actions--2,
.vbo-view-form#views-form-updatedb-page-1 #edit-actions--2{
    display: none;
}

.vbo-view-form#views-form-clear-cache-page-1 #edit-actions--3,
.vbo-view-form#views-form-updatedb-page-1 #edit-actions--3
{
    margin-top: 2%;
}

/*****TAKE DBBKP*******/
#vl-website-bkp-first-step-form .form-item-dbbkp-name {
    width: 50%;
    float: left;
}


/* Nested (level 2+) main-nav dropdowns render as flyout submenus.
   Pairs with the menu--main.html.twig override, which recurses into
   item.below at every depth instead of only menu_level == 0. */
.navbar-nav .nav-link.dropdown-toggle {
    color: #000 !important;
    cursor: pointer;
    font-size: 14px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    font-size: 13px;
    top: 32px
}

.navbar-nav .dropdown-submenu {
    position: relative;
}

.dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
    background-color: #d7d7d7 !important;
}

#block-vlcoreguib5-main-navigation li:has(.is-active),
.nav-item > li:has(a.is-active) {
    background: #d7d7d7 !important;
    color: #1a1919 !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.dropdown-toggle:hover,
.nav-link:hover,
.navbar-nav .nav-link.dropdown-toggle:active,
.dropdown-item:hover {
    background: #d5d2d2d4;
    color: #1a1919 !important;
}

.navbar-nav .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.navbar-nav .dropdown-submenu > .dropdown-item.dropdown-toggle::after {
    float: right;
    margin-top: 0.4em;
    transform: rotate(-90deg);
}

.navbar-nav .dropdown-submenu:hover > .dropdown-menu,
.navbar-nav .dropdown-submenu:focus-within > .dropdown-menu {
    display: block;
}

/* Flip to the left when a flyout would otherwise overflow the viewport. */
.navbar-nav .dropdown-submenu.dropend-left > .dropdown-menu {
    left: auto;
    right: 100%;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    transform: translateY(0px);
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
}